/**
 * formstube · Controlling · fs-fonts.css · Self-Hosted Web-Fonts
 * ════════════════════════════════════════════════════════════════════
 * Brand-Schriften lokal gehostet — KEIN Google-Fonts-Roundtrip.
 * Self-Hosting-EISERN-Regel (CLAUDE.md): Google Fonts CDN ist verboten.
 *
 * Bug-Fix 2026-05-30 (Marc): "Mona Sans" existiert NICHT auf Google Fonts
 * (GitHub-Open-Source-Font). Der bisherige CDN-Link in head.php lieferte
 * dafür nichts → Browser fiel auf System-Sans zurück → Logo/Headlines im
 * Header (Desktop + Mobile) + Login + Splash in falscher Schrift.
 * Quelle 1:1 übernommen aus /dist/fonts.css (bewährte Foundation-Vorlage).
 *
 * MONA SANS Variable Font:
 *   Datei: /assets/fonts/MonaSansVF.woff2
 *   Axes:  wdth 75..125 · wght 100..900 · opsz 8..144 · ital 0..1
 *   Verwendung im CSS (unverändert, app.css nutzt es bereits so):
 *     font-family: 'Mona Sans'; font-weight: 900;
 *     font-variation-settings: 'wdth' 125;   ← Expanded-Optik (design.html)
 *
 * Alias-Familien für Back-Compat mit design.html-Code:
 *   'Mona Sans Display' · 'Mona Sans Display Expanded' → identisch, gleiche WOFF2
 */

/* ════════════════════════════════════════════════════════════════════
   MONA SANS · Variable Font · 3 Family-Aliases × normal+italic
   font-stretch als RANGE (75% 125%) · normal/italic in getrennten Faces.
   ════════════════════════════════════════════════════════════════════ */

/* Mona Sans · primärer Family-Name · normal */
@font-face {
  font-family: 'Mona Sans';
  src: url('/assets/fonts/MonaSansVF.woff2') format('woff2-variations'),
       url('/assets/fonts/MonaSansVF.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}
/* Mona Sans · italic (über ital-Axis 0→1) */
@font-face {
  font-family: 'Mona Sans';
  src: url('/assets/fonts/MonaSansVF.woff2') format('woff2-variations'),
       url('/assets/fonts/MonaSansVF.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}

/* Mona Sans Display · Alias · identisch · normal */
@font-face {
  font-family: 'Mona Sans Display';
  src: url('/assets/fonts/MonaSansVF.woff2') format('woff2-variations'),
       url('/assets/fonts/MonaSansVF.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans Display';
  src: url('/assets/fonts/MonaSansVF.woff2') format('woff2-variations'),
       url('/assets/fonts/MonaSansVF.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}

/* Mona Sans Display Expanded · Alias · identisch · normal
   font-stretch Range 75% 125% (nicht fixed) damit der Variable-Font
   matched. Expanded-Optik kommt aus font-variation-settings: 'wdth' 125. */
@font-face {
  font-family: 'Mona Sans Display Expanded';
  src: url('/assets/fonts/MonaSansVF.woff2') format('woff2-variations'),
       url('/assets/fonts/MonaSansVF.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans Display Expanded';
  src: url('/assets/fonts/MonaSansVF.woff2') format('woff2-variations'),
       url('/assets/fonts/MonaSansVF.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}

/* ════════════════════════════════════════════════════════════════════
   INTER · statische Cuts (woff2) · 5 Gewichte
   ════════════════════════════════════════════════════════════════════ */
@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/Inter-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/Inter-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ════════════════════════════════════════════════════════════════════
   CORMORANT GARAMOND · Wedding/caroundmarc-Serif (TTF) · self-hosted
   Bug-Fix 2026-06-02 (Marc): Galerien luden Fonts von Google-CDN — formstube-
   Themes „Mona Sans" (gibt's nicht auf Google → Fallback), caroundmarc lud
   Fraunces/Allura statt des im CSS genutzten Cormorant. Jetzt 1 Quelle: fs-fonts.css.
   Beide Family-Namen ('Cormorant' + 'Cormorant Garamond') da beide im CSS vorkommen.
   ════════════════════════════════════════════════════════════════════ */
@font-face { font-family:'Cormorant'; src:url('/assets/fonts/CormorantGaramond-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Cormorant'; src:url('/assets/fonts/CormorantGaramond-Italic.ttf') format('truetype'); font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family:'Cormorant'; src:url('/assets/fonts/CormorantGaramond-SemiBold.ttf') format('truetype'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Cormorant'; src:url('/assets/fonts/CormorantGaramond-SemiBoldItalic.ttf') format('truetype'); font-weight:600; font-style:italic; font-display:swap; }
@font-face { font-family:'Cormorant'; src:url('/assets/fonts/CormorantGaramond-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Cormorant Garamond'; src:url('/assets/fonts/CormorantGaramond-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Cormorant Garamond'; src:url('/assets/fonts/CormorantGaramond-Italic.ttf') format('truetype'); font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family:'Cormorant Garamond'; src:url('/assets/fonts/CormorantGaramond-SemiBold.ttf') format('truetype'); font-weight:500 600; font-style:normal; font-display:swap; }
@font-face { font-family:'Cormorant Garamond'; src:url('/assets/fonts/CormorantGaramond-SemiBoldItalic.ttf') format('truetype'); font-weight:500 600; font-style:italic; font-display:swap; }
@font-face { font-family:'Cormorant Garamond'; src:url('/assets/fonts/CormorantGaramond-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap; }

/* ════════════════════════════════════════════════════════════════════
   GEIST MONO · statische Cuts (woff2) · 3 Gewichte
   ════════════════════════════════════════════════════════════════════ */
@font-face {
  font-family: 'Geist Mono';
  src: url('/assets/fonts/GeistMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('/assets/fonts/GeistMono-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('/assets/fonts/GeistMono-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}