@charset "UTF-8"; /* ========================================================================== THEME OVERRIDES Each block redefines only the tokens declared in styles.css :root. Applied by setting data-theme on (js/theme.js, or hardcoded in a folder's index.html). Every value here is contrast-validated — see palette_check.py at the repo root: text >=7:1, dim/accent/support >=4.5:1 against the worst surface they land on, accent saturation <=82%, and dark themes carry >=1.2:1 surface separation so panels read as planes instead of melting into the page. ========================================================================== */ /* ---------- WARM GRAPHITE ------------------------------------------------- Dark, warm, no blue anywhere. Neutral graphite surfaces with a single amber accent; muted teal carries the secondary role. */ :root[data-theme="graphite"]{ --bg:#14161A; --bg-rgb:20,22,26; --surface-1:#2A2C31; --surface-1-rgb:42,44,49; --surface-2:#383B41; --surface-deep:#0E0F12; --text:#EDEFF2; --text-rgb:237,239,242; --dim:#A7AEB9; --dim-rgb:167,174,185; --accent:#E8AC60; --accent-rgb:232,172,96; --accent-hi:#FFD9A8; --support:#8FC4BB; --support-rgb:143,196,187; --danger:#FF8A7A; --danger-rgb:255,120,100; --danger-hi:#FFAFA3; --tint-rgb:255,255,255; --shadow-rgb:0,0,0; --scrim-rgb:8,9,11; --before-1:#1F1611; --before-2:#150F0C; --wave-base:#2E2822; --helix-base:#17140F; --glow:.5; } /* ---------- DEEP EMERALD -------------------------------------------------- Dark, on-message: green reads as pass / approved / compliant, which is the business. Keeps the 3D drama, drops the neon. */ :root[data-theme="emerald"]{ --bg:#071410; --bg-rgb:7,20,16; --surface-1:#172C25; --surface-1-rgb:23,44,37; --surface-2:#223C33; --surface-deep:#040D0A; --text:#E6F0EA; --text-rgb:230,240,234; --dim:#9FB7AB; --dim-rgb:159,183,171; --accent:#3FC894; --accent-rgb:63,200,148; --accent-hi:#A8F0D2; --support:#D8BE78; --support-rgb:216,190,120; --danger:#FF8A8A; --danger-rgb:255,110,110; --danger-hi:#FFACAC; --tint-rgb:255,255,255; --shadow-rgb:0,0,0; --scrim-rgb:3,10,8; --before-1:#1A0F0C; --before-2:#110907; --wave-base:#12291F; --helix-base:#08140F; --glow:.55; }