/* ============================================================
   Koerting Institute – 26-fonts.css
   Effra und Roboto Mono als selbst gehostete Webfonts (WOFF2, Ordner fonts/).
   Drop-in: diese Datei + den Ordner fonts/ ins Projekt kopieren,
   Pfade zeigen relativ auf fonts/ – bei anderer Ablage anpassen.

   WARUM DIESE DATEI EXISTIERT (Befund 2026-08-07, EFFRA-WEBFONTS-
   AUFGABE.md): Ohne @font-face sah nur, wer Effra installiert hat,
   die Markenschrift – alle anderen system-ui. Zudem tragen die
   Font-DATEIEN defekte Gewichts-Metadaten (Light/Medium/Heavy
   melden sich alle als 400) – die font-weight-Angaben HIER sind
   deshalb die verbindliche Wahrheit, sie gewinnen im Browser.

   ZWEI REGELN:
   1. NIE local('Effra') in die src-Listen aufnehmen – sonst greift
      der Browser lokal installierte Dateien mit den defekten
      Metadaten und rendert falsche Schnitte (der „zu fett"-Bug).
   2. Es gibt KEIN SemiBold: Die Skala ist 300/400/500/700/800.
      font-weight: 600 rendert als Bold 700 – nie verwenden.
      Regel: 500 = Standard-Betonung (Labels, Buttons), 700 = stark
      (Headlines). Details: 22-design-principles.md §4.1/§4.2.

   WEITERGABE: In Projekte nur diese Datei + die WOFF2 kopieren.
   Die fonts/README.md bleibt im Set – sie nennt interne Pfade und
   gehört nie in ausgelieferte Ordner (z. B. public/ bei Next.js).

   Stand: 2026-10-08 · v1.3 (Gedankenstrich: Halbgeviertstrich mit Leerzeichen statt Geviertstrich – typografisch, keine inhaltliche Änderung (Abgleich mit dem Design System 08.10.); zuvor v1.2: Roboto Mono 400/500/700 als WOFF2
   ergänzt – der Mono-Stack in 21 sagte „selbst gehostet", die
   Dateien fehlten; Quelle github.com/googlefonts/RobotoMono v3.001,
   SIL OFL 1.1, Metadaten korrekt – die zwei Effra-Regeln oben
   gelten nur für Effra; zuvor v1.1: Weitergabe-Regel; zuvor v1.0:
   Erstfassung – 10 Schnitte, WOFF2 aus den lizenzierten
   Dalton-Maag-TTFs, Webfont-Nutzung geklärt 2026-08-18)
   ============================================================ */

/* ---- Effra Upright ---- */
@font-face {
  font-family: 'Effra';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url('fonts/effra-light.woff2') format('woff2');
}
@font-face {
  font-family: 'Effra';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('fonts/effra-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Effra';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('fonts/effra-medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Effra';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('fonts/effra-bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Effra';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url('fonts/effra-heavy.woff2') format('woff2');
}

/* ---- Effra Italic ---- */
@font-face {
  font-family: 'Effra';
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url('fonts/effra-light-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Effra';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url('fonts/effra-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Effra';
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url('fonts/effra-medium-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Effra';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url('fonts/effra-bold-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Effra';
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: url('fonts/effra-heavy-italic.woff2') format('woff2');
}

/* ---- Roboto Mono (Code, Prompts, Meta-Zeilen, Zahlen – 22 §4.1) ---- */
@font-face {
  font-family: 'Roboto Mono';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('fonts/roboto-mono-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto Mono';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('fonts/roboto-mono-medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto Mono';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('fonts/roboto-mono-bold.woff2') format('woff2');
}

/* Die Font-Stacks selbst bleiben unverändert in 21-tokens.css:
   --font: 'Effra','DM Sans','Inter',system-ui,-apple-system,sans-serif;
   --mono: 'Roboto Mono','Consolas',ui-monospace,monospace;
   Die Fallbacks greifen jetzt nur noch, solange die WOFF2 laden. */