/* ============================================================
   Rust Truck — Typography tokens
   Display = vintage slab (Bevan) for the wordmark & big heads.
   Condensed signage alt = Anton. Body = warm serif (Lora).
   Eyebrows/labels = vintage typewriter (Special Elite).
   Flourishes = hand-lettered (Caveat).
   ============================================================ */

:root {
  /* Families */
  --font-display: 'Bevan', 'Rockwell', Georgia, serif;       /* wordmark + big slab heads, ALL-CAPS */
  --font-signage: 'Anton', 'Oswald', 'Arial Narrow', sans-serif; /* condensed signage alt */
  --font-body:    'Lora', Georgia, 'Times New Roman', serif;
  --font-label:   'Special Elite', 'Courier New', monospace; /* typewriter eyebrows/labels */
  --font-script:  'Caveat', 'Segoe Script', cursive;         /* hand-lettered slogans */

  /* Type scale (rem, 16px base) — coarse, signage-friendly */
  --text-2xs:  0.6875rem;  /* 11px — micro labels */
  --text-xs:   0.75rem;    /* 12px — captions */
  --text-sm:   0.875rem;   /* 14px — small body / UI */
  --text-md:   1rem;       /* 16px — base body */
  --text-lg:   1.125rem;   /* 18px — lead body */
  --text-xl:   1.375rem;   /* 22px — small heads */
  --text-2xl:  1.75rem;    /* 28px */
  --text-3xl:  2.25rem;    /* 36px */
  --text-4xl:  3rem;       /* 48px */
  --text-5xl:  4rem;       /* 64px */
  --text-6xl:  5.5rem;     /* 88px — hero signage */

  /* Weights (Bevan/Anton/Special Elite are 400-only) */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold:600;
  --weight-bold:    700;

  /* Line heights */
  --leading-tight:  0.95;  /* condensed display */
  --leading-snug:   1.15;
  --leading-normal: 1.55;  /* serif body */
  --leading-relaxed:1.7;

  /* Letter spacing */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.06em;
  --tracking-label:  0.18em;  /* typewriter eyebrows, all-caps */

  /* ---- Semantic text roles ---- */
  --type-eyebrow-font:    var(--font-label);
  --type-eyebrow-size:    var(--text-xs);
  --type-eyebrow-spacing: var(--tracking-label);

  --type-display-font:    var(--font-display);
  --type-display-leading: var(--leading-tight);

  --type-body-font:       var(--font-body);
  --type-body-leading:    var(--leading-normal);
}