/*
 * Design tokens of the TTC Sukarti design system (https://claude.ai/artifact/CvyZEmhCo4aNKi9p5gxWFm),
 * transcribed from its tokens.json. Change values there first, then here; do not add tokens in this file.
 *
 * This application only uses the system's dark theme: every value below is the "dark" value of its token.
 */

:root {
  color-scheme: dark;
  --surface: #0b1220;
  --surface-raised: #131c2e;
  --blue-soft: #26375a;
  --line: #26324a;
  --line-strong: #64759a;
  --ink: #edf1f9;
  --ink-muted: #a2aec4;
  --club-blue: #8fa9dc;
  --club-blue-hover: #b0c4ea;
  --on-blue: #06101f;
  --navy: #18284a;
  --on-navy: #ffffff;
  --on-navy-muted: #b9c8e8;
  --court-line: #ffffff;
  --logo-ground: #f5f7fb;
  --ball: #ff8c3a;
  --on-ball: #1a0e05;
  --win: #4fd19a;
  --loss: #ff8a70;
  --focus: #b0c4ea;
  --font-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
  --font-sans: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-18: 72px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-ball: 999px;
  --shadow-raised: 0 1px 2px rgba(0,0,0,0.4);
}