/* ================================================================
   SIDEKICK24 · Schriften
   ----------------------------------------------------------------
   Alle Schriften liegen auf dem eigenen Server. Es gibt bewusst keine
   Einbindung von Google Fonts oder einem anderen CDN, weil dabei die
   IP-Adresse der Besucherinnen und Besucher an einen Drittanbieter
   uebertragen wuerde (LG Muenchen I, 3 O 17493/20). Selbsthosting ist
   die datenschutzkonforme Variante und braucht keinen Cookie-Hinweis.

   Eingesetzt sind zwei Schriften unter der SIL Open Font License 1.1.
   Sie duerfen kommerziell verwendet, weitergegeben und mit dem Produkt
   ausgeliefert werden. Die Lizenztexte liegen unveraendert bei:
     assets/fonts/LIZENZ-BigShoulders-OFL.txt
     assets/fonts/LIZENZ-WorkSans-OFL.txt

   Display : Big Shoulders  - schmal laufende Sportschrift fuer Versalien
   Text    : Work Sans      - neutrale Grotesk fuer Fliesstext und UI

   Die Dateien sind auf den benoetigten Zeichenvorrat reduziert
   (Latin-1 inklusive Umlaute, Eszett und typografische Zeichen).
   Ein Austausch gegen eine eigene Hausschrift ist moeglich: gleiche
   Dateinamen verwenden, dann ist kein weiterer Codeeingriff noetig.
   ================================================================ */

@font-face {
  font-family: "Sidekick24 Display";
  src: url("../fonts/sidekick24-display-400.woff") format("woff");
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sidekick24 Display";
  src: url("../fonts/sidekick24-display-700.woff") format("woff");
  font-weight: 600 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sidekick24 Text";
  src: url("../fonts/sidekick24-text-400.woff") format("woff");
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sidekick24 Text";
  src: url("../fonts/sidekick24-text-700.woff") format("woff");
  font-weight: 600 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Der Fallback endet bewusst bei schmalen Systemgrotesken, damit die
     Versalzeilen auch waehrend des Ladens nicht ueber die Kante laufen. */
  --font-display:
    "Sidekick24 Display",
    "Oswald",
    "Archivo Narrow",
    "Roboto Condensed",
    "Liberation Sans Narrow",
    "Arial Narrow",
    system-ui,
    sans-serif;

  --font-sans:
    "Sidekick24 Text",
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}