:root {
  /* "Cancha y marcador": deep court navy + a single volleyball-yellow accent,
     with a dedicated near-black scoreboard family for score/clock surfaces. */
  --color-court: #16213e;
  --color-court-deep: #0b1226;
  --color-volley-yellow: #f4c93b;

  --color-page: #f7f5f0;
  --color-surface: #ffffff;
  --color-ink: #1b2130;
  --color-muted: #667085;
  --color-line: #e2e4ea;
  --color-soft: #eef0f5;

  --color-hero-text: #d7deee;
  --color-hero-muted: #aeb9d6;

  --color-live-bg: #ffffff14;
  --color-live-border: #ffffff2b;
  --color-active-match: #fdf6df;

  --color-scoreboard-bg: #0b0d14;
  --color-scoreboard-digit: #ffd873;

  --color-backdrop: rgb(11 18 38 / 60%);
  --color-shadow: rgb(11 18 38 / 10%);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  --radius-sm: 9px;
  --radius-md: 14px;
  --radius-lg: 20px;

  --shadow-card: 0 14px 35px var(--color-shadow);

  --font-display: ui-sans-serif, system-ui, sans-serif;
  --font-body: ui-sans-serif, system-ui, sans-serif;
}