/* Variable first */
@font-face{
  font-family: "Inter";
  src: url("/assets/fonts/inter/latin-wght-normal.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Inter";
  src: url("/assets/fonts/inter/latin-wght-italic.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Static fallbacks for browsers ohne variable-font support */
@supports not (font-variation-settings: normal) {
  @font-face{
    font-family: "Inter";
    src: url("/assets/fonts/inter/latin-400-normal.woff2") format("woff2");
    font-weight: 400; font-style: normal; font-display: swap;
  }
  @font-face{
    font-family: "Inter";
    src: url("/assets/fonts/inter/latin-500-normal.woff2") format("woff2");
    font-weight: 500; font-style: normal; font-display: swap;
  }
  @font-face{
    font-family: "Inter";
    src: url("/assets/fonts/inter/latin-600-normal.woff2") format("woff2");
    font-weight: 600; font-style: normal; font-display: swap;
  }
  @font-face{
    font-family: "Inter";
    src: url("/assets/fonts/inter/latin-700-normal.woff2") format("woff2");
    font-weight: 700; font-style: normal; font-display: swap;
  }
}

/* Nutzung */
:root { --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
body { font-family: var(--font-sans); }