/* Habitat — Typography system
   Newsreader (serif, display/editorial) · DM Sans (body) · DM Mono (labels, bylines, data).
   One family does the work of color. Emphasis = italic or scale, never bold-700. */
:root {
  /* ---- Families ---- */
  --font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-sans: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'DM Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Semantic family aliases */
  --font-display: var(--font-serif);
  --font-body: var(--font-sans);
  --font-label: var(--font-mono);

  /* ---- Weights (cap at 600 sans; serif stays 400) ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* ---- Type scale (web product) ---- */
  --size-numeral: 140px;   /* Cover / chapter numeral, Newsreader 400 */
  --size-display: 64px;    /* Display headline */
  --size-h1: 44px;
  --size-h2: 32px;
  --size-h3: 24px;
  --size-h4: 20px;
  --size-lead: 22px;       /* Article standfirst / lede, Newsreader */
  --size-body: 18px;
  --size-body-sm: 16px;
  --size-caption: 14px;
  --size-eyebrow: 12px;    /* DM Mono uppercase, 0.22em tracking */
  --size-byline: 11px;     /* DM Mono uppercase, 0.18em tracking */
  --size-source: 10px;     /* DM Mono, source lines / footnotes */

  /* ---- Line heights ---- */
  --leading-tight: 1.05;   /* Numerals, big display */
  --leading-display: 1.12; /* Headlines */
  --leading-snug: 1.35;
  --leading-body: 1.7;     /* Body copy */

  /* ---- Tracking ---- */
  --tracking-display: -0.02em;
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-eyebrow: 0.22em;
  --tracking-byline: 0.18em;
  --tracking-label: 0.14em;
}