/* Das elfte Design: so schlicht wie moeglich. Ein helles, kaum warmes
   Leinen traegt die Seite, die Karten sind fast weiss, und alles Aktive
   steht in Graphit statt in einer Farbe - nichts lenkt vom Inhalt ab. Die
   Statusfarben bleiben, damit offen, erledigt und abgesagt lesbar sind;
   sie sind eine Spur zurueckgenommen, damit sie nicht schreien. */
:root[data-theme="leinen"]{
  --ground:#E7E4DE;
  --ground-rgb:231,228,222;
  --ground-2:#DCD8D0;
  --surface:#FDFCFA;
  --surface-2:#F1EEE9;
  --ink:#1B1A18;
  --ink-soft:#5C5852;
  --accent:#34322E;
  --accent-deep:#5C4A33;
  --accent-soft:#E4DFD5;
  --on-accent:#FFFFFF;
  --rose:#A08E74;
  --rose-soft:#E9E3D6;
  --line:#D2CDC3;
  --planer:#FDFCFA;
  --planer-line:#BDB7AB;
  --planer-heute:#E6DFD0;
  --warn:#9A3322;
  --warn-soft:#F4E2DC;
  --ok:#3A6150;
  --ok-soft:#E2ECE6;
  --alert:#8A5A1A;
  --alert-soft:#F5EAD9;
  --danger:#A8321F;
  --alert-fill:#C9923A;
  --wait:#7A5B14;
  --wait-soft:#F4EAD2;
  --off:#A8321F;
  --off-soft:#F5E3DE;
  --shadow:0 1px 2px rgba(40,34,26,.08), 0 10px 26px rgba(40,34,26,.10);
  --shadow-lift:0 4px 10px rgba(40,34,26,.14), 0 12px 26px rgba(40,34,26,.11);
}

/* Das fuenfte Design geht bewusst den anderen Weg: dunkles Anthrazit mit
   Champagner-Gold. Auf dunklem Grund kehren sich die Verhaeltnisse um -
   Karten werden heller als der Grund, Schrift hell, und die zarten Flaechen
   hinter Uhrzeit oder Zustand sind getoente Dunkelfelder statt Pastell. */
/* Graphit & Silber (Kennung 'zentivo', hiess bis zum neuen Logo Zentivo und
   war der Standard): in
   den Farben des Logos. Tiefes Graphit, fast Schwarz, traegt die Seite, die
   Karten liegen eine Spur heller darauf, und alles Aktive glaenzt in Silber
   wie das Z. Keine bunte Farbe - ruhig, edel, nach Business. Die
   Statusfarben bleiben, fuer den dunklen Grund aufgehellt. Kontraste
   gerechnet: Schrift auf Grund 16 : 1, leise Schrift auf Karte 7 : 1,
   Silber auf Karte 10,6 : 1, Schrift auf Silber 11,6 : 1, die drei
   Zustaende je ueber 6,5 : 1. */
