/* ============================================================
   /fonts/fonts.css
   DSGVO-konformes lokales Font-Hosting (kein Google-Fonts-CDN)

   Schriften auf beats-per-micha.de:
     - Bebas Neue                 (1 Schnitt: regular)
     - Outfit                     (300, 400, 500, 600)
     - Playfair Display           (italic 400)
     - Inter                      (300 normal, 300 italic)

   Setup:
     1) WOFF2-Dateien herunterladen (siehe README.md, Abschnitt 2.1)
     2) In /fonts/ ablegen
     3) Bereits eingebunden via:
        <link href="/fonts/fonts.css" rel="stylesheet">
   ============================================================ */

/* ── Bebas Neue ─────────────────────────────────────────────── */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/bebas-neue-regular.woff2') format('woff2');
}

/* ── Outfit ─────────────────────────────────────────────────── */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/outfit-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/outfit-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/outfit-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/outfit-600.woff2') format('woff2');
}

/* ── Playfair Display (nur italic 400, wie auf der Seite genutzt) ── */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/playfair-display-italic-400.woff2') format('woff2');
}

/* ── Inter (300 normal + 300 italic, wie auf der Seite genutzt) ─── */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/inter-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/inter-italic-300.woff2') format('woff2');
}