/* The source of truth is a 960x540pt slide. Design canvas here is 1280x720px,
   so 1pt = 1.3333px. Both values are recorded on every step. */
:root{
  --fs-numeral:200px;   /* 150pt - section numerals, gold */
  --fs-numeral-sm:100px;/* 75pt  - inline ordered numerals on takeaway slides */
  --fs-hero:56px;       /* 42pt  - title slide hero */
  --fs-section:51px;    /* 38pt  - section divider title */
  --fs-h1:43px;         /* 32pt  - page headline */
  --fs-figure:43px;     /* 32pt  - big stat figures */
  --fs-statement:35px;  /* 26pt  - one-sentence takeaway lines on navy */
  --fs-card-title:26px; /* 19.5pt */
  --fs-sub-body:23px;   /* 17.5pt - lead-in paragraphs, list items */
  --fs-body:21px;       /* 15.5pt */
  --fs-eyebrow:20px;    /* 15pt ALL CAPS */
  --fs-meta:14px;       /* 10.5pt - footers, captions, page numbers */

  --lh-tight:1.06; /* @kind other */
  --lh-heading:1.14; /* @kind other */
  --lh-body:1.45; /* @kind other */
  --lh-loose:1.55; /* @kind other */

  --fw-regular:400; /* @kind font */
  --fw-bold:700; /* @kind font */

  --ls-eyebrow:.15em;
  --ls-heading:-.01em;
  --ls-numeral:-.02em;
  --ls-normal:0; /* @kind spacing */

  /* composed type roles */
  --type-hero:var(--fw-bold) var(--fs-hero)/var(--lh-tight) var(--font-heading);
  --type-section:var(--fw-bold) var(--fs-section)/var(--lh-tight) var(--font-heading);
  --type-h1:var(--fw-bold) var(--fs-h1)/var(--lh-heading) var(--font-heading);
  --type-statement:var(--fw-bold) var(--fs-statement)/var(--lh-heading) var(--font-heading);
  --type-card-title:var(--fw-bold) var(--fs-card-title)/var(--lh-heading) var(--font-heading);
  --type-eyebrow:var(--fw-bold) var(--fs-eyebrow)/1.2 var(--font-eyebrow);
  --type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-body);
  --type-sub-body:var(--fw-regular) var(--fs-sub-body)/var(--lh-body) var(--font-body);
  --type-meta:var(--fw-regular) var(--fs-meta)/1.3 var(--font-body);
}