/* Type — Montserrat everywhere (CHG-10: single type family, no accent face).
   px sizes are authored for the deck's 1920×1080 canvas (pt×1.333 from the source). */
:root{
  --tl-font-core:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --tl-font-accent:'Montserrat',system-ui,sans-serif;

  --tl-weight-light:300;
  --tl-weight-regular:400;
  --tl-weight-medium:500;
  --tl-weight-semibold:600;
  --tl-weight-bold:700;
  --tl-weight-extrabold:800;
  --tl-weight-heavy:900;

  /* Deck scale (1920×1080) */
  --tl-size-hero:185px;        /* cover title, tracking -11px */
  --tl-size-display:96px;      /* full-bleed divider statements */
  --tl-size-title:73px;        /* slide headline */
  --tl-size-stat:68px;         /* oversized numerals */
  --tl-size-section:54px;      /* MEASURE / ANALYZE / INTERVENE */
  --tl-size-eyebrow:36px;      /* coloured kicker above a headline */
  --tl-size-card-title:36px;
  --tl-size-lead:31px;         /* deck body / lead paragraph */
  --tl-size-body:27px;
  --tl-size-small:25px;
  --tl-size-caption:23px;
  --tl-size-micro:21px;

  /* Website scale — every piece of web text uses one of these 7 steps.
     xl / 2xl / display are fluid (375px phone → 1440px desktop) so the
     desktop and /m/ builds share the same token names. */
  --tl-fs-xs:12px;                                   /* kickers, meta, legal */
  --tl-fs-sm:14px;                                   /* secondary text, labels, chips, nav */
  --tl-fs-base:16px;                                 /* body, buttons, inputs */
  --tl-fs-lg:20px;                                   /* card titles, leads, h3 */
  --tl-fs-xl:clamp(28px, 1.4vw + 22px, 42px);        /* section headings (h2) */
  --tl-fs-2xl:clamp(34px, 2.4vw + 26px, 60px);       /* page / hero headings (h1) */
  --tl-fs-display:clamp(40px, 3vw + 28px, 72px);     /* hero stat numerals only */

  --tl-leading-tight:1.02;     /* hero + display */
  --tl-leading-snug:1.15;      /* headlines */
  --tl-leading-normal:1.35;    /* sub-titles, short descriptions */
  --tl-leading-relaxed:1.5;    /* compact multi-line text (captions, tiles) */
  --tl-leading-body:1.6;       /* web paragraphs, card text, list items */

  --tl-tracking-hero:-0.06em;
  --tl-tracking-tight:-0.02em;
  --tl-tracking-normal:0;
  --tl-tracking-wide:0.04em;   /* small caps-ish award strips */
  --tl-tracking-kicker:0.14em; /* every uppercase kicker / eyebrow label */
}