/* Typography tokens — serif for headlines, sans for UI, mono for code.
   All serif headlines use weight 500. */

:root {
  /* ---- Families ---- */
  --font-serif: "Source Serif 4", "Anthropic Serif", Georgia, "Times New Roman", serif;
  --font-sans: "Geist", "Anthropic Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --font-mono: "Geist Mono", "Anthropic Mono", "SF Mono", Menlo, Consolas, monospace;

  /* ---- Type Scale ---- */
  --text-display: 64px;        /* hero */
  --text-section: 52px;        /* section heading */
  --text-h2-lg: 36px;          /* sub-heading large */
  --text-h2: 32px;             /* sub-heading */
  --text-h3: 25px;             /* sub-heading small / card titles */
  --text-h4: 20.8px;           /* feature title */
  --text-body-lg: 20px;        /* intro paragraphs */
  --text-body: 17px;           /* default body */
  --text-body-sm: 16px;        /* compact body / buttons */
  --text-small: 15px;          /* small body */
  --text-caption: 14px;        /* metadata */
  --text-label: 12px;          /* badges, small labels */
  --text-overline: 10px;       /* overline labels */
  --text-micro: 9.6px;         /* smallest */

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;      /* sans only, rarely */

  /* ---- Line Heights ---- */
  --leading-tight: 1.10;       /* display, h2 */
  --leading-snug: 1.20;        /* section, h3 */
  --leading-normal: 1.30;      /* h2-lg */
  --leading-comfy: 1.43;       /* caption */
  --leading-relaxed: 1.60;     /* body */

  /* ---- Letter Spacing ---- */
  --tracking-tight: -0.32px;   /* mono */
  --tracking-normal: 0;
  --tracking-label: 0.12px;
  --tracking-overline: 0.5px;
}