/* =====================================================================
   TSV Motor Gispersleben e. V. – CI-Webfonts (selbst gehostet)
   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
   Einbinden: <link rel="stylesheet" href="/fonts/tsv-fonts.css"> (Pfad anpassen)
   ===================================================================== */

/* --------------------------- 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 {
  --tsv-font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --tsv-font-ui:      'Barlow', var(--tsv-font-body);
  --tsv-font-heading: 'Barlow', var(--tsv-font-body);
}

/* --------------------------- Sinnvolle Grunddefaults ----------------------- */
body {
  font-family: var(--tsv-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(--tsv-font-heading);
  font-weight: 700;
  line-height: 1.15;
}
nav, .btn, button, .ui, label, th {
  font-family: var(--tsv-font-ui);
  font-weight: 600;
}