/* =====================================================================
   CI-Webfonts des Vereins (selbst gehostet, kein Google-Fonts-Link)
   Barlow  → Überschriften & UI (Navigation, Buttons, Labels)
   DM Sans → Fließtext / Lauftext
   Lizenz: SIL Open Font License 1.1 – siehe OFL-Barlow.txt / OFL-DMSans.txt

   🔴 Diese Datei ist das Fontpaket EINES Mandanten und heisst deshalb nicht
   mehr nach ihm (16.09.2026). Sie definiert die drei Rollen-Tokens
   --font-body/-ui/-heading; wer andere Schriften fuehrt, tauscht die Datei
   und laesst die Namen stehen. Eingebunden in page.typoscript (includeCSS 45),
   VOR main.css, das die Tokens referenziert.
   ===================================================================== */

/* --------------------------- DM Sans (Fließtext) --------------------------- */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/dm-sans-400.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/dm-sans-500.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/dm-sans-700.woff2') format('woff2');
}

/* --------------------------- Barlow (Überschriften & UI) ------------------- */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./fonts/barlow-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/barlow-700.woff2') format('woff2');
}

/* --------------------------- Rollen als CSS-Variablen ---------------------- */
:root {
  --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-ui:      'Barlow', var(--font-body);
  --font-heading: 'Barlow', var(--font-body);
}

/* --------------------------- Sinnvolle Grunddefaults ----------------------- */
body {
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.15;
}
nav, .btn, button, .ui, label, th {
  font-family: var(--font-ui);
  font-weight: 600;
}