/* BridgeHarbor design tokens
 * status: live · last_reviewed: 2026-08-02
 * Source of truth: /08-reference-build/index.html :root — the values that were
 * QA'd across 23 renders. Where the brief or the brandboard disagree, this wins.
 * Fonts load from Google Fonts; self-host for production.
 */
:root{
  /* ground — the page is mainly white, cool-biased */
  --white:#FFFFFF;      /* page ground */
  --paper:#EEF4F9;      /* panel fills, toolbars, pale section bands */
  --pale:#EAF1F7;       /* hero radial wash, badges, soft chips */

  /* ink and structure */
  --ink:#0A1520;        /* body text */
  --harbor:#032437;     /* primary buttons, dark section, headings on light */
  --muted:#5C6F80;      /* secondary text */
  --line:#E3EAF0;       /* hairlines */
  --line-2:#CFDBE5;     /* stronger borders */
  --control:#9BB0C1;    /* ghost-button borders */

  /* accents — blue is the brand, amber is rationed */
  --blue:#0E6BA8;       /* links, active state, accents */
  --blue-soft:#3E90C7;  /* focus rings */
  --beacon:#E8A33D;     /* amber. ONE button on the page, plus active step number + badge dot */

  /* semantic */
  --good:#1C7A55;       /* ticks, confirmed states */
  --bad:#B4442C;        /* crosses, the "kills" lines */

  /* type */
  --sans:"Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --mono:"Geist Mono","IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  /* layout */
  --wrap:1160px;        /* content max-width */
  --r:14px;             /* radius on cards and panels */
}