:root{
  /* family / weight primitives */
  --weight-regular:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700;

  /* editorial display — Newsreader */
  --type-display-xl-size:60px; --type-display-xl-line:1.04; --type-display-xl-tracking:-.02em; --type-display-xl-weight:400;
  --type-display-lg-size:48px; --type-display-lg-line:1.08; --type-display-lg-tracking:-.02em; --type-display-lg-weight:400;
  --type-display-md-size:38px; --type-display-md-line:1.14; --type-display-md-tracking:-.015em; --type-display-md-weight:400;
  --type-display-sm-size:30px; --type-display-sm-line:1.2;  --type-display-sm-tracking:-.01em;  --type-display-sm-weight:400;

  /* interface headings — Figtree */
  --type-heading-lg-size:24px; --type-heading-lg-line:1.3;  --type-heading-lg-tracking:-.01em; --type-heading-lg-weight:600;
  --type-heading-md-size:20px; --type-heading-md-line:1.35; --type-heading-md-tracking:-.01em; --type-heading-md-weight:600;
  --type-heading-sm-size:17px; --type-heading-sm-line:1.4;  --type-heading-sm-tracking:0;      --type-heading-sm-weight:600;

  /* body */
  --type-body-lg-size:18px; --type-body-lg-line:1.6;  --type-body-lg-weight:400;
  --type-body-md-size:16px; --type-body-md-line:1.6;  --type-body-md-weight:400;
  --type-body-sm-size:14px; --type-body-sm-line:1.55; --type-body-sm-weight:400;

  /* utility */
  --type-caption-size:13px; --type-caption-line:1.45; --type-caption-weight:400;
  --type-badge-size:12px;   --type-badge-line:1;      --type-badge-weight:600; --type-badge-tracking:.04em;
  --type-button-size:15px;  --type-button-line:1;     --type-button-weight:600;
  --type-nav-size:15px;     --type-nav-line:1;        --type-nav-weight:500;
  --type-micro-size:11px;   --type-micro-line:1.2;    --type-micro-weight:600; --type-micro-tracking:.14em;
}