/*
 * 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;
  --rand-stark: #b9b9b1;

  --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;
}

@media (prefers-color-scheme: dark) {
  :root {
    --grund: #16181a;
    --flaeche: #1e2124;
    --flaeche-gedaempft: #24282c;
    --rand: #343a40;
    --rand-stark: #4a525a;

    --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);
  }
}