/* ══════════════════════════════════════════════════════════════
   Schriften

   Archivo für Text und Überschriften, IBM Plex Mono für Zahlen,
   Artikelnummern, Lagerplätze und die kleinen Versalbeschriftungen.
   So steht es in der Design-Vorgabe, docs/DESIGN/DESIGN.md.

   Beide kommen vom eigenen Server, nicht von Google. Das Lager
   hängt an einem Tunnel; eine fremde Abhängigkeit fällt sonst
   genau dann aus, wenn man sie am wenigsten gebrauchen kann. Und
   der Aufruf hätte jedem Gerät verraten, wo es gerade arbeitet.

   Archivo liegt als eine einzige Datei mit veränderlicher Stärke
   vor und deckt damit 400 bis 700 ab. Das sind 35 KB für vier
   Schnitte statt vier Dateien; die Stärke wird gestuft, nicht
   ausgewählt.

   Beide stehen unter der SIL Open Font License 1.1. Der Wortlaut
   liegt daneben.

   Einbinden als ERSTE Formatvorlage im <head>, vor dem
   seiteneigenen <style> — dann bleiben dortige Werte wirksam.
   ══════════════════════════════════════════════════════════════ */

/* ── Archivo, veränderliche Stärke ──────────────────────────── */

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/schriften/archivo-var.woff2") format("woff2-variations");
}

/* ── IBM Plex Mono ──────────────────────────────────────────── */

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/schriften/plexmono-400.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/schriften/plexmono-500.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/schriften/plexmono-600.woff2") format("woff2");
}

/* ── Die alten Namen zeigen auf die neue Textschrift ─────────
   In den Seiten stand jahrelang "IBM Plex Sans", geliefert wurde
   darunter aber Inter. Wer in den Quelltext sah, las einen Namen
   und bekam eine andere Schrift.

   Jetzt ist die Textschrift Archivo, und die alten Namen zeigen
   dorthin. Eine Seite, die noch nicht angefasst wurde, bekommt
   damit sofort die richtige Schrift; wer angefasst wird, nimmt
   var(--schrift).
   ─────────────────────────────────────────────────────────── */

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/schriften/archivo-var.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/schriften/archivo-var.woff2") format("woff2-variations");
}

/* Die Werte selbst stehen in marke.css, zusammen mit den Farben
   und den Massen. Hier steht nur, wo die Dateien liegen: Schriften
   sind für jeden Betrieb dieselben, Farben nicht. */

body {
  font-family: var(--schrift);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Zahlen sollen in Tabellen untereinander stehen. IBM Plex Mono
   ist ohnehin dicktengleich; die Angabe greift dort, wo Zahlen in
   der Textschrift gesetzt sind. */
table, .zahl, [data-zahl] {
  font-variant-numeric: tabular-nums;
}