/* Design tokens — the only place colours, fonts and spacing are defined.
   Values follow the approved prototype (docs/prototype-reference.dc.html). */
:root {
  /* Brand */
  --c-navy: #0B2A45;
  --c-gold: #C8972A;
  --c-blue: #0062A8;
  --c-blue-dark: #004F88;

  /* Surfaces & lines */
  --c-bg: #EEF2F6;
  --c-surface: #FFFFFF;
  --c-surface-2: #F8FAFB;
  --c-surface-3: #F2F5F8;
  --c-line: #D5DDE6;
  --c-line-soft: #E6EBF0;
  --c-line-strong: #AEBBC8;

  /* Text */
  --c-ink: #16202B;
  --c-ink-2: #2B3A4A;
  --c-ink-3: #3A4858;
  --c-muted: #4A5868;
  --c-on-navy: #FFFFFF;
  --c-on-navy-muted: #B9C7D6;
  --c-navy-line: #4A6A88;

  /* Group bands (grid header) + cell tints — used from Stage 1 */
  --c-band-row: #F3F6F9;     --c-band-row-ink: #4A5868;
  --c-band-coord: #E9EEF3;   --c-band-coord-ink: #1F2B37;
  --c-band-calc: #E4E8EC;    --c-band-calc-ink: #2B3A4A;
  --c-band-split: #F6E9C9;   --c-band-split-ink: #5A3E07;
  --c-band-acc: #D6E7F7;     --c-band-acc-ink: #0B3A5E;
  --c-band-pm: #E6DDF3;      --c-band-pm-ink: #3B2366;
  --c-band-cc: #F3DFC2;      --c-band-cc-ink: #5E3300;

  /* Cell tints (grid) and drawer section backgrounds, per group */
  --c-tint-calc: rgba(228, 232, 236, 0.45);
  --c-tint-split: rgba(246, 233, 201, 0.40);
  --c-tint-acc: rgba(214, 231, 247, 0.40);
  --c-tint-pm: rgba(230, 221, 243, 0.40);
  --c-tint-cc: rgba(243, 223, 194, 0.40);
  --c-sec-coord: #F6F8FA;
  --c-sec-calc: #F3F5F7;
  --c-sec-split: #FCF6E8;
  --c-sec-acc: #EEF5FC;
  --c-sec-pm: #F5F1FA;
  --c-sec-cc: #FBF2E6;
  --c-row-lock: #F2F4F6;
  --c-row-cxl-ink: #6B7682;
  --c-cxl-bg: #EEEEEE;   --c-cxl-ink: #4A4A4A;
  --c-err-bg: #FDF0F0;   --c-err-line: #F0C4C4;

  /* Status */
  --c-info-bg: #E0EEFA;  --c-info-ink: #0B3A5E;
  --c-warn-bg: #FFEFCC;  --c-warn-ink: #5E3A00;
  --c-warn-line: #F0D9A8; --c-warn-soft: #FFFAEF;
  --c-bad-bg: #FADCDC;   --c-bad-ink: #741414;
  --c-ok-bg: #DDF1E4;    --c-ok-ink: #14502B;
  --c-lock-bg: #DDE2E8;  --c-lock-ink: #1A2530;
  --c-danger: #A11B1B;   --c-danger-line: #E3B4B4;

  --c-scrim: rgba(11, 42, 69, 0.30);
  --shadow-pop: 0 6px 18px rgba(11, 42, 69, 0.25);
  --shadow-card: 0 1px 2px rgba(11, 42, 69, 0.06);

  /* Type */
  --font-sans: 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 13px;
  --fs-lg: 15px;
  --fs-xl: 20px;

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 6px;
  --sp-3: 10px;
  --sp-4: 14px;
  --sp-5: 18px;
  --sp-6: 24px;
  --sp-7: 36px;

  --radius-sm: 4px;
  --radius: 6px;
  --radius-lg: 8px;
  --radius-pill: 999px;

  --tap: 36px;
}