:root[data-theme="zentivo"]{
  --ground:#0C0D10;
  --ground-rgb:12,13,16;
  --ground-2:#121316;
  --surface:#1C1E23;
  --surface-2:#272A30;
  --ink:#F0F1F3;
  --ink-soft:#A6AAB2;
  --accent:#C8CCD2;
  --accent-deep:#E6E8EB;
  --accent-soft:#2E3138;
  --on-accent:#111215;
  --rose:#8C93A0;
  --rose-soft:#22252A;
  --line:#363940;
  --planer:#23262B;
  --planer-line:#454952;
  --planer-heute:#30343B;
  --ok:#86D3A6;
  --ok-soft:#1B3326;
  --off:#F2958A;
  --off-soft:#3A2220;
  --wait:#E8C872;
  --wait-soft:#352E19;
  --warn:#F2958A;
  --warn-soft:#3A2220;
  --alert:#E8C872;
  --alert-soft:#352E19;
  --danger:#FF7A67;
  --on-danger:#2A1512;
  --alert-fill:#6B4E0A;
  --shadow:0 1px 2px rgba(0,0,0,.34), 0 10px 26px rgba(0,0,0,.40);
  --shadow-lift:0 4px 10px rgba(0,0,0,.46), 0 12px 26px rgba(0,0,0,.42);
}
:root[data-theme="nacht"]{
  --ground:#0F0F13;
  --ground-rgb:15,15,19;
  --ground-2:#16161C;
  --surface:#1E1E26;
  --surface-2:#2A2A35;
  --ink:#F3F0EB;
  --ink-soft:#A9A3A0;
  --accent:#D9B26A;
  --accent-deep:#E9CB8E;
  --accent-soft:#382F1E;
  --on-accent:#1A1A20;
  --rose:#D9B26A;
  --rose-soft:#2E2818;
  --line:#3A3A47;
  --planer:#262630;
  --planer-line:#50505F;
  --planer-heute:#3E3822;
  --ok:#7FD6A2;
  --ok-soft:#1D3A2B;
  --off:#FF9082;
  --off-soft:#3B211E;
  --wait:#F0C96B;
  --wait-soft:#3A3118;
  --warn:#FF9082;
  --warn-soft:#3B211E;
  --alert:#F0C96B;
  --alert-soft:#3A3118;
  --danger:#FF7A67;
  --on-danger:#2A1512;
  --alert-fill:#6B4E0A;
  --shadow:0 1px 2px rgba(0,0,0,.30), 0 10px 26px rgba(0,0,0,.34);
  --shadow-lift:0 4px 10px rgba(0,0,0,.42), 0 12px 26px rgba(0,0,0,.36);
}
/* Das siebte Design nach einer Farbkarte: ein weiches Pastellblau traegt die
   Seite, die Karten liegen fast weiss darauf, und alles Aktive - Rahmen,
   Knoepfe, Zahlen - kommt in tiefem Burgunderrot. Abgesagte Termine liegen
   bewusst waermer, damit sie nicht mit dem Akzent verwechselt werden. */
:root[data-theme="bordeaux"]{
  --ground:#C9D5E3;
  --ground-rgb:201,213,227;
  --ground-2:#B9C8DA;
  --surface:#F7FAFD;
  --surface-2:#EAF0F6;
  --ink:#1B2028;
  --ink-soft:#4C5665;
  --accent:#6E2328;
  --accent-deep:#5A1B20;
  --accent-soft:#EBD3D6;
  --on-accent:#FFFFFF;
  --rose:#8A3A3F;
  --rose-soft:#F2DFE1;
  --line:#BCCADA;
  --planer:#FBFDFF;
  --planer-line:#A9BACD;
  --planer-heute:#F3DFE1;
  --ok:#2F5F47;
  --ok-soft:#DAE9E0;
  --off:#B03214;
  --off-soft:#F9E1D8;
  --wait:#7D5905;
  --wait-soft:#F7EBC7;
  --warn:#9C2C17;
  --warn-soft:#F6DED6;
  --alert:#8F4E0D;
  --alert-soft:#F9E9D5;
  --danger:#B03214;
  --alert-fill:#D4850B;
  --shadow:0 1px 2px rgba(30,44,64,.09), 0 10px 26px rgba(30,44,64,.11);
  --shadow-lift:0 4px 10px rgba(40,52,68,.16), 0 12px 26px rgba(40,52,68,.13);
}
/* Weiss & Tiefblau (Kennung tiefblau) - so hat Evi es gewollt, nach ihrer
   Farbvorgabe: Weiss als Grund, dunkles Anthrazit fuer Text. Ihre ersten
   Wuensche (Blau #0066FF, Stahlblau, sanftes Schwarz, Blaugruen #1D5B5A)
   wurden erprobt; zuletzt "noch etwas dunkler, mehr dunkelblau als gruen":
   ein tiefes Petrolblau (#174558) traegt alles Aktive - Knoepfe, Filter,
   aktive Zeichen. Grund weiches Hellgrau (#F8F9FA) mit reinweissen Karten,
   Text #1A1A1A (kein hartes Schwarz), Reiterleiste unten in Anthrazit
   (#24262A, `--nav`) mit hellem Blau fuer den aktiven Reiter. Kontraste
   gerechnet (werkzeuge/kontrast-pruefen.js): Weiss auf #174558 ueber 10 : 1. */
