/* Newsreader carries prose and headings. Plex Sans carries the interface. Plex Mono carries references. */
:root{
  --serif:'Newsreader',Georgia,'Times New Roman',serif; /* @kind font */
  --sans:'IBM Plex Sans',system-ui,-apple-system,sans-serif; /* @kind font */
  --mono:'IBM Plex Mono',ui-monospace,'SF Mono',monospace; /* @kind font */

  /* Font sizes. The five roles come from visual-identity.md.
     --fs-lead is derived, for a standfirst paragraph under a display line. */
  --fs-display:46px;
  --fs-display-mobile:37px;        /* display drops ~20% on mobile */
  --fs-section:28px;
  --fs-lead:22px;
  --fs-body:18px;
  --fs-small:15px;
  --fs-label:12px;

  --lh-display:1.12; /* @kind other */
  --lh-section:1.25; /* @kind other */
  --lh-body:1.62; /* @kind other */
  --lh-small:1.5; /* @kind other */
  --lh-label:1.3; /* @kind other */

  --fw-regular:400; /* @kind other */
  --fw-medium:500; /* @kind other */
  --fw-semibold:600; /* @kind other */ /* Plex Sans only, wordmark and table heads */

  --tracking-label:0.08em; /* @kind other */
  --tracking-display:-0.01em; /* @kind other */

  /* Role aliases: font shorthand-ready */
  --type-display:var(--fw-regular) var(--fs-display)/var(--lh-display) var(--serif); /* @kind font */
  --type-section:var(--fw-medium) var(--fs-section)/var(--lh-section) var(--serif); /* @kind font */
  --type-lead:var(--fw-regular) var(--fs-lead)/1.45 var(--serif); /* @kind font */
  --type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--serif); /* @kind font */
  --type-small:var(--fw-regular) var(--fs-small)/var(--lh-small) var(--sans); /* @kind font */
  --type-label:var(--fw-medium) var(--fs-label)/var(--lh-label) var(--sans); /* @kind font */
  --type-mono:var(--fw-regular) var(--fs-small)/var(--lh-small) var(--mono); /* @kind font */
}