/*
 * Farbschemata (Design-Tokens). Die Oberfläche verwendet ausschließlich diese Variablen.
 * Ein neues Schema ist ein weiterer Block [data-theme="name"] (Werte, die er nicht setzt, kommen
 * aus :root) und ein Eintrag in darstellung/schemata.py. Gewählt wird es je Benutzer unter
 * Mein Konto > Darstellung; Voreinstellung der Kanzlei unter Einstellungen > Darstellung.
 * „Automatisch“ setzt static/js/app.js je nach Gerät auf „hell“ oder „dunkel“.
 */
/* Standard; zugleich Grundwerte für jedes Schema, auch für eingebettete Vorschauen mit eigenem data-theme. */
:root,
[data-theme] {
  --text: #1d2430;
  --text-gedaempft: #5b6575;
  --hintergrund: #ffffff;
  --flaeche: #f4f6f9;
  --linie: #d9dee6;
  --akzent: #1f4e79;
  --akzent-text: #ffffff;
  --fehler: #a4262c;
  --erfolg: #1e6b3a;
  --warnung: #c27c0e;
  --markierung: #fff4ce;
  --akzent-flaeche: #eef4fa;
  --fehler-flaeche: #fbeaea;
  --fehler-rahmen: #eab3b5;
  --erfolg-flaeche: #e7f3ec;
  --erfolg-rahmen: #9cc9ad;
  --akzent-rahmen: #9db6cf;
  --linie-stark: #b9c3d0;
  --text-blass: #9aa5b3;
  --heute: #9a5f00;              /* heute fällig */
  --hinweis-text: #8a5a00;       /* Hinweismarken, z. B. „gesperrt“, „prüfen“ */
  --hinweis-flaeche: #fff3d6;
  --hinweis-rahmen: #ecd28f;
  --seite: #ffffff;              /* Hintergrund hinter Kacheln und Listen */

  /* Dateitypen in der Dokumentliste */
  --typ-pdf: #b3312c;
  --typ-word: #2b5797;
  --typ-excel: #1e6b3a;
  --typ-email: #0f6cbd;
  --typ-bild: #6b7a1f;
  --typ-sonstige: #5b6575;

  /* Anrufnotizen: Streifen links nach Art des Anrufers (neuer Mandant: breit, Warnfarbe) */
  --anruf-neu: #c62828;
  --anruf-bestand: #1f4e79;
  --anruf-sonstige: #9aa5b3;

  /* Akten- und Kontaktliste: Kürzel und Streifen (Sachbearbeiter ohne eigene Farbe, Kontakte), Status */
  --person-1: #1f4e79;
  --person-2: #7b4aa8;
  --person-3: #1e7a6f;
  --person-4: #b05a1e;
  --person-5: #a4262c;
  --person-6: #4f6b1f;
  --person-7: #2b5797;
  --person-8: #7a5c2e;
  --status-laufend: #1e6b3a;
  --status-laufend-flaeche: #e6f2ea;
  --status-ruhend: #5b6575;
  --status-ruhend-flaeche: #eceff3;

  --leiste-hintergrund: #1b2a3a;
  --leiste-text: #c9d3df;
  --leiste-text-gedaempft: #7f8ea0;
  --leiste-hover: #24384d;
  --leiste-aktiv: #2f5f8f;
  --leiste-aktiv-text: #ffffff;

  --leiste-marke-text: #ffffff;  /* Kanzleiname und eigener Name in der Seitenleiste */
  --kuerzel-hintergrund: #2f5f8f;
  --kuerzel-text: #ffffff;
  --zaehler: #c0392b;            /* Zahlen im Menü */
  --zaehler-text: #ffffff;

  --kopf-hintergrund: #ffffff;   /* Titelleiste */
  --kopf-text: #1d2430;
  --kopf-linie: #d9dee6;

  --kachel-kopf-hintergrund: transparent;
  --kachel-kopf-text: #1d2430;
  --kachel-radius: 8px;
}

