:root {
  color-scheme: dark;
  --color-ink: #0e1014;
  --color-ink-soft: #171a21;
  --color-panel: #1f232c;
  --color-paper: #eef0f4;
  --color-muted: #9aa1ad;
  --color-line: rgba(238, 240, 244, 0.14);
  --color-accent: #ff3d4a;
  --color-accent-deep: #c8151f;
  --color-blue: #5b80ff;
  --color-blue-deep: #1b2f8a;
  --color-warm: #ff3d4a;
  --font-display: "Press Start 2P", "Trebuchet MS", sans-serif;
  --font-heading: "Roboto", "Arial", sans-serif;
  --font-body: "Roboto", "Arial", sans-serif;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 7rem;
  --content-width: 76rem;
  --page-gutter: clamp(1.25rem, 5vw, 5rem);
  --header-height: 5.25rem;
  --radius-small: 0.25rem;
  --transition-fast: 160ms ease;
  --transition-standard: 280ms ease;
}