/* Debrief design tokens: every colour, font and size the report pages (report.html, local and
   site mode) and the website's pages use. One block, two copies: src/debrief/theme_tokens.css
   (inlined into report.html by report.py) and web/public/static/tokens.css (linked by every site
   page); tests keep them identical. Change the look here, then copy the file over.
   Dark is the default (the Debrief look); `data-theme="light"` on <html> switches to the light
   variant (the theme button of the site / the local report sets it). The fonts (Chakra Petch,
   IBM Plex Sans / Mono, OFL) are self-hosted: web/public/static/fonts.css on the site, embedded
   in report.html; without them the stacks fall back to the system fonts.
   --cat1..--cat8: the charts' categories (the Playstyle card), a fixed order, each theme's steps
   checked as a set against its --surface (lightness band, chroma, colour-blind separation of
   neighbours, contrast; docs/datapoints.md "The Playstyle card"). */
:root{color-scheme:dark;
--bg:#0b0e13;--header:#0e131a;--surface:#121821;--surface2:#18202b;--surface3:#1c2531;
--ink:#e6ebf1;--ink2:#97a3b2;--muted:#8c98a8;--faint:#6b7788;
--grid:#222c3a;--axis:#2c3848;--ring:#222c3a;--hair:#253041;
--accent:#f5a524;--accent-ink:#0b0e13;--accentbg:#2a2213;--link:#e6ebf1;--focus:#f5a524;
--good:#3fb950;--bad:#e5484d;--warn:#f5a524;--good-ink:#6fd58a;--bad-ink:#f08a8d;
--goodbg:rgba(63,185,80,.16);--flag:rgba(229,72,77,.14);--good-line:#2c5a3a;--bad-line:#5a2c30;
--overlay:rgba(11,14,19,.84);--scrim:rgba(11,14,19,.80);
--s1:#5b8def;--s2:#2ec4b6;--s3:#a78bfa;--s4:#e5484d;--s5:#e2c541;
--oc-won:#3fb950;--oc-lost:#e5484d;--oc-knocked_survived:#a78bfa;--oc-contact:#5b8def;
--oc-disengaged:#8b98a8;--oc-other:#6b7788;
--oc-won-ink:#6fd58a;--oc-lost-ink:#f08a8d;--oc-knocked_survived-ink:#c4b2fc;
--oc-contact-ink:#8fb1f4;--oc-disengaged-ink:#b4beca;--oc-other-ink:#97a3b2;
--sev-high:#e5484d;--sev-medium:#f5a524;--sev-low:#e2c541;
--mate:#2ec4b6;--you:#f5a524;
--stage-bg:#000;--stage-ink:#e6ebf1;--stage-bar:#0e131a;
--cat1:#3987e5;--cat2:#d95926;--cat3:#199e70;--cat4:#c98500;--cat5:#d55181;--cat6:#008300;
--cat7:#9085e9;--cat8:#e66767;
--font-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
--font-head:"Chakra Petch","Segoe UI",system-ui,sans-serif;
--font-num:"Chakra Petch","Segoe UI",system-ui,sans-serif;
--font-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
--fs:14px;--fs-small:13px;--fs-tiny:12px;--fs-label:12px;--fs-h1:28px;--fs-h2:22px;
--fs-hero:48px;--fs-big:34px;--ls-label:.18em;
--radius:12px;--radius-sm:8px;--gap:16px;--pad:16px;--tap:40px}
:root[data-theme="light"]{color-scheme:light;
--bg:#f4f6f8;--header:#ffffff;--surface:#ffffff;--surface2:#eef1f5;--surface3:#e6eaf0;
--ink:#0e131a;--ink2:#4a5566;--muted:#5b6778;--faint:#7a8594;
--grid:#dde2e8;--axis:#c3cbd6;--ring:#dde2e8;--hair:#d3d9e1;
--accent:#a35c00;--accent-ink:#ffffff;--accentbg:#fdf0da;--link:#0e131a;--focus:#a35c00;
--good:#1f8a36;--bad:#c9302c;--warn:#a35c00;--good-ink:#17722c;--bad-ink:#b3261e;
--goodbg:rgba(31,138,54,.12);--flag:rgba(201,48,44,.10);--good-line:#9ccfa8;--bad-line:#e3a9a7;
--overlay:rgba(11,14,19,.78);--scrim:rgba(255,255,255,.82);
--s1:#2f6fe0;--s2:#12978b;--s3:#7a55d8;--s4:#c9302c;--s5:#a08400;
--oc-won:#1f8a36;--oc-lost:#c9302c;--oc-knocked_survived:#7a55d8;--oc-contact:#2f6fe0;
--oc-disengaged:#6b7788;--oc-other:#8c98a8;
--oc-won-ink:#17722c;--oc-lost-ink:#b3261e;--oc-knocked_survived-ink:#5f3dbd;
--oc-contact-ink:#2458b8;--oc-disengaged-ink:#4a5566;--oc-other-ink:#4a5566;
--sev-high:#c9302c;--sev-medium:#c27400;--sev-low:#a08400;
--mate:#12978b;--you:#a35c00;
--stage-bg:#000;--stage-ink:#e6ebf1;--stage-bar:#0e131a;
--cat1:#2a78d6;--cat2:#eb6834;--cat3:#1baf7a;--cat4:#eda100;--cat5:#e87ba4;--cat6:#008300;
--cat7:#4a3aa7;--cat8:#e34948}