/* ============================================================
   APG — TYPOGRAPHY TOKENS
   Voice: authoritative, editorial, quietly luxurious.
   Cinzel     — Trajan-style caps for eyebrows/branded moments
   Cormorant  — elegant serif for display headlines & pull quotes
   Figtree    — humanist sans for UI, body, labels
   Source Serif 4 — readable serif for long-form editorial body
   ============================================================ */
:root {
  /* Families */
  --font-eyebrow: 'Cinzel', 'Trajan Pro', Georgia, serif;
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-serif:   'Source Serif 4', Georgia, serif;
  --font-sans:    'Figtree', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-mono:    'IBM Plex Mono', 'SFMono-Regular', Menlo, monospace;

  /* Weights */
  --fw-light: 300; /* @kind other */
  --fw-regular: 400; /* @kind other */
  --fw-medium: 500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold: 700; /* @kind other */

  /* Type scale (fluid-ish, fixed px for design fidelity) */
  --fs-display-xl: 76px;
  --fs-display-l:  58px;
  --fs-display-m:  44px;
  --fs-h1: 36px;
  --fs-h2: 28px;
  --fs-h3: 22px;
  --fs-h4: 19px;
  --fs-body-lg: 18px;
  --fs-body:    16px;
  --fs-body-sm: 14px;
  --fs-caption: 13px;
  --fs-eyebrow: 12px;
  --fs-micro:   11px;

  /* Line heights */
  --lh-tight: 1.08; /* @kind other */
  --lh-snug: 1.25; /* @kind other */
  --lh-normal: 1.5; /* @kind other */
  --lh-relaxed: 1.7; /* @kind other */

  /* Letter spacing */
  --ls-eyebrow: 0.22em; /* @kind other */
  --ls-caps: 0.12em; /* @kind other */
  --ls-tight: -0.01em; /* @kind other */
  --ls-display: -0.015em; /* @kind other */

  /* Semantic roles */
  --text-eyebrow-font: var(--font-eyebrow);
  --text-display-font: var(--font-display);
  --text-heading-font: var(--font-display);
  --text-body-font: var(--font-sans);
}