/* ============================================================================
   HandwerkDock — Self-Hosting der Schriften (DSGVO-konform, ohne Google-Server)
   ----------------------------------------------------------------------------
   Warum: Google Fonts wurden bisher dynamisch von fonts.googleapis.com geladen,
   was die Besucher-IP an Google (USA) übermittelt (in DE ein Abmahn-Thema).
   Diese Datei bindet die Schriften lokal ein — es geht KEINE IP mehr an Google.

   SO AKTIVIERST DU DIE MARKEN-SCHRIFTEN (ca. 3 Minuten):
   1) Lade die beiden Familien von fonts.google.com herunter (Lizenz: SIL OFL,
      kostenlos, kommerziell nutzbar):
        - „Space Grotesk"  → Gewichte 500 (Medium) und 700 (Bold)
        - „IBM Plex Sans"  → Gewichte 400, 500, 600, 700
   2) Wandle sie in .woff2 um (z. B. auf einem Web-Konverter oder mit fonttools)
      und lege sie unter  public/fonts/  ab, mit exakt diesen Namen:
        space-grotesk-500.woff2, space-grotesk-700.woff2,
        ibm-plex-sans-400.woff2, ibm-plex-sans-500.woff2,
        ibm-plex-sans-600.woff2, ibm-plex-sans-700.woff2
   3) Binde diese Datei in jede Seite ein (im <head>, vor dem <style>):
        <link rel="stylesheet" href="/fonts.css">
      Für die App genügt der eine Eintrag in index.html.

   Bis die Dateien vorhanden sind, greifen automatisch saubere System-Schriften
   (kein externer Aufruf, kein Rechtsrisiko).
   ============================================================================ */

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal; font-weight: 500; font-display: swap;
  src: local('Space Grotesk Medium'), url('/fonts/space-grotesk-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal; font-weight: 700; font-display: swap;
  src: local('Space Grotesk Bold'), url('/fonts/space-grotesk-700.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal; font-weight: 400; font-display: swap;
  src: local('IBM Plex Sans'), url('/fonts/ibm-plex-sans-400.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal; font-weight: 500; font-display: swap;
  src: local('IBM Plex Sans Medium'), url('/fonts/ibm-plex-sans-500.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal; font-weight: 600; font-display: swap;
  src: local('IBM Plex Sans SemiBold'), url('/fonts/ibm-plex-sans-600.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal; font-weight: 700; font-display: swap;
  src: local('IBM Plex Sans Bold'), url('/fonts/ibm-plex-sans-700.woff2') format('woff2');
}
