/* ============================================================
   BANDIT LORE — TYPOGRAPHY TOKENS
   Anton = condensed display, ALL CAPS, distressed.
   Oswald = supporting copy + spaced-caps taglines.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Anton', 'Oswald', 'Arial Narrow', sans-serif;
  --font-body:    'Oswald', 'Arial Narrow', system-ui, sans-serif;

  /* ---- Display scale (Anton — tight leading, caps) ---- */
  --type-display-xl: 96px;  /* hero wordmark / cover */
  --type-display-l:  64px;  /* section headers */
  --type-display-m:  44px;  /* card titles */
  --type-display-s:  30px;  /* eyebrow headlines */

  /* ---- Body scale (Oswald) ---- */
  --type-body-l:  20px;
  --type-body-m:  17px;
  --type-body-s:  15px;
  --type-caption: 13px;
  --type-micro:   11px;

  /* ---- Leading ---- */
  --leading-display: 0.92;
  --leading-tight:   1.12;
  --leading-body:    1.5;

  /* ---- Tracking ---- */
  --tracking-display: 0.005em;  /* Anton is condensed; barely opened */
  --tracking-tagline: 0.40em;   /* spaced caps tagline — wide, gives the hosts real estate */
  --tracking-eyebrow: 0.18em;   /* small spaced-caps labels */
  --tracking-body:    0.01em;
  --tracking-wide:    0.06em;

  /* ---- Weights (Oswald is variable) ---- */
  --weight-light:   300;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semi:    600;
  --weight-bold:    700;
}