/* Die Themen - erzeugt von `scripts/themen_bauen.py`, nicht von Hand aendern
   (`tests/test_erscheinungsbild.py` vergleicht). Sven, 15.09.2026: morgens "fuer
   den Darkmode sogar gerne mehrere Themes", nachmittags "die Themes generell
   fuer Light-Mode & Dark-Mode ... in sich stimmig - keine Fremdfarben", abends
   "Aubergine hell ... das Beige als Highlightfarbe ... Pfirsich, gelb/orangies,
   Kreide/Grau" und "eigene Darkmode-Kreationen".

   **Ein Thema hat bis zu zwei Fassungen**, hell und dunkel, und wird je Modus
   gewaehlt; Tinte, Obsidian, Tanne und Kupfer gibt es nur dunkel. Gemerkt im
   Browser (`fahrbase-thema-hell`, `fahrbase-thema-dunkel`, dazu der Modus),
   gesetzt im Kopfskript vor dem ersten Malen als `data-thema` - das Thema des
   Modus, der gerade gilt. **Navy ist tokens.css (hell, Papier) und dunkel.css
   selbst** - hier stehen die anderen.

   **Gebaut aus einer Beschreibung in OKLCH** (Ton und Saettigung je Rolle), die
   Helligkeiten vom gebauten Stand - dieselben Stufen und Kontraste in jedem
   Thema. Vorbilder und Messwerte: `docs/review/farben-recherche-2026-09-15.md`.

   **Was wechselt**: Flaechen, Grautoene und Schrift im Ton des Themas, die
   Leiste, Akzent, Zweitfarbe, **die Auswahl** (`--fb-auswahl-*`, dazu der
   gewaehlte Tag, das Gruppenband und das Zeichen im aktiven Punkt der Leiste),
   **der Hauptknopf in der Kennfarbe**, die Schatten im Ton der Schrift, das
   Fahrlehrer-Zeichen (Familie des Akzents) und die Namensfarben
   (`--fb-name-*`, `--fb-kalender-saettigung`). **Was bleibt**: Gruen, Amber,
   Rot. **Keine Zweitfarbe in Amber- oder Rotnaehe** - sie laege neben einem
   Hinweis oder Fehler. */

/* **Kohle** (Vorbild: Xcode 10, Anthrazit) - Kohle und Anthrazit; Stahlblau markiert, Schiefergrau schlaegt vor, der Hauptknopf kohlschwarz, die Namensfarben fast grau. Hell: Kreideweiss mit Graphit-Schrift. Dunkel: Kohle mit Glanz. */
:root[data-thema="kohle"]:not([data-theme="dark"]) {
  --fb-flaeche-grund: #e8e9eb;
  --fb-flaeche: #f9fafb;
  --fb-flaeche-innen: #eeeff1;
  --fb-flaeche-rand: #d2d5d8;
  --fb-flaeche-feld: #eff0f2;
  --fb-flaeche-innen-im-feld: #e4e6e9;
  --fb-flaeche-innen-auf-papier: #eeeff1;
  --fb-gray-50-auf-papier: #eeeff1;
  --fb-gray-50: #eeeff1;
  --fb-gray-100: #e1e3e6;
  --fb-gray-200: #d2d5d8;
  --fb-gray-300: #b9bdc0;
  --fb-gray-400: #9ca1a6;
  --fb-gray-600: #60646a;
  --fb-gray-800: #21252a;
  --fb-sidebar: #141517;
  --fb-sidebar-hover: #212324;
  --fb-sidebar-aktiv: #272c34;
  --fb-sidebar-linie: #212324;
  --fb-sidebar-rand: #141517;
  --fb-zeichen-grund: #242628;
  --fb-sidebar-text: #bcbec0;
  --fb-sidebar-gruppe: #77797a;
  --fb-accent: #2d5c82;
  --fb-accent-dark: #194363;
  --fb-accent-tint: #e2edf7;
  --fb-marke: #445c68;
  --fb-marke-text: #2f434e;
  --fb-marke-tint: #e9eff2;
  --fb-hauptknopf: #2c2e31;
  --fb-auswahl-grund: #dae0e7;
  --fb-auswahl-rand: #758290;
  --fb-auswahl-text: #384352;
  --fb-sidebar-aktiv-zeichen: #c3d3e4;
  --fb-zeichen-schwung: #a9b9cb;
  --fb-lehrer: #2d5c82;
  --fb-lehrer-text: #194363;
  --fb-lehrer-tint: #e2edf7;
  --fb-shadow-1: 0 1px 2px rgba(30, 34, 39, 0.06), 0 10px 30px -14px rgba(30, 34, 39, 0.22);
  --fb-shadow-2: 0 2px 4px rgba(30, 34, 39, 0.07), 0 18px 40px -16px rgba(30, 34, 39, 0.3);
  --fb-shadow-lg: 0 24px 60px -16px rgba(20, 21, 23, 0.45);
  --fb-schatten-knopf: 0 1px 2px rgba(30, 34, 39, 0.14);
  --fb-schatten-knopf-hover: 0 4px 10px -4px rgba(30, 34, 39, 0.3);
  --fb-overlay: rgba(20, 21, 23, 0.55);
  --fb-name-ton: 0;
  --fb-name-spreizung: 1;
  --fb-name-saettigung: 0.14;
  --fb-kalender-saettigung: 0.6;
}

[data-theme="dark"][data-thema="kohle"] {
  --fb-hauptknopf: #484e54;
  --fb-gray-50: #1e1e1e;
  --fb-gray-100: #282828;
  --fb-gray-200: #333333;
  --fb-gray-300: #444444;
  --fb-gray-400: #767676;
  --fb-gray-600: #a6a6a6;
  --fb-gray-800: #e8e8e8;
  --fb-flaeche-grund: #111111;
  --fb-flaeche: #1a1a1a;
  --fb-flaeche-innen: #212121;
  --fb-flaeche-rand: #313131;
  --fb-flaeche-feld: #222222;
  --fb-flaeche-innen-im-feld: #2b2b2b;
  --fb-flaeche-innen-auf-papier: #212121;
  --fb-gray-50-auf-papier: #1e1e1e;
  --fb-accent: #8ab8e6;
  --fb-accent-dark: #b3d2f0;
  --fb-accent-tint: #1f2f3d;
  --fb-marke: #abc2ce;
  --fb-marke-text: #d9e7ef;
  --fb-marke-tint: #232a2e;
  --fb-sidebar: #111111;
  --fb-sidebar-hover: #212121;
  --fb-sidebar-text: #a6a6a6;
  --fb-sidebar-text-stark: #ffffff;
  --fb-sidebar-aktiv: #333333;
  --fb-sidebar-aktiv-text: #ffffff;
  --fb-sidebar-linie: #282828;
  --fb-sidebar-rand: #313131;
  --fb-sidebar-gruppe: #767676;
  --fb-zeichen-grund: #333333;
  --fb-auswahl-grund: #313941;
  --fb-auswahl-rand: #74899d;
  --fb-auswahl-text: #cfe0f1;
  --fb-sidebar-aktiv-zeichen: #bbd4ee;
  --fb-zeichen-schwung: #a0bbd4;
  --fb-lehrer: #8ab8e6;
  --fb-lehrer-text: #b3d2f0;
  --fb-lehrer-tint: #1f2f3d;
  --fb-name-ton: 0;
  --fb-name-spreizung: 1;
  --fb-name-saettigung: 0.14;
  --fb-kalender-saettigung: 0.6;
}

/* **Stein** (Vorbild: Colorhunt: Greige, Kreide, Anthrazit) - warmes Grau wie Kreide auf Stein; gedaempftes Schieferblau markiert, Malve schlaegt vor, der Hauptknopf anthrazit, die Namensfarben fast grau. Dunkel: warmer Graphit mit Glanz. */
:root[data-thema="stein"]:not([data-theme="dark"]) {
  --fb-flaeche-grund: #e9e4df;
  --fb-flaeche: #fcfaf7;
  --fb-flaeche-innen: #f3eee9;
  --fb-flaeche-rand: #dbd3ca;
  --fb-flaeche-feld: #f4efea;
  --fb-flaeche-innen-im-feld: #ebe5df;
  --fb-flaeche-innen-auf-papier: #f3eee9;
  --fb-gray-50-auf-papier: #f3eee9;
  --fb-gray-50: #f3eee9;
  --fb-gray-100: #e9e2db;
  --fb-gray-200: #dbd3ca;
  --fb-gray-300: #c5bbb0;
  --fb-gray-400: #a59f9a;
  --fb-gray-600: #68635e;
  --fb-gray-800: #282420;
  --fb-sidebar: #181411;
  --fb-sidebar-hover: #25221f;
  --fb-sidebar-aktiv: #342a22;
  --fb-sidebar-linie: #25221f;
  --fb-sidebar-rand: #181411;
  --fb-zeichen-grund: #292522;
  --fb-sidebar-text: #c1bdba;
  --fb-sidebar-gruppe: #7c7875;
  --fb-accent: #40617d;
  --fb-accent-dark: #2b4860;
  --fb-accent-tint: #e4ecf4;
  --fb-marke: #765065;
  --fb-marke-text: #5a394c;
  --fb-marke-tint: #f1e9e2;
  --fb-hauptknopf: #3d3732;
  --fb-auswahl-grund: #e7ded5;
  --fb-auswahl-rand: #8e7d6a;
  --fb-auswahl-text: #4b4038;
  --fb-sidebar-aktiv-zeichen: #e3cdb5;
  --fb-zeichen-schwung: #c9b39b;
  --fb-chip-aktiv-grund: #e7ded5;
  --fb-chip-aktiv-rand: #8e7d6a;
  --fb-lehrer: #40617d;
  --fb-lehrer-text: #2b4860;
  --fb-lehrer-tint: #e4ecf4;
  --fb-shadow-1: 0 1px 2px rgba(37, 33, 29, 0.06), 0 10px 30px -14px rgba(37, 33, 29, 0.22);
  --fb-shadow-2: 0 2px 4px rgba(37, 33, 29, 0.07), 0 18px 40px -16px rgba(37, 33, 29, 0.3);
  --fb-shadow-lg: 0 24px 60px -16px rgba(24, 20, 17, 0.45);
  --fb-schatten-knopf: 0 1px 2px rgba(37, 33, 29, 0.14);
  --fb-schatten-knopf-hover: 0 4px 10px -4px rgba(37, 33, 29, 0.3);
  --fb-overlay: rgba(24, 20, 17, 0.55);
  --fb-name-ton: 25;
  --fb-name-spreizung: 1;
  --fb-name-saettigung: 0.16;
  --fb-kalender-saettigung: 0.6;
}