:root[data-theme="tiefblau"]{
  --ground:#F8F9FA;
  --ground-rgb:248,249,250;
  --ground-2:#EDF0F3;
  --surface:#FFFFFF;
  --surface-2:#F1F3F6;
  --ink:#1A1A1A;
  --ink-soft:#4A5568;
  --accent:#174558;
  --accent-deep:#0F3342;
  --accent-soft:#DFEAEF;
  --on-accent:#FFFFFF;
  --rose:#7DA8BC;
  --rose-soft:#E6EEF2;
  --line:#D5DAE1;
  --planer:#FFFFFF;
  --planer-line:#BCC5D1;
  --planer-heute:#DFEAEF;
  --warn:#9E3F2C;
  --warn-soft:#F8E1DA;
  --ok:#2F6B4F;
  --ok-soft:#E0EFE6;
  --alert:#8A5818;
  --alert-soft:#F7E9D4;
  --danger:#B02A1A;
  --alert-fill:#D9A04A;
  --wait:#7A5A12;
  --wait-soft:#F6EBCB;
  --off:#B02A1A;
  --off-soft:#F8E3DD;
  --nav:#24262A;
  --on-nav:#FFFFFF;
  --nav-soft:#B4B8BF;
  --nav-akzent:#8FCCE3;
  --shadow:0 1px 2px rgba(26,26,26,.07), 0 10px 26px rgba(26,26,26,.09);
  --shadow-lift:0 4px 10px rgba(26,26,26,.12), 0 12px 26px rgba(26,26,26,.10);
}

/* Nebelgruen & Petrol - so hat Evi es gewollt: hell und pastell wie
   Vanille & Mint, aber mit einem dunklen, gedeckten Akzent, den man gut
   sieht, ohne dass er knallt. Ein kuehles Nebelgruen traegt die Seite, die
   Karten sind fast weiss, alles Aktive in tiefem Petrol, ein Hauch Altrosa
   im Licht dahinter. Kontraste gerechnet: Schrift auf Grund 13 : 1, leise
   Schrift auf Karte 6,2 : 1, Petrol auf Karte 7,1 : 1, Weiss auf Petrol
   7,3 : 1, die Zustaende je ueber 5 : 1. */
:root[data-theme="petrol"]{
  --ground:#DFE8E4;
  --ground-rgb:223,232,228;
  --ground-2:#D3DED9;
  --surface:#FCFDFC;
  --surface-2:#EEF3F1;
  --ink:#14201F;
  --ink-soft:#4D5B55;
  --accent:#2F5D62;
  --accent-deep:#1F4A4F;
  --accent-soft:#D0E3E1;
  --on-accent:#FFFFFF;
  --rose:#B98F7E;
  --rose-soft:#EDDDD5;
  --line:#C6D4CE;
  --planer:#FCFDFC;
  --planer-line:#AFC1BA;
  --planer-heute:#CDE2E0;
  --warn:#9E3F2C;
  --warn-soft:#F8E1DA;
  --ok:#3A6E55;
  --ok-soft:#E0EFE6;
  --alert:#8A5818;
  --alert-soft:#F7E9D4;
  --danger:#A93A28;
  --alert-fill:#D9A04A;
  --wait:#7A5A12;
  --wait-soft:#F6EBCB;
  --off:#A93A28;
  --off-soft:#F8E3DD;
  --shadow:0 1px 2px rgba(20,46,44,.08), 0 10px 26px rgba(20,46,44,.10);
  --shadow-lift:0 4px 10px rgba(20,46,44,.14), 0 12px 26px rgba(20,46,44,.11);
}
/* Navy & Silber (Kennung bleibt 'terra', damit eine schon getroffene Wahl
   weiter gilt): tiefes Navy traegt die Seite, die Karten liegen eine Spur
   heller im selben Blau darauf, alles Aktive in ruhigem Silber statt des
   frueheren Terrakottas - so hat Evi es gewollt. Statusfarben fuer den
   dunklen Grund aufgehellt. Kontraste gerechnet: Schrift auf Grund 14 : 1,
   leise Schrift auf Karte 6,2 : 1, Silber auf Karte 8,5 : 1, Schrift auf
   Silber 11,2 : 1, die drei Zustaende je ueber 7,5 : 1. */
