:root {
  --color-cyan: #35b6d9;
  --color-cyan-strong: #0e708a;
  --color-cyan-soft: #d7f2f8;
  --color-orange: #f0762b;
  --color-orange-strong: #a7460c;
  --color-orange-soft: #fbe4d4;
  --color-cream: #f3ece1;
  --color-cream-high: #faf5ec;
  --color-ink: #1b1712;
  --color-ink-muted: #635c53;
  --color-night: #0d1118;
  --color-night-panel: #161f2c;
  --color-night-muted: #aeb9c7;
  --color-border: #d8cec0;
  --color-won: #16803a;
  --color-lost: #c83232;

  --font-sans: Inter, Aptos, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;

  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --shadow-surface: 0 10px 30px rgb(27 23 18 / 8%);
  --motion-fast: 160ms ease;
  --sidebar-width: 16.5rem;
}