/* 深色模式 — html.dark 由 js/dark-mode.js 注入；
   所有颜色改用 CSS 变量，与各页面 html[data-theme="dark"] token 体系兼容，避免硬编码蓝色渐变覆盖页面样式 */

/* body 不加 !important，让页面自身的 html[data-theme="dark"] body 渐变规则胜出（后加载，优先级相同时后者赢） */
html.dark body {
    background: var(--bg, #000);
    color: var(--text, #ededed);
}
html.dark .glass {
    background: var(--panel, #0a0a0a) !important;
    border-color: var(--line, #333333) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
html.dark aside.glass,
html.dark header.glass {
    background: var(--panel, #0a0a0a) !important;
    border-color: var(--line, #333333) !important;
}
html.dark .nav-item:not(.gradient-bg),
html.dark .nav-item:not(.gradient-bg) span {
    color: var(--text-soft, #a3a3a3) !important;
    -webkit-text-fill-color: var(--text-soft, #a3a3a3) !important;
}
html.dark .nav-item:not(.gradient-bg):hover {
    background: var(--hover, rgba(255,255,255,0.06)) !important;
    color: var(--text, #ededed) !important;
    -webkit-text-fill-color: var(--text, #ededed) !important;
}
html.dark .border-gray-200\/50 {
    border-color: var(--line, #333333) !important;
}
html.dark .dark-force-white {
    color: var(--text, #ededed) !important;
    -webkit-text-fill-color: var(--text, #ededed) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}
html.dark aside .text-gray-500,
html.dark header .text-gray-500 {
    color: var(--text-muted, #737373) !important;
    -webkit-text-fill-color: var(--text-muted, #737373) !important;
}
html.dark .text-gray-800 { color: var(--text, #ededed) !important; }
html.dark .text-gray-600 { color: var(--text-soft, #a3a3a3) !important; }
html.dark .text-gray-500 { color: var(--text-soft, #a3a3a3) !important; }
html.dark .text-gray-400 { color: var(--text-muted, #737373) !important; }