[data-theme="dark"][data-thema="stein"] {
  --fb-flaeche-grund: #1d1b19;
  --fb-flaeche: #282624;
  --fb-flaeche-innen: #312d2b;
  --fb-flaeche-rand: #403c39;
  --fb-flaeche-feld: #312e2b;
  --fb-flaeche-innen-im-feld: #3a3735;
  --fb-flaeche-innen-auf-papier: #312d2b;
  --fb-gray-50-auf-papier: #302d2a;
  --fb-gray-50: #302d2a;
  --fb-gray-100: #393633;
  --fb-gray-200: #46423f;
  --fb-gray-300: #575350;
  --fb-gray-400: #86817c;
  --fb-gray-600: #b7b2ac;
  --fb-gray-800: #efe9e2;
  --fb-sidebar: #171512;
  --fb-sidebar-hover: #292624;
  --fb-sidebar-aktiv: #352d26;
  --fb-sidebar-linie: #292624;
  --fb-sidebar-rand: #292624;
  --fb-zeichen-grund: #322f2c;
  --fb-sidebar-text: #aca9a6;
  --fb-sidebar-gruppe: #726f6d;
  --fb-accent: #9dbbd6;
  --fb-accent-dark: #cee1f1;
  --fb-accent-tint: #323c45;
  --fb-marke: #d0abbf;
  --fb-marke-text: #eed7e3;
  --fb-marke-tint: #3b2f36;
  --fb-hauptknopf: #3a5c78;
  --fb-auswahl-grund: #3c3731;
  --fb-auswahl-rand: #918475;
  --fb-auswahl-text: #e6dcd0;
  --fb-sidebar-aktiv-zeichen: #decebc;
  --fb-zeichen-schwung: #c5b4a2;
  --fb-chip-aktiv-grund: #3c3731;
  --fb-chip-aktiv-rand: #918475;
  --fb-lehrer: #9dbbd6;
  --fb-lehrer-text: #cee1f1;
  --fb-lehrer-tint: #323c45;
  --fb-name-ton: 25;
  --fb-name-spreizung: 1;
  --fb-name-saettigung: 0.16;
  --fb-kalender-saettigung: 0.6;
}

/* **Moos** (Vorbild: Everforest, Waldboden) - Moos und Flechte; Petrol markiert, Flechtengruen schlaegt vor, gewaehlt ist Moos, der Hauptknopf und die Leiste moosgruen. Hell: Creme wie Everforest Light, Schrift schiefergruen. */
:root[data-thema="moos"]:not([data-theme="dark"]) {
  --fb-flaeche-grund: #e9eade;
  --fb-flaeche: #fafbf4;
  --fb-flaeche-innen: #eff0e4;
  --fb-flaeche-rand: #d4d7c1;
  --fb-flaeche-feld: #f0f1e5;
  --fb-flaeche-innen-im-feld: #e6e8d9;
  --fb-flaeche-innen-auf-papier: #eff0e4;
  --fb-gray-50-auf-papier: #eff0e4;
  --fb-gray-50: #eff0e4;
  --fb-gray-100: #e3e5d4;
  --fb-gray-200: #d4d7c1;
  --fb-gray-300: #bcbfa5;
  --fb-gray-400: #94a59f;
  --fb-gray-600: #586863;
  --fb-gray-800: #1a2824;
  --fb-sidebar: #071a04;
  --fb-sidebar-hover: #152810;
  --fb-sidebar-aktiv: #1a3314;
  --fb-sidebar-linie: #152810;
  --fb-sidebar-rand: #071a04;
  --fb-zeichen-grund: #182b13;
  --fb-sidebar-text: #b1c5ac;
  --fb-sidebar-gruppe: #6c7f68;
  --fb-accent: #12676b;
  --fb-accent-dark: #034c50;
  --fb-accent-tint: #dfeff0;
  --fb-marke: #62652b;
  --fb-marke-text: #494b18;
  --fb-marke-tint: #e4f0d6;
  --fb-hauptknopf: #41632d;
  --fb-auswahl-grund: #d7e6c6;
  --fb-auswahl-rand: #6f8b48;
  --fb-auswahl-text: #294c22;
  --fb-sidebar-aktiv-zeichen: #bcdf90;
  --fb-zeichen-schwung: #a2c672;
  --fb-chip-aktiv-grund: #d7e6c6;
  --fb-chip-aktiv-rand: #6f8b48;
  --fb-lehrer: #12676b;
  --fb-lehrer-text: #034c50;
  --fb-lehrer-tint: #dfeff0;
  --fb-shadow-1: 0 1px 2px rgba(23, 37, 33, 0.06), 0 10px 30px -14px rgba(23, 37, 33, 0.22);
  --fb-shadow-2: 0 2px 4px rgba(23, 37, 33, 0.07), 0 18px 40px -16px rgba(23, 37, 33, 0.3);
  --fb-shadow-lg: 0 24px 60px -16px rgba(7, 26, 4, 0.45);
  --fb-schatten-knopf: 0 1px 2px rgba(23, 37, 33, 0.14);
  --fb-schatten-knopf-hover: 0 4px 10px -4px rgba(23, 37, 33, 0.3);
  --fb-overlay: rgba(7, 26, 4, 0.55);
  --fb-name-ton: 60;
  --fb-name-spreizung: 0.35;
  --fb-name-saettigung: 0.6;
  --fb-kalender-saettigung: 0.85;
}

[data-theme="dark"][data-thema="moos"] {
  --fb-gray-50: #273025;
  --fb-gray-100: #2f3b2d;
  --fb-gray-200: #3a4937;
  --fb-gray-300: #495d45;
  --fb-gray-400: #7b8c78;
  --fb-gray-600: #aab7a7;
  --fb-gray-800: #e6e9e6;
  --fb-flaeche-grund: #1a1f19;
  --fb-flaeche: #232a21;
  --fb-flaeche-innen: #293327;
  --fb-flaeche-rand: #384636;
  --fb-flaeche-feld: #2a3528;
  --fb-flaeche-innen-im-feld: #323f2f;
  --fb-flaeche-innen-auf-papier: #293327;
  --fb-gray-50-auf-papier: #273025;
  --fb-accent: #72bccb;
  --fb-accent-dark: #a6d6df;
  --fb-accent-tint: #293f44;
  --fb-marke: #bcc48c;
  --fb-marke-text: #e3e9c7;
  --fb-marke-tint: #353826;
  --fb-sidebar: #181d17;
  --fb-sidebar-hover: #273125;
  --fb-sidebar-text: #a1ae9e;
  --fb-sidebar-text-stark: #ffffff;
  --fb-sidebar-aktiv: #374734;
  --fb-sidebar-aktiv-text: #ffffff;
  --fb-sidebar-linie: #2d382b;
  --fb-sidebar-rand: #354333;
  --fb-sidebar-gruppe: #6f806c;
  --fb-zeichen-grund: #374734;
  --fb-hauptknopf: #456533;
  --fb-auswahl-grund: #333c28;
  --fb-auswahl-rand: #798f5c;
  --fb-auswahl-text: #d3e7b4;
  --fb-sidebar-aktiv-zeichen: #c0dc9f;
  --fb-zeichen-schwung: #a7c384;
  --fb-lehrer: #72bccb;
  --fb-lehrer-text: #a6d6df;
  --fb-lehrer-tint: #293f44;
  --fb-name-ton: 60;
  --fb-name-spreizung: 0.35;
  --fb-name-saettigung: 0.6;
  --fb-kalender-saettigung: 0.85;
}

/* **Matcha** (Vorbild: Matcha, Greenery, Colorhunt: Salbei und Leinen) - Salbei auf Leinen; Salbei markiert, waehlt und handelt, ein stilles Teegruen schlaegt vor. Die Leiste in beiden Fassungen der Schiefer von Matcha dunkel. */
:root[data-thema="matcha"]:not([data-theme="dark"]) {
  --fb-flaeche-grund: #ede9df;
  --fb-flaeche: #fcfaf5;
  --fb-flaeche-innen: #f3efe5;
  --fb-flaeche-rand: #dcd3c3;
  --fb-flaeche-feld: #f4f0e6;
  --fb-flaeche-innen-im-feld: #ebe6da;
  --fb-flaeche-innen-auf-papier: #f3efe5;
  --fb-gray-50-auf-papier: #f3efe5;
  --fb-gray-50: #f3efe5;
  --fb-gray-100: #e9e3d5;
  --fb-gray-200: #dcd3c3;
  --fb-gray-300: #c5bba7;
  --fb-gray-400: #9aa39c;
  --fb-gray-600: #5e6660;
  --fb-gray-800: #202721;
  --fb-sidebar: #08181b;
  --fb-sidebar-hover: #162529;
  --fb-sidebar-aktiv: #163036;
  --fb-sidebar-linie: #162529;
  --fb-sidebar-rand: #08181b;
  --fb-zeichen-grund: #19292c;
  --fb-sidebar-text: #b2c1c5;
  --fb-sidebar-gruppe: #6d7c7f;
  --fb-accent: #516231;
  --fb-accent-dark: #3a491e;
  --fb-accent-tint: #e9ede2;
  --fb-marke: #396155;
  --fb-marke-text: #25483d;
  --fb-marke-tint: #e8efd4;
  --fb-hauptknopf: #516231;
  --fb-auswahl-grund: #dce4c3;
  --fb-auswahl-rand: #7b883f;
  --fb-auswahl-text: #394914;
  --fb-sidebar-aktiv-zeichen: #cadb87;
  --fb-zeichen-schwung: #b1c268;
  --fb-chip-aktiv-grund: #dce4c3;
  --fb-chip-aktiv-rand: #7b883f;
  --fb-lehrer: #516231;
  --fb-lehrer-text: #3a491e;
  --fb-lehrer-tint: #e9ede2;
  --fb-shadow-1: 0 1px 2px rgba(29, 36, 30, 0.06), 0 10px 30px -14px rgba(29, 36, 30, 0.22);
  --fb-shadow-2: 0 2px 4px rgba(29, 36, 30, 0.07), 0 18px 40px -16px rgba(29, 36, 30, 0.3);
  --fb-shadow-lg: 0 24px 60px -16px rgba(8, 24, 27, 0.45);
  --fb-schatten-knopf: 0 1px 2px rgba(29, 36, 30, 0.14);
  --fb-schatten-knopf-hover: 0 4px 10px -4px rgba(29, 36, 30, 0.3);
  --fb-overlay: rgba(8, 24, 27, 0.55);
  --fb-name-ton: 70;
  --fb-name-spreizung: 0.3;
  --fb-name-saettigung: 0.55;
  --fb-kalender-saettigung: 0.8;
}

