/* ═══════════════════════════════════════════════════════════════════════
 * getfishnet — typography tokens
 * Two families per page max. Fraunces = display ONLY (never on tables).
 * Inter = all UI. JetBrains Mono = numbers / IDs / code (tnum).
 * @font-face lives in tokens/fonts.css.
 * ═══════════════════════════════════════════════════════════════════════ */

:root {
  /* ─── Font families ─── */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono:    'JetBrains Mono', SFMono-Regular, Menlo, monospace;

  /* ─── Type scale (Inter UI / Fraunces display) ─── */
  --text-display: 3.5rem;   /* 56px — Fraunces hero */
  --text-h1:      2.5rem;   /* 40px — Fraunces */
  --text-h2:      2rem;     /* 32px — Fraunces */
  --text-h3:      1.5rem;   /* 24px — Inter */
  --text-h4:      1.25rem;  /* 20px — Inter */
  --text-h5:      1.125rem; /* 18px — Inter */
  --text-body:    1rem;     /* 16px — Inter */
  --text-sm:      0.875rem; /* 14px */
  --text-xs:      0.75rem;  /* 12px */

  /* ─── Line heights ─── */
  --leading-display: 1.1;
  --leading-heading: 1.25;
  --leading-body:    1.6;

  /* ─── Tracking ─── */
  --tracking-display: -0.02em; /* Fraunces */
  --tracking-heading: -0.01em; /* Inter headings */
  --tracking-normal:  0;

  /* ─── Weights shipped ─── */
  --weight-regular:   400;
  --weight-semibold:  600;
  --weight-bold:      700;
  --weight-extrabold: 800;
}