/* ── Typography ───────────────────────────────────────────────────────────
   EB Garamond sets everything that speaks (display, headings, pull quotes).
   Lato sets everything that instructs (UI, body, labels, tables).
   ------------------------------------------------------------------------ */
:root {
  --font-serif: "EB Garamond", "Garamond", "Adobe Garamond Pro", Georgia, "Times New Roman", serif;
  --font-sans: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --font-display: var(--font-serif);
  --font-heading: var(--font-serif);
  --font-body: var(--font-sans);
  --font-ui: var(--font-sans);
  --font-label: var(--font-sans);
  --font-ref: var(--font-mono);

  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 900;

  /* Display — serif, tight, never bold. Authority comes from size, not weight. */
  --size-display-1: 4.5rem;   /* 72px */
  --size-display-2: 3.5rem;   /* 56px */
  --size-display-3: 2.75rem;  /* 44px */
  --size-h1: 2.25rem;         /* 36px */
  --size-h2: 1.75rem;         /* 28px */
  --size-h3: 1.375rem;        /* 22px */
  --size-h4: 1.125rem;        /* 18px */
  --size-body-lg: 1.125rem;   /* 18px */
  --size-body: 1rem;          /* 16px */
  --size-body-sm: 0.875rem;   /* 14px */
  --size-caption: 0.8125rem;  /* 13px */
  --size-eyebrow: 0.75rem;    /* 12px */
  --size-micro: 0.6875rem;    /* 11px */

  --leading-display: 1.04;
  --leading-tight: 1.15;
  --leading-heading: 1.24;
  --leading-body: 1.65;
  --leading-ui: 1.45;
  --leading-flat: 1;

  --tracking-display: -0.02em;
  --tracking-heading: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-eyebrow: 0.16em;
  --tracking-caps: 0.08em;

  --measure-prose: 68ch;
  --measure-narrow: 46ch;
  --measure-wide: 78ch;
}