:root[data-theme="terra"]{
  --ground:#111726;
  --ground-rgb:17,23,38;
  --ground-2:#0C1120;
  --surface:#213048;
  --surface-2:#2C3E5C;
  --ink:#F0F3F7;
  --ink-soft:#A9B3C2;
  --accent:#C9D0DA;
  --accent-deep:#E8ECF1;
  --accent-soft:#2F4160;
  --on-accent:#141A28;
  --rose:#9AA6B6;
  --rose-soft:#263652;
  --line:#36466A;
  --planer:#26364F;
  --planer-line:#485A7C;
  --planer-heute:#324566;
  --ok:#9BE3BC;
  --ok-soft:#17352A;
  --off:#FFB3A6;
  --off-soft:#3B211E;
  --wait:#F6D689;
  --wait-soft:#3A3118;
  --warn:#FFB3A6;
  --warn-soft:#3B211E;
  --alert:#F6D689;
  --alert-soft:#3A3118;
  --danger:#FF9B8A;
  --on-danger:#2A1510;
  --alert-fill:#6B4E0A;
  --shadow:0 1px 2px rgba(0,0,0,.32), 0 10px 26px rgba(0,0,0,.36);
  --shadow-lift:0 4px 10px rgba(0,0,0,.44), 0 12px 26px rgba(0,0,0,.38);
}


/* Das achte Design: Anthrazitgrau traegt die Seite, die Karten liegen eine
   Spur heller darauf wie Graphit, und alles Aktive kommt in Taubenblau -
   einem weichen, leicht graustichigen Blau. Jedes Paar ist gerechnet. */
:root[data-theme="anthrazit"]{
  --ground:#22262B;
  --ground-rgb:34,38,43;
  --ground-2:#1B1E22;
  --surface:#333940;
  --surface-2:#404751;
  --ink:#F0F2F5;
  --ink-soft:#B8BFC9;
  --accent:#93AEC9;
  --accent-deep:#B6CBE0;
  --accent-soft:#2C3B4B;
  --on-accent:#18202A;
  --rose:#93AEC9;
  --rose-soft:#2C3B4B;
  --line:#4B535D;
  --planer:#3A4048;
  --planer-line:#626B77;
  --planer-heute:#34506B;
  --ok:#7FD6A2;
  --ok-soft:#1D3A2B;
  --off:#FF9082;
  --off-soft:#3B211E;
  --wait:#F0C96B;
  --wait-soft:#3A3118;
  --warn:#FF9082;
  --warn-soft:#3B211E;
  --alert:#F0C96B;
  --alert-soft:#3A3118;
  --danger:#FF7A67;
  --on-danger:#2A1512;
  --alert-fill:#6B4E0A;
  --shadow:0 1px 2px rgba(0,0,0,.28), 0 10px 26px rgba(0,0,0,.32);
  --shadow-lift:0 4px 10px rgba(0,0,0,.40), 0 12px 26px rgba(0,0,0,.34);
}