[data-theme="dunkel"] {
  color-scheme: dark;
  --text: #e4e9f0;
  --text-gedaempft: #9aa6b6;
  --hintergrund: #1b222c;
  --seite: #12171e;
  --flaeche: #232c38;
  --linie: #323d4c;
  --akzent: #6aa7e0;
  --akzent-text: #0d1520;
  --fehler: #f07178;
  --erfolg: #5cc48a;
  --warnung: #e6a23c;
  --markierung: #4a3f12;
  --akzent-flaeche: #1d3045;
  --fehler-flaeche: #3a1f22;
  --fehler-rahmen: #7a3a3f;
  --erfolg-flaeche: #1d3a2a;
  --erfolg-rahmen: #2f6b49;
  --akzent-rahmen: #3d6a96;
  --linie-stark: #4a5768;
  --text-blass: #6f7c8e;
  --heute: #f0b44c;
  --hinweis-text: #f0c36a;
  --hinweis-flaeche: #3d3218;
  --hinweis-rahmen: #6e5a26;
  --typ-pdf: #e0605a;
  --typ-word: #5b8fd6;
  --typ-excel: #4cae74;
  --typ-email: #4ea3e8;
  --typ-bild: #a3b54a;
  --typ-sonstige: #8a96a6;
  --anruf-neu: #f07178;
  --anruf-bestand: #6aa7e0;
  --anruf-sonstige: #6f7c8e;
  --person-1: #6aa7e0;
  --person-2: #b18ae0;
  --person-3: #4fc1b0;
  --person-4: #e09a5c;
  --person-5: #f07178;
  --person-6: #a3c45c;
  --person-7: #7f9fe0;
  --person-8: #c9a46a;
  --status-laufend: #5cc48a;
  --status-laufend-flaeche: #1d3a2a;
  --status-ruhend: #9aa6b6;
  --status-ruhend-flaeche: #29313c;
  --leiste-hintergrund: #0d1117;
  --leiste-text: #b8c3d1;
  --leiste-text-gedaempft: #66738a;
  --leiste-hover: #1a222d;
  --leiste-aktiv: #24486e;
  --leiste-aktiv-text: #ffffff;
  --kuerzel-hintergrund: #24486e;
  --zaehler: #e5534b;
  --kopf-hintergrund: #161c24;
  --kopf-text: #e4e9f0;
  --kopf-linie: #2a3441;
  --kachel-kopf-hintergrund: #222b37;
  --kachel-kopf-text: #e4e9f0;
}

/* Etwas kitschig: Verläufe in Rosa, Flieder und Himmelblau, rundere Kacheln. */
[data-theme="zuckerwatte"] {
  --text: #3d2340;
  --text-gedaempft: #8a6a8e;
  --seite: linear-gradient(160deg, #fff4fa 0%, #f6f0ff 50%, #eefaff 100%);
  --flaeche: #fdeef7;
  --linie: #f1cfe3;
  --akzent: #d6337f;
  --akzent-flaeche: #fde4f1;
  --akzent-rahmen: #eda3c8;
  --linie-stark: #e4a9cb;
  --text-blass: #b394b6;
  --markierung: #fff2b8;
  --leiste-hintergrund: linear-gradient(180deg, #ff8fc7 0%, #c48cff 55%, #7fd0ff 100%);
  --leiste-text: #ffffff;
  --leiste-text-gedaempft: #fbe3ff;
  --leiste-hover: rgb(255 255 255 / .2);
  --leiste-aktiv: rgb(255 255 255 / .38);
  --leiste-aktiv-text: #5a1f5c;
  --kuerzel-hintergrund: #d6337f;
  --zaehler: #ff4fa3;
  --kopf-hintergrund: rgb(255 255 255 / .75);
  --kopf-text: #3d2340;
  --kopf-linie: #f1cfe3;
  --kachel-kopf-hintergrund: linear-gradient(90deg, #ffd3ea 0%, #e7dbff 60%, #d6f1ff 100%);
  --kachel-kopf-text: #6a1f6b;
  --kachel-radius: 14px;
}

/* Professionell, warm: Tannengrün mit Messing. */
[data-theme="salbei"] {
  --text: #1f2a26;
  --text-gedaempft: #5d6b65;
  --seite: #f5f4ee;
  --flaeche: #efeee7;
  --linie: #dad9cf;
  --akzent: #2f6b57;
  --akzent-flaeche: #e6f0ea;
  --akzent-rahmen: #9fc2b3;
  --leiste-hintergrund: #1e3a32;
  --leiste-text: #cfdcd5;
  --leiste-text-gedaempft: #81998f;
  --leiste-hover: #284a40;
  --leiste-aktiv: #c9a54e;
  --leiste-aktiv-text: #1d2a24;
  --kuerzel-hintergrund: #2f6b57;
  --zaehler: #c9a54e;
  --zaehler-text: #1d2a24;
  --kopf-text: #1f2a26;
  --kopf-linie: #dad9cf;
  --kachel-kopf-hintergrund: #e9efe9;
  --kachel-kopf-text: #1e3a32;
}

/* Professionell, hell: sandfarbene Seitenleiste, Weinrot als Akzent. */
[data-theme="bordeaux"] {
  --text: #2a2224;
  --text-gedaempft: #6e6265;
  --seite: #faf8f5;
  --flaeche: #f4f0eb;
  --linie: #e3dbd3;
  --akzent: #8a1c3c;
  --akzent-flaeche: #f7e9ed;
  --akzent-rahmen: #d3a0ae;
  --leiste-hintergrund: #efe9e2;
  --leiste-text: #3b3033;
  --leiste-text-gedaempft: #948780;
  --leiste-hover: #e3dbd1;
  --leiste-aktiv: #8a1c3c;
  --leiste-aktiv-text: #ffffff;
  --leiste-marke-text: #2a2224;
  --kuerzel-hintergrund: #8a1c3c;
  --zaehler: #8a1c3c;
  --kopf-text: #2a2224;
  --kopf-linie: #e3dbd3;
  --kachel-kopf-hintergrund: #f6efe9;
  --kachel-kopf-text: #6d1630;
}
[data-theme="bordeaux"] .seitenleiste { box-shadow: inset -1px 0 0 var(--linie); }
[data-theme="bordeaux"] .ue-kopf { box-shadow: inset 0 3px 0 var(--akzent); }