/* Codex Project design tokens as CSS custom properties.
   Generated from codex-design-tokens.json. Do not edit by hand: change the JSON and regenerate. */

:root {
  /* Brand */
  --cx-ink: #15171D;
  --cx-forest: #0E3A2C;
  --cx-paper: #F4F1E8;
  --cx-highlighter: #FFD21F;
  /* Text tones */
  --cx-text-on-ink: #F4F1E8;
  --cx-text-muted-on-ink: #BCBAB5;
  --cx-text-on-forest: #F4F1E8;
  --cx-text-muted-on-forest: #B8C2BC;
  --cx-text-on-paper: #15171D;
  --cx-text-muted-on-paper: #55585F;
  --cx-rule-on-paper: #D6D2C6;
  --cx-scrim: rgba(21, 23, 29, 0.7);
  /* Data colours: charts and data graphics only */
  --cx-data-better: #B6F23A; /* Lime */
  --cx-data-worse: #FF2E63; /* Crimson */
  --cx-data-neutral: #8A8D96; /* Slate */
  --cx-data-rising: #4DE0F5; /* Cyan */
  --cx-data-falling: #9B6BFF; /* Violet */
  --cx-data-no-change: #8A8D96;
  --cx-cat-1: #9CC8F0; /* Sky */
  --cx-cat-1-previous: #7493B1;
  --cx-cat-1-earlier: #52677C;
  --cx-cat-2: #C98A3E; /* Ochre */
  --cx-cat-2-previous: #936734;
  --cx-cat-2-earlier: #664B2C;
  --cx-cat-3: #577BD0; /* Steel */
  --cx-cat-3-previous: #435D9A;
  --cx-cat-3-earlier: #33446E;
  --cx-cat-4: #E6CFA0; /* Wheat */
  --cx-cat-4-previous: #A79879;
  --cx-cat-4-earlier: #736A58;
  --cx-cat-5: #E890C0; /* Rose */
  --cx-cat-5-previous: #A96C8F;
  --cx-cat-5-earlier: #744D66;
  --cx-cat-6: #7FA35A; /* Moss */
  --cx-cat-6-previous: #5F7948;
  --cx-cat-6-earlier: #455638;
  --cx-cat-7: #C8B6F0; /* Lilac */
  --cx-cat-7-previous: #9286B1;
  --cx-cat-7-earlier: #665F7C;
  --cx-cat-8: #B46236; /* Rust */
  --cx-cat-8-previous: #844C2E;
  --cx-cat-8-earlier: #5D3928;
  --cx-ordered-1: #44699E;
  --cx-ordered-2: #6886B0;
  --cx-ordered-3: #8DA5C5;
  --cx-ordered-4: #B4C6DE;
  --cx-ordered-5: #DDEBFA;
  /* Type */
  --cx-font-text: 'Atkinson Hyperlegible Next', system-ui, sans-serif;
  --cx-font-display: 'Instrument Sans', 'Atkinson Hyperlegible Next', system-ui, sans-serif;
  --cx-font-mono: 'Atkinson Hyperlegible Mono', ui-monospace, monospace;
  --cx-size-display-xl: 76px;
  --cx-lh-display-xl: 1.02;
  --cx-weight-display-xl: 500;
  --cx-size-display-l: 48px;
  --cx-lh-display-l: 1.08;
  --cx-weight-display-l: 500;
  --cx-size-display-m: 32px;
  --cx-lh-display-m: 1.15;
  --cx-weight-display-m: 500;
  --cx-size-heading: 21px;
  --cx-lh-heading: 1.3;
  --cx-weight-heading: 700;
  --cx-size-lead: 21px;
  --cx-lh-lead: 1.5;
  --cx-weight-lead: 400;
  --cx-size-body: 18px;
  --cx-lh-body: 1.6;
  --cx-weight-body: 400;
  --cx-size-small: 15px;
  --cx-lh-small: 1.5;
  --cx-weight-small: 400;
  --cx-size-label: 13px;
  --cx-lh-label: 1.4;
  --cx-weight-label: 400;
  /* Space */
  --cx-space-1: 4px;
  --cx-space-2: 8px;
  --cx-space-3: 12px;
  --cx-space-4: 16px;
  --cx-space-5: 24px;
  --cx-space-6: 32px;
  --cx-space-7: 48px;
  --cx-space-8: 64px;
  --cx-space-9: 96px;
  /* Layout */
  --cx-container: 1240px;
  --cx-measure: 720px;
  --cx-gutter: 24px;
  --cx-radius: 4px;
  --cx-touch: 44px;
  --cx-wipe: 0.5s;
}

@media (min-width: 520px) { :root { --cx-gutter: 32px; } }