/* ============================================================
   Page & Parley — Typography
   ------------------------------------------------------------
   Three voices:
   · Cormorant Garamond — literary display & headings. Warm,
     bookish, high-contrast serif. Use at generous sizes; it is
     a display face, never body or UI.
   · IBM Plex Sans — UI, controls, and app body copy. Humanist,
     contemporary, highly legible at small sizes; balances the
     literary headings with a modern product feel.
   · Source Serif 4 — long-form reading (manuscript view).
     A reading-optimised serif for sustained on-screen reading.
     [Recommendation beyond the kit — see readme "On typography".]

   Brief mandate: legibility for older readers + long sessions.
   Body never below 16px; UI/secondary text never below 14px;
   reading body sits at 19–20px with open line-height.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Cormorant Garamond', 'Source Serif 4', Georgia, serif;
  --font-ui:      'IBM Plex Sans', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-reading: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-body:    var(--font-ui);   /* app body defaults to IBM Plex Sans */

  /* ---- Type scale (px, fluid-friendly) ---- */
  --fs-display:  56px;  /* hero / marketing display */
  --fs-h1:       40px;
  --fs-h2:       30px;
  --fs-h3:       23px;
  --fs-h4:       19px;
  --fs-lede:     19px;  /* intro paragraphs */
  --fs-body:     16px;  /* default body — floor for reading copy */
  --fs-ui:       15px;  /* default UI text */
  --fs-sm:       14px;  /* secondary UI — minimum size */
  --fs-meta:     14px;  /* timestamps, captions (sparingly) — 14px floor */

  /* ---- Reading view (manuscript) ---- */
  --fs-reading:        20px;
  --lh-reading:        1.75; /* @kind font */
  --measure-reading:   34rem; /* @kind other */

  /* ---- Line heights ---- */
  --lh-tight:   1.15; /* @kind font */
  --lh-snug:    1.3;  /* @kind font */
  --lh-normal:  1.55; /* @kind font */
  --lh-relaxed: 1.7;  /* @kind font */

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

  /* ---- Letter-spacing ---- */
  --ls-display:  .01em;   /* @kind font */
  --ls-heading:  .015em;  /* @kind font */
  --ls-eyebrow:  .14em;   /* @kind font */
  --ls-ui:       0;       /* @kind font */
  --ls-tight:    -.01em;  /* @kind font */
}