:root {
  --color-paper: oklch(15.1% .003 260);
  --color-paper-raised: oklch(18% .003 260);
  --color-paper-inset: oklch(13.3% .002 260);
  --color-ink: oklch(95% .003 260);
  --color-body: oklch(78% .006 260);
  --color-muted: oklch(65% .005 260);
  --color-faint: oklch(49% .005 260);
  --color-rule: oklch(29% .005 260);
  --color-rule-strong: oklch(42% .005 260);
  --color-accent: oklch(93% .005 260);
  --color-accent-ink: oklch(17% .003 260);
  --color-focus: oklch(88% .01 260);
  --color-shadow: oklch(5% 0 0 / .65);
  --color-overlay: oklch(5% 0 0 / .84);
  --color-clear: oklch(15.1% .003 260 / 0);
  --font-display: "Manrope", sans-serif;
  --font-body: "IBM Plex Sans", sans-serif;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-heading: clamp(1.7rem, 2.45vw, 2.4rem);
  --text-display: clamp(2.3rem, 4.15vw, 3.65rem);
  --space-xs: .25rem;
  --space-sm: .5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-section: 6rem;
  --radius-sm: 4px;
  --radius-md: 8px;
  --ease-out: cubic-bezier(.22,1,.36,1);
  --ease-in: cubic-bezier(.55,0,1,.45);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --dur-fast: 160ms;
  --dur-normal: 260ms;
  --rule-width: 1px;
}