/* Bürogestaltung je Person (Florian 13.10.2026): Jede Person wählt im Kopf des Büros eines der Farbkits der Websites
   (register/farbkits.json, tests/test_buerogestaltung.py hält die Werte gleich). Die Wahl liegt im Browser (thema.js, tresen.buerokit)
   und gilt nur im Büro, nie auf Websites oder der Verkaufsseite. Helle Kits färben im Dunkelmodus nur die Leiste, weil ihre
   Akzentfarbe auf dunklem Grund zu wenig Kontrast hätte; dunkle Kits sind selbst dunkel. */
/* Grün und Weiß */
:root[data-buerokit="gruen_weiss"]:has(.buero-leiste) { --leiste-grund: #17643A; --leiste-auf: #FFFFFF; }
:root[data-buerokit="gruen_weiss"][data-theme="light"]:has(.buero-leiste) { --grund: #F4F8F5; --flaeche: #FFFFFF; --flaeche-2: color-mix(in srgb, #767C78 16%, #FFFFFF); --tinte: #17221B; --leise: #4D5F53; --linie: color-mix(in srgb, #767C78 40%, #FFFFFF); --control-border: #767C78; --aktion: #17643A; --aktion-auf: #FFFFFF; --aktion-zart: #E5F2E9; }
@media (prefers-color-scheme: light) { :root[data-buerokit="gruen_weiss"]:not([data-theme="dark"]):has(.buero-leiste) { --grund: #F4F8F5; --flaeche: #FFFFFF; --flaeche-2: color-mix(in srgb, #767C78 16%, #FFFFFF); --tinte: #17221B; --leise: #4D5F53; --linie: color-mix(in srgb, #767C78 40%, #FFFFFF); --control-border: #767C78; --aktion: #17643A; --aktion-auf: #FFFFFF; --aktion-zart: #E5F2E9; } }
.kitprobe--gruen_weiss { background: linear-gradient(135deg, #17643A 0 55%, #FFFFFF 55%); }
/* Rot und Weiß */
:root[data-buerokit="rot_weiss"]:has(.buero-leiste) { --leiste-grund: #9D241C; --leiste-auf: #FFFFFF; }
:root[data-buerokit="rot_weiss"][data-theme="light"]:has(.buero-leiste) { --grund: #FAF5F4; --flaeche: #FFFFFF; --flaeche-2: color-mix(in srgb, #7A7473 16%, #FFFFFF); --tinte: #251817; --leise: #66514F; --linie: color-mix(in srgb, #7A7473 40%, #FFFFFF); --control-border: #7A7473; --aktion: #9D241C; --aktion-auf: #FFFFFF; --aktion-zart: #F8E6E3; }
@media (prefers-color-scheme: light) { :root[data-buerokit="rot_weiss"]:not([data-theme="dark"]):has(.buero-leiste) { --grund: #FAF5F4; --flaeche: #FFFFFF; --flaeche-2: color-mix(in srgb, #7A7473 16%, #FFFFFF); --tinte: #251817; --leise: #66514F; --linie: color-mix(in srgb, #7A7473 40%, #FFFFFF); --control-border: #7A7473; --aktion: #9D241C; --aktion-auf: #FFFFFF; --aktion-zart: #F8E6E3; } }
.kitprobe--rot_weiss { background: linear-gradient(135deg, #9D241C 0 55%, #FFFFFF 55%); }
/* Blau und Weiß */
:root[data-buerokit="blau_weiss"]:has(.buero-leiste) { --leiste-grund: #174EA6; --leiste-auf: #FFFFFF; }
:root[data-buerokit="blau_weiss"][data-theme="light"]:has(.buero-leiste) { --grund: #F3F6FA; --flaeche: #FFFFFF; --flaeche-2: color-mix(in srgb, #707985 16%, #FFFFFF); --tinte: #152033; --leise: #4F5D73; --linie: color-mix(in srgb, #707985 40%, #FFFFFF); --control-border: #707985; --aktion: #174EA6; --aktion-auf: #FFFFFF; --aktion-zart: #E3ECFA; }
@media (prefers-color-scheme: light) { :root[data-buerokit="blau_weiss"]:not([data-theme="dark"]):has(.buero-leiste) { --grund: #F3F6FA; --flaeche: #FFFFFF; --flaeche-2: color-mix(in srgb, #707985 16%, #FFFFFF); --tinte: #152033; --leise: #4F5D73; --linie: color-mix(in srgb, #707985 40%, #FFFFFF); --control-border: #707985; --aktion: #174EA6; --aktion-auf: #FFFFFF; --aktion-zart: #E3ECFA; } }
.kitprobe--blau_weiss { background: linear-gradient(135deg, #174EA6 0 55%, #FFFFFF 55%); }
/* Petrol und Sand */
:root[data-buerokit="petrol_sand"]:has(.buero-leiste) { --leiste-grund: #075B59; --leiste-auf: #FFFFFF; }
:root[data-buerokit="petrol_sand"][data-theme="light"]:has(.buero-leiste) { --grund: #FFF9EF; --flaeche: #F6EEDF; --flaeche-2: color-mix(in srgb, #756D61 16%, #F6EEDF); --tinte: #172724; --leise: #4E625D; --linie: color-mix(in srgb, #756D61 40%, #F6EEDF); --control-border: #756D61; --aktion: #075B59; --aktion-auf: #FFFFFF; --aktion-zart: #DDEDEA; }
@media (prefers-color-scheme: light) { :root[data-buerokit="petrol_sand"]:not([data-theme="dark"]):has(.buero-leiste) { --grund: #FFF9EF; --flaeche: #F6EEDF; --flaeche-2: color-mix(in srgb, #756D61 16%, #F6EEDF); --tinte: #172724; --leise: #4E625D; --linie: color-mix(in srgb, #756D61 40%, #F6EEDF); --control-border: #756D61; --aktion: #075B59; --aktion-auf: #FFFFFF; --aktion-zart: #DDEDEA; } }
.kitprobe--petrol_sand { background: linear-gradient(135deg, #075B59 0 55%, #F6EEDF 55%); }
/* Orange und Anthrazit */
:root[data-buerokit="orange_anthrazit"]:has(.buero-leiste) { color-scheme: dark; --grund: #303030; --flaeche: #242424; --flaeche-2: color-mix(in srgb, #898989 16%, #242424); --tinte: #FFFFFF; --leise: #C2C2C2; --linie: color-mix(in srgb, #898989 40%, #242424); --control-border: #898989; --aktion: #FFB000; --aktion-auf: #151515; --aktion-zart: #493A1A; --leiste-grund: #FFB000; --leiste-auf: #151515; --frei: #4CC690; --frei-zart: #15332A; --gehalten: #F2B82E; --gehalten-zart: #3A2E0E; --fehler: #FF8A73; --fehler-zart: #3E1D17; --fehler-auf: #0E1014; --gesperrt: #9EA4B2; --a-miete: #4CC6A6; --a-termin: #AC88FF; --a-service: #FF8A5F; --a-objekt: #E3B23C; --a-miete-text: #4CC6A6; --a-termin-text: #AC88FF; --a-service-text: #FF8A5F; --a-objekt-text: #E3B23C; }
.kitprobe--orange_anthrazit { background: linear-gradient(135deg, #FFB000 0 55%, #242424 55%); }
/* Violett und Weiß */
:root[data-buerokit="violett_weiss"]:has(.buero-leiste) { --leiste-grund: #64349A; --leiste-auf: #FFFFFF; }
:root[data-buerokit="violett_weiss"][data-theme="light"]:has(.buero-leiste) { --grund: #F7F4FA; --flaeche: #FFFFFF; --flaeche-2: color-mix(in srgb, #79737E 16%, #FFFFFF); --tinte: #24182F; --leise: #61546C; --linie: color-mix(in srgb, #79737E 40%, #FFFFFF); --control-border: #79737E; --aktion: #64349A; --aktion-auf: #FFFFFF; --aktion-zart: #EEE4F7; }
@media (prefers-color-scheme: light) { :root[data-buerokit="violett_weiss"]:not([data-theme="dark"]):has(.buero-leiste) { --grund: #F7F4FA; --flaeche: #FFFFFF; --flaeche-2: color-mix(in srgb, #79737E 16%, #FFFFFF); --tinte: #24182F; --leise: #61546C; --linie: color-mix(in srgb, #79737E 40%, #FFFFFF); --control-border: #79737E; --aktion: #64349A; --aktion-auf: #FFFFFF; --aktion-zart: #EEE4F7; } }
.kitprobe--violett_weiss { background: linear-gradient(135deg, #64349A 0 55%, #FFFFFF 55%); }
/* Schwarz und Weiß */
:root[data-buerokit="schwarz_weiss"]:has(.buero-leiste) { --leiste-grund: #111111; --leiste-auf: #FFFFFF; }
:root[data-buerokit="schwarz_weiss"][data-theme="light"]:has(.buero-leiste) { --grund: #F5F5F5; --flaeche: #FFFFFF; --flaeche-2: color-mix(in srgb, #767676 16%, #FFFFFF); --tinte: #111111; --leise: #555555; --linie: color-mix(in srgb, #767676 40%, #FFFFFF); --control-border: #767676; --aktion: #111111; --aktion-auf: #FFFFFF; --aktion-zart: #E8E8E8; }
@media (prefers-color-scheme: light) { :root[data-buerokit="schwarz_weiss"]:not([data-theme="dark"]):has(.buero-leiste) { --grund: #F5F5F5; --flaeche: #FFFFFF; --flaeche-2: color-mix(in srgb, #767676 16%, #FFFFFF); --tinte: #111111; --leise: #555555; --linie: color-mix(in srgb, #767676 40%, #FFFFFF); --control-border: #767676; --aktion: #111111; --aktion-auf: #FFFFFF; --aktion-zart: #E8E8E8; } }
.kitprobe--schwarz_weiss { background: linear-gradient(135deg, #111111 0 55%, #FFFFFF 55%); }
/* Anthrazit und Gelb */
:root[data-buerokit="anthrazit_gelb"]:has(.buero-leiste) { color-scheme: dark; --grund: #2B2D31; --flaeche: #202124; --flaeche-2: color-mix(in srgb, #858A91 16%, #202124); --tinte: #FFFFFF; --leise: #C3C7CE; --linie: color-mix(in srgb, #858A91 40%, #202124); --control-border: #858A91; --aktion: #F4D03F; --aktion-auf: #171717; --aktion-zart: #494528; --leiste-grund: #F4D03F; --leiste-auf: #171717; --frei: #4CC690; --frei-zart: #15332A; --gehalten: #F2B82E; --gehalten-zart: #3A2E0E; --fehler: #FF8A73; --fehler-zart: #3E1D17; --fehler-auf: #0E1014; --gesperrt: #9EA4B2; --a-miete: #4CC6A6; --a-termin: #AC88FF; --a-service: #FF8A5F; --a-objekt: #E3B23C; --a-miete-text: #4CC6A6; --a-termin-text: #AC88FF; --a-service-text: #FF8A5F; --a-objekt-text: #E3B23C; }
.kitprobe--anthrazit_gelb { background: linear-gradient(135deg, #F4D03F 0 55%, #202124 55%); }
/* Court */
:root[data-buerokit="court"]:has(.buero-leiste) { --leiste-grund: #10231B; --leiste-auf: #FFFFFF; }
:root[data-buerokit="court"][data-theme="light"]:has(.buero-leiste) { --grund: #FFFFFF; --flaeche: #F3F3F1; --flaeche-2: color-mix(in srgb, #767B77 16%, #F3F3F1); --tinte: #0F1110; --leise: #585D59; --linie: color-mix(in srgb, #767B77 40%, #F3F3F1); --control-border: #767B77; --aktion: #10231B; --aktion-auf: #FFFFFF; --aktion-zart: #E6EBE4; }
@media (prefers-color-scheme: light) { :root[data-buerokit="court"]:not([data-theme="dark"]):has(.buero-leiste) { --grund: #FFFFFF; --flaeche: #F3F3F1; --flaeche-2: color-mix(in srgb, #767B77 16%, #F3F3F1); --tinte: #0F1110; --leise: #585D59; --linie: color-mix(in srgb, #767B77 40%, #F3F3F1); --control-border: #767B77; --aktion: #10231B; --aktion-auf: #FFFFFF; --aktion-zart: #E6EBE4; } }
.kitprobe--court { background: linear-gradient(135deg, #10231B 0 55%, #F3F3F1 55%); }
.kitprobe--standard { background: linear-gradient(135deg, #2741E8 0 55%, #FFFFFF 55%); }