/* ── Theme Overrides (data-theme on ) ───────────────────────────────── */
/* Format: [data-theme="{color}-{brightness}"] */
/* Default (no data-theme or violet-dark) → :root in base.css */
/* ═══════════════════════════════════════════════════════ VIOLET ═══════════ */
[data-theme="violet-dark"] {
--c-bg: #0d0d0d;
--c-bg2: #1a1a2e;
--c-bg3: #16213e;
--c-accent: #7c3aed;
--c-accent-h: #9d5cf6;
--c-accent-rgb: 124, 58, 237;
--c-accent-glow: rgba(124, 58, 237, 0.4);
--c-text: #e2e8f0;
--c-text-muted: #94a3b8;
--c-border: rgba(255,255,255,0.08);
--c-glass: rgba(255,255,255,0.04);
--c-glass-h: rgba(255,255,255,0.08);
--c-bg-rgb: 13, 13, 13;
--c-bg2-rgb: 26, 26, 46;
}
[data-theme="violet-normal"] {
--c-bg: #12091e;
--c-bg2: #1e1235;
--c-bg3: #271848;
--c-accent: #8b5cf6;
--c-accent-h: #a78bfa;
--c-accent-rgb: 139, 92, 246;
--c-accent-glow: rgba(139, 92, 246, 0.4);
--c-text: #e2e8f0;
--c-text-muted: #94a3b8;
--c-border: rgba(255,255,255,0.10);
--c-glass: rgba(255,255,255,0.05);
--c-glass-h: rgba(255,255,255,0.10);
--c-bg-rgb: 18, 9, 30;
--c-bg2-rgb: 30, 18, 53;
}
[data-theme="violet-light"] {
--c-bg: #f5f0ff;
--c-bg2: #ede8ff;
--c-bg3: #e4dcff;
--c-accent: #7c3aed;
--c-accent-h: #6d28d9;
--c-accent-rgb: 124, 58, 237;
--c-accent-glow: rgba(124, 58, 237, 0.3);
--c-text: #1e1040;
--c-text-muted: #6b5f8c;
--c-border: rgba(0,0,0,0.18);
--c-glass: rgba(0,0,0,0.04);
--c-glass-h: rgba(0,0,0,0.08);
--c-bg-rgb: 245, 240, 255;
--c-bg2-rgb: 237, 232, 255;
}
/* ═══════════════════════════════════════════════════════ BLUE ══════════════ */
[data-theme="blue-dark"] {
--c-bg: #0d0d0d;
--c-bg2: #0d1a2e;
--c-bg3: #0d1e3e;
--c-accent: #2563eb;
--c-accent-h: #3b82f6;
--c-accent-rgb: 37, 99, 235;
--c-accent-glow: rgba(37, 99, 235, 0.4);
--c-text: #e2e8f0;
--c-text-muted: #94a3b8;
--c-border: rgba(255,255,255,0.08);
--c-glass: rgba(255,255,255,0.04);
--c-glass-h: rgba(255,255,255,0.08);
--c-bg-rgb: 13, 13, 13;
--c-bg2-rgb: 13, 26, 46;
}
[data-theme="blue-normal"] {
--c-bg: #0f172a;
--c-bg2: #1e2d4a;
--c-bg3: #253561;
--c-accent: #3b82f6;
--c-accent-h: #60a5fa;
--c-accent-rgb: 59, 130, 246;
--c-accent-glow: rgba(59, 130, 246, 0.4);
--c-text: #e2e8f0;
--c-text-muted: #94a3b8;
--c-border: rgba(255,255,255,0.10);
--c-glass: rgba(255,255,255,0.05);
--c-glass-h: rgba(255,255,255,0.10);
--c-bg-rgb: 15, 23, 42;
--c-bg2-rgb: 30, 45, 74;
}
[data-theme="blue-light"] {
--c-bg: #eff6ff;
--c-bg2: #dbeafe;
--c-bg3: #bfdbfe;
--c-accent: #2563eb;
--c-accent-h: #1d4ed8;
--c-accent-rgb: 37, 99, 235;
--c-accent-glow: rgba(37, 99, 235, 0.3);
--c-text: #1e3a5f;
--c-text-muted: #4a6fa5;
--c-border: rgba(0,0,0,0.18);
--c-glass: rgba(0,0,0,0.04);
--c-glass-h: rgba(0,0,0,0.08);
--c-bg-rgb: 239, 246, 255;
--c-bg2-rgb: 219, 234, 254;
}
/* ═══════════════════════════════════════════════════════ GREEN ═════════════ */
[data-theme="green-dark"] {
--c-bg: #0d0d0d;
--c-bg2: #0a1a0a;
--c-bg3: #0d210d;
--c-accent: #16a34a;
--c-accent-h: #22c55e;
--c-accent-rgb: 22, 163, 74;
--c-accent-glow: rgba(22, 163, 74, 0.4);
--c-text: #e2e8f0;
--c-text-muted: #94a3b8;
--c-border: rgba(255,255,255,0.08);
--c-glass: rgba(255,255,255,0.04);
--c-glass-h: rgba(255,255,255,0.08);
--c-bg-rgb: 13, 13, 13;
--c-bg2-rgb: 10, 26, 10;
}
[data-theme="green-normal"] {
--c-bg: #0a1a0a;
--c-bg2: #14291a;
--c-bg3: #1a3522;
--c-accent: #22c55e;
--c-accent-h: #4ade80;
--c-accent-rgb: 34, 197, 94;
--c-accent-glow: rgba(34, 197, 94, 0.4);
--c-text: #e2e8f0;
--c-text-muted: #94a3b8;
--c-border: rgba(255,255,255,0.10);
--c-glass: rgba(255,255,255,0.05);
--c-glass-h: rgba(255,255,255,0.10);
--c-bg-rgb: 10, 26, 10;
--c-bg2-rgb: 20, 41, 26;
}
[data-theme="green-light"] {
--c-bg: #f0fdf4;
--c-bg2: #dcfce7;
--c-bg3: #bbf7d0;
--c-accent: #16a34a;
--c-accent-h: #15803d;
--c-accent-rgb: 22, 163, 74;
--c-accent-glow: rgba(22, 163, 74, 0.3);
--c-text: #14532d;
--c-text-muted: #166534;
--c-border: rgba(0,0,0,0.18);
--c-glass: rgba(0,0,0,0.04);
--c-glass-h: rgba(0,0,0,0.08);
--c-bg-rgb: 240, 253, 244;
--c-bg2-rgb: 220, 252, 231;
}
/* ═══════════════════════════════════════════════════════ RED ═══════════════ */
[data-theme="red-dark"] {
--c-bg: #0d0d0d;
--c-bg2: #1a0a0a;
--c-bg3: #210d0d;
--c-accent: #dc2626;
--c-accent-h: #ef4444;
--c-accent-rgb: 220, 38, 38;
--c-accent-glow: rgba(220, 38, 38, 0.4);
--c-text: #e2e8f0;
--c-text-muted: #94a3b8;
--c-border: rgba(255,255,255,0.08);
--c-glass: rgba(255,255,255,0.04);
--c-glass-h: rgba(255,255,255,0.08);
--c-bg-rgb: 13, 13, 13;
--c-bg2-rgb: 26, 10, 10;
}
[data-theme="red-normal"] {
--c-bg: #1a0a0a;
--c-bg2: #2e1414;
--c-bg3: #3d1a1a;
--c-accent: #ef4444;
--c-accent-h: #f87171;
--c-accent-rgb: 239, 68, 68;
--c-accent-glow: rgba(239, 68, 68, 0.4);
--c-text: #e2e8f0;
--c-text-muted: #94a3b8;
--c-border: rgba(255,255,255,0.10);
--c-glass: rgba(255,255,255,0.05);
--c-glass-h: rgba(255,255,255,0.10);
--c-bg-rgb: 26, 10, 10;
--c-bg2-rgb: 46, 20, 20;
}
[data-theme="red-light"] {
--c-bg: #fff5f5;
--c-bg2: #fee2e2;
--c-bg3: #fecaca;
--c-accent: #dc2626;
--c-accent-h: #b91c1c;
--c-accent-rgb: 220, 38, 38;
--c-accent-glow: rgba(220, 38, 38, 0.3);
--c-text: #7f1d1d;
--c-text-muted: #991b1b;
--c-border: rgba(0,0,0,0.18);
--c-glass: rgba(0,0,0,0.04);
--c-glass-h: rgba(0,0,0,0.08);
--c-bg-rgb: 255, 245, 245;
--c-bg2-rgb: 254, 226, 226;
}
/* ═══════════════════════════════════════════════════════ YELLOW ════════════ */
[data-theme="yellow-dark"] {
--c-bg: #0d0d0d;
--c-bg2: #1a1a0a;
--c-bg3: #21210d;
--c-accent: #ca8a04;
--c-accent-h: #eab308;
--c-accent-rgb: 202, 138, 4;
--c-accent-glow: rgba(202, 138, 4, 0.4);
--c-text: #e2e8f0;
--c-text-muted: #94a3b8;
--c-border: rgba(255,255,255,0.08);
--c-glass: rgba(255,255,255,0.04);
--c-glass-h: rgba(255,255,255,0.08);
--c-bg-rgb: 13, 13, 13;
--c-bg2-rgb: 26, 26, 10;
}
[data-theme="yellow-normal"] {
--c-bg: #1a1600;
--c-bg2: #2e2800;
--c-bg3: #3d3400;
--c-accent: #eab308;
--c-accent-h: #facc15;
--c-accent-rgb: 234, 179, 8;
--c-accent-glow: rgba(234, 179, 8, 0.4);
--c-text: #e2e8f0;
--c-text-muted: #94a3b8;
--c-border: rgba(255,255,255,0.10);
--c-glass: rgba(255,255,255,0.05);
--c-glass-h: rgba(255,255,255,0.10);
--c-bg-rgb: 26, 22, 0;
--c-bg2-rgb: 46, 40, 0;
}
[data-theme="yellow-light"] {
--c-bg: #fefce8;
--c-bg2: #fef9c3;
--c-bg3: #fef08a;
--c-accent: #ca8a04;
--c-accent-h: #a16207;
--c-accent-rgb: 202, 138, 4;
--c-accent-glow: rgba(202, 138, 4, 0.3);
--c-text: #713f12;
--c-text-muted: #92400e;
--c-border: rgba(0,0,0,0.18);
--c-glass: rgba(0,0,0,0.04);
--c-glass-h: rgba(0,0,0,0.08);
--c-bg-rgb: 254, 252, 232;
--c-bg2-rgb: 254, 249, 195;
}