/* Farben, Abstaende, Schrift - hell und dunkel nach Systemeinstellung */
:root {
  color-scheme: light dark;
  --hg: #f4f5f2;
  --flaeche: #ffffff;
  --flaeche-2: #eef0ec;
  --text: #1b2024;
  --text-leise: #545e66;
  --rand: #d3d8d2;
  --akzent: #0d6b57;
  --akzent-druck: #0a5546;
  --akzent-text: #ffffff;
  --akzent-hell: #e1f0ea;
  --fokus: #1a5fd0;
  --fehler: #a8221a;
  --fehler-hg: #fbe9e7;
  --erfolg: #1d6430;
  --erfolg-hg: #e6f3e8;
  --warnung: #7a4f00;
  --warnung-hg: #fff3d6;
  --gruen: #1d7a3a;
  --gelb: #9a6a00;
  --rot: #b3261e;
  --schatten: 0 1px 2px rgb(0 0 0 / 0.06), 0 2px 8px rgb(0 0 0 / 0.05);
  --radius: 10px;
  --radius-klein: 6px;
  --abstand: 16px;
  --leiste-hoehe: 64px;
  --seitenleiste: 232px;
  --schrift: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --hg: #101315;
    --flaeche: #1a1e21;
    --flaeche-2: #23292d;
    --text: #e7eaec;
    --text-leise: #a7b0b7;
    --rand: #343c41;
    --akzent: #5ec9a9;
    --akzent-druck: #79d6ba;
    --akzent-text: #062a21;
    --akzent-hell: #17362e;
    --fokus: #8ab4ff;
    --fehler: #ff9b92;
    --fehler-hg: #3b1e1c;
    --erfolg: #8fd9a0;
    --erfolg-hg: #1b3322;
    --warnung: #f3c969;
    --warnung-hg: #3a2f14;
    --gruen: #6fd18c;
    --gelb: #f0c24e;
    --rot: #ff8a80;
    --schatten: 0 1px 2px rgb(0 0 0 / 0.4);
  }
}