@font-face { font-family: 'Geist'; src: url('./assets/geist.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Space Grotesk'; src: url('./assets/space-grotesk.woff2') format('woff2'); font-style: normal; font-weight: 300 700; font-display: swap; }
:root {
  --color-paper: oklch(97.6% 0.005 60);
  --color-white: oklch(100% 0 0);
  --color-paper-2: oklch(94.8% 0.009 60);
  --color-rule: oklch(88% 0.008 60);
  --color-ink: oklch(22% 0.012 45);
  --color-ink-2: oklch(30% 0.013 45);
  --color-muted: oklch(49% 0.015 50);
  --color-accent: oklch(58% 0.19 32);
  --color-accent-hover: oklch(54% 0.19 32);
  --color-accent-light: oklch(94% 0.035 44);
  --color-accent-ink: oklch(47% 0.16 32);
  --color-blue: oklch(49% 0.12 239);
  --color-blue-light: oklch(94% 0.02 239);
  --color-green: oklch(40% 0.09 160);
  --color-green-light: oklch(94% 0.025 156);
  --color-dark-muted: oklch(77% 0.01 55);
  --color-dark-rule: oklch(38% 0.01 45);
  --color-transparent: transparent;
  --color-shadow: oklch(22% 0.012 45 / 0.08);
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Geist', sans-serif;
  --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px;
  --space-xl: 32px; --space-2xl: 48px; --space-3xl: 64px; --space-section: 112px;
  --text-display: clamp(3rem, 5.6vw, 5.25rem);
  --text-heading: clamp(2rem, 3.5vw, 3.4rem);
  --radius-card: 16px; --radius-control: 8px; --radius-pill: 999px;
  --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-short: 180ms;
}