/*
 * Erzeugt aus paket/marke/src/farben.ts — nicht von Hand aendern.
 * Neu erzeugen mit: npm run marke
 */
:root {
  --farbe-hausfarbe: #32295E;
  --farbe-hausfarbe-tief: #241E45;
  --farbe-hausfarbe-hell: #4A3E85;
  --farbe-hausfarbe-schimmer: #EDEBF4;
  --farbe-hintergrund: #F4F4F7;
  --farbe-flaeche: #FFFFFF;
  --farbe-linie: #D7D6DE;
  --farbe-tinte: #171717;
  --farbe-tinte-sanft: #5A5B5F;
  --farbe-tinte-auf-hausfarbe: #FFFFFF;
  --farbe-erfolg: #1F7A4D;
  --farbe-warnung: #8A5A00;
  --farbe-fehler: #A32218;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-thema="hell"]) {
    --farbe-hausfarbe: #A79AEB;
    --farbe-hausfarbe-tief: #8478C8;
    --farbe-hausfarbe-hell: #C4BAF5;
    --farbe-hausfarbe-schimmer: #2A2440;
    --farbe-hintergrund: #16141F;
    --farbe-flaeche: #201D2C;
    --farbe-linie: #322E42;
    --farbe-tinte: #EDECF2;
    --farbe-tinte-sanft: #A9A7B6;
    --farbe-tinte-auf-hausfarbe: #16141F;
    --farbe-erfolg: #5CC38C;
    --farbe-warnung: #E0A94A;
    --farbe-fehler: #F08379;
  }
}

:root[data-thema="dunkel"] {
  --farbe-hausfarbe: #A79AEB;
  --farbe-hausfarbe-tief: #8478C8;
  --farbe-hausfarbe-hell: #C4BAF5;
  --farbe-hausfarbe-schimmer: #2A2440;
  --farbe-hintergrund: #16141F;
  --farbe-flaeche: #201D2C;
  --farbe-linie: #322E42;
  --farbe-tinte: #EDECF2;
  --farbe-tinte-sanft: #A9A7B6;
  --farbe-tinte-auf-hausfarbe: #16141F;
  --farbe-erfolg: #5CC38C;
  --farbe-warnung: #E0A94A;
  --farbe-fehler: #F08379;
}