:root {
  --brand: #4F46E5;
  --brand-strong: #4338CA;
  --brand-soft: #EEF0FF;
  --ink: #111827;
  --muted: #6B7280;
  --ground: #FFFFFF;
  --surface: #F8F9FC;
  --line: #E5E7EB;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;

  --radius-card: 12px;
  --radius-pill: 999px;
  --radius-input: 8px;

  --shadow-soft: 0 8px 24px rgba(17, 24, 39, 0.06);

  --content-max: 72rem;
  --text-col: 38rem;

  --font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;

  --font-size-display: clamp(2.4rem, 6vw, 4rem);
  --font-size-headline: clamp(1.6rem, 3vw, 2.4rem);
  --font-size-subheadline: 1.25rem;
  --font-size-body: 1.0625rem;
  --font-size-small: 0.9375rem;
  --font-size-button: 1rem;
}

@font-face {
  font-family: "Nunito";
  src: url("/static/fonts/nunito-variable.woff2") format("woff2-variations");
  font-weight: 200 1000;
  font-display: swap;
}