/* Native Datums- und Uhrzeitfelder, Listen und Rollbalken ziehen mit. */
:root[data-theme="zentivo"],
:root[data-theme="nacht"],
:root[data-theme="anthrazit"],
:root[data-theme="terra"],
:root[data-theme="basedunkel"],
:root[data-theme="schwarz"]{ color-scheme: dark; }
/* Das Logo bringt seine eigene helle Scheibe mit. Auf dunklem Grund darf sie
   nicht multipliziert werden - sonst verschwindet das Logo im Schwarz. */
:root[data-theme="zentivo"] .logo,
:root[data-theme="nacht"] .logo,
:root[data-theme="anthrazit"] .logo,
:root[data-theme="terra"] .logo,
:root[data-theme="basedunkel"] .logo,
:root[data-theme="schwarz"] .logo{
  mix-blend-mode:normal;
  filter:drop-shadow(0 3px 12px rgba(0,0,0,.5));
}

/* MyLifeBase, der Standard (Kennung 'weiss') - so hat Evi es gewollt: die
   Blautoene des blauen Logos, mit mehr Kontrast als nur Weiss und Navy:
   die Seite liegt auf einem kuehlen Hellblau-Grau (#EAEFF6), die Karten sind
   reinweiss und heben sich davon ab, vertiefte Felder liegen auf einem
   Hauch Blau (#F0F4FA). Drei Stufen Blau statt zwei: Navy wie der Grund des
   Logos fuer alles Aktive (#26324A, Schrift darauf weiss), ein lebendiges
   Blau (#2A5AA0) fuer Text im Akzent, Hellblau fuer Flaechen und Licht
   (#D6E2F3, #7F9BC4). Kontraste gerechnet: Schrift auf Grund 14,9 : 1, auf
   Karte 17,2 : 1, leise Schrift auf Grund 6,3 : 1 (auf Karte 7,2 : 1), Navy
   auf Weiss 12,8 : 1, Blau auf Karte 6,8 : 1 (auf Grund 5,9 : 1), die
   Zustaende je ueber 5,9 : 1 auf Karte. */
:root[data-theme="weiss"]{
  --ground:#EAEFF6;
  --ground-rgb:234,239,246;
  --ground-2:#DFE6F0;
  --surface:#FFFFFF;
  --surface-2:#F0F4FA;
  --ink:#141B2B;
  --ink-soft:#4B5772;
  --accent:#26324A;
  --accent-deep:#2A5AA0;
  --accent-soft:#D6E2F3;
  --on-accent:#FFFFFF;
  --rose:#7F9BC4;
  --rose-soft:#E1E9F5;
  --line:#CBD5E4;
  --planer:#FFFFFF;
  --planer-line:#B9C6DA;
  --planer-heute:#D6E2F3;
  --warn:#9E3F2C;
  --warn-soft:#F8E1DA;
  --ok:#3A6E55;
  --ok-soft:#E0EFE6;
  --alert:#8A5818;
  --alert-soft:#F7E9D4;
  --danger:#A93A28;
  --alert-fill:#D9A04A;
  --wait:#7A5A12;
  --wait-soft:#F6EBCB;
  --off:#A93A28;
  --off-soft:#F8E3DD;
  --akzent2:#AFC8EA;
  --on-akzent2:#26324A;
  --shadow:0 1px 2px rgba(20,32,60,.08), 0 10px 26px rgba(20,32,60,.10);
  --shadow-lift:0 4px 10px rgba(20,32,60,.14), 0 12px 26px rgba(20,32,60,.11);
}

/* MyLifeBase Dunkel (Kennung 'basedunkel') - so hat Evi es gewollt: das
   Design MyLifeBase als Dunkelmodus, mit klar getrennten Stufen: der Grund
   ist ein fast schwarzes Navy (#0A0F1A), die Karten heben sich als deutlich
   helleres Blau (#172238) ab, vertiefte Felder und Zeilen noch eine Stufe
   heller (#212E4A). Alles Aktive steht in Hellblau (#9DB6DA, Schrift darauf
   dunkles Navy), Text im Akzent in einem noch helleren Blau (#C3D5EE).
   Statusfarben fuer den dunklen Grund aufgehellt. Kontraste gerechnet:
   Schrift auf Grund 17,1 : 1, auf Karte 14,1 : 1, leise Schrift auf Karte
   7,3 : 1 (auf dem zweiten Kartenton 6,2 : 1), Hellblau auf Karte 7,7 : 1,
   Schrift auf Hellblau 9,0 : 1, Text im Akzent auf Karte 10,6 : 1, die
   Zustaende je ueber 7,1 : 1. */