[data-theme="dark"][data-thema="matcha"] {
  --fb-flaeche-grund: #151d1f;
  --fb-flaeche: #1d292b;
  --fb-flaeche-innen: #213134;
  --fb-flaeche-rand: #2d4145;
  --fb-flaeche-feld: #233134;
  --fb-flaeche-innen-im-feld: #2c3b3e;
  --fb-flaeche-innen-auf-papier: #213134;
  --fb-gray-50-auf-papier: #203034;
  --fb-gray-50: #203034;
  --fb-gray-100: #2a3a3d;
  --fb-gray-200: #34464a;
  --fb-gray-300: #46585c;
  --fb-gray-400: #838473;
  --fb-gray-600: #b3b4a2;
  --fb-gray-800: #d8e5da;
  --fb-sidebar: #0d1719;
  --fb-sidebar-hover: #1e292b;
  --fb-sidebar-aktiv: #1d3237;
  --fb-sidebar-linie: #1e292b;
  --fb-sidebar-rand: #1e292b;
  --fb-zeichen-grund: #263234;
  --fb-sidebar-text: #a1acae;
  --fb-sidebar-gruppe: #687274;
  --fb-accent: #acbc87;
  --fb-accent-dark: #d5e0bf;
  --fb-accent-tint: #383e2c;
  --fb-marke: #8cbdb1;
  --fb-marke-text: #c1dfd7;
  --fb-marke-tint: #273733;
  --fb-hauptknopf: #516231;
  --fb-auswahl-grund: #353b26;
  --fb-auswahl-rand: #808d57;
  --fb-auswahl-text: #dae4b7;
  --fb-sidebar-aktiv-zeichen: #c9da99;
  --fb-zeichen-schwung: #b0c07e;
  --fb-lehrer: #acbc87;
  --fb-lehrer-text: #d5e0bf;
  --fb-lehrer-tint: #383e2c;
  --fb-name-ton: 70;
  --fb-name-spreizung: 0.3;
  --fb-name-saettigung: 0.55;
  --fb-kalender-saettigung: 0.8;
}

/* **Lagune** (Vorbild: Poimandres, Karibik) - Tuerkis und Lagunenblau; Tuerkis markiert, waehlt und handelt, tiefes Lagunenblau schlaegt vor, die Leiste im tiefen Wasser. Hell: aquaweiss. Dunkel: Lagune bei Nacht. */
:root[data-thema="lagune"]:not([data-theme="dark"]) {
  --fb-flaeche-grund: #e3ebeb;
  --fb-flaeche: #f7fbfb;
  --fb-flaeche-innen: #e9f1f1;
  --fb-flaeche-rand: #c9d8d8;
  --fb-flaeche-feld: #eaf2f2;
  --fb-flaeche-innen-im-feld: #dfe9e9;
  --fb-flaeche-innen-auf-papier: #e9f1f1;
  --fb-gray-50-auf-papier: #e9f1f1;
  --fb-gray-50: #e9f1f1;
  --fb-gray-100: #dae6e6;
  --fb-gray-200: #c9d8d8;
  --fb-gray-300: #afc0c1;
  --fb-gray-400: #8fa5aa;
  --fb-gray-600: #54686d;
  --fb-gray-800: #16282c;
  --fb-sidebar: #00191f;
  --fb-sidebar-hover: #002830;
  --fb-sidebar-aktiv: #01323c;
  --fb-sidebar-linie: #002830;
  --fb-sidebar-rand: #00191f;
  --fb-zeichen-grund: #032b33;
  --fb-sidebar-text: #a5c4cd;
  --fb-sidebar-gruppe: #617e86;
  --fb-accent: #04736c;
  --fb-accent-dark: #015651;
  --fb-accent-tint: #ddf0ee;
  --fb-marke: #2a5885;
  --fb-marke-text: #163f66;
  --fb-marke-tint: #d4f2ed;
  --fb-hauptknopf: #066c69;
  --fb-auswahl-grund: #c3e9e3;
  --fb-auswahl-rand: #349187;
  --fb-auswahl-text: #034d4b;
  --fb-sidebar-aktiv-zeichen: #7ee7d9;
  --fb-zeichen-schwung: #5dcdc0;
  --fb-chip-aktiv-grund: #c3e9e3;
  --fb-chip-aktiv-rand: #349187;
  --fb-lehrer: #04736c;
  --fb-lehrer-text: #015651;
  --fb-lehrer-tint: #ddf0ee;
  --fb-shadow-1: 0 1px 2px rgba(19, 37, 41, 0.06), 0 10px 30px -14px rgba(19, 37, 41, 0.22);
  --fb-shadow-2: 0 2px 4px rgba(19, 37, 41, 0.07), 0 18px 40px -16px rgba(19, 37, 41, 0.3);
  --fb-shadow-lg: 0 24px 60px -16px rgba(0, 25, 31, 0.45);
  --fb-schatten-knopf: 0 1px 2px rgba(19, 37, 41, 0.14);
  --fb-schatten-knopf-hover: 0 4px 10px -4px rgba(19, 37, 41, 0.3);
  --fb-overlay: rgba(0, 25, 31, 0.55);
  --fb-name-ton: 170;
  --fb-name-spreizung: 0.3;
  --fb-name-saettigung: 0.65;
  --fb-kalender-saettigung: 0.85;
}

[data-theme="dark"][data-thema="lagune"] {
  --fb-flaeche-grund: #101e21;
  --fb-flaeche: #172a2e;
  --fb-flaeche-innen: #183339;
  --fb-flaeche-rand: #22424a;
  --fb-flaeche-feld: #1a3238;
  --fb-flaeche-innen-im-feld: #233c42;
  --fb-flaeche-innen-auf-papier: #183339;
  --fb-gray-50-auf-papier: #153239;
  --fb-gray-50: #153239;
  --fb-gray-100: #203b42;
  --fb-gray-200: #2a484f;
  --fb-gray-300: #3c5a61;
  --fb-gray-400: #6e888b;
  --fb-gray-600: #9db8bc;
  --fb-gray-800: #e0eeed;
  --fb-sidebar: #03181e;
  --fb-sidebar-hover: #152a31;
  --fb-sidebar-aktiv: #12343d;
  --fb-sidebar-linie: #152a31;
  --fb-sidebar-rand: #152a31;
  --fb-zeichen-grund: #1d333a;
  --fb-sidebar-text: #99adb4;
  --fb-sidebar-gruppe: #617379;
  --fb-accent: #72dac9;
  --fb-accent-dark: #b9f2e7;
  --fb-accent-tint: #25413c;
  --fb-marke: #92bde2;
  --fb-marke-text: #c8e2f9;
  --fb-marke-tint: #273541;
  --fb-hauptknopf: #026c66;
  --fb-auswahl-grund: #1e3f39;
  --fb-auswahl-rand: #3d978a;
  --fb-auswahl-text: #abeee0;
  --fb-sidebar-aktiv-zeichen: #80e7d6;
  --fb-zeichen-schwung: #60cdbc;
  --fb-chip-aktiv-grund: #1e3f39;
  --fb-chip-aktiv-rand: #3d978a;
  --fb-lehrer: #72dac9;
  --fb-lehrer-text: #b9f2e7;
  --fb-lehrer-tint: #25413c;
  --fb-name-ton: 170;
  --fb-name-spreizung: 0.3;
  --fb-name-saettigung: 0.65;
  --fb-kalender-saettigung: 0.85;
}

/* **Flieder** (Vorbild: Colorhunt: Lavendel und Petrol) - Lavendel; Violett markiert, waehlt und handelt, Petrol schlaegt vor. Dunkel: violettes Grau mit hellem Flieder. */
:root[data-thema="flieder"]:not([data-theme="dark"]) {
  --fb-flaeche-grund: #eae8ef;
  --fb-flaeche: #faf9fd;
  --fb-flaeche-innen: #f0eef5;
  --fb-flaeche-rand: #d6d2de;
  --fb-flaeche-feld: #f1eff6;
  --fb-flaeche-innen-im-feld: #e7e5ed;
  --fb-flaeche-innen-auf-papier: #f0eef5;
  --fb-gray-50-auf-papier: #f0eef5;
  --fb-gray-50: #f0eef5;
  --fb-gray-100: #e4e1eb;
  --fb-gray-200: #d6d2de;
  --fb-gray-300: #bebac8;
  --fb-gray-400: #a19eac;
  --fb-gray-600: #64626e;
  --fb-gray-800: #25232e;
  --fb-sidebar: #161029;
  --fb-sidebar-hover: #231e38;
  --fb-sidebar-aktiv: #2d2548;
  --fb-sidebar-linie: #231e38;
  --fb-sidebar-rand: #161029;
  --fb-zeichen-grund: #26213c;
  --fb-sidebar-text: #bebad6;
  --fb-sidebar-gruppe: #79758f;
  --fb-accent: #5b4e94;
  --fb-accent-dark: #433773;
  --fb-accent-tint: #ebe9fb;
  --fb-marke: #1d676a;
  --fb-marke-text: #044c50;
  --fb-marke-tint: #eee6fe;
  --fb-hauptknopf: #55488d;
  --fb-auswahl-grund: #e3daf7;
  --fb-auswahl-rand: #8874ad;
  --fb-auswahl-text: #433773;
  --fb-sidebar-aktiv-zeichen: #d9c6fe;
  --fb-zeichen-schwung: #c1a8f0;
  --fb-chip-aktiv-grund: #e3daf7;
  --fb-chip-aktiv-rand: #8874ad;
  --fb-lehrer: #5b4e94;
  --fb-lehrer-text: #433773;
  --fb-lehrer-tint: #ebe9fb;
  --fb-shadow-1: 0 1px 2px rgba(34, 32, 43, 0.06), 0 10px 30px -14px rgba(34, 32, 43, 0.22);
  --fb-shadow-2: 0 2px 4px rgba(34, 32, 43, 0.07), 0 18px 40px -16px rgba(34, 32, 43, 0.3);
  --fb-shadow-lg: 0 24px 60px -16px rgba(22, 16, 41, 0.45);
  --fb-schatten-knopf: 0 1px 2px rgba(34, 32, 43, 0.14);
  --fb-schatten-knopf-hover: 0 4px 10px -4px rgba(34, 32, 43, 0.3);
  --fb-overlay: rgba(22, 16, 41, 0.55);
  --fb-name-ton: 220;
  --fb-name-spreizung: 0.35;
  --fb-name-saettigung: 0.6;
  --fb-kalender-saettigung: 0.85;
}

