/* Iron Forge — Typography Tokens
   Fonts: Metal Mania (display), Cinzel (heading), Rajdhani (body), Share Tech Mono (mono).
   Google Fonts are loaded via <link> in index.html. */

:root {
  /* ─── Font Families ───────────────────────────────── */
  --font-display: 'Metal Mania', 'Palatino Linotype', serif;
  --font-heading: 'Cinzel', 'Georgia', serif;
  --font-body:    'Rajdhani', 'Helvetica Neue', sans-serif;
  --font-mono:    'Share Tech Mono', 'Courier New', monospace;

  /* ─── Type Scale ──────────────────────────────────── */
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 16px;
  --text-lg:   18px;
  --text-xl:   22px;
  --text-2xl:  28px;
  --text-3xl:  36px;
  --text-4xl:  48px;
  --text-5xl:  64px;
  --text-6xl:  80px;
  --text-hero: clamp(64px, 10vw, 140px);

  /* ─── Line Heights ────────────────────────────────── */
  --leading-none:    1;
  --leading-tight:   0.95;
  --leading-snug:    1.2;
  --leading-normal:  1.5;
  --leading-relaxed: 1.7;

  /* ─── Letter Spacing ──────────────────────────────── */
  --tracking-tight:   -0.01em;
  --tracking-normal:   0em;
  --tracking-wide:     0.05em;
  --tracking-wider:    0.1em;
  --tracking-widest:   0.2em;
  --tracking-ultra:    0.3em;

  /* ─── Font Weights ────────────────────────────────── */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-black:    900;
}