/* ==========================================================================
   MP FONTS · mp-fonts.css
   Child-Theme: generatepress-child/assets/css/
   ---------------------------------------------------------------------
   Self-hosted @font-face für Roboto (Body) und Merriweather (Display).
   Bewusst NICHT über Google Fonts CDN eingebunden (DSGVO: IP-Übertragung
   an Google ohne Einwilligung, siehe LG München 2022) - stattdessen
   lokale Variable-Font-Dateien im Child-Theme.

   Warum Variable Fonts statt einzelner Gewichts-Dateien:
   Im Projekt werden die Gewichte 400/500/600/700 genutzt - 600 existiert
   bei keiner der beiden Familien als eigener statischer Schnitt. Eine
   Variable-Font-Datei pro Familie deckt den kompletten Bereich (inkl.
   600) exakt ab, statt mehrere Einzeldateien zu laden oder den Browser
   synthetisch fett rendern zu lassen.

   Subsetting: auf Latin + Latin-Extended (deckt deutsche Umlaute, ß, €,
   Anführungszeichen, Gedankenstriche ab) reduziert - kein Kyrillisch/
   Griechisch/Vietnamesisch, das auf dieser Seite nirgends vorkommt.
   Ergebnis: Roboto ~59 KB, Merriweather ~474 KB (statt 8,5 MB bzw.
   143 MB für alle Einzelschnitte aller Sprachen zusammen).

   Roboto: nur Achse "wght" (100-900), Achse "wdth" wurde fixiert (100%),
   da im Projekt nirgends font-stretch genutzt wird.
   Merriweather: Achsen "wght" (300-900) UND "opsz" (18-144) bleiben
   erhalten - "opsz" passt die Schriftform automatisch an die Rendergröße
   an (feinere Linien bei kleiner Schrift, kräftigere bei großen
   Überschriften), ganz ohne zusätzliches CSS - font-optical-sizing:auto
   ist Browser-Standard. "wdth" wurde ebenfalls auf 100% fixiert.

   Liefert nur die Font-Dateien, keine Farb-/Radius-/Spacing-Werte -
   deshalb eigene Datei statt Teil von mp-tokens.css (dessen Kopf-
   Kommentar "einzige Aufgabe: Tokens bereitstellen" festlegt).
   ========================================================================== */

@font-face {
  font-family: "Roboto";
  src: url("../../fonts/roboto/roboto-variable.woff2") format("woff2-variations"),
       url("../../fonts/roboto/roboto-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Merriweather";
  src: url("../../fonts/merriweather/merriweather-variable.woff2") format("woff2-variations"),
       url("../../fonts/merriweather/merriweather-variable.woff2") format("woff2");
  font-weight: 300 900;
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
}