/* GXPOL shared design tokens: one file for www and portal-v2.
   The source is www/assets/tokens.css; portal-v2/src/tokens.css is a copy.
   Edit here, then copy: cp www/assets/tokens.css portal-v2/src/tokens.css
   The portal build (npm run check:tokens) and www/_build.py fail if the two
   differ. Colour pairs are checked to WCAG AA by www/_contrast.py.
   Regime colours, paper, ink, petrol, bronze and the type scale live here;
   layout tokens stay in each product's stylesheet. */
:root {
  --gx-paper: #fbfaf8;
  --gx-surface: #ffffff;
  --gx-ink: #1c1b18;
  --gx-ink-2: #45403a;
  --gx-ink-3: #5f594e;
  --gx-rule: #e2ded6;
  --gx-rule-strong: #8f8879;
  --gx-petrol: #0d4f55;
  --gx-chrome: #11292c;
  --gx-chrome-line: #2a4c50;
  --gx-chrome-ink: #f1ede4;
  --gx-chrome-ink-2: #c9d3d0;
  --gx-bronze: #d6a35c;
  --gx-bronze-hover: #e1b375;
  --gx-bronze-ink: #1c1b18;
  --gx-bronze-text: #85561a;
  --gx-note: #f1efe9;
  --gx-r-on: #1e6e41;
  --gx-r-con: #4a6b21;
  --gx-r-neu: #8a6410;
  --gx-r-off: #a6431c;
  --gx-r-cri: #8d1d1d;

  --gx-font-display: "Libre Franklin", "Helvetica Neue", Arial, sans-serif;
  --gx-font-body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --gx-font-data: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --gx-fs-eyebrow: 0.75rem;
  --gx-fs-small: 0.875rem;
  --gx-fs-body: 1rem;
  --gx-fs-h3: 1.125rem;
  --gx-fs-h2: 1.25rem;
  --gx-fs-figure-sm: 1.375rem;
  --gx-fs-figure: 2.75rem;
}
[data-theme="dark"] {
  --gx-paper: #132224;
  --gx-surface: #1a2c2e;
  --gx-ink: #ece6d9;
  --gx-ink-2: #c6cdca;
  --gx-ink-3: #a3b2ae;
  --gx-rule: #2b4245;
  --gx-rule-strong: #6f8a8c;
  --gx-petrol: #6cc3bc;
  --gx-chrome: #0e1e20;
  --gx-chrome-line: #26403f;
  --gx-chrome-ink: #f1ede4;
  --gx-chrome-ink-2: #c9d3d0;
  --gx-bronze: #d9ab68;
  --gx-bronze-hover: #e4bd84;
  --gx-bronze-ink: #10201f;
  --gx-bronze-text: #d9ab68;
  --gx-note: #1a2c2e;
  --gx-r-on: #5aa877;
  --gx-r-con: #8fa858;
  --gx-r-neu: #cfa24a;
  --gx-r-off: #d98a5c;
  --gx-r-cri: #e07c76;
}