/* Design tokens: field survey sheet on warm paper, near-black ink, and the BAL ramp as the one
   colour system (map, chips, profiles, report). Every BAL colour is paired with a text colour
   that meets WCAG AA on it; labels are always printed alongside the colour. */

:root {
  /* Paper and ink */
  --paper: #F3F0E8;
  --paper-2: #EAE5D8;
  --paper-3: #DFD8C6;
  --ink: #1D1C1A;
  --ink-2: #47433C;
  --ink-3: #6E685D;
  --rule: #CDC5B3;
  --rule-strong: #9A927F;
  --focus: #1F4E8C;

  /* BAL ramp */
  --bal-low: #7E9178;   --bal-low-text: #1D1C1A;
  --bal-12: #C9A227;    --bal-12-text: #1D1C1A;
  --bal-19: #E08A1E;    --bal-19-text: #1D1C1A;
  --bal-29: #B4501B;    --bal-29-text: #FFFFFF;
  --bal-29-ink: #9E4516; /* BAL-29 hue darkened for text on paper (5.6:1; #B4501B is 4.49:1) */
  --bal-40: #8C1C17;    --bal-40-text: #FFFFFF;
  --bal-fz: #3A0D10;    --bal-fz-text: #FFFFFF;

  /* Status */
  --warn-bg: #F4E6C4;
  --error-bg: #F2D9D3;
  --ok: #3E6B45;

  /* Type */
  --font-sans: 'IBM Plex Sans', 'Public Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'Cascadia Mono', monospace;
  --fs-xs: 11px;
  --fs-s: 12.5px;
  --fs-m: 14px;
  --fs-l: 16px;
  --fs-xl: 20px;
  --fs-xxl: 40px;
  --lh: 1.45;

  /* Space and lines */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px;
  --hair: 1px solid var(--rule);
  --line: 1px solid var(--ink);
  --radius: 2px;

  --panel-w: clamp(320px, 38vw, 460px);
  --topbar-h: 44px;
  --status-h: 26px;
}