/* Clean Room — Theme Tokens * Copied from desktop design system (base.css + theme files). * 3 themes: legion-dark, quant-dark, quant-light. Default: quant-dark. * Class on toggles active theme. * Zero invented values — every token traced to a reference file. */ :root { --radius: 0px; --cyan: #00e5ff; --cyan-rgb: 0, 229, 255; --purple: #8b5cf6; --purple-rgb: 139, 92, 246; --amber: #ff9500; --amber-rgb: 255, 149, 0; --gold: #ffcc00; --green: #00ff88; --green-rgb: 0, 255, 136; --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace; } /* ===== LEGION DARK (default) ===== */ .legion-dark { color-scheme: dark; --background: 220 15% 4%; --foreground: 0 0% 100%; --card: 220 12% 6%; --muted-foreground: 220 10% 50%; --dim-foreground: 220 9% 46%; --border: 220 10% 18%; --border-hex: #292c32; --border-bright-hex: #3b3e45; --primary: 191 100% 50%; --destructive: 0 84% 60%; } /* ===== QUANT DARK ===== */ .quant-dark { color-scheme: dark; --background: 222 47% 11%; --foreground: 210 40% 96%; --card: 215 28% 17%; --muted-foreground: 215 20% 65%; --dim-foreground: 215 20% 65%; --border: 215 25% 27%; --border-hex: #334155; --border-bright-hex: #475569; --primary: 199 89% 48%; --destructive: 0 84% 60%; --cyan: #0ea5e9; --cyan-rgb: 14, 165, 233; } /* ===== QUANT LIGHT ===== */ .quant-light { color-scheme: light; --background: 220 20% 97%; --foreground: 220 40% 13%; --card: 0 0% 100%; --muted-foreground: 220 15% 45%; --dim-foreground: 240 4% 63%; --border: 220 20% 88%; --border-hex: #dadee7; --border-bright-hex: #bec4cf; --primary: 32 95% 52%; --destructive: 0 72% 51%; --cyan: #0088a0; --cyan-rgb: 0, 136, 160; --purple: #64748b; --amber: #ca8a04; --green: #008844; }