/* --brand = identity blue for borders/icons; --brand-ink = brand text (4.5:1); --brand-fill = fills under white text.
   Shared colour tokens for the standalone pages (privacy, terms, subjects, 404).
   The in-app choice wins: a one-line head script sets data-theme from localStorage (or the OS
   preference) before paint, and the media rule below is only the no-JS fallback. Since 2026-10-25 the default is light:
   the head script always sets data-theme, so this rule only matters with JavaScript off. */
:root{--bg:#f6f8fc;--card:#fff;--ink:#12202f;--muted:#5b6b7f;--faint:#61728a;--line:#e2e8f1;--brand:#2f7bf7;--brand-ink:#1f5fd0;--brand-fill:#1f5fd0;--brand-soft:#e8f0ff;--green:#117f3a;--green-soft:#e7f6ee}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0b1017;--card:#141b26;--ink:#e6edf5;--muted:#8a99ad;--faint:#7f8fa6;--line:#232d3b;--brand:#4d94ff;--brand-ink:#4d94ff;--brand-fill:#2a6de6;--brand-soft:#16233b;--green:#22c55e;--green-soft:#0f2a1b}}
:root[data-theme="dark"]{--bg:#0b1017;--card:#141b26;--ink:#e6edf5;--muted:#8a99ad;--faint:#7f8fa6;--line:#232d3b;--brand:#4d94ff;--brand-ink:#4d94ff;--brand-fill:#2a6de6;--brand-soft:#16233b;--green:#22c55e;--green-soft:#0f2a1b}