/*
 * SCHRIFT - eine zentrale Stelle für das ganze Projekt.  Angelegt 2026-09-07 auf Anweisung:
 * "Standard-Schriftart ist Proxima Nova, ab sofort immer verwenden".
 *
 * Diese Datei wird von includes/header.php (also von jeder Studio-Seite) UND von
 * ui_lab_screen.php (der Design-Vorschau im Testbereich) geladen - jeweils VOR dem eigentlichen
 * Stylesheet, damit --font-ui dort schon verfügbar ist. Wer die Schrift ändern will, ändert sie
 * hier und nur hier.
 *
 * ================================================================================
 * WAS SIE HEUTE TUT, UND WAS NOCH FEHLT
 * ================================================================================
 * Proxima Nova ist eine KOSTENPFLICHTIGE Schrift (Mark Simonson, Vertrieb über Adobe Fonts und
 * Monotype). Sie liegt im Projekt nicht vor, und es gibt zwei Wege - von denen einer bei uns
 * ausgeschlossen ist:
 *
 *   Adobe Fonts / Typekit per <link> auf use.typekit.net
 *       NICHT MÖGLICH. LIMITS.md verbietet ausdrücklich "jede externe CDN-Abhängigkeit".
 *       Der Weg wäre technisch der einfachste und ist deshalb der, den man versehentlich nimmt.
 *
 *   Selbst gehosteter Webfont unter app/assets/fonts/
 *       ERLAUBT - eine lokale Datei ist kein CDN. Setzt eine WEBFONT-Lizenz voraus; eine
 *       Desktop-Lizenz aus dem Grafikbereich deckt Web NICHT ab. Was genau gebraucht wird,
 *       steht in app/assets/fonts/README.md.
 *
 * BIS DAHIN gilt die Schriftfolge unten: "Proxima Nova" steht an erster Stelle, wird also
 * SOFORT benutzt, wenn die Schrift auf dem Gerät installiert ist (bei Adobe-CC-Arbeitsplätzen
 * meist der Fall). Auf allen anderen Geräten greift der Ersatz. Das ist eine bekannte
 * Abweichung, keine Nachlässigkeit - sie schließt sich mit der Lizenz, nicht mit CSS.
 *
 * ================================================================================
 * DER ERSATZ - und warum genau diese Reihenfolge
 * ================================================================================
 * Proxima Nova ist eine geometrische Linear-Antiqua mit großer x-Höhe. Gesucht ist also kein
 * "irgendein Sans", sondern eine Schrift mit ähnlichem Charakter UND ähnlichen Maßen, sonst
 * springt das Layout zwischen Geräten.
 *
 *   Avenir Next / Avenir   Auf macOS und iOS vorhanden, geometrisch, sehr nah am Original.
 *                          Steht vorn, weil das Zielprodukt eine mobile App ist.
 *   Segoe UI               Windows-Standard. Humanistisch statt geometrisch, aber in der
 *                          x-Höhe und Laufweite brauchbar nah.
 *   Roboto                 Android-Standard.
 *   system-ui              Letzter Halt, bevor sans-serif greift.
 *
 * BEWUSST NICHT AUFGENOMMEN: Montserrat. Es ist der übliche kostenlose Ersatz für Proxima Nova
 * und im Charakter tatsächlich ähnlich - aber deutlich breiter. Auf Rechnern, die es installiert
 * haben, wären Zeilenumbrüche und Knopfbreiten anders als auf allen anderen. Ein Ersatz, der
 * das Layout verschiebt, ist schlechter als ein Ersatz, der etwas anders aussieht.
 */

:root {
  /* Die einzige Stelle, an der die Schrift des Projekts festgelegt ist. */
  --font-ui:
    "Proxima Nova",
    "Avenir Next", Avenir,
    "Segoe UI",
    Roboto,
    system-ui,
    sans-serif;

  /* Festbreitenschrift für Zahlen, Kennwerte und Normbezeichnungen. Bleibt absichtlich eine
     eigene Schrift: Proxima Nova hat keine verlässlich tabellarischen Ziffern, und in einer
     Spalte untereinander stehende Zahlen sind mehr wert als eine einheitliche Schrift. */
  --font-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;
}

/* ================================================================================
 * AKTIVIERUNG DES SELBST GEHOSTETEN WEBFONTS
 * ================================================================================
 * Sobald die lizenzierten Dateien in app/assets/fonts/ liegen: den Block unten auskommentieren.
 * Mehr ist nicht zu tun - die Schriftfolge oben findet die Familie dann über @font-face statt
 * über die Geräteinstallation, und alle 14 Design-Richtungen ziehen mit.
 *
 * Der Block ist absichtlich noch INAKTIV: ein @font-face auf nicht vorhandene Dateien erzeugt
 * bei jedem Seitenaufruf 404er im Server-Log, ohne irgendetwas zu verbessern.
 *
 * font-display: swap ist bewusst gesetzt - Text erscheint sofort im Ersatz und wird
 * nachträglich ersetzt. Die Alternative (block) lässt eine Baustellen-App bei schlechtem
 * Mobilfunk sekundenlang leer aussehen.

@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/proximanova-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/proximanova-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/proximanova-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/proximanova-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/proximanova-extrabold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

 * Liegt statt der fünf Einzelschnitte eine VARIABLE Fassung vor, ersetzt dieser eine Block
 * alle fünf oben - und die Zwischenwerte 450/650/750, die unsere Entwürfe benutzen, werden
 * dann echt ausgezeichnet statt auf den nächsten Schnitt gerundet:

@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/proximanova-variable.woff2") format("woff2-variations");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

 * ============================================================================= */