:root {
  /* ---- Font families ---- */
  --font-display: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Weights ---- */
  --w-regular: 400; /* @kind font */
  --w-medium: 500; /* @kind font */
  --w-semibold: 600; /* @kind font */
  --w-bold: 700; /* @kind font */
  --w-black: 800; /* @kind font */

  /* ---- Type scale (display uses tight tracking + leading) ---- */
  --fs-display: clamp(40px, 5vw, 64px); /* @kind font */
  --fs-h1: 44px;
  --fs-h2: 32px;
  --fs-h3: 24px;
  --fs-h4: 20px;
  --fs-body-lg: 18px;
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 13px;
  --fs-label: 12px;   /* mono labels / eyebrows */

  --lh-tight: 1.04; /* @kind font */
  --lh-snug: 1.2; /* @kind font */
  --lh-body: 1.55; /* @kind font */

  --tracking-display: -0.03em;
  --tracking-heading: -0.015em;
  --tracking-label: 0.12em;  /* uppercase mono labels */
}