/* Frozen tokens (Direction A, "the ledger", chosen 18 Sep 2026). Every prototype and the production site use these.
   serif display with history, grotesk with tabular figures for interface and data. */
:root {
  --paper: #f7f8f7;          /* page background */
  --surface: #ffffff;        /* cards, tables, forms */
  --surface-2: #eef1ef;      /* table header, quiet bands */
  --ink: #17233a;            /* text */
  --ink-2: #4a5468;          /* secondary text */
  --ink-3: #65707f;          /* captions, disabled */
  --rule: #d6dbd8;           /* hairlines */
  --rule-strong: #17233a;    /* table head rule */
  --signal: #0f6e4f;         /* primary action only */
  --signal-ink: #ffffff;
  --signal-hover: #0b5a40;
  --focus: #17233a;

  --font-display: "Roboto", "Helvetica Neue", Arial, sans-serif;
  --font-text: "Roboto", "Helvetica Neue", Arial, sans-serif;

  --step--1: 0.875rem;  /* 14 */
  --step-0: 1.0625rem;  /* 17 */
  --step-1: 1.25rem;    /* 20 */
  --step-2: 1.625rem;   /* 26 */
  --step-3: 2.125rem;   /* 34 */
  --step-4: 2.875rem;   /* 46 */
  --step-5: 3.5rem;     /* 56 */

  --leading-tight: 1.15;
  --leading-text: 1.55;
  --measure: 66ch;

  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4.5rem; --space-9: 6rem;

  --w-narrow: 44rem; --w-mid: 66rem; --w-wide: 82rem;

  --radius: 2px;
  --rule-w: 1px;
  --motion: 160ms cubic-bezier(.2,.7,.2,1);
}

/* Colour extension, 18 Sep 2026 (owner asked for more colour and product visuals).
   Tints are section bands; book colours encode the four books everywhere they appear; UI colours are for rendered product screens. */
:root {
  --tint-green: #dcece3;
  --tint-navy: #e1e7f1;
  --tint-amber: #f3e6cf;
  --accent: #5ccf9a;         /* light green: marks and highlights on navy */
  --ink-inverse: #f4f6f8;
  --ink-inverse-2: #b9c2d0;
  --book-book: #17233a;
  --book-federal: #0f6e4f;
  --book-state: #8a5212;
  --book-amt: #6b3a6e;
  --book-book-bg: #e8ecf4;
  --book-federal-bg: #e1efe8;
  --book-state-bg: #f6ead6;
  --book-amt-bg: #efe3f0;
  --ok: #0f6e4f;
  --warn: #8a5212;
  --bad: #9b1c1c;
  --ui-bar: #1d2a44;
  --ui-side: #f1f3f2;
  --ui-select: #e1efe8;
  --ui-line: #dfe3e0;
}

/* Colour pass 2: stronger bands, coloured links and kickers, navy table heads, navy app sidebar */
:root { --link: #0f6e4f; --thead: #17233a; --thead-ink: #ffffff; --ui-side: #1d2a44; --ui-side-ink: #c9d1de; }