/* Myles Mode — typography tokens
   Three voices:
   1. Archivo Black — the SHOUT. Headlines, wordmark, pull numbers. Always uppercase.
   2. Newsreader — the ESSAY. Body copy, pull quotes (italic), 3,000-word reads.
   3. Space Mono — the MARGINALIA. Kickers, dates, tags, footnote markers, captions. */
:root {
  --font-display: 'Archivo Black', 'Arial Black', sans-serif;
  --font-serif: 'Newsreader', Georgia, serif;
  --font-mono: 'Space Mono', 'Courier New', monospace;

  /* Scale (desktop) */
  --type-display-xl: 72px;   /* hero headlines */
  --type-display-lg: 48px;   /* essay titles */
  --type-display-md: 32px;   /* section heads */
  --type-display-sm: 22px;   /* card titles */
  --type-quote: 30px;        /* pull quotes, Newsreader italic */
  --type-body-lg: 21px;      /* essay body */
  --type-body: 18px;         /* standfirst / dek, UI prose */
  --type-meta: 13px;         /* mono kickers, dates, tags */
  --type-meta-sm: 11px;      /* fine print */

  /* Behavior */
  --leading-display: 0.96;   /* headlines set tight, almost touching */
  --leading-quote: 1.25;
  --leading-body: 1.72;      /* generous for long reads */
  --leading-meta: 1.4;
  --tracking-display: -0.01em;
  --tracking-meta: 0.14em;   /* mono meta is uppercase + spaced */
}