:root {
  --color-paper: oklch(100% 0 0);
  --color-paper-soft: oklch(97% .004 110);
  --color-ink: oklch(15% .005 110);
  --color-muted: oklch(47% .005 110);
  --color-rule: oklch(89% .006 110);
  --color-lime: oklch(94% .23 116);
  --color-lime-soft: oklch(97% .08 116);
  --color-dark: oklch(16% .006 110);
  --color-dark-raised: oklch(22% .006 110);
  --color-dark-line: oklch(32% .006 110);
  --color-dark-muted: oklch(74% .006 110);
  --color-focus: oklch(48% .15 130);
  --color-shadow: oklch(15% .005 110 / .14);
  --color-clear: transparent;
  --font-display: 'Geist', sans-serif;
  --font-body: 'Geist', sans-serif;
  --font-mono: 'Geist Mono', monospace;
  --space-xs: .5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 5rem;
  --space-section: clamp(5rem, 9vw, 9rem);
  --text-small: .8125rem;
  --text-body: 1rem;
  --text-lede: clamp(1.0625rem, 1.5vw, 1.25rem);
  --text-display: clamp(4rem, 8.8vw, 8.2rem);
  --text-heading: clamp(2.75rem, 5.7vw, 5.5rem);
  --radius-sm: .5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-pill: 100rem;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 700ms;
  --rule-hair: 1px;
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 100;
}