/* MDIL — typography tokens.
   Headings: Manrope 600–800. Body: IBM Plex Sans 400/500.
   Code, kickers, data & numeric callouts: IBM Plex Mono 400/500. */
:root {
  /* ── Families ─────────────────────────────────────── */
  --head: 'Manrope', 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; /* @kind font */
  --sans: 'IBM Plex Sans', system-ui, sans-serif; /* @kind font */
  --mono: 'IBM Plex Mono', ui-monospace, monospace; /* @kind font */

  /* ── Scale (designed at 1920×1080 slide size) ─────── */
  --fs-title: 104px;     /* h1.title — deck title only */
  --fs-head: 62px;       /* h2 slide headline */
  --fs-head-sm: 52px;    /* h2 small variant */
  --fs-hero: 72px;       /* hero statement line */
  --fs-stat: 104px;      /* big numeric callout (96–120px range) */
  --fs-sub: 38px;        /* subtitle under deck title */
  --fs-lede: 27px;       /* lede paragraph */
  --fs-lede-lg: 30px;
  --fs-body: 20px;       /* card body copy */
  --fs-cap: 20px;        /* stat captions */
  --fs-kicker: 17px;     /* mono kicker */
  --fs-meta: 13px;       /* chrome, pagemarks, tags */

  /* ── Weights ──────────────────────────────────────── */
  --fw-title: 800; /* @kind other */
  --fw-head: 700; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-body: 400; /* @kind other */
  --fw-stat: 500; /* @kind other */

  /* ── Letterforms ──────────────────────────────────── */
  --ls-title: -0.02em; /* @kind other */
  --ls-head: -0.018em; /* @kind other */
  --ls-stat: -0.03em; /* @kind other */
  --ls-kicker: 0.26em; /* @kind other */
  --ls-label: 0.14em; /* @kind other */
  --lh-display: 1.0; /* @kind other */
  --lh-lede: 1.42; /* @kind other */
  --lh-body: 1.46; /* @kind other */
}