:root, html[data-theme="dark"] {
    --bg-body: #050505;
    --bg: #050505;
    --bg2: #0d1120;
    --sidebar-bg: #101010;
    --panel: #101010;
    --surface: #151515;
    --accent: #8b5cf6;
    --text: #f5f5f5;
    --text-dim: #a6a6a6;
    --text-muted: #a6a6a6;
    --muted: #a6a6a6;
    --border: rgba(255,255,255,0.08);
    --line: rgba(255,255,255,0.08);
    --card-sub: rgba(255,255,255,0.03);
    --btn-menu-bg: rgba(255,255,255,0.05);
    --card-bg: #141414;
    --input-bg: #080808;
}
html[data-theme="light"] {
    --bg-body: #f3f4f6;
    --bg: #f3f4f6;
    --bg2: #e5e7eb;
    --sidebar-bg: #ffffff;
    --panel: #ffffff;
    --surface: #f9fafb;
    --accent: #7c3aed;
    --text: #111827;
    --text-dim: #6b7280;
    --text-muted: #6b7280;
    --muted: #6b7280;
    --border: rgba(0,0,0,0.1);
    --line: rgba(0,0,0,0.1);
    --card-sub: rgba(0,0,0,0.04);
    --btn-menu-bg: rgba(0,0,0,0.05);
    --card-bg: #ffffff;
    --input-bg: #f4f4f5;
}
html { background: var(--bg-body); }
body { background: var(--bg-body) !important; color: var(--text); }
html[data-theme="light"] .space-sky { opacity: .35; }