/* Poppins only. Headlines are set in Light/Regular at large sizes; all technical
   labels (numbering, eyebrows, meta, nav) are uppercase with wide tracking. */
:root{
  --fs-display:clamp(40px,4.4vw,64px); /* @kind font */
  --fs-h1:54px; /* @kind font */
  --fs-h2:44px; /* @kind font */
  --fs-h3:28px; /* @kind font */
  --fs-h4:20px; /* @kind font */
  --fs-lead:17px; /* @kind font */
  --fs-body:15px; /* @kind font */
  --fs-body-sm:13px; /* @kind font */
  --fs-label:12px; /* @kind font */
  --fs-meta:11px; /* @kind font */
  --fs-micro:10px; /* @kind font */

  --lh-tight:1.08; /* @kind font */
  --lh-title:1.15; /* @kind font */
  --lh-snug:1.35; /* @kind font */
  --lh-body:1.62; /* @kind font */
  --lh-loose:1.75; /* @kind font */

  --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 */

  --ls-display:-0.01em; /* @kind font */
  --ls-title:-0.005em; /* @kind font */
  --ls-body:0em; /* @kind font */
  --ls-label:0.14em; /* @kind font */   /* eyebrows, nav, buttons */
  --ls-meta:0.18em; /* @kind font */    /* coordinates, numbering, vertical labels */
  --ls-logotype:0.34em; /* @kind font *//* ESSOR wordmark set in type */

  /* composed roles */
  --type-h1:var(--fw-medium) var(--fs-h1)/var(--lh-tight) var(--font-display); /* @kind font */
  --type-h2:var(--fw-regular) var(--fs-h2)/var(--lh-title) var(--font-display); /* @kind font */
  --type-h3:var(--fw-medium) var(--fs-h3)/var(--lh-snug) var(--font-core); /* @kind font */
  --type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-core); /* @kind font */
  --type-lead:var(--fw-light) var(--fs-lead)/var(--lh-snug) var(--font-core); /* @kind font */
  --type-label:var(--fw-medium) var(--fs-label)/1.2 var(--font-core); /* @kind font */
  --type-meta:var(--fw-regular) var(--fs-meta)/1.4 var(--font-core); /* @kind font */
}