/* Hallmark · macrostructure: Typographic Card · genre: modern-minimal · theme: custom · axes: light / grotesk-sans / neutral */
@font-face {
  font-family: "Geist";
  src: url("/fonts/geist.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light dark;
  --color-paper: oklch(98.5% 0 0);
  --color-ink: oklch(18% 0.004 260);
  --color-muted: oklch(50% 0.006 260);
  --color-rule: oklch(86% 0.004 260);
  --color-focus: oklch(55% 0.16 255);
  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-base: 1rem;
  --text-link: clamp(1rem, 0.9rem + 0.4vw, 1.125rem);
  --text-name: clamp(2.75rem, 1.4rem + 7vw, 7.5rem);
  --tracking-name: -0.045em;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-gutter: clamp(1.25rem, 6vw, 6rem);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 160ms;
  --dur-slow: 900ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-paper: oklch(14.5% 0.003 260);
    --color-ink: oklch(95% 0.003 260);
    --color-muted: oklch(68% 0.005 260);
    --color-rule: oklch(32% 0.004 260);
    --color-focus: oklch(72% 0.14 255);
  }
}