/* ============================================================ DICTATOR · "New" skin — IN-RIGA palette "Paper, ink, one orange." Light = default (:root). Dark = (IN-RIGA's dark re-tint, bound to the .dark class the frozen topbar toggles — not data-theme). Keeps every original variable name + a few extra role tokens (mapped to the named brand colors in app-v2.html's Tailwind config). Values are sRGB triplets of IN-RIGA's hex tokens. ============================================================ */ :root { /* ---- Paper surfaces / wells ---- */ --color-background: 244 239 230; /* paper — page + wells */ --color-background-secondary: 235 229 216; /* paper-2 — panels/rail */ --color-background-subtle: 225 218 201; /* paper-3 — hover/rows */ /* ---- Ink ---- */ --color-text: 14 14 12; /* ink */ --color-text-secondary: 92 90 84; /* readable secondary */ --color-text-muted: 122 120 114; /* muted */ /* ---- The one accent: orange ---- */ --color-accent: 255 70 18; --color-accent-hover: 230 61 14; /* #e63d0e */ --color-accent-light: 255 228 219; /* light orange wash for banners */ /* ---- Borders (line hairline + committed ink) ---- */ --color-border: 216 211 203; /* line hairline */ --color-border-light: 230 226 218; --color-border-dark: 14 14 12; /* ink — committed 1.5px frames */ /* ---- Extra role tokens (mapped to named brand colors) ---- */ --color-mic: 42 138 62; /* heart-mist — mic idle (ready) + success */ --color-danger: 196 50 26; /* unexplored-goodness — recording + error */ --color-spell: 255 70 18; /* address action (orange ID) */ --color-snippet: 26 76 242; /* translate action (info blue) */ --color-secure: 217 145 0; /* notices (warn amber) */ --color-voice: 14 14 12; /* voice-night = ink */ --color-unknown: 255 70 18; /* unknown-harmony = orange */ --orange-soft: 255 70 18; } /* Dark = IN-RIGA charcoal re-tint */ .dark { --color-background: 20 19 15; /* paper */ --color-background-secondary: 29 28 23; /* paper-2 */ --color-background-subtle: 38 36 30; /* paper-3 */ --color-text: 244 239 230; /* ink */ --color-text-secondary: 170 165 152; --color-text-muted: 138 135 125; --color-accent: 255 90 42; /* #ff5a2a */ --color-accent-hover: 230 70 28; --color-accent-light: 58 30 20; --color-border: 47 46 41; --color-border-light: 38 36 30; --color-border-dark: 244 239 230; /* ink = paper */ --color-mic: 95 199 119; /* good */ --color-danger: 238 106 85; /* bad */ --color-spell: 255 90 42; /* orange */ --color-snippet: 106 138 247; /* info */ --color-secure: 240 177 61; /* warn */ --color-voice: 244 239 230; --color-unknown: 255 90 42; }