:root {
  color-scheme: dark;
  --color-canvas: #141516;
  --color-surface: #1b1d1f;
  --color-surface-hover: #232527;
  --color-ink: #f2f2ef;
  --color-ink-hover: #ffffff;
  --color-muted: #a4a7a9;
  --color-line: #303235;
  --color-accent: #f0743c;
  --color-win: #66c995;
  --color-loss: #f08080;
  --color-on-light: #191a1b;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --text-small: .8125rem;
  --text-body: 1rem;
  --text-intro: 1.125rem;
  --text-title: clamp(2rem, 3.2vw, 2.5rem);
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --radius-control: .5rem;
  --radius-panel: .875rem;
  --content-width: 80rem;
  --page-gutter: clamp(1.5rem, 5.5vw, 5.5rem);
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --duration-feedback: 140ms;
  --duration-panel: 200ms;
  --control-height: 2.875rem;
  --color-secondary-ink: #c3c5c6;
  --color-control-line: #676c70;
  --target-min: 2.75rem;
}