:root[data-theme="basedunkel"]{
  --ground:#0A0F1A;
  --ground-rgb:10,15,26;
  --ground-2:#0F1522;
  --surface:#172238;
  --surface-2:#212E4A;
  --ink:#EEF2F9;
  --ink-soft:#A3B0C9;
  --accent:#9DB6DA;
  --accent-deep:#C3D5EE;
  --accent-soft:#26375A;
  --on-accent:#0A1220;
  --rose:#5F7FB0;
  --rose-soft:#1D2B47;
  --line:#2E3B58;
  --planer:#1D2A44;
  --planer-line:#405070;
  --planer-heute:#2A3B5F;
  --ok:#86D3A6;
  --ok-soft:#1B3326;
  --off:#F2958A;
  --off-soft:#3A2220;
  --wait:#E8C872;
  --wait-soft:#352E19;
  --warn:#F2958A;
  --warn-soft:#3A2220;
  --alert:#E8C872;
  --alert-soft:#352E19;
  --danger:#FF7A67;
  --on-danger:#2A1512;
  --alert-fill:#6B4E0A;
  --shadow:0 1px 2px rgba(0,0,0,.34), 0 10px 26px rgba(0,0,0,.40);
  --shadow-lift:0 4px 10px rgba(0,0,0,.46), 0 12px 26px rgba(0,0,0,.42);
}

/* Weiss & Anthrazit (Kennung 'schwarzweiss') und Schwarz & Anthrazit
   ('schwarz') - so hat Evi es gewollt: nur Standardfarben, Schwarz, Weiss und
   Anthrazitgrau. Keine Farbe als Akzent; farbig bleiben nur die Zustaende
   (gruen erledigt, gelb offen, rot abgesagt, orange krank), weil sie etwas
   bedeuten. Hell: Seite in hellem Grau, Karten reinweiss, Schrift fast
   Schwarz, alles Aktive in Anthrazit (#2B2B2B) - Hauptkarten und Reiterleiste
   damit gefuellt (css/25-zweitfarbe.css). Dunkel: Seite fast schwarz, Karten
   und Felder in zwei Stufen Anthrazit, alles Aktive fast weiss.
   Kontraste mit `node werkzeuge/kontrast-pruefen.js` gerechnet. */
