:root{
  --font-sans:"Source Sans Pro","Helvetica Neue",Arial,sans-serif;
  --font-script:"HarcourtsScript","Source Sans Pro",cursive;
  --font-display:var(--font-sans);

  --weight-extralight:200;
  --weight-light:300;
  --weight-regular:400;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-black:900;

  /* Type scale — display sizes run light with tight tracking; UI text runs regular/semibold. */
  --size-display-1:72px;
  --size-display-2:56px;
  --size-h1:40px;
  --size-h2:30px;
  --size-h3:22px;
  --size-h4:18px;
  --size-body-lg:18px;
  --size-body:16px;
  --size-body-sm:14px;
  --size-caption:13px;
  --size-eyebrow:12px;

  --leading-tight:1.05;
  --leading-snug:1.2;
  --leading-normal:1.5;
  --leading-relaxed:1.65;

  --tracking-display:-0.02em;
  --tracking-normal:0;
  --tracking-wide:0.06em;
  --tracking-eyebrow:0.18em;

  /* Semantic roles */
  --text-display:var(--weight-light) var(--size-display-1)/var(--leading-tight) var(--font-sans);
  --text-h1:var(--weight-light) var(--size-h1)/var(--leading-snug) var(--font-sans);
  --text-h2:var(--weight-light) var(--size-h2)/var(--leading-snug) var(--font-sans);
  --text-h3:var(--weight-semibold) var(--size-h3)/var(--leading-snug) var(--font-sans);
  --text-body-font:var(--weight-regular) var(--size-body)/var(--leading-relaxed) var(--font-sans);
  --text-eyebrow-font:var(--weight-semibold) var(--size-eyebrow)/1.2 var(--font-sans);
}