/* ==========================================================================
   Schriften, lokal ausgeliefert (werkzeuge/fonts.mjs). SIL Open Font License.
   Der Browser laedt eine Datei erst, wenn Text in dieser Schrift erscheint.
   ========================================================================== */

/* Design 01 Schaltplan */
@font-face {
  font-family: "Archivo";
  src: url("../fonts/archivo-var.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/plex-mono-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/plex-mono-500.woff2") format("woff2");
  font-weight: 500 700;
  font-display: swap;
}

/* Design 02 Bericht */
@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/source-serif-4-var.woff2") format("woff2");
  font-weight: 200 900;
  font-display: swap;
}
@font-face {
  font-family: "Libre Franklin";
  src: url("../fonts/libre-franklin-var.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

/* Design 03 Tragwerk, zugleich die Schrift der Wortmarke */
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-var.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans-var.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

/* Design 04 Leitstand */
@font-face {
  font-family: "Red Hat Display";
  src: url("../fonts/red-hat-display-var.woff2") format("woff2");
  font-weight: 300 900;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Mono";
  src: url("../fonts/red-hat-mono-var.woff2") format("woff2");
  font-weight: 300 700;
  font-display: swap;
}

/* Design 05 Topografie */
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/albert-sans-var.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

/* Rahmen des Labs */
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/hanken-grotesk-var.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}