[data-theme="dark"][data-thema="flieder"] {
  --fb-flaeche-grund: #1c1a23;
  --fb-flaeche: #272430;
  --fb-flaeche-innen: #2f2b3c;
  --fb-flaeche-rand: #3e394e;
  --fb-flaeche-feld: #2f2c3b;
  --fb-flaeche-innen-im-feld: #393545;
  --fb-flaeche-innen-auf-papier: #2f2b3c;
  --fb-gray-50-auf-papier: #2e2a3c;
  --fb-gray-50: #2e2a3c;
  --fb-gray-100: #383445;
  --fb-gray-200: #444053;
  --fb-gray-300: #555165;
  --fb-gray-400: #837f96;
  --fb-gray-600: #b4afc7;
  --fb-gray-800: #ece8f3;
  --fb-sidebar: #151320;
  --fb-sidebar-hover: #272532;
  --fb-sidebar-aktiv: #2f2b40;
  --fb-sidebar-linie: #272532;
  --fb-sidebar-rand: #272532;
  --fb-zeichen-grund: #302d3b;
  --fb-sidebar-text: #a9a7b5;
  --fb-sidebar-gruppe: #6f6e7b;
  --fb-accent: #c1b4ec;
  --fb-accent-dark: #e6e0fe;
  --fb-accent-tint: #3c384a;
  --fb-marke: #84c9c8;
  --fb-marke-text: #c2ebea;
  --fb-marke-tint: #223838;
  --fb-hauptknopf: #584b90;
  --fb-auswahl-grund: #3a344a;
  --fb-auswahl-rand: #8c7bb5;
  --fb-auswahl-text: #e3d6fe;
  --fb-sidebar-aktiv-zeichen: #d7c7fe;
  --fb-zeichen-schwung: #bfa9f2;
  --fb-chip-aktiv-grund: #3a344a;
  --fb-chip-aktiv-rand: #8c7bb5;
  --fb-lehrer: #c1b4ec;
  --fb-lehrer-text: #e6e0fe;
  --fb-lehrer-tint: #3c384a;
  --fb-name-ton: 220;
  --fb-name-spreizung: 0.35;
  --fb-name-saettigung: 0.6;
  --fb-kalender-saettigung: 0.85;
}

/* **Aubergine** (Vorbild: Roseate, Colorhunt: Cappuccino) - Hell Cappuccino: cremiges Beige, Aubergine als Zweitfarbe und Hauptknopf, gewaehlt ist ein tieferes Beige, Immergruen-Blau markiert. Dunkel: Pflaumenstich, Beige waehlt. */
:root[data-thema="aubergine"]:not([data-theme="dark"]) {
  --fb-flaeche-grund: #f0e8dd;
  --fb-flaeche: #fdfaf4;
  --fb-flaeche-innen: #f6eee3;
  --fb-flaeche-rand: #dfd2bf;
  --fb-flaeche-feld: #f7efe4;
  --fb-flaeche-innen-im-feld: #eee5d8;
  --fb-flaeche-innen-auf-papier: #f6eee3;
  --fb-gray-50-auf-papier: #f6eee3;
  --fb-gray-50: #f6eee3;
  --fb-gray-100: #ece2d3;
  --fb-gray-200: #dfd2bf;
  --fb-gray-300: #c9baa3;
  --fb-gray-400: #aa9ba3;
  --fb-gray-600: #6d5f66;
  --fb-gray-800: #2c2127;
  --fb-sidebar: #220c1c;
  --fb-sidebar-hover: #301a2a;
  --fb-sidebar-aktiv: #3e2036;
  --fb-sidebar-linie: #301a2a;
  --fb-sidebar-rand: #220c1c;
  --fb-zeichen-grund: #341d2d;
  --fb-sidebar-text: #ceb6c6;
  --fb-sidebar-gruppe: #877180;
  --fb-accent: #49578d;
  --fb-accent-dark: #333f6d;
  --fb-accent-tint: #e6ebf9;
  --fb-marke: #783d68;
  --fb-marke-text: #5a284d;
  --fb-marke-tint: #f8e8d4;
  --fb-hauptknopf: #6f3560;
  --fb-auswahl-grund: #f0ddc3;
  --fb-auswahl-rand: #9f7840;
  --fb-auswahl-text: #602d53;
  --fb-sidebar-aktiv-zeichen: #f8c885;
  --fb-zeichen-schwung: #d189bd;
  --fb-chip-aktiv-grund: #f0ddc3;
  --fb-chip-aktiv-rand: #9f7840;
  --fb-lehrer: #49578d;
  --fb-lehrer-text: #333f6d;
  --fb-lehrer-tint: #e6ebf9;
  --fb-shadow-1: 0 1px 2px rgba(41, 30, 36, 0.06), 0 10px 30px -14px rgba(41, 30, 36, 0.22);
  --fb-shadow-2: 0 2px 4px rgba(41, 30, 36, 0.07), 0 18px 40px -16px rgba(41, 30, 36, 0.3);
  --fb-shadow-lg: 0 24px 60px -16px rgba(34, 12, 28, 0.45);
  --fb-schatten-knopf: 0 1px 2px rgba(41, 30, 36, 0.14);
  --fb-schatten-knopf-hover: 0 4px 10px -4px rgba(41, 30, 36, 0.3);
  --fb-overlay: rgba(34, 12, 28, 0.55);
  --fb-name-ton: 290;
  --fb-name-spreizung: 0.3;
  --fb-name-saettigung: 0.5;
  --fb-kalender-saettigung: 0.8;
}

[data-theme="dark"][data-thema="aubergine"] {
  --fb-gray-50: #2e272c;
  --fb-gray-100: #392f37;
  --fb-gray-200: #463a43;
  --fb-gray-300: #5a4856;
  --fb-gray-400: #897b86;
  --fb-gray-600: #b4aab2;
  --fb-gray-800: #e9e6e8;
  --fb-flaeche-grund: #1e1a1d;
  --fb-flaeche: #292227;
  --fb-flaeche-innen: #31292f;
  --fb-flaeche-rand: #443841;
  --fb-flaeche-feld: #322a30;
  --fb-flaeche-innen-im-feld: #3d313a;
  --fb-flaeche-innen-auf-papier: #31292f;
  --fb-gray-50-auf-papier: #2e272c;
  --fb-accent: #9fb5ee;
  --fb-accent-dark: #c2d0f5;
  --fb-accent-tint: #323950;
  --fb-marke: #d197c3;
  --fb-marke-text: #ecc8e2;
  --fb-marke-tint: #473042;
  --fb-sidebar: #1c181b;
  --fb-sidebar-hover: #2f272d;
  --fb-sidebar-text: #aba1a9;
  --fb-sidebar-text-stark: #ffffff;
  --fb-sidebar-aktiv: #443740;
  --fb-sidebar-aktiv-text: #ffffff;
  --fb-sidebar-linie: #362d34;
  --fb-sidebar-rand: #41353e;
  --fb-sidebar-gruppe: #7d6f7a;
  --fb-zeichen-grund: #443740;
  --fb-hauptknopf: #783d68;
  --fb-auswahl-grund: #423527;
  --fb-auswahl-rand: #a07f5a;
  --fb-auswahl-text: #f0dabe;
  --fb-sidebar-aktiv-zeichen: #f1c99c;
  --fb-zeichen-schwung: #d189bd;
  --fb-chip-aktiv-grund: #423527;
  --fb-chip-aktiv-rand: #a07f5a;
  --fb-lehrer: #9fb5ee;
  --fb-lehrer-text: #c2d0f5;
  --fb-lehrer-tint: #323950;
  --fb-name-ton: 290;
  --fb-name-spreizung: 0.3;
  --fb-name-saettigung: 0.5;
  --fb-kalender-saettigung: 0.8;
}

