/*
 * Fallverwaltung -- die Farbtafel.
 *
 * Hier stehen alle Farben, Radien und Abstaende der Anwendung, hell und
 * dunkel. Bewusst eine eigene Datei: Sie wird von `stil.css` (Anwendung)
 * und von `verwaltung.css` (Stammdatenverwaltung) gemeinsam benutzt. Wer
 * eine Farbe aendert, aendert sie damit an genau einer Stelle -- und beide
 * Bereiche folgen weiter demselben Bild.
 */

:root {
  color-scheme: light dark;

  --grund: #f6f6f4;
  --flaeche: #ffffff;
  --flaeche-gedaempft: #f0f0ed;
  --rand: #d8d8d2;
  /* Eingaberahmen und Knopfraender: 4,5:1 auf Weiss (Betatest 16.09.2026,
     D-29 -- vorher #b9b9b1 mit 1,97:1). */
  --rand-stark: #767676;

  --text: #1c1c1a;
  --text-gedaempft: #5f5f58;

  --akzent: #1f4f7a;
  --akzent-text: #ffffff;
  --akzent-schwach: #e6eef5;

  --warnung: #8a5a00;
  --warnung-flaeche: #fdf3dd;
  --fehler: #99231d;
  --fehler-flaeche: #fbe9e7;
  --erfolg: #1f6135;
  --erfolg-flaeche: #e6f2e9;

  --radius: 6px;
  --schatten: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 8px rgba(0, 0, 0, 0.04);
  --breite: 1180px;
  /* Etiketten und Terminarten (.etikett-*, .kal-eintrag.farbe-*): feste
     Pastelltoene mit dunkler Schrift, auch im Dunkelmodus; der
     Kontrastmodus setzt die Schrift auf reines Schwarz. */
  --etikett-blau: #cfe3f7;
  --etikett-gruen: #d1ecd4;
  --etikett-gelb: #f5ecc0;
  --etikett-orange: #f8dcc0;
  --etikett-rot: #f6cfcc;
  --etikett-lila: #e4d6f2;
  --etikett-tuerkis: #c9ebe8;
  --etikett-grau: #dfdfda;
  --etikett-schrift: #1c1c1a;
}

@media (prefers-color-scheme: dark) {
  :root {
    --grund: #16181a;
    --flaeche: #1e2124;
    --flaeche-gedaempft: #24282c;
    --rand: #343a40;
    /* 5,1:1 auf der dunklen Flaeche (vorher #4a525a mit 2,04:1). */
    --rand-stark: #8a929a;

    --text: #e8eaec;
    --text-gedaempft: #a2a9b0;

    --akzent: #6ba7e0;
    --akzent-text: #0d1117;
    --akzent-schwach: #1b2b3a;

    --warnung: #e8bf6a;
    --warnung-flaeche: #33290f;
    --fehler: #f08d84;
    --fehler-flaeche: #3a1c19;
    --erfolg: #7fc898;
    --erfolg-flaeche: #16301f;

    --schatten: 0 1px 2px rgba(0, 0, 0, 0.4);
  }
}

/*
 * Hoher Kontrast -- Einstellung "Darstellung" im Benutzerkonto (Betatest
 * 16.09.2026, Tester 13). basis.html setzt html.darstellung-kontrast; die
 * Anwendung laeuft dann in Schwarz auf Weiss (dunkel: Weiss auf Schwarz),
 * ohne gedaempfte Zwischentoene. stil.css verstaerkt dazu die Linien.
 */
html.darstellung-kontrast {
  --grund: #ffffff;
  --flaeche: #ffffff;
  --flaeche-gedaempft: #f2f2f2;
  --rand: #000000;
  --rand-stark: #000000;

  --text: #000000;
  --text-gedaempft: #000000;

  --akzent: #002a5c;
  --akzent-text: #ffffff;
  --akzent-schwach: #dce8f5;

  --warnung: #5a3a00;
  --warnung-flaeche: #fff1cc;
  --fehler: #7a0000;
  --fehler-flaeche: #ffe0dd;
  --erfolg: #0b4a1f;
  --erfolg-flaeche: #dcf2e1;

  --schatten: none;
  --etikett-schrift: #000000;
}

@media (prefers-color-scheme: dark) {
  html.darstellung-kontrast {
    --grund: #000000;
    --flaeche: #000000;
    --flaeche-gedaempft: #161616;
    --rand: #ffffff;
    --rand-stark: #ffffff;

    --text: #ffffff;
    --text-gedaempft: #ffffff;

    --akzent: #9ecbff;
    --akzent-text: #000000;
    --akzent-schwach: #10243a;

    --warnung: #ffd27a;
    --warnung-flaeche: #3a2c00;
    --fehler: #ffb3ab;
    --fehler-flaeche: #4a0f0a;
    --erfolg: #a6e6b8;
    --erfolg-flaeche: #0f3a1c;
  }
}