/* ==========================================================================
   KI-News – lokal gehostete Schriften (DSGVO-konform, kein Google-Request)
   Lizenzen: Space Grotesk / Work Sans / Fraunces = SIL Open Font License 1.1
   (Lizenztexte siehe assets/fonts/*-OFL.txt). Selbst-Hosting ausdrücklich erlaubt.
   Material-Symbols-Icons werden separat als Inline-SVG geladen (assets/ki-icons.js).
   ========================================================================== */

/* ── Space Grotesk (Display / Headlines) – Variable 300–700 ── */
@font-face {
  font-family: 'Space Grotesk';
  src: url('fonts/SpaceGrotesk-Variable.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

/* ── Work Sans (Body) – Variable 300–900 ── */
@font-face {
  font-family: 'Work Sans';
  src: url('fonts/WorkSans-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans';
  src: url('fonts/WorkSans-Italic-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* ── Fraunces (Serif – Artikel) – Variable ── */
@font-face {
  font-family: 'Fraunces';
  src: url('fonts/Fraunces-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('fonts/Fraunces-Italic-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}

/* Icon-Spans: bis das SVG injiziert ist, nichts Hässliches zeigen */
.material-symbols-outlined {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.material-symbols-outlined svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
  display: block;
}