/* Design tokens from SPEC "Notes on the design files" and designs/html. */
:root {
  /* Brand */
  --navy: #12173a;
  --navy-raised: #22274a; /* rows/cards on navy (display, fan view) */
  --ground: #f7f5f0;
  --surface: #ffffff;
  --action: #c2410c; /* action orange: primary buttons, stamps */
  --action-hover: #9a3412;
  --highlight: #fb923c; /* highlight orange: accents on navy, score bars */
  --highlight-soft: #fed7aa; /* kicker labels and scores on navy */
  --stamp-fill: #fff4ec;
  --teal: #0f766e;
  --teal-soft: #e6f4f2;
  --teal-bright: #5eead4; /* ▲ movement on navy */

  /* Text */
  --text: #12173a;
  --text-body: #3a3f55;
  --text-muted: #5b6175;
  --text-on-navy: #ffffff;
  --text-on-navy-muted: #dde1f0;
  --text-on-navy-subtle: #b6bcd3;

  /* Lines and fills */
  --border: #e2e0d8;
  --border-strong: #c9cdda;
  --border-dashed: #9aa0b4;
  --fill-muted: #efede7;

  /* Type */
  --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Shape */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-btn: 14px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-sheet: 28px;
  --radius-pill: 999px;

  /* Spacing */
  --gutter: 24px;
  --gap: 16px;
  --touch: 44px; /* minimum touch target (SPEC §13) */
  --control-h: 52px;
  --button-h: 56px;
}