/* Baltrix – Sporty Modern Theme Tokens Drop-in override loaded AFTER existing CSS. No JS changes required. Theme selection: set . */ :root{ /* layout */ --r-1: 10px; --r-2: 16px; --r-3: 22px; --sh-1: 0 10px 30px rgba(0,0,0,.35); --sh-2: 0 18px 60px rgba(0,0,0,.45); /* typography */ --font-ui: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; --font-display: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; /* base (default = Arena Gold) */ --bg: #080B14; --surface: #0F1626; --surface-2: #111A2B; --border: #1F2A40; --text: #EAF0FF; --muted: #9DB1FF; --brand: #D9B559; --brand-2: #BF9A2F; --brand-3: #FFDE78; --accent: var(--brand); --accent-2: var(--brand-3); --ok: #16A34A; --bad: #EF4444; --warning: #F5D061; --danger: #EF4444; /* focus */ --focus: rgba(255, 222, 120, .92); --focus-offset: 3px; /* glass */ --glass-bg: rgba(17,26,43,.66); --glass-border: rgba(255,255,255,.10); /* compatibility mapping (existing CSS variables) */ --panel: var(--surface); --panel2: var(--surface-2); } /* Carbon Neon */ :root[data-theme="carbon"]{ --bg: #070A10; --surface: #0D1320; --surface-2: #111A2B; --border: #1C2A3D; --text: #EAF0FF; --muted: #9DB1FF; --brand: #22C55E; --brand-2: #16A34A; --brand-3: #60A5FA; --accent: #22C55E; --accent-2: #60A5FA; --focus: rgba(34,197,94,.92); } /* Track Blue/Red */ :root[data-theme="track"]{ --bg: #071018; --surface: #0B1B2A; --surface-2: #0F2740; --border: #1B3350; --text: #EAF0FF; --muted: rgba(234,240,255,.68); --brand: #3B82F6; --brand-2: #2563EB; --brand-3: #F59E0B; --accent: #3B82F6; --accent-2: #F59E0B; --danger: #EF4444; --focus: rgba(59,130,246,.92); } /* Respect user preference for dark UI widgets */ :root{ color-scheme: dark; }