:root {
  --font-display: "Avenir Next", "Segoe UI Variable Display", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Avenir Next", Avenir, "Segoe UI Variable Text", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --step--1: clamp(.78rem, .75rem + .1vw, .86rem);
  --step-0: clamp(.98rem, .92rem + .2vw, 1.1rem);
  --step-1: clamp(1.18rem, 1.05rem + .48vw, 1.48rem);
  --step-2: clamp(1.45rem, 1.2rem + 1vw, 2.1rem);
  --step-3: clamp(2rem, 1.55rem + 2vw, 3.4rem);
  --step-4: clamp(2.8rem, 1.8rem + 4.5vw, 6.5rem);
  --space-1: .35rem; --space-2: .65rem; --space-3: 1rem; --space-4: 1.5rem;
  --space-5: 2.25rem; --space-6: 3.25rem; --space-7: 5rem; --space-8: clamp(6rem, 10vw, 10rem);
  --container: 89rem; --container-text: 46rem; --gutter: clamp(1.1rem, 4vw, 4.5rem);
  --radius-sm: .25rem; --radius-md: .7rem; --radius-lg: 1.25rem; --radius-pill: 999px;
  --duration-fast: 160ms; --duration-base: 360ms; --duration-slow: 750ms;
  --ease: cubic-bezier(.2,.8,.2,1);
  --z-header: 50; --z-overlay: 70; --z-modal: 90;
}