/* Two families. Archivo carries the uppercase display voice (Black next to
   Light on the same line); Figtree carries every sentence-case heading, all
   body copy and all UI text. */
:root{
  --font-display:"Archivo","Archivo Expanded",system-ui,sans-serif;
  --font-sans:"Figtree",system-ui,-apple-system,sans-serif;
  --font-body:var(--font-sans);

  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-extrabold:800;
  --weight-black:900;

  /* Display (Archivo, uppercase, always ends in a full stop) */
  --size-display-xl:72px;
  --size-display-lg:56px;
  --size-display-md:44px;
  --size-display-sm:34px;
  --leading-display:1.06;
  --tracking-display:-0.01em;

  /* Hero / sentence-case headings (Figtree) */
  --size-hero:64px;
  --size-h1:44px;
  --size-h2:32px;
  --size-h3:24px;
  --size-h4:20px;
  --leading-heading:1.18;
  --tracking-heading:-0.02em;

  /* Body */
  --size-lead:21px;
  --size-body:16px;
  --size-body-sm:14px;
  --size-caption:13px;
  --leading-body:1.75;
  --leading-lead:1.9;

  /* Eyebrow / letterspaced uppercase label */
  --size-eyebrow:14px;
  --tracking-eyebrow:0.18em;
  --tracking-eyebrow-loose:0.28em;
}