/* ============================================================
   Typografia — Type tokens
   Nagłówki: Playfair Display (elegancka szeryfowa)  · zamiennik Lora
   Tekst:    Jost (czysta bezszeryfowa)              · zamiennik Poppins
   Skala:    Display 62 · Tytuł 38 · Lead 21 · Body 17 · Eyebrow 13
   ============================================================ */

:root {
  /* ---------- Families ---------- */
  --font-serif:   'Playfair Display', 'Lora', Georgia, 'Times New Roman', serif;
  --font-sans:    'Jost', 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --font-heading: var(--font-serif);
  --font-body:    var(--font-sans);

  /* ---------- Weights ---------- */
  --fw-light:     300;   /* @kind font */ /* Jost Light — lead, delikatne wprowadzenia */
  --fw-regular:   400;   /* @kind font */
  --fw-medium:    500;   /* @kind font */ /* Jost Medium / Playfair Medium */
  --fw-semibold:  600;   /* @kind font */ /* Playfair SemiBold — mocne nagłówki */
  --fw-bold:      700;   /* @kind font */

  /* ---------- Type scale (px) ---------- */
  --fs-display:   62px;  /* Display — okładki, hero */
  --fs-title:     38px;  /* Tytuł — nagłówki sekcji */
  --fs-h3:        27px;  /* Podtytuł / nagłówek karty */
  --fs-lead:      21px;  /* Lead — wprowadzenie, Light */
  --fs-body:      17px;  /* Body — tekst podstawowy */
  --fs-small:     15px;  /* Drobny tekst, podpisy */
  --fs-eyebrow:   13px;  /* Eyebrow — wersaliki z trackingiem */
  --fs-caption:   12px;  /* Najdrobniejszy — metadane, helper */

  /* ---------- Line heights ---------- */
  --lh-display:   1.06;  /* @kind font */
  --lh-title:     1.14;  /* @kind font */
  --lh-heading:   1.22;  /* @kind font */
  --lh-lead:      1.5;   /* @kind font */
  --lh-body:      1.62;  /* @kind font */ /* spokojny, czytelny */
  --lh-tight:     1.3;   /* @kind font */

  /* ---------- Letter spacing ---------- */
  --ls-display:   -0.015em;  /* @kind font */ /* lekko ściągnięty serif na dużych stopniach */
  --ls-title:     -0.01em;   /* @kind font */
  --ls-body:      0;         /* @kind font */
  --ls-eyebrow:   0.22em;    /* @kind font */ /* szeroki tracking wersalików */
  --ls-button:    0.02em;    /* @kind font */
}