/*
 * PM PDF Editor · Marken — die verbindlichen Werte des Design-Systems
 *
 * DIES IST DIE EINZIGE DATEI, IN DER FARBWERTE STEHEN.
 * Jede andere Regel im Projekt verwendet ausschliesslich var(--…). Die
 * Baupruefung (pruefung/oberflaeche_pruefen.php) bricht ab, sobald irgendwo
 * sonst ein Farbwert auftaucht.
 *
 * Der Grund ist nicht Ordnungsliebe: Der Dunkelmodus ist kein Ziel der
 * Fassung 1, soll aber ohne Umbau nachruestbar sein. Das geht nur, wenn es
 * genau eine Stelle gibt, an der die Werte stehen.
 *
 * Quelle: Entwicklungsspezifikation, Kapitel „Design-System". Alle Werte sind
 * verbindlich. Es gibt keine weiteren Farben, Abstaende oder Groessen.
 */

:root {
  /* ---------------------------------------------------------- Farben */
  --navy:              #102450;   /* Kopfleiste, Ueberschriften, Text        */
  --navy-2:            #0B1B3D;   /* dunkler Verlauf, Fokusrahmen auf Navy   */
  --orange:            #F0A72A;   /* Primaerschaltflaeche, Auswahl, Marken   */
  --orange-dunkel:     #B57A0E;   /* Text auf hellem Orange, 4,6:1           */
  --bg:                #F4F6FA;   /* Flaechenhintergrund                     */
  --rahmen:            #E1E6F0;   /* Kartenrahmen, Trennlinien               */
  --text-gedaempft:    #5B6B85;   /* Sekundaertext, 5,4:1 auf --bg           */
  --blatt:             #FFFFFF;   /* Dokumentseite, Karten                   */
  --flaeche-dokument:  #5B6B85;   /* Flaeche hinter dem Blatt                */

  --gruen:             #1F7A45;   /* Ergebnis bestanden                      */
  --gruen-soft:        #E8F5EE;
  --bernstein:         #8A5C00;   /* Ergebnis unbestimmt — NICHT Gelb        */
  --bernstein-soft:    #FDF1D8;
  --rot:               #A3202A;   /* Ergebnis nicht bestanden, Fehler        */
  --rot-soft:          #FBEAEC;
  --blau:              #2F6FDB;   /* Hinweise, Formularfeld-Hervorhebung     */
  --blau-soft:         #E7EEFB;

  /*
   * Abgeleitete Werte. Sie sind KEINE neuen Farben, sondern Mischungen der
   * oberen — deshalb stehen sie hier und nirgends sonst.
   */
  --auf-navy:          #FFFFFF;
  --auf-navy-gedaempft: #C3CFE6;
  --auf-orange:        #1A1A1A;              /* Kontrast auf --orange: 9,0:1 */
  --gesperrt-flaeche:  #F7F8FB;
  --gesperrt-text:     #9AA6BD;
  --rahmen-blau:       #BCD0F5;
  --rahmen-gruen:      #BFE3CE;
  --rahmen-bernstein:  #F0DCAE;
  --rahmen-rot:        #F0C3C8;
  --text-blau:         #23508F;              /* Kontrast auf --blau-soft: 6,4:1 */
  --flaeche-leiste:    #EEF1F7;
  --navy-schleier:     rgba(255, 255, 255, .13);
  --navy-rahmen:       rgba(255, 255, 255, .22);

  /*
   * Ueberfahren ist 4 Prozent dunkler, Gedrueckt 8 Prozent — so steht es im
   * Design-System. Gemischt wird gegen diesen Wert; er ist keine eigene
   * Farbe, sondern der Mischpartner. Ohne ihn stuende in jeder Regel ein
   * roher Schwarzwert, und die Zusage „nur eine Datei kennt Farben" waere
   * gebrochen.
   */
  --misch-schwarz:     #000000;

  /*
   * Die sechs Anmerkungsfarben (E6-SEL-FARBE). Fuenf davon sind Hausfarben
   * von oben; Violett ist die einzige, die das Design-System nur fuer
   * Anmerkungen fuehrt. Die Liste ist abschliessend — eine freie Farbwahl
   * gibt es nicht, und der Kern lehnt jede andere ab.
   */
  --anm-orange:        var(--orange);
  --anm-blau:          var(--blau);
  --anm-gruen:         var(--gruen);
  --anm-rot:           var(--rot);
  --anm-violett:       #7A4FBF;
  --anm-grau:          var(--text-gedaempft);

  /* --------------------------------------------------------- Schrift */
  --schriftfamilie: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto,
                    "Noto Sans", Arial, sans-serif;

  /*
   * Die Rueckfallkette ist Pflicht: Segoe UI gibt es ausserhalb von Windows
   * nicht. Keine Webschrift — der Hausstandard verbietet sie, und eine
   * nachgeladene Schrift waere ein fuenftes ausgehendes Ziel.
   */

  --schrift-marke:       10px;
  --schrift-klein:       10.5px;
  --schrift-hinweis:     11px;
  --schrift-grund:       12px;
  --schrift-kartentitel: 12.5px;
  --schrift-element:     13px;
  --schrift-dialogtitel: 14px;
  --schrift-kopfleiste:  15px;
  --schrift-seitentitel: 17px;

  /* -------------------------------------------------------- Abstaende */
  /* Abschliessend. Keine Zwischenwerte. */
  --abstand-1:  4px;
  --abstand-2:  6px;
  --abstand-3:  8px;
  --abstand-4: 10px;
  --abstand-5: 12px;
  --abstand-6: 14px;
  --abstand-7: 18px;
  --abstand-8: 22px;
  --abstand-9: 26px;

  /* ----------------------------------------------------------- Radien */
  --radius-ankreuz:  4px;
  --radius-marke:    5px;
  --radius-feld:     7px;
  --radius-schalter: 8px;
  --radius-karte:    9px;
  --radius-fenster: 11px;
  --radius-status:  20px;

  /* --------------------------------------------------------- Schatten */
  --schatten-karte:   0 2px 5px rgba(16, 36, 80, .06);
  --schatten-fenster: 0 12px 30px rgba(16, 36, 80, .20);
  --schatten-dialog:  0 16px 40px rgba(16, 36, 80, .22);
  --schatten-blatt:   0 8px 26px rgba(0, 0, 0, .28);

  /* ----------------------------------------------------------- Fokus */
  /*
   * IMMER sichtbar, nie nur bei Maus. Zwei Pixel orange, zwei Pixel Abstand.
   * Auf dunklem Grund traegt der Rahmen zusaetzlich einen navyfarbenen Kern,
   * damit er auf der Kopfleiste nicht verschwindet.
   */
  --fokus-breite:  2px;
  --fokus-abstand: 2px;
  --fokus-farbe:   var(--orange);

  /* --------------------------------------------------- Trefferflaechen */
  --treffer-min:        24px;   /* Maus und Stift  */
  --treffer-min-tablet: 44px;   /* Finger          */
}

/*
 * Dunkelmodus — VORBEREITET, NICHT AKTIV.
 *
 * Fassung 1 hat ihn nicht als Ziel. Der Block bleibt auskommentiert, damit
 * niemand ihn versehentlich halb einschaltet: Ein Dunkelmodus, der nur die
 * Haelfte der Flaechen umstellt, ist schlechter als keiner. Wer ihn baut,
 * ersetzt hier die Werte und prueft JEDEN Kontrast neu — die Nachweise aus
 * dem Design-System gelten fuer den hellen Satz.
 *
 * @media (prefers-color-scheme: dark) {
 *   :root { … }
 * }
 */