:root {
  --color-navy-950: #070d0e;
  --color-navy-900: #0b1214;
  --color-navy-800: #121c1f;
  --color-navy-700: #1a282c;
  --color-surface: #152024;
  --color-surface-elevated: #1c2c30;
  --color-ink: #e8f2f3;
  --color-ink-soft: #d5e6e8;
  --color-muted: #8aa3a8;
  --color-muted-dim: #6a8085;
  --color-teal-400: #5eead4;
  --color-teal-500: #2dd4bf;
  --color-orange-400: #a78bfa;
  --color-orange-500: #8b5cf6;
  --color-cyan: #5eead4;
  --color-violet: #a78bfa;
  --color-violet-soft: #c4b5fd;
  --font-display: "Figtree", "Segoe UI", sans-serif;
  --font-body: "Figtree", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --radius-sm: 8px;
  --radius-md: 16px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --max-width: 68rem;
  --header-h: 4rem;
  --sticky-cta-h: 3.75rem;
  --play-url: "https://play.google.com/store/apps/details?id=com.knoxstudios.scrambl&hl=en_US";
  --cta-gradient: linear-gradient(135deg, #2dd4bf 0%, #14b8a6 55%, #8b5cf6 100%);
  color-scheme: dark;
}