/*
 * KEVGROOVE – Self-hosted Google Fonts
 * =====================================
 * 
 * ANLEITUNG:
 * 1. Lade die Font-Dateien herunter von:
 *    - Bebas Neue: https://fonts.google.com/specimen/Bebas+Neue → "Download family"
 *    - DM Sans: https://fonts.google.com/specimen/DM+Sans → "Download family"
 * 
 * 2. Entpacke die ZIP-Dateien und kopiere folgende WOFF2-Dateien in diesen Ordner (src/fonts/):
 *    - BebasNeue-Regular.woff2   (oder .ttf umbenennen)
 *    - DMSans-Light.woff2
 *    - DMSans-Regular.woff2
 *    - DMSans-Medium.woff2
 *    - DMSans-SemiBold.woff2
 *    - DMSans-Bold.woff2
 *    - DMSans-Italic.woff2
 * 
 *    Tipp: Falls du nur .ttf Dateien hast, funktioniert das auch.
 *    Ändere einfach unten format('woff2') zu format('truetype') und
 *    die Dateiendungen von .woff2 zu .ttf
 * 
 * 3. In index.njk (und landing-layout.njk, blog-layout.njk):
 *    - ENTFERNE die Google Fonts <link> Tags
 *    - FÜGE stattdessen hinzu: <link rel="stylesheet" href="/fonts/fonts.css">
 * 
 * 4. Commit & Deploy → Fertig! Keine externen Requests mehr an Google.
 */

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

/* DM Sans - Light (300) */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/DMSans-Light.woff2') format('woff2');
}

/* DM Sans - Regular (400) */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/DMSans-Regular.woff2') format('woff2');
}

/* DM Sans - Regular Italic */
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/DMSans-Italic.woff2') format('woff2');
}

/* DM Sans - Medium (500) */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/DMSans-Medium.woff2') format('woff2');
}

/* DM Sans - SemiBold (600) */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/DMSans-SemiBold.woff2') format('woff2');
}

/* DM Sans - Bold (700) */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/DMSans-Bold.woff2') format('woff2');
}