:root[data-theme="schwarzweiss"]{
  --ground:#F2F2F2;
  --ground-rgb:242,242,242;
  --ground-2:#E8E8E8;
  --surface:#FFFFFF;
  --surface-2:#F4F4F4;
  --ink:#111111;
  --ink-soft:#555555;
  --accent:#2B2B2B;
  --accent-deep:#1A1A1A;
  --accent-soft:#E4E4E4;
  --on-accent:#FFFFFF;
  --rose:#8A8A8A;
  --rose-soft:#EDEDED;
  --line:#D4D4D4;
  --planer:#FFFFFF;
  --planer-line:#C4C4C4;
  --planer-heute:#E4E4E4;
  --warn:#9E3F2C;
  --warn-soft:#F8E1DA;
  --ok:#2F6B4F;
  --ok-soft:#E0EFE6;
  --alert:#8A5818;
  --alert-soft:#F7E9D4;
  --danger:#B02A1A;
  --alert-fill:#D9A04A;
  --wait:#7A5A12;
  --wait-soft:#F6EBCB;
  --off:#B02A1A;
  --off-soft:#F8E3DD;
  --akzent2:#C8C8C8;
  --on-akzent2:#111111;
  --shadow:0 1px 2px rgba(0,0,0,.07), 0 10px 26px rgba(0,0,0,.09);
  --shadow-lift:0 4px 10px rgba(0,0,0,.12), 0 12px 26px rgba(0,0,0,.10);
}
:root[data-theme="schwarz"]{
  --ground:#0A0A0A;
  --ground-rgb:10,10,10;
  --ground-2:#111111;
  --surface:#1C1C1C;
  --surface-2:#262626;
  --ink:#F2F2F2;
  --ink-soft:#A8A8A8;
  --accent:#E8E8E8;
  --accent-deep:#FFFFFF;
  --accent-soft:#2E2E2E;
  --on-accent:#111111;
  --rose:#6E6E6E;
  --rose-soft:#242424;
  --line:#333333;
  --planer:#222222;
  --planer-line:#444444;
  --planer-heute:#2E2E2E;
  --ok:#86D3A6;
  --ok-soft:#1B3326;
  --off:#F2958A;
  --off-soft:#3A2220;
  --wait:#E8C872;
  --wait-soft:#352E19;
  --warn:#F2958A;
  --warn-soft:#3A2220;
  --alert:#E8C872;
  --alert-soft:#352E19;
  --danger:#FF7A67;
  --on-danger:#2A1512;
  --alert-fill:#6B4E0A;
  --akzent2:#8C8C8C;
  --on-akzent2:#111111;
  --shadow:0 1px 2px rgba(0,0,0,.34), 0 10px 26px rgba(0,0,0,.40);
  --shadow-lift:0 4px 10px rgba(0,0,0,.46), 0 12px 26px rgba(0,0,0,.42);
}

/* ---------------- Zweitfarbe je Design (siehe css/25-zweitfarbe.css) ----------------
   Nur als Fuellung, Schrift darauf dunkel (#1A1A1A). So hat Evi es gewollt:
   ein Ton aus der Familie des Designs, kein fremder - bei den hellen Designs
   ein etwas tieferer Ton des Hintergrunds, bei den dunklen ein mittlerer Ton
   der Akzentfarbe. "Weiss & Tiefblau" hat keine: seine Farbvorgabe kennt nur
   drei Farben. MyLifeBase (Hellblau) steht in seinem Block. */
:root[data-theme="leinen"]   { --akzent2:#CBC3B4; --on-akzent2:#1A1A1A; } /* Leinen, etwas tiefer */
:root[data-theme="bordeaux"] { --akzent2:#A9BDD6; --on-akzent2:#1A1A1A; } /* Pastellblau, etwas tiefer */
:root[data-theme="petrol"]   { --akzent2:#A9C9C4; --on-akzent2:#1A1A1A; } /* Nebelgruen, etwas tiefer */
:root[data-theme="basedunkel"]{ --akzent2:#6E8EC2; --on-akzent2:#1A1A1A; } /* mittleres Blau */
:root[data-theme="zentivo"]  { --akzent2:#8D929B; --on-akzent2:#1A1A1A; } /* mittleres Silbergrau */
:root[data-theme="nacht"]    { --akzent2:#A98447; --on-akzent2:#1A1A1A; } /* dunkleres Gold */
:root[data-theme="anthrazit"]{ --akzent2:#6C8BAB; --on-akzent2:#1A1A1A; } /* mittleres Taubenblau */
:root[data-theme="terra"]    { --akzent2:#7C8FAE; --on-akzent2:#1A1A1A; } /* mittleres Stahlblau */
/* Beige & Rose: ein tieferer Rose-Ton; auf der braunen Reiterleiste traegt der
   aktive Reiter ein helleres (--bar-akzent), sonst waere es dort nur 3 : 1. */
:root[data-theme="gedimmt"]  { --akzent2:#D9B5A6; --on-akzent2:#1A1A1A; --bar-akzent:#F0DCD2; }