:root{
  /* ---- Families ---- */
  --font-display:"Anton","Oswald","Arial Narrow",sans-serif; /* @kind font */      /* heavy condensed caps, logotype relative */
  --font-wide:"Archivo","Helvetica Neue",Arial,sans-serif; /* @kind font */         /* Acumin Pro Wide stand-in: labels, eyebrows, spec sheets */
  --font-support:"Montserrat","Futura","Century Gothic",sans-serif; /* @kind font *//* Brandon Grotesque stand-in: support lines, subheads */
  --font-text:"Open Sans","Helvetica Neue",Arial,sans-serif; /* @kind font */       /* long-form body, UI, forms */
  --font-editorial:"Libre Baskerville",Baskerville,Georgia,serif; /* @kind font */  /* one word per page, italic only */

  /* ---- Display scale. Condensed caps, so it runs larger than it looks. ---- */
  --fs-display-1:104px; /* @kind font */
  --fs-display-2:76px; /* @kind font */
  --fs-display-3:56px; /* @kind font */
  --fs-display-4:40px; /* @kind font */

  /* ---- Heading scale (support face) ---- */
  --fs-head-1:32px; /* @kind font */
  --fs-head-2:24px; /* @kind font */
  --fs-head-3:19px; /* @kind font */

  /* ---- Body ---- */
  --fs-body-lg:19px; /* @kind font */
  --fs-body:16px; /* @kind font */
  --fs-body-sm:14px; /* @kind font */

  /* ---- Labels: always caps, always tracked ---- */
  --fs-label:13px; /* @kind font */
  --fs-label-sm:11px; /* @kind font */
  --fs-label-xs:10px; /* @kind font */

  /* ---- Weights ---- */
  --fw-display:400; /* @kind font */   /* Anton has one weight */
  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-black:800; /* @kind font */

  /* ---- Line heights ---- */
  --lh-display:0.94; /* @kind font */
  --lh-display-tight:0.90; /* @kind font */ /* only when no accented cap can land under a previous line */
  --lh-tight:1.12; /* @kind font */
  --lh-heading:1.20; /* @kind font */
  --lh-body:1.60; /* @kind font */
  --lh-label:1.30; /* @kind font */

  /* ---- Tracking. The brand lives at the two extremes: tight display, wide labels. ---- */
  --ls-display:-0.02em; /* @kind font */
  --ls-display-tight:-0.03em; /* @kind font */
  --ls-heading:0em; /* @kind font */
  --ls-body:0em; /* @kind font */
  --ls-support:0.06em; /* @kind font */   /* support lines under a headline */
  --ls-label:0.18em; /* @kind font */     /* small caps labels */
  --ls-label-wide:0.32em; /* @kind font *//* eyebrows, section markers, REEVE-style lettering */

  /* ---- Composite roles ---- */
  --type-display:var(--fw-display) var(--fs-display-1)/var(--lh-display) var(--font-display); /* @kind font */
  --type-eyebrow:var(--fw-semibold) var(--fs-label-sm)/var(--lh-label) var(--font-wide); /* @kind font */
  --type-support:var(--fw-light) var(--fs-body-lg)/var(--lh-body) var(--font-support); /* @kind font */
  --type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-text); /* @kind font */
  --type-label:var(--fw-semibold) var(--fs-label)/var(--lh-label) var(--font-wide); /* @kind font */
}