@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/geist-regular.ttf") format("truetype");
}
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/geist-medium.ttf") format("truetype");
}
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/geist-bold.ttf") format("truetype");
}
@font-face {
  font-family: "Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/plex-mono.ttf") format("truetype");
}
:root {
  --color-paper: oklch(98.2% 0.004 255);
  --color-surface: oklch(100% 0 0);
  --color-wash: oklch(95.5% 0.009 255);
  --color-ink: oklch(25% 0.018 255);
  --color-muted: oklch(47% 0.018 255);
  --color-rule: oklch(85.5% 0.012 255);
  --color-track: oklch(63% 0.019 255);
  --color-brand: oklch(75.17783% 0.1393685 224.62016);
  --color-accent: oklch(51.06662% 0.0929905 228.05406);
  --color-accent-ink: oklch(100% 0 0);
  --color-accent-wash: oklch(95.5% 0.025 224.62016);
  --color-focus: var(--color-accent);
  --color-grid: oklch(91.5% 0.012 255);
  --color-error: oklch(43% 0.16 28);
  --color-error-wash: oklch(97% 0.012 28);
  --color-transparent: transparent;
  --font-display: Geist, sans-serif;
  --font-body: Geist, sans-serif;
  --font-mono: "Plex Mono", monospace;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 8rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-section: clamp(2rem, 3.3vw, 2.75rem);
  --text-display: clamp(2.5rem, 5.1vw, 4.5rem);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 200ms;
  --rule-width: 1px;
  --radius-sm: 0.25rem;
  --radius-md: 0.75rem;
  --radius-pill: 999px;
  --page-gutter: clamp(1.25rem, 4.5vw, 4.5rem);
  --page-width: 1240px;
}