:root {
  color-scheme: dark;
  --wa-night-950: #030817;
  --wa-night-900: #050b1d;
  --wa-night-850: #071126;
  --wa-night-800: #0a1430;
  --wa-night-700: #101d3c;
  --wa-cold-50: #f4f7fc;
  --wa-cold-100: #eaf0f9;
  --wa-white: #ffffff;
  --wa-ink: #071126;
  --wa-text: #f7f9fd;
  --wa-muted: #aebbd0;
  --wa-muted-dark: #5d6d87;
  --wa-line: #263657;
  --wa-line-light: #cbd6e7;
  --wa-violet: #8a4dff;
  --wa-blue: #2f7dff;
  --wa-cyan: #18d7e8;
  --wa-success: #31d6a4;
  --wa-error: #ff6f91;
  --wa-ribbon: linear-gradient(100deg, var(--wa-violet), var(--wa-blue) 56%, var(--wa-cyan));
  --wa-glow-violet: rgb(138 77 255 / 18%);
  --wa-glow-blue: rgb(47 125 255 / 14%);
  --wa-glow-cyan: rgb(24 215 232 / 12%);

  --wa-font-display: "Geologica", "Segoe UI", sans-serif;
  --wa-font-mono: "IBM Plex Mono", Consolas, monospace;

  --wa-step--1: clamp(.78rem, .76rem + .1vw, .86rem);
  --wa-step-0: clamp(1rem, .96rem + .18vw, 1.12rem);
  --wa-step-1: clamp(1.2rem, 1.08rem + .5vw, 1.55rem);
  --wa-step-2: clamp(1.55rem, 1.27rem + 1vw, 2.2rem);
  --wa-step-3: clamp(2rem, 1.55rem + 1.8vw, 3.25rem);
  --wa-step-4: clamp(2.35rem, 1.9rem + 1.7vw, 3.75rem);

  --wa-space-1: .5rem;
  --wa-space-2: .75rem;
  --wa-space-3: 1rem;
  --wa-space-4: 1.5rem;
  --wa-space-5: 2rem;
  --wa-space-6: 3rem;
  --wa-space-7: clamp(4rem, 7vw, 7.5rem);
  --wa-space-8: clamp(5.5rem, 10vw, 10rem);

  --wa-container: 76rem;
  --wa-reading: 46rem;
  --wa-border: 1px solid var(--wa-line);
  --wa-focus: 0 0 0 3px var(--wa-night-900), 0 0 0 6px var(--wa-cyan);
  --wa-shadow-md: 0 1.25rem 3.5rem rgb(1 6 20 / 28%);
  --wa-shadow-lg: 0 2rem 5rem rgb(1 6 20 / 38%);
  --wa-ease: cubic-bezier(.2, .75, .25, 1);
  --wa-duration: 220ms;
  --wa-duration-slow: 550ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --wa-duration: 1ms; --wa-duration-slow: 1ms; }
}