/* STEP Wellbeing — typography tokens */
:root {
  /* Families (aliases --disp / --body match the source documents verbatim) */
  --font-display: 'Bricolage Grotesque', 'Hanken Grotesk', sans-serif;
  --font-body: 'Hanken Grotesk', sans-serif;
  --disp: var(--font-display);
  --body: var(--font-body);

  /* Deck type scale (1920×1080 slides) */
  --t-mega: 158px;   /* giant section numerals / display letters */
  --t-title: 64px;   /* slide h2 */
  --t-sub: 42px;     /* title-slide subline */
  --t-lead: 34px;    /* lead paragraphs */
  --t-body: 29px;    /* slide body */
  --t-small: 25px;   /* captions, chips */
  --t-lbl: 24px;     /* kickers */

  /* Document type scale (A4, 15mm margins) */
  --d-h1: 38px;      /* cover title */
  --d-h2: 20px;      /* section heading */
  --d-h3: 15px;      /* sub heading */
  --d-body: 14px;    /* body copy */
  --d-small: 12px;   /* table/dense copy */
  --d-caption: 11px; /* chips, meta */
  --d-micro: 10px;   /* footer, kicker chips */

  /* Kicker treatment (uppercase letterspaced label) */
  --kicker-tracking: 0.18em;
  --kicker-weight: 700;

  /* Leading */
  --leading-display: 1.05;  /* .98–1.08 on big headlines */
  --leading-lead: 1.35;
  --leading-body: 1.45;
  --leading-doc: 1.5;
}
body {
  font-family: var(--font-body);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 {
  font-family: var(--font-display);
}
a { color: var(--teal); }
a:hover { color: var(--navy); }