/* ============================================================================
   WebDevCore — Self-hosted Fonts (fonts.css)
   DSGVO-clean: ausschliesslich lokal gehostete .woff2-Dateien, KEINE externen
   Requests (kein Google Fonts, kein CDN). Der Integrator legt die Dateien unter
   assets/fonts/ ab (exakte Dateinamen siehe unten). Fehlt eine Datei, greift
   automatisch der System-Stack der jeweiligen --font-* Token-Definition.

   font-display:swap -> Text sofort sichtbar (System-Fallback), tauscht nach Laden.
   local(...) zuerst -> falls die Schrift lokal installiert ist, kein Download.
   ========================================================================== */

/* --- Inter (Body- & Display-Allrounder; modern-clean / tech) --- */
@font-face {
  font-family: "WDC Inter";
  src: local("Inter"), local("Inter Regular"),
       url("fonts/inter-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "WDC Inter";
  src: local("Inter SemiBold"), local("Inter Semi Bold"),
       url("fonts/inter-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* Ultra-dünner Display-Schnitt (Weight 200) — nur für das Preset etched-dark-mono
   ("in Licht geätzte" Headlines). NUR für große Display-Headings einsetzen. */
@font-face {
  font-family: "WDC Inter";
  src: local("Inter ExtraLight"), local("Inter Extra Light"),
       url("fonts/inter-200.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* --- Fraunces (warmer, charaktervoller Serif-Display; handwerk / organic) --- */
@font-face {
  font-family: "WDC Fraunces";
  src: local("Fraunces SemiBold"), local("Fraunces 72pt SemiBold"),
       url("fonts/fraunces-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* --- Source Serif (seriöser Serif-Display; corporate / kanzlei) --- */
@font-face {
  font-family: "WDC Source Serif";
  src: local("Source Serif 4 SemiBold"), local("Source Serif Pro SemiBold"),
       local("Source Serif SemiBold"),
       url("fonts/source-serif-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* --- Space Grotesk (technischer Display mit Persönlichkeit; tech-forward) --- */
@font-face {
  font-family: "WDC Space Grotesk";
  src: local("Space Grotesk SemiBold"), local("Space Grotesk Medium"),
       url("fonts/space-grotesk-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* --- Work Sans (freundlicher, humanistischer Body; gastro / handwerk) --- */
@font-face {
  font-family: "WDC Work Sans";
  src: local("Work Sans"), local("Work Sans Regular"),
       url("fonts/work-sans-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* --- Playfair Display (eleganter, kontrastreicher Serif; editorial / luxe) --- */
@font-face {
  font-family: "WDC Playfair";
  src: local("Playfair Display Bold"), local("Playfair Display"),
       url("fonts/playfair-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --- Hanken Grotesk (Grotesk mit Charakter -- Alternative zu Inter) --- */
@font-face {
  font-family: "WDC Hanken Grotesk";
  src: local("Hanken Grotesk"), local("Hanken Grotesk Regular"),
       url("fonts/hanken-grotesk-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "WDC Hanken Grotesk";
  src: local("Hanken Grotesk Bold"),
       url("fonts/hanken-grotesk-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --- Literata (durchgehende Serif-Haltung, fuers Lesen gemacht -- auch Fliesstext) --- */
@font-face {
  font-family: "WDC Literata";
  src: local("Literata"), local("Literata Regular"),
       url("fonts/literata-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* --- Big Shoulders Display (kondensierte, plakative Display -- markant/raumsparend) --- */
@font-face {
  font-family: "WDC Big Shoulders";
  src: local("Big Shoulders Display Bold"),
       url("fonts/big-shoulders-display-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --- Bitter (robuste Slab-Serif -- handwerklich-staemmig) --- */
@font-face {
  font-family: "WDC Bitter";
  src: local("Bitter"), local("Bitter Regular"),
       url("fonts/bitter-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "WDC Bitter";
  src: local("Bitter SemiBold"),
       url("fonts/bitter-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* --- Karla (humanistische Sans, warm -- medizinisch/sozial) --- */
@font-face {
  font-family: "WDC Karla";
  src: local("Karla"), local("Karla Regular"),
       url("fonts/karla-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* --- Unbounded (geometrische Display, Kreis-/Zirkel-Charakter -- tech/produkt) --- */
@font-face {
  font-family: "WDC Unbounded";
  src: local("Unbounded Bold"),
       url("fonts/unbounded-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ============================================================================
   Erweiterung 2026-08-20 — 13 zusätzliche OFL-Familien (18 Schnitte), damit
   Schrift-Kombinationen sich über viele Builds nicht wiederholen. Alle SIL OFL
   1.1, latin-Subset, keine steht auf der OVERUSED_FONTS-Liste des Detectors.
   Rollen-Kommentare = Startpunkt, keine Zuweisung — der Agent paart bewusst.
   ========================================================================== */

/* --- Bricolage Grotesque (charaktervolle Grotesk mit Eigenwillen -- editorial/kreativ) --- */
@font-face {
  font-family: "WDC Bricolage";
  src: local("Bricolage Grotesque"),
       url("fonts/bricolage-grotesque-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "WDC Bricolage";
  src: local("Bricolage Grotesque Bold"),
       url("fonts/bricolage-grotesque-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --- Archivo (neutrale Workhorse-Grotesk mit Charakter -- Helvetica-Ersatz) --- */
@font-face {
  font-family: "WDC Archivo";
  src: local("Archivo"), local("Archivo Regular"),
       url("fonts/archivo-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "WDC Archivo";
  src: local("Archivo SemiBold"),
       url("fonts/archivo-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* --- Outfit (geometrische Sans, klar und rund -- modern/produkt) --- */
@font-face {
  font-family: "WDC Outfit";
  src: local("Outfit"), local("Outfit Regular"),
       url("fonts/outfit-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "WDC Outfit";
  src: local("Outfit Bold"),
       url("fonts/outfit-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --- Jost (Futura-Anmutung -- Architektur/Ingenieur/Bauhaus) --- */
@font-face {
  font-family: "WDC Jost";
  src: local("Jost Medium"), local("Jost* Medium"),
       url("fonts/jost-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* --- EB Garamond (klassischer Editorial-Serif -- Kanzlei/Kultur/Verlag) --- */
@font-face {
  font-family: "WDC EB Garamond";
  src: local("EB Garamond"), local("EB Garamond Regular"),
       url("fonts/eb-garamond-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "WDC EB Garamond";
  src: local("EB Garamond SemiBold"),
       url("fonts/eb-garamond-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* --- Cormorant Garamond (eleganter, feiner Display-Serif -- hochwertig/beratend) --- */
@font-face {
  font-family: "WDC Cormorant";
  src: local("Cormorant Garamond SemiBold"),
       url("fonts/cormorant-garamond-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* --- DM Serif Display (kontrastreicher Display-Serif -- selbstbewusst/editorial) --- */
@font-face {
  font-family: "WDC DM Serif";
  src: local("DM Serif Display"),
       url("fonts/dm-serif-display-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* --- Marcellus (roemische Kapitalis-Anmutung -- Kanzlei/edel/Tradition) --- */
@font-face {
  font-family: "WDC Marcellus";
  src: local("Marcellus"), local("Marcellus Regular"),
       url("fonts/marcellus-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* --- Zilla Slab (freundliche Slab -- werkstatt/verlaesslich) --- */
@font-face {
  font-family: "WDC Zilla Slab";
  src: local("Zilla Slab SemiBold"),
       url("fonts/zilla-slab-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* --- Epilogue (humanistisch-moderne Sans -- vielseitiger Body) --- */
@font-face {
  font-family: "WDC Epilogue";
  src: local("Epilogue"), local("Epilogue Regular"),
       url("fonts/epilogue-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "WDC Epilogue";
  src: local("Epilogue Bold"),
       url("fonts/epilogue-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --- Anton (Poster-Condensed, EIN schwerer Schnitt -- plakativ/laut) --- */
@font-face {
  font-family: "WDC Anton";
  src: local("Anton"), local("Anton Regular"),
       url("fonts/anton-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* --- IBM Plex Mono (Mono-Akzente: Labels, Zahlen, HUD -- tech/praezise) --- */
@font-face {
  font-family: "WDC Plex Mono";
  src: local("IBM Plex Mono"),
       url("fonts/ibm-plex-mono-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* --- Baloo 2 (rund und freundlich -- gastro/kita/nahbar) --- */
@font-face {
  font-family: "WDC Baloo";
  src: local("Baloo 2 Bold"),
       url("fonts/baloo-2-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}