/* ============================================
   EOL'LIEN — Typography Tokens
   Cinzel   → Agflustor Free substitute (Google Fonts)
   Source Sans 3 → Acumin Pro substitute (Google Fonts)
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Source+Sans+3:ital,opsz,wght@0,9..46,300;0,9..46,400;0,9..46,600;0,9..46,700;1,9..46,300;1,9..46,400&display=swap');

:root {
  /* ── FAMILIES ──────────────────────────── */
  --font-display: 'Cinzel', 'Trajan Pro', Georgia, serif;
  /* Used for: headings, nav, logo text, pull quotes, CTAs */

  --font-body: 'Source Sans 3', 'Acumin Pro', system-ui, sans-serif;
  /* Used for: body copy, captions, labels, UI controls */

  /* ── SIZE SCALE ─────────────────────────── */
  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-md:   1.125rem;   /* 18px */
  --text-lg:   1.25rem;    /* 20px */
  --text-xl:   1.5rem;     /* 24px */
  --text-2xl:  2rem;       /* 32px */
  --text-3xl:  2.5rem;     /* 40px */
  --text-4xl:  3.25rem;    /* 52px */
  --text-5xl:  4.5rem;     /* 72px */

  /* ── WEIGHTS ────────────────────────────── */
  --font-light:    300;
  --font-regular:  400;
  --font-semibold: 600;
  --font-bold:     700;

  /* ── LINE HEIGHTS ───────────────────────── */
  --leading-none:    1;
  --leading-tight:   1.2;
  --leading-snug:    1.35;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;
  --leading-loose:   1.875;

  /* ── LETTER SPACING ─────────────────────── */
  --tracking-tight:   -0.02em;
  --tracking-normal:   0;
  --tracking-wide:     0.04em;
  --tracking-wider:    0.08em;
  --tracking-widest:   0.14em;
}