/* **Pfirsich** (Vorbild: Colorhunt: Pfirsich, Petrol, Indigo) - Pfirsich und Petrol; Petrol markiert und handelt, Indigo schlaegt vor, gewaehlt ist Pfirsich. Die Leiste tief petrol. Dunkel: Kakao mit Pfirsich-Schrift. */
:root[data-thema="pfirsich"]:not([data-theme="dark"]) {
  --fb-flaeche-grund: #f2e7dd;
  --fb-flaeche: #fff9f4;
  --fb-flaeche-innen: #f8ede3;
  --fb-flaeche-rand: #e3d1c0;
  --fb-flaeche-feld: #f9eee4;
  --fb-flaeche-innen-im-feld: #f1e4d8;
  --fb-flaeche-innen-auf-papier: #f8ede3;
  --fb-gray-50-auf-papier: #f8ede3;
  --fb-gray-50: #f8ede3;
  --fb-gray-100: #efe0d3;
  --fb-gray-200: #e3d1c0;
  --fb-gray-300: #cfb8a4;
  --fb-gray-400: #ac9d96;
  --fb-gray-600: #6e615b;
  --fb-gray-800: #2d221d;
  --fb-sidebar: #00191f;
  --fb-sidebar-hover: #0b272d;
  --fb-sidebar-aktiv: #07323a;
  --fb-sidebar-linie: #0b272d;
  --fb-sidebar-rand: #00191f;
  --fb-zeichen-grund: #0e2a30;
  --fb-sidebar-text: #abc3c9;
  --fb-sidebar-gruppe: #667d83;
  --fb-accent: #016770;
  --fb-accent-dark: #024c52;
  --fb-accent-tint: #dfeff1;
  --fb-marke: #5b508f;
  --fb-marke-text: #42386e;
  --fb-marke-tint: #ffe6d0;
  --fb-hauptknopf: #04646f;
  --fb-auswahl-grund: #f8d9be;
  --fb-auswahl-rand: #ad7131;
  --fb-auswahl-text: #5c3825;
  --fb-sidebar-aktiv-zeichen: #ffc48c;
  --fb-zeichen-schwung: #f1a457;
  --fb-chip-aktiv-grund: #f8d9be;
  --fb-chip-aktiv-rand: #ad7131;
  --fb-lehrer: #016770;
  --fb-lehrer-text: #024c52;
  --fb-lehrer-tint: #dfeff1;
  --fb-shadow-1: 0 1px 2px rgba(42, 31, 26, 0.06), 0 10px 30px -14px rgba(42, 31, 26, 0.22);
  --fb-shadow-2: 0 2px 4px rgba(42, 31, 26, 0.07), 0 18px 40px -16px rgba(42, 31, 26, 0.3);
  --fb-shadow-lg: 0 24px 60px -16px rgba(0, 25, 31, 0.45);
  --fb-schatten-knopf: 0 1px 2px rgba(42, 31, 26, 0.14);
  --fb-schatten-knopf-hover: 0 4px 10px -4px rgba(42, 31, 26, 0.3);
  --fb-overlay: rgba(0, 25, 31, 0.55);
  --fb-name-ton: 340;
  --fb-name-spreizung: 0.3;
  --fb-name-saettigung: 0.6;
  --fb-kalender-saettigung: 0.85;
}

[data-theme="dark"][data-thema="pfirsich"] {
  --fb-flaeche-grund: #1f1a18;
  --fb-flaeche: #2b2522;
  --fb-flaeche-innen: #352c28;
  --fb-flaeche-rand: #453a35;
  --fb-flaeche-feld: #352c28;
  --fb-flaeche-innen-im-feld: #3e3632;
  --fb-flaeche-innen-auf-papier: #352c28;
  --fb-gray-50-auf-papier: #342b27;
  --fb-gray-50: #342b27;
  --fb-gray-100: #3e3430;
  --fb-gray-200: #4b403c;
  --fb-gray-300: #5d524d;
  --fb-gray-400: #8f7f74;
  --fb-gray-600: #c0afa4;
  --fb-gray-800: #f1ddce;
  --fb-sidebar: #1a1411;
  --fb-sidebar-hover: #2c2522;
  --fb-sidebar-aktiv: #392b25;
  --fb-sidebar-linie: #2c2522;
  --fb-sidebar-rand: #2c2522;
  --fb-zeichen-grund: #352e2b;
  --fb-sidebar-text: #afa8a4;
  --fb-sidebar-gruppe: #756e6b;
  --fb-accent: #80c6c5;
  --fb-accent-dark: #bfe7e7;
  --fb-accent-tint: #29403f;
  --fb-marke: #b6b0e2;
  --fb-marke-text: #dddaf9;
  --fb-marke-tint: #333141;
  --fb-hauptknopf: #04646f;
  --fb-auswahl-grund: #473322;
  --fb-auswahl-rand: #ad794e;
  --fb-auswahl-text: #fdd5b7;
  --fb-sidebar-aktiv-zeichen: #fec394;
  --fb-zeichen-schwung: #e9a772;
  --fb-chip-aktiv-grund: #473322;
  --fb-chip-aktiv-rand: #ad794e;
  --fb-lehrer: #80c6c5;
  --fb-lehrer-text: #bfe7e7;
  --fb-lehrer-tint: #29403f;
  --fb-name-ton: 340;
  --fb-name-spreizung: 0.3;
  --fb-name-saettigung: 0.6;
  --fb-kalender-saettigung: 0.85;
}

/* **Honig** (Vorbild: Colorhunt: Honig, Marine, Oliv) - Honig und Marine; Marineblau markiert und handelt, Oliv schlaegt vor, gewaehlt ist ein heller Honig, das Zeichen in der Leiste honiggelb. Dunkel: Tinte mit cremiger Schrift. */
:root[data-thema="honig"]:not([data-theme="dark"]) {
  --fb-flaeche-grund: #eee9dc;
  --fb-flaeche: #fcfaf3;
  --fb-flaeche-innen: #f4efe2;
  --fb-flaeche-rand: #dcd4be;
  --fb-flaeche-feld: #f5f0e3;
  --fb-flaeche-innen-im-feld: #ece6d6;
  --fb-flaeche-innen-auf-papier: #f4efe2;
  --fb-gray-50-auf-papier: #f4efe2;
  --fb-gray-50: #f4efe2;
  --fb-gray-100: #e9e3d1;
  --fb-gray-200: #dcd4be;
  --fb-gray-300: #c6bca1;
  --fb-gray-400: #99a1ad;
  --fb-gray-600: #5d6470;
  --fb-gray-800: #1f252f;
  --fb-sidebar: #091429;
  --fb-sidebar-hover: #162238;
  --fb-sidebar-aktiv: #1c2b48;
  --fb-sidebar-linie: #162238;
  --fb-sidebar-rand: #091429;
  --fb-zeichen-grund: #19253c;
  --fb-sidebar-text: #b2bfd6;
  --fb-sidebar-gruppe: #6d798e;
  --fb-accent: #30558c;
  --fb-accent-dark: #1c3c6b;
  --fb-accent-tint: #e2ecfa;
  --fb-marke: #53613b;
  --fb-marke-text: #3c4727;
  --fb-marke-tint: #f3ecc2;
  --fb-hauptknopf: #284d83;
  --fb-auswahl-grund: #eae1ac;
  --fb-auswahl-rand: #918112;
  --fb-auswahl-text: #244172;
  --fb-sidebar-aktiv-zeichen: #e2d37b;
  --fb-zeichen-schwung: #cbb94c;
  --fb-chip-aktiv-grund: #eae1ac;
  --fb-chip-aktiv-rand: #918112;
  --fb-lehrer: #30558c;
  --fb-lehrer-text: #1c3c6b;
  --fb-lehrer-tint: #e2ecfa;
  --fb-shadow-1: 0 1px 2px rgba(28, 34, 44, 0.06), 0 10px 30px -14px rgba(28, 34, 44, 0.22);
  --fb-shadow-2: 0 2px 4px rgba(28, 34, 44, 0.07), 0 18px 40px -16px rgba(28, 34, 44, 0.3);
  --fb-shadow-lg: 0 24px 60px -16px rgba(9, 20, 41, 0.45);
  --fb-schatten-knopf: 0 1px 2px rgba(28, 34, 44, 0.14);
  --fb-schatten-knopf-hover: 0 4px 10px -4px rgba(28, 34, 44, 0.3);
  --fb-overlay: rgba(9, 20, 41, 0.55);
  --fb-name-ton: 30;
  --fb-name-spreizung: 0.35;
  --fb-name-saettigung: 0.6;
  --fb-kalender-saettigung: 0.85;
}

[data-theme="dark"][data-thema="honig"] {
  --fb-flaeche-grund: #181b22;
  --fb-flaeche: #22262f;
  --fb-flaeche-innen: #282e3a;
  --fb-flaeche-rand: #353d4c;
  --fb-flaeche-feld: #282e3a;
  --fb-flaeche-innen-im-feld: #313844;
  --fb-flaeche-innen-auf-papier: #282e3a;
  --fb-gray-50-auf-papier: #262d3a;
  --fb-gray-50: #262d3a;
  --fb-gray-100: #303744;
  --fb-gray-200: #3b4351;
  --fb-gray-300: #4d5563;
  --fb-gray-400: #778495;
  --fb-gray-600: #a6b4c6;
  --fb-gray-800: #ede8d6;
  --fb-sidebar: #10151e;
  --fb-sidebar-hover: #212731;
  --fb-sidebar-aktiv: #262f3f;
  --fb-sidebar-linie: #212731;
  --fb-sidebar-rand: #212731;
  --fb-zeichen-grund: #2a303a;
  --fb-sidebar-text: #a4aab4;
  --fb-sidebar-gruppe: #6b7079;
  --fb-accent: #97c2f0;
  --fb-accent-dark: #d1e7ff;
  --fb-accent-tint: #2e3c4b;
  --fb-marke: #adc08f;
  --fb-marke-text: #d7e3c5;
  --fb-marke-tint: #303626;
  --fb-hauptknopf: #33588f;
  --fb-auswahl-grund: #3f381b;
  --fb-auswahl-rand: #998539;
  --fb-auswahl-text: #ecdfa2;
  --fb-sidebar-aktiv-zeichen: #e7d17a;
  --fb-zeichen-schwung: #cfb759;
  --fb-chip-aktiv-grund: #3f381b;
  --fb-chip-aktiv-rand: #998539;
  --fb-lehrer: #97c2f0;
  --fb-lehrer-text: #d1e7ff;
  --fb-lehrer-tint: #2e3c4b;
  --fb-name-ton: 30;
  --fb-name-spreizung: 0.35;
  --fb-name-saettigung: 0.6;
  --fb-kalender-saettigung: 0.85;
}

