:root {
  /* ---- Font families — four voices ---- */
  --font-display:  'Playfair Display', Georgia, serif;      /* headlines, running numbers */
  --font-body:     'EB Garamond', Georgia, serif;            /* body copy, italic asides */
  --font-ui:       'Helvetica Neue', Helvetica, Arial, sans-serif; /* nav, buttons, UI caps */
  --font-dateline: 'Courier New', Courier, monospace;        /* small labels, the "dateline" */

  /* ---- Type scale — web ---- */
  --text-display-size-mobile: 2.75rem; /* 44px */
  --text-display-size:   5.125rem;     /* 82px desktop */
  --text-display-lh:     0.98;
  --text-display-tracking: -0.01em;

  --text-section-size-mobile: 1.625rem; /* 26px */
  --text-section-size:   2.5rem;        /* 40px desktop */
  --text-section-lh:     1.05;

  --text-body-size:      1.25rem;   /* 20px, range 18-21px */
  --text-body-lh:        1.6;

  --text-ui-size:        0.8125rem; /* 13px — min for UI caps */
  --text-ui-tracking:    0.12em;    /* capped: never wider than 0.12em */

  --text-dateline-size:  0.8125rem; /* 13px floor for Courier caps */
  --text-dateline-tracking: 0.1em;  /* capped 0.10–0.12em */

  --text-caption-size:   0.9375rem; /* 15px */
  --text-caption-lh:     1.55;

  /* ---- Legibility rules (see guidelines/type-legibility.card.html) ----
     Courier caps (--font-dateline) is TEXTURE, not reading copy:
       · minimum 13px, tracking 0.10–0.12em, short standalone labels only
         (section numbers, datelines, eyebrows).
     Anything a human must READ escapes tiny mono-caps — names, titles,
     prices, form hints, captions get size, looser tracking, and often
     drop all-caps for EB Garamond or sentence case.
     Use --caption (not --muted) for eyebrows/attributions for contrast. */
  --text-eyebrow-hero:     0.9375rem; /* 15px — lead/hero eyebrow */
  --text-eyebrow-section:  0.875rem;  /* 14px @ 0.1em — section numbers */
  --text-cta-caps:         0.8125rem; /* 13px @ 0.12em — red/ink caps CTAs */
  --text-link-red:         1.1875rem; /* 19px desktop / 17px mobile — red inline links */
  --text-attribution-name: 1.125rem;  /* 18px — testimonial name (EB Garamond) */
  --text-attribution-meta: 0.8125rem; /* 13px --caption — title/company, NOT mono-caps */
  --text-min-caps:         0.8125rem; /* 13px — hard floor for any uppercase mono/UI label */
}