/* Type scale — exact sizes from the source. Almost everything sets line-height 100%;
   the one exception is the SectionHeading pair (18/28 with 0.4px tracking). */
:root {
  --text-display: 52px;      /* slide cover line, Bold */
  --text-title-1: 40px;      /* page title, Bold */
  --text-title-2: 24px;      /* guide section heading, Bold, uppercase */
  --text-title-3: 22px;      /* internal slide title, Bold */
  --text-title-4: 20px;      /* email title, mini-card value, guide body */
  --text-label-lg: 18px;     /* uppercase section label, Bold */
  --text-body-lg: 18px;      /* intro body, Regular */
  --text-body: 16px;         /* card body, Regular / card title, Bold */
  --text-name: 15px;         /* signature name, Bold */
  --text-body-sm: 14px;      /* slide body, button label, legend role */
  --text-caption: 13px;      /* captions, tagline */
  --text-badge: 12px;        /* badge label, Medium */
  --text-eyebrow: 11px;      /* card eyebrow, Bold, uppercase */
  --text-micro: 10px;        /* mini-card label, Bold, uppercase */

  --leading-flat: 100%;
  --leading-heading: 28px;
  --tracking-heading: 0.4px;
}