:root{
  --font-display:"Newsreader","Tiempos Headline",Garamond,"Times New Roman",serif;
  --font-sans:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;

  --weight-regular:400;
  --weight-medium:500;

  /* display — always --font-display at weight 400 with negative tracking */
  --type-display-xl:400 64px/1.05 var(--font-display);
  --type-display-xl-tracking:-1.5px;
  --type-display-lg:400 48px/1.1 var(--font-display);
  --type-display-lg-tracking:-1px;
  --type-display-md:400 36px/1.15 var(--font-display);
  --type-display-md-tracking:-0.5px;
  --type-display-sm:400 28px/1.2 var(--font-display);
  --type-display-sm-tracking:-0.3px;

  /* titles + body — sans */
  --type-title-lg:500 22px/1.3 var(--font-sans);
  --type-title-md:500 18px/1.4 var(--font-sans);
  --type-title-sm:500 16px/1.4 var(--font-sans);
  --type-body-md:400 16px/1.55 var(--font-sans);
  --type-body-sm:400 14px/1.55 var(--font-sans);
  --type-caption:500 13px/1.4 var(--font-sans);
  --type-caption-uppercase:500 12px/1.4 var(--font-sans);
  --type-caption-uppercase-tracking:1.5px;
  --type-button:500 14px/1 var(--font-sans);
  --type-nav-link:500 14px/1.4 var(--font-sans);
  --type-code:400 14px/1.6 var(--font-mono);
}