/*
 * Self-hosted webfonts for MysteryErlebnis frontend
 * Place the referenced .woff2 files at the paths below.
 * Fonts: Inter (variable), Playfair Display (variable)
 */

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

/* Playfair Display Variable (wght axis 400..900) */
@font-face {
  font-family: "Playfair Display";
  src: url("/frontend/assets/fonts/playfair/PlayfairDisplay-Variable.woff2") format("woff2-variations"),
       url("/frontend/assets/fonts/playfair/PlayfairDisplay-Variable.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

/* Optional CSS variables for convenient usage (non-breaking) */
:root {
  --font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  --font-serif: "Playfair Display", Georgia, "Times New Roman", serif;
}