/* Typografie — Alumni Sans für alles. Headlines in Versalien, eng laufend. */
:root{
  --kb-font:"Alumni Sans","Oswald","Arial Narrow",sans-serif;
  --font-core:var(--kb-font);
  --font-display:var(--kb-font);
  --font-body:var(--kb-font);

  /* Theme-Skala (Desktop) */
  --kb-h1:72px;
  --kb-h2:48px;
  --kb-h3:24px;
  --kb-h4:21px;
  --kb-h5:16px;
  --kb-h6:14px;
  --kb-body:16px;

  /* Tablet */
  --kb-h1-t:60px; --kb-h2-t:34px; --kb-h3-t:21px; --kb-h4-t:18px; --kb-h5-t:15px; --kb-h6-t:13px;
  /* Mobile */
  --kb-h1-m:40px; --kb-h2-m:26px; --kb-h3-m:20px; --kb-h4-m:16px; --kb-h5-m:14px; --kb-h6-m:12px;

  /* Live gerenderte Werte (Elementor-Overrides) — das, was der Nutzer sieht */
  --kb-hero-size:77px;
  --kb-hero-lh:60px;
  --kb-hero-ls:-2.079px;
  --kb-section-size:30px;
  --kb-section-lh:35.25px;
  --kb-section-ls:-0.81px;
  --kb-card-title-size:30px;
  --kb-card-title-lh:42.6px;
  --kb-body-lead:25px;        /* Fließtext in Sections — bewusstes Stilmittel */
  --kb-lh-body:32px;
  --kb-nav-size:35px;
  --kb-button-size:20px;
  --kb-footer-size:20px;   /* final: Footer-Text 20px (Theme-Extraktion: 16px) */
  --kb-footer-lh:30px;

  /* Gewichte & Laufweiten */
  --kb-w-regular:400; /* @kind font */
  --kb-w-semibold:600; /* @kind font */
  --kb-w-bold:700; /* @kind font */
  --kb-ls-heading:-0.027em;
  --kb-ls-h5:-0.015em;

  /* Semantische Aliase */
  --text-hero:var(--kb-hero-size);
  --text-section-headline:var(--kb-section-size);
  --text-lead:var(--kb-body-lead);
  --text-base:var(--kb-body);
  --text-nav:var(--kb-nav-size);
  --text-footer:var(--kb-footer-size);
  --text-button:var(--kb-button-size);
}