/* library/tokens/tokens.css — brand design tokens (one source of truth for HTML assets).
   Phase B will layer Open Props under these; for the spike these are the brand vars. */
/* Bundled brand typeface (base64 @font-face, GENERATED) — a CSS @import must precede all other rules.
   Embeds Figtree so renders are byte-deterministic across machines. Rebuild: npm run build:font. */
@import url("fonts.css");
:root {
  --navy: #071d49;
  --navy-dark: #041331;
  --red: #e60000;
  --red-dark: #cf0000;
  --orange: #ff7900;
  --amber: #f7b500;
  --green: #20a63a;
  --purple: #6d35b1;
  --maroon: #9a0712;
  --blue: #1f75d6;
  --text: #06163d;
  --muted: #4a4f5c;
  --border: #c7d1e0;
  --panel: #ffffff;
  --bg: #ffffff;
  --light-red: #fff0f0;
  --light-blue: #eef6ff;
  --pale-ring: #f6dede;
  --font: "Figtree", Arial, Helvetica, sans-serif;
  --radius: 10px;

  /* Ordered semantic severity scale (Carbon-style). Always pair color with a glyph + label
     so severity reads in grayscale / under color-blindness (WCAG 1.4.11). */
  --sev-critical: #c8102e; --sev-critical-ink: #ffffff;
  --sev-high:     #e8590c; --sev-high-ink: #ffffff;
  --sev-medium:   #f4b400; --sev-medium-ink: #3a2c00;
  --sev-low:      #2e9f4b; --sev-low-ink: #ffffff;
  --sev-info:     #1f75d6; --sev-info-ink: #ffffff;

  /* ── Data-viz palette — Paul Tol "bright" (colorblind-safe, grayscale-separable, NO red).
     Categorical series draw from --cat-*; red is reserved for --alert only. ── */
  --cat-1: #4477aa; --cat-2: #228833; --cat-3: #ccbb44; --cat-4: #66ccee; --cat-5: #aa3377;
  --cat-neutral: #bbbbbb;
  --data-primary: #4477aa;   /* single-series default (bars/gauge/line/scatter/sparkline) */
  --track: #e9edf3;          /* gauge / progress track neutral */
  /* Sequential ramp for heatmaps + choropleth intensity — ColorBrewer YlOrBr 9-class */
  --seq-1: #ffffe5; --seq-2: #fff7bc; --seq-3: #fee391; --seq-4: #fec44f; --seq-5: #fe9929;
  --seq-6: #ec7014; --seq-7: #cc4c02; --seq-8: #993404; --seq-9: #662506;
  /* Reserved alert / emphasis — thresholds & call-outs only, NEVER a categorical colour (USWDS red-warm-50v) */
  --alert: #d54309;

  /* ── Type scale (px @1920×1080 base; the engine multiplies by props.scale for HQ) ── */
  --fs-title: 44px; --fs-subtitle: 24px; --fs-kpi: 64px; --fs-block-title: 20px;
  --fs-label: 14px; --fs-value: 16px; --fs-footnote: 12px;
}