:root{
  --font-display:"Instrument Serif",Georgia,"Times New Roman",serif;
  --font-sans:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-condensed:"Anton","Compacta BT",Impact,"Haettenschweiler",sans-serif;

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

  /* Display — Instrument Serif. Tall, tight, optically large. */
  --display-1-size:104px; /* @kind font */
  --display-1-lh:0.94; /* @kind font */
  --display-1-ls:-0.025em; /* @kind font */
  --display-2-size:76px; /* @kind font */
  --display-2-lh:0.98; /* @kind font */
  --display-2-ls:-0.02em; /* @kind font */
  --display-3-size:56px; /* @kind font */
  --display-3-lh:1.02; /* @kind font */
  --display-3-ls:-0.015em; /* @kind font */

  /* Headings — Instrument Serif for h2/h3, Archivo for h4+ */
  --h2-size:40px; /* @kind font */
  --h2-lh:1.08; /* @kind font */
  --h2-ls:-0.01em; /* @kind font */
  --h3-size:28px; /* @kind font */
  --h3-lh:1.18; /* @kind font */
  --h3-ls:-0.005em; /* @kind font */
  --h4-size:20px; /* @kind font */
  --h4-lh:1.3; /* @kind font */
  --h4-ls:0em; /* @kind font */

  /* Body — Archivo */
  --body-lg-size:20px; /* @kind font */
  --body-lg-lh:1.55; /* @kind font */
  --body-md-size:17px; /* @kind font */
  --body-md-lh:1.6; /* @kind font */
  --body-sm-size:15px; /* @kind font */
  --body-sm-lh:1.55; /* @kind font */
  --body-xs-size:13px; /* @kind font */
  --body-xs-lh:1.5; /* @kind font */

  /* Eyebrow / label */
  --eyebrow-size:12px; /* @kind font */
  --eyebrow-lh:1; /* @kind font */
  --eyebrow-ls:0.14em; /* @kind font */
  --label-size:14px; /* @kind font */
  --label-lh:1.2; /* @kind font */
  --label-ls:0.01em; /* @kind font */

  /* Condensed stat numerals */
  --stat-1-size:88px; /* @kind font */
  --stat-2-size:60px; /* @kind font */
  --stat-3-size:40px; /* @kind font */
  --stat-lh:0.86; /* @kind font */
  --stat-ls:0.005em; /* @kind font */
}