:root {
  --color-navy-950: #12061f;
  --color-navy-900: #1e0b3a;
  --color-navy-800: #2a1150;
  --color-navy-700: #351868;
  --color-surface: #2e1065;
  --color-surface-elevated: #3b1a7a;
  --color-ink: #f5e9ff;
  --color-ink-soft: #ede4ff;
  --color-muted: #c4b5fd;
  --color-muted-dim: #a78bfa;
  --color-teal-400: #e879f9;
  --color-teal-500: #c026d3;
  --color-orange-400: #f472b6;
  --color-orange-500: #6d28d9;
  --color-pink: #f472b6;
  --color-purple: #6d28d9;
  --color-purple-soft: #8b5cf6;
  --color-cyan: #e879f9;
  --color-stardust: #fbbf24;
  --color-border: #7c3aed;
  --color-miss: #fb7185;
  --font-display: "Sora", "Segoe UI", sans-serif;
  --font-body: "Noto Sans", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --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.jeweljourney";
  --cta-gradient: linear-gradient(135deg, #f472b6 0%, #c026d3 55%, #6d28d9 100%);
  color-scheme: dark;
}