/* 暗色模式适配：site.css 已包含 token，暗色变量会自动应用。
   这里只保留少量仍需针对 .dark class 兜底的样式。 */

@media (prefers-color-scheme: dark) {
    html:not(.light) body {
        background-color: rgb(16, 16, 20);
        color: rgba(255, 255, 255, .82);
    }
}
html.dark body {
    background-color: rgb(16, 16, 20);
    color: rgba(255, 255, 255, .82);
}
html.dark .navbar { border-bottom-color: rgba(255, 255, 255, .09); }
html.dark .footer { border-top-color: rgba(255, 255, 255, .09); }
html.dark .mobile-menu-popover { box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .24), 0 6px 12px rgba(0, 0, 0, .16), 0 9px 18px 8px rgba(0, 0, 0, .1); }