:root {
  --bg: #000000;
  --bg-elevated: #0a0d16;
  --text: #ffffff;
  --muted: #a3adc2;

  --sky: #49c1f3;
  --bright: #2a9eeb;
  --royal: #1e6bed;
  --deep: #2356d5;
  --indigo: #283fc1;

  --accent: var(--sky);
  --accent-2: var(--bright);
  --accent-rgb: 73 193 243;
  --accent-on: #04122b;

  --font-display: "Anton", Impact, "Arial Narrow", sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-script: "Caveat", cursive;

  --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: 4rem;

  --radius: 0.375rem;
}