/* Designer: colour, type, spacing, radius.
   Direction: hardwood court + night-game navy, with a basketball-orange accent. Zug's blue and white nod to the town flag.
   Palette (WCAG AA):
     text   #1b2238 on bg #fbf5ea  ~14:1     muted #4a5368 on bg ~7:1
     brand  #c2410c (ball orange, darker for text) on bg ~5.2:1
     header/footer #0f2547 with #ffffff ~16:1, accent on dark #ffb066 ~9:1
   Type: system sans-serif, heavy weight for headings (scoreboard feel), regular for reading. No web fonts. */
:root {
  /* colour */
  --color-bg: #fbf5ea;
  --color-bg-alt: #f1e2c6;
  --color-surface: #ffffff;
  --color-text: #1b2238;
  --color-muted: #4a5368;
  --color-primary: #0f2547;
  --color-accent: #c2410c;
  --color-accent-bright: #f26b1d;
  --color-accent-on-dark: #ffb066;
  --color-rule: #d8c29a;
  --color-focus: #c2410c;
  --color-focus-on-dark: #ffb066;
  --color-header-bg: #0f2547;
  --color-header-text: #ffffff;
  --color-footer-bg: #0f2547;
  --color-footer-text: #ffffff;
  --color-link: #0b4a9e;

  /* type */
  --font-display: "Arial Black", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --step-h1: clamp(2.25rem, 7vw, 4rem);
  --step-h2: clamp(1.5rem, 4vw, 2.25rem);
  --step-h3: clamp(1.2rem, 2.5vw, 1.5rem);
  --step-body: 1.125rem;
  --step-small: 0.9375rem;
  --weight-display: 900;
  --leading-display: 1.05;
  --leading-body: 1.6;
  --measure: 65ch;

  /* spacing and shape */
  --space-s: 0.5rem;
  --space: 1rem;
  --space-m: 1.5rem;
  --space-l: 3rem;
  --radius: 0.5rem;
  --radius-round: 999px;
  --shadow: 0 2px 8px rgba(15, 37, 71, 0.15);
}