/* Alex HQ colour themes. Source of truth for the palettes (and the WCAG AA check): scratchpad themes/palettes.py (regenerate with --css).
   Semantic tokens: bg, bg2, surface, surface-2, border, text, muted, na (not tracked), accent, accent-2, good, warn, bad (+ on-* for text on fills),
   c-blue/c-pink/c-violet/c-orange/c-lime (chart + channel colours), shadow-c. The red/amber/green bottleneck colours keep >= 4.5:1 on every surface in every theme.
   Default (no data-theme) = Midnight; the inline <head> script picks Light Clean when the OS is light and nothing is saved. */
:root,[data-theme=midnight]{--bg:#0a0f1e;--bg2:#0d1326;--surface:#111a30;--surface-2:#172038;--border:#263252;--text:#e7ebf7;--muted:#8f99b8;--na:#5f6a88;--accent:#8b95ff;--on-accent:#0a0f1e;--accent-2:#f6bd4f;--on-accent-2:#1a1300;--good:#3ddc97;--on-good:#04131c;--warn:#fbbf24;--on-warn:#1a1300;--bad:#ff6b6b;--on-bad:#1a0505;--c-blue:#60a5fa;--c-pink:#f472b6;--c-violet:#a78bfa;--c-orange:#fb923c;--c-lime:#4ade80;--shadow-c:rgba(0,0,0,.35);color-scheme:dark}
[data-theme=graphite]{--bg:#0c0c0e;--bg2:#111113;--surface:#161618;--surface-2:#1e1e21;--border:#2c2c31;--text:#ededf0;--muted:#8e8e97;--na:#6b6b74;--accent:#34d399;--on-accent:#04131c;--accent-2:#e8c170;--on-accent-2:#1a1300;--good:#4ade80;--on-good:#04131c;--warn:#fbbf24;--on-warn:#1a1300;--bad:#f87171;--on-bad:#1a0505;--c-blue:#60a5fa;--c-pink:#f472b6;--c-violet:#a78bfa;--c-orange:#fb923c;--c-lime:#a3e635;--shadow-c:rgba(0,0,0,.4);color-scheme:dark}
[data-theme=aurora]{--bg:#090c1a;--bg2:#0c1022;--surface:#10152b;--surface-2:#161c38;--border:#283058;--text:#e8ecff;--muted:#929dc6;--na:#5f6a97;--accent:#2dd4bf;--on-accent:#04131c;--accent-2:#c084fc;--on-accent-2:#1a0a2e;--good:#4ade80;--on-good:#04131c;--warn:#fbbf24;--on-warn:#1a1300;--bad:#fb7185;--on-bad:#1a0509;--c-blue:#60a5fa;--c-pink:#f472b6;--c-violet:#a78bfa;--c-orange:#fb923c;--c-lime:#a3e635;--shadow-c:rgba(0,0,0,.4);color-scheme:dark}
[data-theme=light]{--bg:#f5f6fa;--bg2:#ffffff;--surface:#ffffff;--surface-2:#f1f3f8;--border:#e2e6ee;--text:#0f172a;--muted:#5a6478;--na:#7b8497;--accent:#2563eb;--on-accent:#ffffff;--accent-2:#8a5a00;--on-accent-2:#ffffff;--good:#15803d;--on-good:#ffffff;--warn:#a35a00;--on-warn:#ffffff;--bad:#c81e1e;--on-bad:#ffffff;--c-blue:#2563eb;--c-pink:#db2777;--c-violet:#7c3aed;--c-orange:#c2410c;--c-lime:#16a34a;--shadow-c:rgba(15,23,42,.06);color-scheme:light}
[data-theme=sand]{--bg:#f6f1e8;--bg2:#fbf8f2;--surface:#fffdf8;--surface-2:#f2ebdf;--border:#e3dac9;--text:#2a221c;--muted:#75685b;--na:#8a7d6e;--accent:#b63a08;--on-accent:#ffffff;--accent-2:#875400;--on-accent-2:#ffffff;--good:#2a7138;--on-good:#ffffff;--warn:#965200;--on-warn:#ffffff;--bad:#bd1f3a;--on-bad:#ffffff;--c-blue:#2563eb;--c-pink:#c02670;--c-violet:#7c3aed;--c-orange:#a84b08;--c-lime:#3f8f3f;--shadow-c:rgba(60,40,20,.07);color-scheme:light}
[data-theme=ocean]{--bg:#eef6f9;--bg2:#f7fbfd;--surface:#ffffff;--surface-2:#e7f1f6;--border:#d2e2ea;--text:#0b2330;--muted:#4f6f7e;--na:#6f8794;--accent:#0e7490;--on-accent:#ffffff;--accent-2:#8a5a00;--on-accent-2:#ffffff;--good:#136f36;--on-good:#ffffff;--warn:#9d5500;--on-warn:#ffffff;--bad:#be123c;--on-bad:#ffffff;--c-blue:#1d4ed8;--c-pink:#db2777;--c-violet:#7c3aed;--c-orange:#c2410c;--c-lime:#16a34a;--shadow-c:rgba(12,60,80,.07);color-scheme:light}
[data-theme=mono]{--bg:#000000;--bg2:#0a0a0a;--surface:#121212;--surface-2:#1c1c1c;--border:#3a3a3a;--text:#ffffff;--muted:#a8a8a8;--na:#6e6e6e;--accent:#ffffff;--on-accent:#000000;--accent-2:#e4e4e7;--on-accent-2:#000000;--good:#4ade80;--on-good:#04131c;--warn:#facc15;--on-warn:#1a1300;--bad:#ff6b6b;--on-bad:#1a0505;--c-blue:#7dd3fc;--c-pink:#f9a8d4;--c-violet:#c4b5fd;--c-orange:#fdba74;--c-lime:#bef264;--shadow-c:rgba(0,0,0,.6);color-scheme:dark}
[data-theme=sunset]{--bg:#160f1d;--bg2:#1b1325;--surface:#221a2e;--surface-2:#2c2239;--border:#3e3150;--text:#f6eff9;--muted:#a897b7;--na:#7d6e90;--accent:#fb923c;--on-accent:#1a0a00;--accent-2:#f472b6;--on-accent-2:#1a0412;--good:#4ade80;--on-good:#04131c;--warn:#fde047;--on-warn:#1a1300;--bad:#ff5c7a;--on-bad:#1a0509;--c-blue:#7dd3fc;--c-pink:#f9a8d4;--c-violet:#c4b5fd;--c-orange:#fdba74;--c-lime:#bef264;--shadow-c:rgba(0,0,0,.45);color-scheme:dark}
/* Legacy aliases (older CSS in /hq/dm and the login page). */
:root{--card:var(--surface);--card2:var(--surface-2);--line:var(--border);--fg:var(--text);--green:var(--good);--red:var(--bad);--teal:var(--accent);--gold:var(--accent-2);--pink:var(--c-pink);--violet:var(--c-violet);--orange:var(--c-orange);
  --shadow-sm:0 1px 2px var(--shadow-c);--shadow-md:0 8px 24px var(--shadow-c);--r:14px;--r-sm:10px}