/* **Bernstein** (Vorbild: Baltischer Bernstein, Ostsee) - warmes Harz; Flaechen im Honiglicht, die Leiste dunkles Harz, der Hauptknopf und die Auswahl bernsteinfarben, Ostseeblau markiert, Kieferngruen schlaegt vor. Dunkel: Bernstein gegen das Licht. */
:root[data-thema="bernstein"]:not([data-theme="dark"]) {
  --fb-flaeche-grund: #f2e3d2;
  --fb-flaeche: #fef9f3;
  --fb-flaeche-innen: #fbeddb;
  --fb-flaeche-rand: #e9d0b2;
  --fb-flaeche-feld: #fceedc;
  --fb-flaeche-innen-im-feld: #f5e3cf;
  --fb-flaeche-innen-auf-papier: #fbeddb;
  --fb-gray-50-auf-papier: #fbeddb;
  --fb-gray-50: #fbeddb;
  --fb-gray-100: #f4e0c8;
  --fb-gray-200: #e9d0b2;
  --fb-gray-300: #d5b793;
  --fb-gray-400: #ab9d95;
  --fb-gray-600: #6e615a;
  --fb-gray-800: #2d221c;
  --fb-sidebar: #260d01;
  --fb-sidebar-hover: #361a0b;
  --fb-sidebar-aktiv: #44210d;
  --fb-sidebar-linie: #361a0b;
  --fb-sidebar-rand: #260d01;
  --fb-zeichen-grund: #391d0e;
  --fb-sidebar-text: #d5b7a8;
  --fb-sidebar-gruppe: #8d7264;
  --fb-accent: #1a5b82;
  --fb-accent-dark: #024263;
  --fb-accent-tint: #e0edf8;
  --fb-marke: #28605a;
  --fb-marke-text: #134641;
  --fb-marke-tint: #fee6ce;
  --fb-hauptknopf: #974c12;
  --fb-auswahl-grund: #ffd8af;
  --fb-auswahl-rand: #af711f;
  --fb-auswahl-text: #683014;
  --fb-sidebar-aktiv-zeichen: #ffc485;
  --fb-zeichen-schwung: #eea753;
  --fb-chip-aktiv-grund: #ffd8af;
  --fb-chip-aktiv-rand: #af711f;
  --fb-lehrer: #1a5b82;
  --fb-lehrer-text: #024263;
  --fb-lehrer-tint: #e0edf8;
  --fb-shadow-1: 0 1px 2px rgba(42, 31, 25, 0.06), 0 10px 30px -14px rgba(42, 31, 25, 0.22);
  --fb-shadow-2: 0 2px 4px rgba(42, 31, 25, 0.07), 0 18px 40px -16px rgba(42, 31, 25, 0.3);
  --fb-shadow-lg: 0 24px 60px -16px rgba(38, 13, 1, 0.45);
  --fb-schatten-knopf: 0 1px 2px rgba(42, 31, 25, 0.14);
  --fb-schatten-knopf-hover: 0 4px 10px -4px rgba(42, 31, 25, 0.3);
  --fb-overlay: rgba(38, 13, 1, 0.55);
  --fb-name-ton: 30;
  --fb-name-spreizung: 0.25;
  --fb-name-saettigung: 0.6;
  --fb-kalender-saettigung: 0.8;
}

[data-theme="dark"][data-thema="bernstein"] {
  --fb-flaeche-grund: #201a16;
  --fb-flaeche: #2d241f;
  --fb-flaeche-innen: #372b25;
  --fb-flaeche-rand: #483931;
  --fb-flaeche-feld: #372b25;
  --fb-flaeche-innen-im-feld: #41352e;
  --fb-flaeche-innen-auf-papier: #372b25;
  --fb-gray-50-auf-papier: #372a23;
  --fb-gray-50: #372a23;
  --fb-gray-100: #40342d;
  --fb-gray-200: #4e3f38;
  --fb-gray-300: #605149;
  --fb-gray-400: #927e6d;
  --fb-gray-600: #c3ae9c;
  --fb-gray-800: #f1e3cb;
  --fb-sidebar: #1f110c;
  --fb-sidebar-hover: #31231d;
  --fb-sidebar-aktiv: #3e291f;
  --fb-sidebar-linie: #31231d;
  --fb-sidebar-rand: #31231d;
  --fb-zeichen-grund: #3b2c25;
  --fb-sidebar-text: #b5a69f;
  --fb-sidebar-gruppe: #7a6c66;
  --fb-accent: #99c5df;
  --fb-accent-dark: #cfe9fa;
  --fb-accent-tint: #2f3d46;
  --fb-marke: #90c3bc;
  --fb-marke-text: #c7e6e1;
  --fb-marke-tint: #273735;
  --fb-hauptknopf: #9d521a;
  --fb-auswahl-grund: #4e3014;
  --fb-auswahl-rand: #b9742e;
  --fb-auswahl-text: #fed6a9;
  --fb-sidebar-aktiv-zeichen: #ffc38f;
  --fb-zeichen-schwung: #f2a359;
  --fb-chip-aktiv-grund: #4e3014;
  --fb-chip-aktiv-rand: #b9742e;
  --fb-lehrer: #99c5df;
  --fb-lehrer-text: #cfe9fa;
  --fb-lehrer-tint: #2f3d46;
  --fb-name-ton: 30;
  --fb-name-spreizung: 0.25;
  --fb-name-saettigung: 0.6;
  --fb-kalender-saettigung: 0.8;
}

/* **Tinte** (Vorbild: Fuellertinte und Champagner) - nur dunkel: tiefe Tintenblau-Flaechen, champagnerfarbene Schrift und Auswahl, Eisblau markiert, Flieder schlaegt vor - ruhig und edel. */
[data-theme="dark"][data-thema="tinte"] {
  --fb-flaeche-grund: #171b24;
  --fb-flaeche: #212632;
  --fb-flaeche-innen: #262e3f;
  --fb-flaeche-rand: #333d51;
  --fb-flaeche-feld: #272e3e;
  --fb-flaeche-innen-im-feld: #303848;
  --fb-flaeche-innen-auf-papier: #262e3f;
  --fb-gray-50-auf-papier: #252d3f;
  --fb-gray-50: #252d3f;
  --fb-gray-100: #2f3648;
  --fb-gray-200: #3a4356;
  --fb-gray-300: #4b5469;
  --fb-gray-400: #798394;
  --fb-gray-600: #a9b3c5;
  --fb-gray-800: #f1ebde;
  --fb-sidebar: #0f1523;
  --fb-sidebar-hover: #202736;
  --fb-sidebar-aktiv: #242e44;
  --fb-sidebar-linie: #202736;
  --fb-sidebar-rand: #202736;
  --fb-zeichen-grund: #282f3f;
  --fb-sidebar-text: #a2a9b9;
  --fb-sidebar-gruppe: #69707e;
  --fb-accent: #a0c0eb;
  --fb-accent-dark: #d4e6fe;
  --fb-accent-tint: #313c4a;
  --fb-marke: #c0aed7;
  --fb-marke-text: #e3d8f2;
  --fb-marke-tint: #36303e;
  --fb-hauptknopf: #385790;
  --fb-auswahl-grund: #403723;
  --fb-auswahl-rand: #9c834e;
  --fb-auswahl-text: #ecddb9;
  --fb-sidebar-aktiv-zeichen: #ebcd8e;
  --fb-zeichen-schwung: #d2b372;
  --fb-chip-aktiv-grund: #403723;
  --fb-chip-aktiv-rand: #9c834e;
  --fb-lehrer: #a0c0eb;
  --fb-lehrer-text: #d4e6fe;
  --fb-lehrer-tint: #313c4a;
  --fb-name-ton: 220;
  --fb-name-spreizung: 0.25;
  --fb-name-saettigung: 0.45;
  --fb-kalender-saettigung: 0.75;
}

/* **Obsidian** (Vorbild: schwarzer Stein mit Jade) - nur dunkel: fast Schwarz ohne Farbstich mit Glanz, eine einzige Farbe - Jade markiert, waehlt und handelt, Silber schlaegt vor; die Namensfarben grau. Das seriöseste Thema. */
[data-theme="dark"][data-thema="obsidian"] {
  --fb-flaeche-grund: #1b1b1c;
  --fb-flaeche: #262627;
  --fb-flaeche-innen: #2d2e2f;
  --fb-flaeche-rand: #3c3d3e;
  --fb-flaeche-feld: #2d2e2f;
  --fb-flaeche-innen-im-feld: #373839;
  --fb-flaeche-innen-auf-papier: #2d2e2f;
  --fb-gray-50-auf-papier: #2c2d2e;
  --fb-gray-50: #2c2d2e;
  --fb-gray-100: #363738;
  --fb-gray-200: #424344;
  --fb-gray-300: #535456;
  --fb-gray-400: #808285;
  --fb-gray-600: #b1b3b5;
  --fb-gray-800: #e8ebed;
  --fb-sidebar: #141516;
  --fb-sidebar-hover: #262728;
  --fb-sidebar-aktiv: #292f35;
  --fb-sidebar-linie: #262728;
  --fb-sidebar-rand: #262728;
  --fb-zeichen-grund: #2f3030;
  --fb-sidebar-text: #a9a9aa;
  --fb-sidebar-gruppe: #6f7070;
  --fb-accent: #88d0b0;
  --fb-accent-dark: #c6f0dc;
  --fb-accent-tint: #2a4137;
  --fb-marke: #c1c3d1;
  --fb-marke-text: #e3e4ed;
  --fb-marke-tint: #323338;
  --fb-hauptknopf: #1a634d;
  --fb-auswahl-grund: #293d34;
  --fb-auswahl-rand: #5f937c;
  --fb-auswahl-text: #b3edd3;
  --fb-sidebar-aktiv-zeichen: #a3e1c5;
  --fb-zeichen-schwung: #87c8ab;
  --fb-chip-aktiv-grund: #293d34;
  --fb-chip-aktiv-rand: #5f937c;
  --fb-lehrer: #88d0b0;
  --fb-lehrer-text: #c6f0dc;
  --fb-lehrer-tint: #2a4137;
  --fb-name-ton: 0;
  --fb-name-spreizung: 1;
  --fb-name-saettigung: 0.1;
  --fb-kalender-saettigung: 0.55;
}

