/* Die Schrift des Wortzeichens: Space Grotesk (Paket 125), und das
 * Wortzeichen selbst (Paket 245).
 *
 * SELBST AUSGELIEFERT, nie von einer fremden Adresse: kein Schriftdienst,
 * kein Aufruf beim Laden der Seite, keine Adresse des Lesers, die
 * irgendwo ankommt (Regel der Startseite, tests/test_startseite.py wacht
 * darueber). Der Pfad unten ist darum relativ und bleibt es.
 *
 * HERKUNFT UND LIZENZ: Space Grotesk von Florian Karsten, SIL Open Font
 * License 1.1. Quelle github.com/floriankarsten/space-grotesk, Release
 * 2.0.0, die veraenderliche Fassung. Der volle Lizenztext liegt daneben
 * in OFL.txt, genannt wird er im Lizenzkapitel der Hilfe (ganz hinten,
 * neben three.js).
 *
 * WER DIESE DATEI LAEDT: jede Seite, die das Wortzeichen traegt (die
 * Oberflaeche, die Nebenseiten mit der gemeinsamen Kopfzeile und die
 * Startseite aus start/schrift/). In der OBERFLAECHE aendert sie nichts
 * am Aussehen: die Familie benutzt allein das Wortzeichen. Dialoge,
 * Statuszeile und Baum bleiben bei der Systemschrift.
 *
 * FEHLT die Schriftdatei, passiert nichts Schlimmes: font-display ist
 * swap, der Browser nimmt sofort den Rueckfall ("Segoe UI", system-ui).
 * Das Zeichen sieht dann nur nuechterner aus.
 *
 * Ein Schnitt, eine Datei: die veraenderliche Fassung deckt 300 bis 700
 * ab (300 fuer krieger, 700 fuer CAD).
 *
 * ZWEIMAL IM REPO, wie das Favicon: die Startseite wird als EIGENER
 * Ordner ausgeliefert (web/start ist dort die Wurzel, betrieb/vps2/
 * Caddyfile.cad) und kommt an web/schrift/ nicht heran. Darum liegt
 * dieselbe Datei noch einmal unter web/start/schrift/, Byte fuer Byte
 * gleich; tests/test_wortzeichen.py vergleicht beide.
 */

@font-face {
  font-family: "Space Grotesk";
  src: url("SpaceGrotesk-Variable.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

/* DAS WORTZEICHEN kriegerCAD (Paket 245, regeln/gestaltung.md).
 *
 * Kostja 2026-09-23: "nur Textform, keine Bilder. krieger klein, CAD
 * gross und fett, zusammengeschrieben." Ein Element mit zwei Spannen,
 * gebaut von js/wortzeichen.js (auf den Seiten ohne Modul derselbe Text,
 * tests/test_wortzeichen.py vergleicht). Diese Regel ist die EINE Stelle
 * fuer sein Aussehen:
 *
 *   krieger  leicht (300), in der Textfarbe der Stelle (inherit)
 *   CAD      fett (700), in der Akzentfarbe der Oberflaeche
 *
 * Auf dunklem Grund also weiss und blau, auf hellem dunkel und blau; die
 * Token drehen mit dem Erscheinungsbild mit. Die GROESSE setzt die
 * Stelle (font-size des Behaelters), damit der Text ueberall derselbe
 * bleibt. Ohne Token (eine Seite ohne stil.css) greift das Blau des
 * dunklen Erscheinungsbildes.
 */
.wortzeichen {
  font-family: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.wortzeichen-krieger {
  font-weight: 300;
  color: inherit;
}

.wortzeichen-cad {
  font-weight: 700;
  color: var(--akzent, #4da3ff);
}