:root{
  /* One family, two weights. Width axis does the rest. */
  --font-core:"Archivo","Archivo Narrow","Helvetica Neue",Helvetica,sans-serif;
  --font-display:var(--font-core);
  --font-body:var(--font-core);

  --weight-regular:400;
  --weight-bold:800;

  /* Width axis (variable) */
  --width-condensed:78; /* @kind other */
  --width-normal:100; /* @kind other */

  /* Sizes — display is condensed + bold + tight tracking */
  --text-display-xl:clamp(2.75rem,7vw,5.25rem);
  --text-display-l:clamp(2.25rem,5vw,3.75rem);
  --text-display-m:clamp(1.875rem,3.4vw,2.625rem);
  --text-heading:1.5rem;
  --text-subheading:1.1875rem;
  --text-body-l:1.125rem;
  --text-body:1rem;
  --text-small:0.875rem;
  --text-micro:0.75rem;

  --leading-display:0.94;
  --leading-heading:1.12;
  --leading-body:1.55;

  --tracking-display:-0.03em;
  --tracking-heading:-0.015em;
  --tracking-body:0;
  --tracking-label:0.02em;

  --figures-tabular:"tnum" 1,"lnum" 1; /* @kind other */  /* phone numbers and prices */
}