:root {
  color-scheme: light;

  --graphite-950: #171a18;
  --graphite-900: #20231f;
  --graphite-800: #30332e;
  --paper-100: #f3f0e8;
  --paper-200: #e8e3d8;
  --concrete-300: #c8c5bb;
  --concrete-500: #8e9188;
  --olive-500: #737c4c;
  --olive-300: #a9b47a;
  --arch-500: #3f8795;
  --arch-300: #76aeb5;
  --acid-500: #b6d448;
  --ink: var(--graphite-950);
  --ink-muted: #555a52;
  --surface: var(--paper-100);
  --surface-raised: #faf7ef;
  --rule: color-mix(in oklch, var(--graphite-950) 24%, transparent);

  --font-display: "Space Grotesk", "Avenir Next", "Helvetica Neue", sans-serif;
  --font-reading: "Inter", "Avenir Next", "Helvetica Neue", sans-serif;
  --font-meta: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  --step--1: clamp(0.75rem, 0.71rem + 0.16vw, 0.84rem);
  --step-0: clamp(0.96rem, 0.9rem + 0.25vw, 1.08rem);
  --step-1: clamp(1.18rem, 1.07rem + 0.48vw, 1.42rem);
  --step-2: clamp(1.48rem, 1.25rem + 0.93vw, 1.95rem);
  --step-3: clamp(1.88rem, 1.48rem + 1.63vw, 2.7rem);
  --step-4: clamp(2.45rem, 1.73rem + 2.9vw, 3.9rem);

  --space-1: 0.375rem;
  --space-2: 0.625rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.25rem;
  --space-6: 3.5rem;
  --space-7: 5.5rem;
  --gutter: clamp(1rem, 3vw, 3.75rem);
  --measure: 68ch;
  --focus-ring: 0 0 0 3px var(--surface), 0 0 0 6px var(--arch-500);
  --motion-fast: 160ms;
  --motion-medium: 380ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}