/* ===================================================================== Per-theme color overrides — applied via . Each block overrides color tokens only; layout rules live in theme.css and app.css. :root carries the default (squared-away) values. ===================================================================== */ [data-theme="squared-away"] { /* Mirrors :root defaults — explicit for clarity when data-theme is set */ } [data-theme="midnight"] { --bg: #0A0E14; --surface: #121820; --surface-raised: #0E1218; --text: #E8ECF1; --text-muted: #8B95A5; --brand: #6366F1; --brand-dim: #4F46E5; --brand-light: #818CF8; --brand-dark: #3730A3; --brand-rgb: 99, 102, 241; --accent: #A78BFA; --accent-dim: #8B5CF6; --accent-light: #C4B5FD; --accent-rgb: 167, 139, 250; --border: #1E2530; --border-highlight: #2A3344; --grid-line: #141A24; --glow-primary: #6366F1; --glow-secondary: #818CF8; --glow-opacity: 0.12; --nav-bg: rgba(6, 8, 12, 0.85); } [data-theme="aurora"] { --bg: #0F172A; --surface: #1E293B; --surface-raised: #162032; --text: #F1F5F9; --text-muted: #94A3B8; --brand: #22D3EE; --brand-dim: #06B6D4; --brand-light: #67E8F9; --brand-dark: #0891B2; --brand-rgb: 34, 211, 238; --accent: #C084FC; --accent-dim: #A855F7; --accent-light: #D8B4FE; --accent-rgb: 192, 132, 252; --border: #334155; --border-highlight: #475569; --grid-line: #1A2744; --glow-primary: #22D3EE; --glow-secondary: #C084FC; --glow-opacity: 0.14; --nav-bg: rgba(10, 15, 30, 0.82); } [data-theme="ocean"] { --bg: #0C1929; --surface: #132337; --surface-raised: #0F1D2E; --text: #E0F2FE; --text-muted: #7CB8DB; --brand: #38BDF8; --brand-dim: #0EA5E9; --brand-light: #7DD3FC; --brand-dark: #0284C7; --brand-rgb: 56, 189, 248; --accent: #818CF8; --accent-dim: #6366F1; --accent-light: #A5B4FC; --accent-rgb: 129, 140, 248; --border: #1E3A52; --border-highlight: #2A5070; --grid-line: #122640; --glow-primary: #38BDF8; --glow-secondary: #0EA5E9; --glow-opacity: 0.13; --nav-bg: rgba(8, 16, 28, 0.85); } [data-theme="ember"] { --bg: #1A1210; --surface: #2A1E1A; --surface-raised: #221814; --text: #FEF3E2; --text-muted: #C4A882; --brand: #F97316; --brand-dim: #EA580C; --brand-light: #FB923C; --brand-dark: #C2410C; --brand-rgb: 249, 115, 22; --accent: #F472B6; --accent-dim: #EC4899; --accent-light: #F9A8D4; --accent-rgb: 244, 114, 182; --border: #3D2A22; --border-highlight: #523830; --grid-line: #241810; --glow-primary: #F97316; --glow-secondary: #FB923C; --glow-opacity: 0.14; --nav-bg: rgba(14, 10, 8, 0.85); } [data-theme="carbon"] { --bg: #141414; --surface: #1F1F1F; --surface-raised: #1A1A1A; --text: #F5F5F5; --text-muted: #A3A3A3; --brand: #39D353; --brand-dim: #2AA841; --brand-light: #5CE075; --brand-dark: #1A7F2E; --brand-rgb: 57, 211, 83; --accent: #A3A3A3; --accent-dim: #737373; --accent-light: #D4D4D4; --accent-rgb: 163, 163, 163; --border: #2E2E2E; --border-highlight: #404040; --grid-line: #1C1C1C; --glow-primary: #39D353; --glow-secondary: #525252; --glow-opacity: 0.08; --nav-bg: rgba(10, 10, 10, 0.9); } [data-theme="light"] { --bg: #F5F7FA; --surface: #FFFFFF; --surface-raised: #EEF1F5; --text: #1C2733; --text-muted: #5A7184; --brand: #39D353; --brand-dim: #2AA841; --brand-light: #5CE075; --brand-dark: #1A7F2E; --brand-rgb: 57, 211, 83; --accent: #7C3AED; --accent-dim: #6D28D9; --accent-light: #8B5CF6; --accent-rgb: 124, 58, 237; --danger: #DC2626; --danger-rgb: 220, 38, 38; --warning: #D97706; --border: #D8E0E8; --border-highlight: #C0CDD8; --grid-line: rgba(28, 39, 51, 0.06); --glow-primary: #39D353; --glow-secondary: #7C3AED; --glow-opacity: 0.06; --nav-bg: rgba(255, 255, 255, 0.88); }