/* Lokale @font-face Definitionen mit Swap. Beispiel:

@font-face{
  font-family:"Open Sans";
  src:url("../fonts/open-sans/open-sans-normal-latin.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
body{ font-family:"Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif; }
*/

/* Open Sans Variable (Roman) */
@font-face{
  font-family: "Open Sans";
  src: url("../fonts/open-sans/OpenSans-VariableFont_wdth,wght.woff2") format("woff2-variations");
  font-weight: 300 800;      /* Open Sans VF: 300–800 */
  font-stretch: 75% 125%;    /* wdth-Achse (Condensed–Expanded) */
  font-style: normal;
  font-display: swap;
}

/* Open Sans Variable (Italic) */
@font-face{
  font-family: "Open Sans";
  src: url("../fonts/open-sans/OpenSans-Italic-VariableFont_wdth,wght.woff2") format("woff2-variations");
  font-weight: 300 800;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}

/* Caveat Variable (wght) – bevorzugt WOFF2, Fallback TTF */
@font-face{
  font-family: "Caveat";
  src:
    url("../fonts/caveat/Caveat-VariableFont_wght.woff2") format("woff2-variations"), /* falls du zu WOFF2 konvertierst */
    url("../fonts/caveat/Caveat-VariableFont_wght.ttf") format("truetype");          /* dein aktueller Upload */
  font-weight: 400 700;   /* Caveat VF: 400–700 */
  font-style: normal;     /* Caveat hat keine separate Italic */
  font-display: swap;
}

/* optional globale Nutzung */
:root{
  --font-accent: "Caveat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
/* Beispiel */
.h-accent { font-family: var(--font-accent); }


/* Globale Anwendung + metrisch ähnliche Fallbacks */
:root{
  --font-sans: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif;
}
html, body { font-family: var(--font-sans); }

/* Optional: keine Fake-Styles erzeugen, wenn echte Schnitte vorhanden sind */
html { font-synthesis: none; }

/* Beispiele für Achsensteuerung (optional) */
.h-compact   { font-variation-settings: "wght" 700, "wdth" 90; }
.text-normal { font-variation-settings: "wght" 400, "wdth" 100; }