/* ==========================================================================
   WerDuWirst — Self-Hosted Webfonts (DSGVO-konform, kein Google Fonts CDN)
   Fraunces (Serif, Display) + DM Sans (Sans-Serif, Text/UI)
   Beide als Variable Fonts eingebunden: eine Datei pro Stil (normal/italic)
   deckt den gesamten Schnittbereich (Thin–Black) stufenlos ab.
   ========================================================================== */

/* ---- DM Sans -------------------------------------------------------- */

@font-face {
  font-family: 'DM Sans';
  src: url('dm-sans/DMSans-Variable.woff') format('woff-variations'),
       url('dm-sans/DMSans-Variable.woff') format('woff');
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DM Sans';
  src: url('dm-sans/DMSans-Italic-Variable.woff') format('woff-variations'),
       url('dm-sans/DMSans-Italic-Variable.woff') format('woff');
  font-weight: 100 1000;
  font-style: italic;
  font-display: swap;
}

/* ---- Fraunces --------------------------------------------------------
   Zusätzliche Achsen SOFT (0–100) und WONK (0/1) sind bei diesem Font
   registriert, aber nicht Teil des CSS-Standardbereichs (font-weight
   deckt nur "wght" ab). Default: SOFT 0, WONK 1 (siehe Werte unten).
   Bei Bedarf projektweit anpassen via font-variation-settings, z. B.:
   font-variation-settings: 'SOFT' 30, 'WONK' 0;
   ------------------------------------------------------------------- */

@font-face {
  font-family: 'Fraunces';
  src: url('fraunces/Fraunces-Variable.woff') format('woff-variations'),
       url('fraunces/Fraunces-Variable.woff') format('woff');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('fraunces/Fraunces-Italic-Variable.woff') format('woff-variations'),
       url('fraunces/Fraunces-Italic-Variable.woff') format('woff');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* ---- Verwendung --------------------------------------------------------
   <link rel="stylesheet" href="fonts/fonts.css">
   Danach wie gewohnt referenzieren, z. B.:
   h1 { font-family: 'Fraunces', serif; font-weight: 600; }
   body { font-family: 'DM Sans', sans-serif; font-weight: 400; }
   ------------------------------------------------------------------- */