/* ============================================================
   Longevity Initiatives — Typography tokens
   Three families, distinct roles (from the Brand Guide):
   · Cormorant  — display serif. Logo & H1 set in UPPERCASE with wide
                  tracking; italic for intros/quotes. Weights 300–600.
   · Raleway    — eyebrows, labels, byline, tags, metadata. Wide tracking,
                  often uppercase. Weights 200–600.
   · DM Sans    — body copy, descriptions, UI, notes. Line-height 1.65–1.75.
   ============================================================ */
:root {
  /* ── Families ───────────────────────────────────── */
  --font-display: 'Cormorant', Georgia, 'Times New Roman', serif;
  --font-label:   'Raleway', system-ui, sans-serif;
  --font-body:    'DM Sans', system-ui, -apple-system, sans-serif;
  /* Numerals / data figures use DM Sans — Cormorant's old-style figures
     read oddly at display size. Tabular for clean alignment of stats. */
  --font-data:    'DM Sans', system-ui, -apple-system, sans-serif;
  --fw-data:      600; /* @kind font */
  --feat-data:    'tnum' 1, 'lnum' 1; /* @kind font */  /* tabular + lining figures */

  /* ── Type scale (display = Cormorant) ───────────── */
  --fs-display-xl: 64px;   /* hero / cover title */
  --fs-display-l:  44px;   /* section opener */
  --fs-display-m:  32px;   /* slide / panel title */
  --fs-display-s:  24px;   /* card title */
  --fs-quote:      28px;   /* italic pull-quote */
  --fs-data:       56px;   /* big number / stat */

  /* ── Body scale (DM Sans) ───────────────────────── */
  --fs-body-l:  18px;
  --fs-body-m:  16px;
  --fs-body-s:  14px;
  --fs-note:    12px;      /* sources, captions */

  /* ── Label scale (Raleway) ──────────────────────── */
  --fs-label-l: 13px;
  --fs-label-m: 11px;
  --fs-label-s: 9px;       /* eyebrow */

  /* ── Weights ──────────────────────── /* @kind font */
  --fw-display:        600; /* @kind font */ /* SemiBold — logo & titles */
  --fw-display-regular:400; /* @kind font */
  --fw-display-light:  300; /* @kind font */
  --fw-label:          500; /* @kind font */ /* Medium — labels */
  --fw-label-light:    300; /* @kind font */
  --fw-label-thin:     200; /* @kind font */ /* byline */
  --fw-body:           400; /* @kind font */
  --fw-body-light:     300; /* @kind font */ /* default body weight */

  /* ── Tracking (letter-spacing) ────── */
  --tracking-logo:     0.16em; /* @kind font */ /* logo & uppercase titles */
  --tracking-title:    0.08em; /* @kind font */
  --tracking-eyebrow:  0.34em; /* @kind font */ /* wide eyebrows */
  --tracking-label:    0.18em; /* @kind font */
  --tracking-body:     0.005em; /* @kind font */

  /* ── Line-height ──────────────────── */
  --lh-display: 1.08; /* @kind font */
  --lh-title:   1.15; /* @kind font */
  --lh-body:    1.7; /* @kind font */
  --lh-tight:   1.35; /* @kind font */

  /* ── Semantic role bundles (shorthand vars) ─────── */
  --role-eyebrow-size: var(--fs-label-s); /* @kind font */
  --role-body-size:    var(--fs-body-m); /* @kind font */
}