/* ============================================================
   Balsa — Typografie-Tokens
   Plus Jakarta Sans (self-hosted). UI nur 400/500; Display 600–800.
   Size-Skala in rem (Pflicht — Nutzer-Schriftgröße muss wirken).
   ============================================================ */

:root {
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Consolas', 'Monaco', monospace;

  --fw-regular: 400;   /* @kind font */ /* UI-Fließtext */
  --fw-medium: 500;    /* @kind font */ /* UI-Überschriften/Labels — UI NUR 400/500 */
  --fw-semibold: 600;  /* @kind font */ /* Display/Marketing */
  --fw-bold: 700;      /* @kind font */ /* Display/Marketing */
  --fw-extrabold: 800; /* @kind font */ /* Marketing-Hero */

  /* Size-Skala in rem */
  --fs-xs: .8125rem;   /* 13px — Caption, Meta */
  --fs-sm: .875rem;    /* 14px — Labels, sekundäre UI */
  --fs-base: 1rem;     /* 16px — Body */
  --fs-md: 1.125rem;   /* 18px — Body auf luftigen Flächen */
  --fs-lg: 1.375rem;   /* 22px — Section-Titel */
  --fs-xl: 1.75rem;    /* 28px — Page-H1 */
  --fs-2xl: 2.25rem;   /* 36px — Display / Marketing-H1 */
  --fs-3xl: 3rem;      /* 48px — Hero-Display */

  --lh-tight: 1.25;    /* @kind other */
  --lh-snug: 1.4;      /* @kind other */
  --lh-normal: 1.6;    /* @kind other */ /* Body */
  --lh-loose: 1.75;    /* @kind other */ /* Leichte Sprache */

  --tracking-tight: -0.01em; /* @kind other */
  --tracking-normal: 0;      /* @kind other */
  --tracking-wide: 0.04em;   /* @kind other */
  --tracking-caps: 0.08em;   /* @kind other */
}