/* === SALTO TYPOGRAPHY — TOKENS ===
   Nur CSS Custom Properties (Tokens) und Utility-Klassen.
   Die Anwendung auf HTML-Elemente (body, h1-h6, .btn etc.) ist in
   css/article-base.css ausgelagert und wird nur auf Artikel-Seiten geladen.

   Tokens sind global verfügbar, damit teasers.css und bootstrap-overrides.css
   (z.B. responsive heading utilities .h-{bp}-{n}) auf sie zugreifen können.

   Namensschema:
     --fs-{name}    = font-size  (rem, Basis: 18px auf Artikel-Seiten)
     --lh-{name}    = line-height (unitless ratio)
     --fw-{name}    = font-weight
*/


/* ================================================
   TYPE SCALE TOKENS
   ================================================ */

:root {

  /* --- Headings ---
     px-Referenz: h1=45, h2=36, h3=31.5, h4=27, h5=22.5, h6=18
     Alle Headings einheitlich lh=1.2 (= BS5 $headings-line-height)
  */
  --fs-h1: 2.5rem;     --lh-h1: 1.2;   /* 45px */
  --fs-h2: 2rem;       --lh-h2: 1.2;   /* 36px */
  --fs-h3: 1.75rem;    --lh-h3: 1.2;   /* 31.5px */
  --fs-h4: 1.5rem;     --lh-h4: 1.2;   /* 27px */
  --fs-h5: 1.25rem;    --lh-h5: 1.2;   /* 22.5px */
  --fs-h6: 1rem;       --lh-h6: 1.2;   /* 18px */

  /* --- Body / Fließtext --- */
  --fs-body:   1rem;       --lh-body:   1.5;    /* lh-base */
  --fs-lead:   1.25rem;    --lh-lead:   1.25;   /* lh-sm */
  --fs-medium: 0.9rem;     --lh-medium: 1.5;    /* lh-base */
  --fs-small:  0.75rem;    --lh-small:  1.25;   /* lh-sm */

  /* --- Spezial-Stile --- */
  --fs-pretitle: 1rem;      --lh-pretitle: 1.25;  /* lh-sm */
  --fs-quote:    1.5rem;    --lh-quote:    1.25;  /* lh-sm */
  --fs-btn-md:   1rem;      --lh-btn-md:   1;
  --fs-btn-sm:   0.9rem;    --lh-btn-sm:   1;

  /* --- Font-Weight-Shortcuts --- */
  --fw-regular:  400;
  --fw-semibold: 600;
  --fw-bold:     700;
}


/* Font-Utility-Klassen sind in design-tokens.css (damit global verfügbar) */