/* ============================================================================
   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;
}