/* AOC design tokens for the scorecard. Source: aoc-shared v0.9.0 aoc-design
   (context/aoc-brand.md, "The AOC Look", 27 Oct 2026). Placed by Callum's design
   session; the builder reads, never edits (CLAUDE.md). */
:root {
  /* Brand */
  --aoc-yellow: #efcc0e;   /* primary accent; yellow means good */
  --aoc-olive:  #c4ba00;   /* quiet second accent; never next to yellow at the same weight */
  --aoc-black:  #000000;
  --aoc-white:  #ffffff;
  --aoc-grey:   #f4f4f4;   /* table rows only, not default boxes */
  --aoc-ink:    #1a1a1a;
  --aoc-muted:  #6b7280;
  --aoc-line:   #e5e7eb;

  /* Score bands: red/amber/green is allowed for scores only (live page getBand) */
  --band-standstill: #CC2200;
  --band-emerging:   #D96B00;
  --band-advancing:  #A07C00;
  --band-standout:   #1A7A40;

  /* Type: Poppins only, declared on every element */
  --font: "Poppins", "Helvetica Neue", Arial, sans-serif;
  --fw-body: 400; --fw-sub: 600; --fw-head: 800; --fw-display: 900;
  --lh-body: 1.6; --lh-head: 1.1;

  /* Spacing: fixed scale, nothing off-scale */
  --s-1: 4px; --s-2: 8px; --s-3: 16px; --s-4: 24px;
  --s-5: 32px; --s-6: 48px; --s-7: 64px; --s-8: 96px;

  --tap-min: 44px;
}