:root{
  /* families are declared in fonts.css */

  --fs-display: 52px;   --lh-display: 1.05; /* @kind other */
  --fs-h1:      36px;   --lh-h1:      1.12;
  --fs-h2:      26px;   --lh-h2:      1.2;
  --fs-h3:      19px;   --lh-h3:      1.3;
  --fs-lead:    18px;   --lh-lead:    1.6;
  --fs-body:    16px;   --lh-body:    1.7;
  --fs-small:   13px;   --lh-small:   1.55;
  --fs-label:   12px;   --lh-label:   1.4;
  --fs-eyebrow: 11px;   --lh-eyebrow: 1.4; /* @kind other */

  --fw-regular: 400; /* @kind font */
  --fw-medium:  500;
  --fw-semibold: 600; /* @kind font */
  --fw-bold:    700;

  --ls-tight:   .02em /* @kind other */;
  --ls-mono:    .06em /* @kind other */;
  --ls-label:   .10em /* @kind other */;
  --ls-eyebrow: .16em /* @kind other */;
  --ls-numeral: .20em /* @kind other */;

  --measure-lead: 56ch; /* @kind other */
  --measure-body: 62ch; /* @kind other */

  /* semantic aliases */
  --type-display:  var(--fw-regular) var(--fs-display)/var(--lh-display) var(--font-display); /* @kind font */
  --type-h1:       var(--fw-regular) var(--fs-h1)/var(--lh-h1) var(--font-display); /* @kind font */
  --type-h2:       var(--fw-regular) var(--fs-h2)/var(--lh-h2) var(--font-display); /* @kind font */
  --type-h3:       var(--fw-regular) var(--fs-h3)/var(--lh-h3) var(--font-display); /* @kind font */
  --type-lead:     var(--fw-regular) var(--fs-lead)/var(--lh-lead) var(--font-body); /* @kind font */
  --type-body:     var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-body); /* @kind font */
  --type-small:    var(--fw-medium) var(--fs-small)/var(--lh-small) var(--font-body); /* @kind font */
  --type-label:    var(--fw-semibold) var(--fs-label)/var(--lh-label) var(--font-body); /* @kind font */
  --type-data:     var(--fw-medium) var(--fs-small)/var(--lh-small) var(--font-mono); /* @kind font */
  --type-eyebrow:  var(--fw-medium) var(--fs-eyebrow)/var(--lh-eyebrow) var(--font-mono); /* @kind font */
}