/* **Tanne** (Vorbild: Nadelwald und Birke) - nur dunkel: blaugruenes Tannendunkel, birkenweisse Schrift, ein helles Moosgruen markiert und waehlt, Rinde-Flieder schlaegt vor, der Hauptknopf tannengruen. */
[data-theme="dark"][data-thema="tanne"] {
  --fb-flaeche-grund: #151d1a;
  --fb-flaeche: #1e2925;
  --fb-flaeche-innen: #22322c;
  --fb-flaeche-rand: #2e423a;
  --fb-flaeche-feld: #23322c;
  --fb-flaeche-innen-im-feld: #2d3c35;
  --fb-flaeche-innen-auf-papier: #22322c;
  --fb-gray-50-auf-papier: #21312b;
  --fb-gray-50: #21312b;
  --fb-gray-100: #2b3b34;
  --fb-gray-200: #364740;
  --fb-gray-300: #475952;
  --fb-gray-400: #79867d;
  --fb-gray-600: #a9b7ad;
  --fb-gray-800: #edebe3;
  --fb-sidebar: #0c1814;
  --fb-sidebar-hover: #1d2a25;
  --fb-sidebar-aktiv: #1d342c;
  --fb-sidebar-linie: #1d2a25;
  --fb-sidebar-rand: #1d2a25;
  --fb-zeichen-grund: #26332e;
  --fb-sidebar-text: #a0ada8;
  --fb-sidebar-gruppe: #67736e;
  --fb-accent: #b4d39d;
  --fb-accent-dark: #d9eccb;
  --fb-accent-tint: #353f2d;
  --fb-marke: #c5aecd;
  --fb-marke-text: #e7d8eb;
  --fb-marke-tint: #38303a;
  --fb-hauptknopf: #2a6550;
  --fb-auswahl-grund: #303c27;
  --fb-auswahl-rand: #729159;
  --fb-auswahl-text: #d1e8b6;
  --fb-sidebar-aktiv-zeichen: #b9df9b;
  --fb-zeichen-schwung: #9fc67f;
  --fb-chip-aktiv-grund: #303c27;
  --fb-chip-aktiv-rand: #729159;
  --fb-lehrer: #b4d39d;
  --fb-lehrer-text: #d9eccb;
  --fb-lehrer-tint: #353f2d;
  --fb-name-ton: 110;
  --fb-name-spreizung: 0.3;
  --fb-name-saettigung: 0.55;
  --fb-kalender-saettigung: 0.8;
}

/* **Kupfer** (Vorbild: Kupferdach und Grünspan) - nur dunkel: warmer Graphit, Kupfer markiert, waehlt und handelt, Gruenspan schlaegt vor, das Zeichen in der Leiste kupfern. */
[data-theme="dark"][data-thema="kupfer"] {
  --fb-flaeche-grund: #1e1a18;
  --fb-flaeche: #2a2523;
  --fb-flaeche-innen: #332d29;
  --fb-flaeche-rand: #423b37;
  --fb-flaeche-feld: #322d2a;
  --fb-flaeche-innen-im-feld: #3c3633;
  --fb-flaeche-innen-auf-papier: #332d29;
  --fb-gray-50-auf-papier: #322c28;
  --fb-gray-50: #322c28;
  --fb-gray-100: #3b3531;
  --fb-gray-200: #48413d;
  --fb-gray-300: #5a534e;
  --fb-gray-400: #8c8077;
  --fb-gray-600: #bdb0a6;
  --fb-gray-800: #efe6dd;
  --fb-sidebar: #1a1410;
  --fb-sidebar-hover: #2c2521;
  --fb-sidebar-aktiv: #392b23;
  --fb-sidebar-linie: #2c2521;
  --fb-sidebar-rand: #2c2521;
  --fb-zeichen-grund: #352e2a;
  --fb-sidebar-text: #afa8a4;
  --fb-sidebar-gruppe: #746e6b;
  --fb-accent: #e4a885;
  --fb-accent-dark: #fbd5c0;
  --fb-accent-tint: #4a362b;
  --fb-marke: #8cc4bc;
  --fb-marke-text: #c5e6e1;
  --fb-marke-tint: #253835;
  --fb-hauptknopf: #914f2f;
  --fb-auswahl-grund: #4d301f;
  --fb-auswahl-rand: #ba7244;
  --fb-auswahl-text: #fed5b6;
  --fb-sidebar-aktiv-zeichen: #fec29e;
  --fb-zeichen-schwung: #f99e65;
  --fb-chip-aktiv-grund: #4d301f;
  --fb-chip-aktiv-rand: #ba7244;
  --fb-lehrer: #e4a885;
  --fb-lehrer-text: #fbd5c0;
  --fb-lehrer-tint: #4a362b;
  --fb-name-ton: 15;
  --fb-name-spreizung: 0.25;
  --fb-name-saettigung: 0.55;
  --fb-kalender-saettigung: 0.8;
}

/* **Zeitung** (Vorbild: Tageszeitung, Feuilleton) - nur hell: Zeitungspapier und Druckerschwaerze; Titel in der Serife, Linien statt Felder, keine Rundungen; Tintenblau markiert, Petrolgrau schlaegt vor. */
:root[data-thema="zeitung"]:not([data-theme="dark"]) {
  --fb-flaeche-grund: #ebe9e2;
  --fb-flaeche: #fbfaf6;
  --fb-flaeche-innen: #f1efe8;
  --fb-flaeche-rand: #d8d4c8;
  --fb-flaeche-feld: #f2f0e9;
  --fb-flaeche-innen-im-feld: #e9e6de;
  --fb-flaeche-innen-auf-papier: #f1efe8;
  --fb-gray-50-auf-papier: #f1efe8;
  --fb-gray-50: #f1efe8;
  --fb-gray-100: #e6e3d9;
  --fb-gray-200: #d8d4c8;
  --fb-gray-300: #c0bdad;
  --fb-gray-400: #9da0a5;
  --fb-gray-600: #616469;
  --fb-gray-800: #181b1e;
  --fb-sidebar: #141517;
  --fb-sidebar-hover: #212324;
  --fb-sidebar-aktiv: #272c34;
  --fb-sidebar-linie: #212324;
  --fb-sidebar-rand: #141517;
  --fb-zeichen-grund: #242628;
  --fb-sidebar-text: #bdbec0;
  --fb-sidebar-gruppe: #77797a;
  --fb-accent: #354962;
  --fb-accent-dark: #203147;
  --fb-accent-tint: #e6ecf3;
  --fb-marke: #335a5b;
  --fb-marke-text: #1e4142;
  --fb-marke-tint: #eeebde;
  --fb-hauptknopf: #232426;
  --fb-auswahl-grund: #e4e0d0;
  --fb-auswahl-rand: #89805f;
  --fb-auswahl-text: #3c434d;
  --fb-sidebar-aktiv-zeichen: #dcd1a9;
  --fb-zeichen-schwung: #c3b88e;
  --fb-chip-aktiv-grund: #e4e0d0;
  --fb-chip-aktiv-rand: #89805f;
  --fb-lehrer: #354962;
  --fb-lehrer-text: #203147;
  --fb-lehrer-tint: #e6ecf3;
  --fb-shadow-1: 0 1px 2px rgba(31, 34, 37, 0.06), 0 10px 30px -14px rgba(31, 34, 37, 0.22);
  --fb-shadow-2: 0 2px 4px rgba(31, 34, 37, 0.07), 0 18px 40px -16px rgba(31, 34, 37, 0.3);
  --fb-shadow-lg: 0 24px 60px -16px rgba(20, 21, 23, 0.45);
  --fb-schatten-knopf: 0 1px 2px rgba(31, 34, 37, 0.14);
  --fb-schatten-knopf-hover: 0 4px 10px -4px rgba(31, 34, 37, 0.3);
  --fb-overlay: rgba(20, 21, 23, 0.55);
  --fb-name-ton: 0;
  --fb-name-spreizung: 1;
  --fb-name-saettigung: 0.08;
  --fb-kalender-saettigung: 0.5;
}


/* **Comic** (Vorbild: Comicheft, Halbtonraster) - nur hell: Papierweiss mit schwarzen Konturen, Halbtonraster und runden Ecken; Schrift wie handgelettert, Elektroblau markiert, Magenta schlaegt vor, gewaehlt ist Neongelb, der Hauptknopf tiefschwarz. */
:root[data-thema="comic"]:not([data-theme="dark"]) {
  --fb-flaeche-grund: #e9e9e9;
  --fb-flaeche: #fafafa;
  --fb-flaeche-innen: #efefef;
  --fb-flaeche-rand: #d4d4d4;
  --fb-flaeche-feld: #f0f0f0;
  --fb-flaeche-innen-im-feld: #e6e6e6;
  --fb-flaeche-innen-auf-papier: #efefef;
  --fb-gray-50-auf-papier: #efefef;
  --fb-gray-50: #efefef;
  --fb-gray-100: #e3e3e3;
  --fb-gray-200: #d4d4d4;
  --fb-gray-300: #bcbcbc;
  --fb-gray-400: #9ea0a4;
  --fb-gray-600: #626467;
  --fb-gray-800: #101214;
  --fb-sidebar: #13151a;
  --fb-sidebar-hover: #202227;
  --fb-sidebar-aktiv: #272c37;
  --fb-sidebar-linie: #202227;
  --fb-sidebar-rand: #13151a;
  --fb-zeichen-grund: #23252b;
  --fb-sidebar-text: #bcbec3;
  --fb-sidebar-gruppe: #76787d;
  --fb-accent: #304aac;
  --fb-accent-dark: #1e3287;
  --fb-accent-tint: #e3ebfe;
  --fb-marke: #952d9d;
  --fb-marke-text: #75177c;
  --fb-marke-tint: #edf48c;
  --fb-hauptknopf: #181a21;
  --fb-auswahl-grund: #e3ea5f;
  --fb-auswahl-rand: #828721;
  --fb-auswahl-text: #404248;
  --fb-sidebar-aktiv-zeichen: #d2d982;
  --fb-zeichen-schwung: #babf55;
  --fb-chip-aktiv-grund: #e3ea5f;
  --fb-chip-aktiv-rand: #828721;
  --fb-lehrer: #304aac;
  --fb-lehrer-text: #1e3287;
  --fb-lehrer-tint: #e3ebfe;
  --fb-shadow-1: 0 1px 2px rgba(32, 34, 36, 0.06), 0 10px 30px -14px rgba(32, 34, 36, 0.22);
  --fb-shadow-2: 0 2px 4px rgba(32, 34, 36, 0.07), 0 18px 40px -16px rgba(32, 34, 36, 0.3);
  --fb-shadow-lg: 0 24px 60px -16px rgba(19, 21, 26, 0.45);
  --fb-schatten-knopf: 0 1px 2px rgba(32, 34, 36, 0.14);
  --fb-schatten-knopf-hover: 0 4px 10px -4px rgba(32, 34, 36, 0.3);
  --fb-overlay: rgba(19, 21, 26, 0.55);
  --fb-name-ton: 0;
  --fb-name-spreizung: 1;
  --fb-name-saettigung: 1.2;
  --fb-kalender-saettigung: 1;
}


/* **Karteikarte** (Vorbild: Karteikasten, Schreibmaschine) - nur hell: gelbliches Kartenweiss mit blauen Linien, Titel in der Schreibmaschine, Tintenblau markiert und handelt, Bleistiftgruen schlaegt vor. */
:root[data-thema="karteikarte"]:not([data-theme="dark"]) {
  --fb-flaeche-grund: #eee9da;
  --fb-flaeche: #fcfaf3;
  --fb-flaeche-innen: #f4efe0;
  --fb-flaeche-rand: #dcd4bb;
  --fb-flaeche-feld: #f5f0e1;
  --fb-flaeche-innen-im-feld: #ece6d5;
  --fb-flaeche-innen-auf-papier: #f4efe0;
  --fb-gray-50-auf-papier: #f4efe0;
  --fb-gray-50: #f4efe0;
  --fb-gray-100: #eae3cf;
  --fb-gray-200: #dcd4bb;
  --fb-gray-300: #c6bc9e;
  --fb-gray-400: #97a1ad;
  --fb-gray-600: #5b656f;
  --fb-gray-800: #1d262e;
  --fb-sidebar: #04152b;
  --fb-sidebar-hover: #11233a;
  --fb-sidebar-aktiv: #152c4a;
  --fb-sidebar-linie: #11233a;
  --fb-sidebar-rand: #04152b;
  --fb-zeichen-grund: #14263d;
  --fb-sidebar-text: #adc0d8;
  --fb-sidebar-gruppe: #697a90;
  --fb-accent: #2e5794;
  --fb-accent-dark: #1b3f73;
  --fb-accent-tint: #e2ecfc;
  --fb-marke: #38624c;
  --fb-marke-text: #244936;
  --fb-marke-tint: #ddedfa;
  --fb-hauptknopf: #28528e;
  --fb-auswahl-grund: #cfe3f2;
  --fb-auswahl-rand: #5b86a4;
  --fb-auswahl-text: #224271;
  --fb-sidebar-aktiv-zeichen: #a4d8fe;
  --fb-zeichen-schwung: #89bfe5;
  --fb-chip-aktiv-grund: #cfe3f2;
  --fb-chip-aktiv-rand: #5b86a4;
  --fb-lehrer: #2e5794;
  --fb-lehrer-text: #1b3f73;
  --fb-lehrer-tint: #e2ecfc;
  --fb-shadow-1: 0 1px 2px rgba(26, 35, 43, 0.06), 0 10px 30px -14px rgba(26, 35, 43, 0.22);
  --fb-shadow-2: 0 2px 4px rgba(26, 35, 43, 0.07), 0 18px 40px -16px rgba(26, 35, 43, 0.3);
  --fb-shadow-lg: 0 24px 60px -16px rgba(4, 21, 43, 0.45);
  --fb-schatten-knopf: 0 1px 2px rgba(26, 35, 43, 0.14);
  --fb-schatten-knopf-hover: 0 4px 10px -4px rgba(26, 35, 43, 0.3);
  --fb-overlay: rgba(4, 21, 43, 0.55);
  --fb-name-ton: 210;
  --fb-name-spreizung: 0.3;
  --fb-name-saettigung: 0.5;
  --fb-kalender-saettigung: 0.8;
}


/* **Blaupause** (Vorbild: Konstruktionszeichnung) - nur dunkel: Lichtpausblau mit Raster, weisse Linien und Schrift, Kreide-Cyan markiert, Kreideflieder schlaegt vor, Titel in Druckschrift. */
[data-theme="dark"][data-thema="blaupause"] {
  --fb-flaeche-grund: #0d1b31;
  --fb-flaeche: #132643;
  --fb-flaeche-innen: #112d56;
  --fb-flaeche-rand: #193c6e;
  --fb-flaeche-feld: #142e53;
  --fb-flaeche-innen-im-feld: #1d385f;
  --fb-flaeche-innen-auf-papier: #112d56;
  --fb-gray-50-auf-papier: #0e2c57;
  --fb-gray-50: #0e2c57;
  --fb-gray-100: #193661;
  --fb-gray-200: #234371;
  --fb-gray-300: #345585;
  --fb-gray-400: #6f8599;
  --fb-gray-600: #9eb6cb;
  --fb-gray-800: #ebf3f9;
  --fb-sidebar: #021334;
  --fb-sidebar-hover: #112648;
  --fb-sidebar-aktiv: #142d57;
  --fb-sidebar-linie: #112648;
  --fb-sidebar-rand: #112648;
  --fb-zeichen-grund: #192f52;
  --fb-sidebar-text: #95abcd;
  --fb-sidebar-gruppe: #5d7091;
  --fb-accent: #9bddee;
  --fb-accent-dark: #c6ecf6;
  --fb-accent-tint: #2a3f44;
  --fb-marke: #cfc8ec;
  --fb-marke-text: #e5e1f7;
  --fb-marke-tint: #34323d;
  --fb-hauptknopf: #266ea4;
  --fb-auswahl-grund: #0d3d51;
  --fb-auswahl-rand: #1292c0;
  --fb-auswahl-text: #bae7f5;
  --fb-sidebar-aktiv-zeichen: #95dcff;
  --fb-zeichen-schwung: #4bc6fa;
  --fb-chip-aktiv-grund: #0d3d51;
  --fb-chip-aktiv-rand: #1292c0;
  --fb-lehrer: #9bddee;
  --fb-lehrer-text: #c6ecf6;
  --fb-lehrer-tint: #2a3f44;
  --fb-name-ton: 200;
  --fb-name-spreizung: 0.2;
  --fb-name-saettigung: 0.4;
  --fb-kalender-saettigung: 0.6;
}

/* **Terminal** (Vorbild: Phosphor-Bildschirm) - nur dunkel: fast schwarz, phosphorgruene Schrift in Monospace, Cyan markiert, Magenta schlaegt vor, eckige Kaesten mit gruener Linie. */
[data-theme="dark"][data-thema="terminal"] {
  --fb-flaeche-grund: #1a1c1a;
  --fb-flaeche: #242725;
  --fb-flaeche-innen: #2b2f2c;
  --fb-flaeche-rand: #393e3a;
  --fb-flaeche-feld: #2b2f2c;
  --fb-flaeche-innen-im-feld: #353936;
  --fb-flaeche-innen-auf-papier: #2b2f2c;
  --fb-gray-50-auf-papier: #2a2f2b;
  --fb-gray-50: #2a2f2b;
  --fb-gray-100: #343834;
  --fb-gray-200: #3f4440;
  --fb-gray-300: #515652;
  --fb-gray-400: #599265;
  --fb-gray-600: #89c394;
  --fb-gray-800: #8ef29e;
  --fb-sidebar: #131613;
  --fb-sidebar-hover: #242825;
  --fb-sidebar-aktiv: #283129;
  --fb-sidebar-linie: #242825;
  --fb-sidebar-rand: #242825;
  --fb-zeichen-grund: #2d312d;
  --fb-sidebar-text: #a7aba7;
  --fb-sidebar-gruppe: #6d716e;
  --fb-accent: #65e1e1;
  --fb-accent-dark: #b1f3f2;
  --fb-accent-tint: #244141;
  --fb-marke: #e698df;
  --fb-marke-text: #fcccf7;
  --fb-marke-tint: #3e2d3c;
  --fb-hauptknopf: #246e3a;
  --fb-auswahl-grund: #243f2a;
  --fb-auswahl-rand: #519962;
  --fb-auswahl-text: #9af8a9;
  --fb-sidebar-aktiv-zeichen: #9ce6ab;
  --fb-zeichen-schwung: #76cf8a;
  --fb-chip-aktiv-grund: #243f2a;
  --fb-chip-aktiv-rand: #519962;
  --fb-lehrer: #65e1e1;
  --fb-lehrer-text: #b1f3f2;
  --fb-lehrer-tint: #244141;
  --fb-name-ton: 120;
  --fb-name-spreizung: 0.2;
  --fb-name-saettigung: 0.7;
  --fb-kalender-saettigung: 0.7;
}

/* Glanz fuer die Themen ohne Farbstich (Sven, 15.09.2026: "zu Kohle eher
   Glanz"): eine Lichtkante oben an jedem Feld und ein weicher Schatten darunter.
   Nicht an den Klassen (Band) und den Kacheln im Gitter (Kante): die tragen
   ihre Linie selbst. */
[data-theme="dark"][data-thema="kohle"] :is(.fb-panel, .fb-kachel:not(.fb-kachel--klasse, .fb-kachelgitter > .fb-kachel), .fb-kennzahl, .fb-leer, .fb-pensum),
[data-theme="dark"][data-thema="stein"] :is(.fb-panel, .fb-kachel:not(.fb-kachel--klasse, .fb-kachelgitter > .fb-kachel), .fb-kennzahl, .fb-leer, .fb-pensum),
[data-theme="dark"][data-thema="obsidian"] :is(.fb-panel, .fb-kachel:not(.fb-kachel--klasse, .fb-kachelgitter > .fb-kachel), .fb-kennzahl, .fb-leer, .fb-pensum) {
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.05),
    0 1px 2px rgb(0 0 0 / 0.35),
    0 12px 24px -18px rgb(0 0 0 / 0.6);
}

[data-theme="dark"][data-thema="kohle"] :is(.fb-btn--secondary, .fb-segment__knopf--aktiv),
[data-theme="dark"][data-thema="stein"] :is(.fb-btn--secondary, .fb-segment__knopf--aktiv),
[data-theme="dark"][data-thema="obsidian"] :is(.fb-btn--secondary, .fb-segment__knopf--aktiv) {
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.06);
}