/* =====================================================================
   lab - css/colors.css
   EINZIGE Farbquelle der Werkstatt. Keine Farbe wird irgendwo anders
   hart hineingeschrieben (siehe AGENTS.md §5).

   Token-Namen sind absichtlich dieselben wie in der Hauptseite
   (main/css/colors.css), damit man zwischen den Projekten nicht
   umdenken muss:
     --bd-color    Seitenhintergrund
     --ct-color    Karten/Container
     --div-color   innere Flaeche
     --blk-color   Text
     --bt-color    Button
     --link-color  Link
     --grey*-color Graustufen
   Zusatzlich: --lab-* fuer Borders, Ringe, Schatten und Status.

   Prinzip: Hell = Schulgruen, Dunkel = Orange-Akzent.
   Der Modus wird per JS auf <html data-theme="light|dark"> gesetzt
   (js/theme.js). Faellt JS aus, gilt der helle Modus.
   ===================================================================== */

:root {
  color-scheme: light;

  /* --- Flaechen --- */
  --bd-color:     #F4F6F5; /* Seitenhintergrund (kuehles Hellgrau) */
  --ct-color:     #FFFFFF; /* Karten, Panels */
  --div-color:    #FFFFFF; /* innere Flaechen */
  --blk-color:    #1A1C1A; /* Text (AAA auf Weiss) */
  --header-color: #E8F5E9; /* Kopfzeile */

  /* --- Primaer / Buttons (Schul-Gruen) --- */
  --bt-color:     #2E7D32; /* Green 800 - gedeckt und ernst */
  --bt-h-color:   #1B5E20; /* Green 900 - Hover */
  --bt-f-color:   #FFFFFF;
  --link-color:   #2E7D32; /* 5.1:1 auf Weiss (WCAG AA) */
  --link-h-color: #1B5E20;

  /* --- Gruene Tonleiter (Material) --- */
  --green50-color:  #E8F5E9;
  --green100-color: #C8E6C9;
  --green200-color: #A5D6A7;
  --green300-color: #81C784;
  --green400-color: #66BB6A;
  --green500-color: #4CAF50;
  --green600-color: #43A047;
  --green700-color: #388E3C;
  --green800-color: #2E7D32;
  --green900-color: #1B5E20;

  /* --- Akzent (Orange) - sparsam einsetzen --- */
  --accent-color:   #EF6C00;
  --accent-light:   #FFB74D;
  --accent-h-color: #E65100;

  /* --- Graustufen (Material Grey) --- */
  --grey50-color:         #FAFAFA;
  --grey100-color:        #F5F5F5;
  --grey200-color:        #EEEEEE;
  --grey300-color:        #E0E0E0;
  --grey400-color:        #BDBDBD;
  --grey600-color:        #5F6763; /* Sekundaertext (4.9:1 auf Weiss) */
  --alt-div-color:        #F5F5F5;
  --alt-div-hover-color:  #EEEEEE;

  /* --- Semantik --- */
  --red600-color:       #C62828;
  --yellow600-color:    #FDD835;
  --lightblue600-color: #0277BD;

  /* --- lab-spezifisch --- */
  --lab-border-color: #E2E6E3;                 /* 1px-Linien */
  --lab-border:       1px solid var(--lab-border-color);
  --lab-ring:         rgba(46, 125, 50, 0.40); /* Fokusring */
  --lab-shadow-1:     0 1px 2px rgba(16, 24, 20, 0.06), 0 1px 3px rgba(16, 24, 20, 0.04);
  --lab-shadow-2:     0 10px 26px rgba(16, 24, 20, 0.10);
  --lab-toolbar-bg:   rgba(255, 255, 255, 0.86); /* klebrige Werkzeugleiste */
  --lab-leiste-color: #1A1C1A;                   /* dunkle Band-Leiste (Tabs), wie im Office-Band */
  --lab-leiste-text:  #FFFFFF;                   /* Text auf der dunklen Leiste */
  --lab-sprite-color: #2E7D32;                   /* Markierungsfarbe der Seiten */

  /* Status-Farben (Karten) */
  --lab-aktiv-bg:     #E8F5E9;
  --lab-aktiv-fg:     #1B5E20;
  --lab-aktiv-bd:     #A5D6A7;
  --lab-beta-bg:      #FFF7E0;
  --lab-beta-fg:      #7A5200;
  --lab-beta-bd:      #FFE082;
  --lab-geplant-bg:   #F1F3F2;
  --lab-geplant-fg:   #5F6763;
  --lab-geplant-bd:   #E2E6E3;

  /* Meldungen mit Fehlerbezug (z.B. unlesbare Datei) */
  --lab-fehler-fg:    #B3261E;

  /* Text-Vergleich: entfernte Zeilen (rot) und hinzugefuegte Zeilen (gruen),
     dazu die Wort-Markierungen innerhalb geaenderter Zeilenpaare. */
  --lab-vg-weg-bg:    #FBEDEB;
  --lab-vg-weg-mark:  #F6C9C3;
  --lab-vg-weg-text:  #8C1D18;
  --lab-vg-dazu-bg:   #EAF4EA;
  --lab-vg-dazu-mark: #C4E1C6;
  --lab-vg-dazu-text: #1B5E20;

  /* Plaketten "nicht erfuellt" (z.B. WCAG-Kontrast im Kontrastlabor) */
  --lab-mangel-bg:    #FBEDEB;
  --lab-mangel-fg:    #8C1D18;
  --lab-mangel-bd:    #E5B5AE;

  /* Papier der Textverarbeitung: bleibt in beiden Modi weiss
     (wie die Zeichenflaeche des SVG-Editors). */
  --lab-tv-blatt:         #FFFFFF;
  --lab-tv-blatt-text:    #1A1C1A;
  --lab-tv-blatt-linie:   #C4CBC7;
  --lab-tv-blatt-flaeche: #F1F3F2;
  --lab-tv-blatt-link:    #1565C0;

  /* Arbeitsblatt-Akzent (Rechenblatt u.a.): liegt auf dem weissen Blatt
     und muss den S/W-Druck ueberleben - das Gruen hat rund 5:1 Kontrast
     auf Weiss und druckt als deutliches Mittelgrau. In beiden Modi
     gleich (Vorbild --lab-tv-blatt). "zart" ist die helle Waschung
     fuer Kopfbänder; sie druckt als sehr feines Grau. */
  --lab-tv-blatt-akzent:      #2E7D32;
  --lab-tv-blatt-akzent-zart: #EDF3EE;

  /* Filmwerkstatt: Buehne und Storyboard-Blatt sind Papier und bleiben
     in beiden Modi weiss (Vorbild --lab-tv-blatt). Stift und Grafik
     sind VORGABEN fuer Inhalte (der Nutzer aendert sie), Aufnahme,
     Gefahr und Schleier sind Oberflaechen-Zustandsfarben. */
  --lab-fw-blatt:            #FFFFFF;
  --lab-fw-blatt-text:       #1A1C1A;
  --lab-fw-blatt-grau:       #5F6763;
  --lab-fw-blatt-linie:      #C4CBC7;
  --lab-fw-blatt-linie-zart: #DDE2DF;
  --lab-fw-textbox:          rgba(255, 255, 255, 0.88);
  --lab-fw-stift:            #1A1C1A;
  --lab-fw-grafik:           #2E7D32;
  --lab-fw-aufnahme:         #C62828;
  --lab-fw-gefahr-text:      #B3261E;
  --lab-fw-gefahr-hell:      #FBEAE9;
  --lab-fw-gefahr-linie:     #E8B4B0;
  --lab-fw-schleier:         rgba(18, 20, 19, 0.55);
  /* Auswahlrahmen auf der Buehne: nur ein Hauch von der Akzentfarbe,
     damit die Figuren darunter lesbar bleiben. */
  --lab-fw-rahmen-flaeche:    rgba(46, 125, 50, 0.12);

  /* Raster der Diagramm-Werkstatt: liegt auf dem weissen Blatt,
     deshalb in beiden Modi gleich (Vorbild --lab-tv-blatt). */
  --lab-dg-raster-linie:  #DFE4E1;
  --lab-dg-raster-haupt:  #BCC5C1;

  /* Diagrammfarben von Calc - Inhaltsfarben wie die Dokumentfarben,
     in beiden Modi gleich, damit Druck und PNG-Bilder passend bleiben. */
  --lab-tk-diagramm-1: #2E7D32;
  --lab-tk-diagramm-2: #1565C0;
  --lab-tk-diagramm-3: #E65100;
  --lab-tk-diagramm-4: #6A1B9A;
  --lab-tk-diagramm-5: #00838F;
  --lab-tk-diagramm-6: #8C1D18;

  /* QR-Werkstatt: das Code-Blatt bleibt ebenfalls hell (Papier).
     Tinte dunkel, Akzent das Schul-Gruen - beides auf Weiss gut lesbar. */
  --lab-qr-papier: #FFFFFF;
  --lab-qr-tinte:  #1A1C1A;
  --lab-qr-akzent: #1B5E20;

  /* Stundenplan-Designs: zarte Toene fuer die Tagesspalten des Blattes
     (in beiden Modi gleich, Vorbild --lab-tv-blatt-akzent-zart). */
  --lab-sp-tag-1: #E7F0E8;
  --lab-sp-tag-2: #E1E9F2;
  --lab-sp-tag-3: #FBF0E4;
  --lab-sp-tag-4: #EDE4F3;
  --lab-sp-tag-5: #E0EFF1;

  /* Zeichentafel: Zeichenfarben fuer das Whiteboard. In beiden Modi
     gleich, weil die Tafelflaeche vom Inhalt (Bilder, dunkle Tafel)
     abhaengt - die Tinte muss immer ueber allem liegen. */
  --lab-zt-farbe-1: #1A1C1A;  /* Tinte */
  --lab-zt-farbe-2: #1565C0;  /* Blau */
  --lab-zt-farbe-3: #2E7D32;  /* Gruen */
  --lab-zt-farbe-4: #B3261E;  /* Rot */
  --lab-zt-farbe-5: #E65100;  /* Orange */
  --lab-zt-farbe-6: #6A1B9A;  /* Violett */
  --lab-zt-farbe-7: #00838F;  /* Tuerkis */
  --lab-zt-farbe-8: #FFFFFF;  /* Weiss (fuer dunkle Tafel und Bilder) */

  /* Zeichentafel: Textmarker-Farben (werden durchscheinend mit 35 %
     Deckkraft aufgetragen), in beiden Modi gleich wie die Zeichenfarben. */
  --lab-zt-marker-1: #FDD835;  /* Gelb */
  --lab-zt-marker-2: #7CB342;  /* Hellgruen */
  --lab-zt-marker-3: #42A5F5;  /* Hellblau */
  --lab-zt-marker-4: #EC407A;  /* Rosa */
  --lab-zt-marker-5: #FF7043;  /* Lachs */

  /* Audio-Editor: Spurfarben als Nutzerwahl (wie die Zeichenfarben der
     Zeichentafel), in beiden Moden gleich. Die Wellenform bleibt ohne
     Wahl in der Textfarbe (--blk-color) - Farbe ist hier Zugabe. */
  --lab-ae-spur-1: #1565C0;  /* Blau */
  --lab-ae-spur-2: #2E7D32;  /* Gruen */
  --lab-ae-spur-3: #C62828;  /* Rot */
  --lab-ae-spur-4: #6A1B9A;  /* Violett */
  --lab-ae-spur-5: #00838F;  /* Tuerkis */
  --lab-ae-spur-6: #E65100;  /* Orange */

  /* LabCAD: die 3D-Buehne folgt dem Bildschirmmodus, sonst waere das
     Modell je nach Tageszeit anders beleuchtet. Neue Koerper sind blau
     (wie im 3D-Builder), die Auswahl nimmt die Akzentfarbe. Eigene
     Farben je Koerper stehen am Koerper selbst (koerper.farbe). */
  --lab-cad-hintergrund: #F1F3F2;
  --lab-cad-koerper:      #4A90D9;
  --lab-cad-raster:       #C6CECA;
  --lab-cad-hauptRaster:  #9FAAA5;
  --lab-cad-rahmen:       #2E7D32;
  --lab-cad-achse-x:      #C62828;
  --lab-cad-achse-y:      #2E7D32;
  --lab-cad-achse-z:      #1565C0;
  /* Skizzen: eigenes Türkis, damit eine Zeichnung weder mit den blauen
     Koerpern noch mit der Auswahl (Akzentfarbe) verwechselt wird. */
  --lab-cad-skizze:       #0E7C86;
  /* Flaeche ziehen und Kantenringe: eigene Töne, damit eine gezogene
     Fläche (violett) und ein gewählter Kantenring (Bernstein) weder mit
     der Auswahl noch mit den Skizzen verwechselt werden. */
  --lab-cad-flaeche:      #8E44AD;
  --lab-cad-kante:        #B8860B;
  /* Messen-Werkzeug: Beere, damit eine Messlinie weder mit der roten
     X-Achse noch mit violetter Flaeche oder Bernsteinkante verwechselt
     wird. */
  --lab-cad-messen:       #C2185B;
  /* Dialog-Schleier: dasselbe Dunkel in beiden Modi - er soll nur
     abdunkeln, nicht selbst eine Farbe sein. */
  --lab-cad-schleier:     rgba(0, 0, 0, 0.45);

  /* LabSculpt: eigene Gruppe, weil eine Skulptur mehrfaerbig ist - der
     Pinsel ist der einzige farbige Akzent, das Mesh selbst bleibt grau,
     die Maske wird als deutliches Bernstein-Gelb gezeigt, damit man sie
     auch im Dunkelmodus erkennt. "voll" markiert die Dreieckszahl, bei
     der das Sculpting spuerbar langsam wird. */
  --lab-sculpt-hintergrund: #F1F3F2;
  --lab-sculpt-koerper:      #B0BAB6;
  --lab-sculpt-knochen:      #6B7A73;
  --lab-sculpt-knochen-aktiv:       #B8761F;
  --lab-sculpt-maske:        #D9A22B;
  --lab-sculpt-auswahl:      #2E7D32;
  --lab-sculpt-raster:       #C6CECA;
  --lab-sculpt-hauptRaster:  #9FAAA5;
  --lab-sculpt-gewicht-niedrig:  #2C6FD6;
  --lab-sculpt-gewicht-hoch:     #D64545;
  /* Gizmo-Achsen wie im LabCAD: X rot, Y gruen, Z blau */
  --lab-sculpt-achse-x:     #C62828;
  --lab-sculpt-achse-y:     #2E7D32;
  --lab-sculpt-achse-z:     #1565C0;
  --lab-status-warn:        #B3261E;

  /* labScript: Farben der Syntax-Hervorhebung. Inhaltsfarben wie die
     Diagrammfarben (der Code gehoert dem Nutzer, nicht dem Modus),
     jede mit mindestens 4,5:1 Kontrast auf der Editorflaeche
     (--ct-color). "veil" ist die dunkle Umgebung des Nachfrage-Dialogs. */
  --lab-ls-kommentar:  #5F6763;
  --lab-ls-schluessel: #2E7D32;
  --lab-ls-zeichen:    #1565C0;
  --lab-ls-zahl:       #8F4300;
  --lab-ls-funktion:   #6A1B9A;
  --lab-ls-warnung:    #8A5A00;
  --lab-ls-attribut:   #00695C;
  --lab-ls-typ:        #AD1457;
  --lab-ls-klammer:    rgba(255, 179, 0, 0.30);
  --lab-ls-treffer:    rgba(255, 167, 38, 0.55);
  --lab-ls-veil:       rgba(16, 24, 20, 0.45);
  /* Zeilen-Vergleich in der Zwei-Spalten-Ansicht (halbdurchsichtige
     Zeilenflaechen hinter der Schrift, wirken in beiden Modi) */
  --lab-ls-diff-weg:       rgba(229, 57, 53, 0.18);
  --lab-ls-diff-neu:       rgba(46, 125, 50, 0.20);
  --lab-ls-diff-gaendert:  rgba(255, 179, 0, 0.24);

  /* LabComic: Werkbank-Farben. Das Blatt selbst ist Papier und bleibt
     in beiden Modi weiss (Vorbild --lab-tv-blatt); die Raster- und
     Fanglinien liegen AUF dem weissen Blatt und wechseln deshalb nicht.
     "aktiv/schweben" folgen der lab-Akzentregel (hell Gruen, dunkel
     Orange), "griff/panel" sind die Ansicht-Hilfen auf dem Blatt. */
  --lab-cm-blatt:        #FFFFFF;
  --lab-cm-blatt-rand:   #B3B3B3;
  --lab-cm-tisch:        #E9E6E0;
  --lab-cm-aktiv:        #C8E6C9;
  --lab-cm-aktiv-auf:    #14331A;
  --lab-cm-schweben:     #E2EBE2;
  --lab-cm-warn-bg:      #FDECEA;
  --lab-cm-warn-bd:      #C62828;
  --lab-cm-warn-auf:     #8E1B1B;
  --lab-cm-griff:        #1E88E5;
  --lab-cm-marke-fuell:  rgba(30, 136, 229, 0.12);
  --lab-cm-panel:        #7FB3E8;
  --lab-cm-fang:         #E8563F;
  --lab-cm-linie-fein:   #C3D2C3;
  --lab-cm-linie-haupt:  #9DB09D;
  --lab-cm-linie-rand:   #B0BCB0;
  --lab-cm-schleier:     rgba(8, 12, 8, 0.72);

  /* Schriften */
  --lab-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --lab-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, "Liberation Mono", monospace;
  /* Serifenschnitt fuer Muenzpraegungen und Ziffernblaetter */
  --lab-serif: Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;
}

/* =====================================================================
   DUNKELMODUS - Akzent wird Orange, Flaechen werden Material Dark.
   Wird von js/theme.js auf <html> gesetzt.
   ===================================================================== */
html[data-theme="dark"] {
  color-scheme: dark;

  /* --- Flaechen --- */
  --bd-color:     #121413;
  --ct-color:     #1C1F1E;
  --div-color:    #232726;
  --blk-color:    #E7EAE8;
  --header-color: #171310;

  /* --- Primaer / Buttons (Orange) --- */
  --bt-color:     #FF9800;
  --bt-h-color:   #FFB74D;
  --bt-f-color:   #14100A;
  --link-color:   #FFB74D; /* 10:1 auf dunklem Grund */
  --link-h-color: #FFCC80;

  /* Gruene Namen bleiben erhalten, werden aber warm gedeckt */
  --green50-color:  #2A2118;
  --green100-color: #34281A;
  --green200-color: #46331E;
  --green300-color: #FFB74D;
  --green400-color: #FFA000;
  --green500-color: #FF9800;
  --green600-color: #FF9800;
  --green700-color: #FB8C00;
  --green800-color: #FF9800;
  --green900-color: #FFCC80;

  --accent-color:   #FFB74D;
  --accent-light:   #FFE0B2;
  --accent-h-color: #FFCC80;

  /* --- Graustufen invertiert --- */
  --grey50-color:        #191C1B;
  --grey100-color:       #1C1F1E;
  --grey200-color:       #2A2E2D;
  --grey300-color:       #3A3F3E;
  --grey400-color:       #7B8380;
  --grey600-color:       #B4BBB8; /* Sekundaertext auf Dunkel */
  --alt-div-color:       #232726;
  --alt-div-hover-color: #2C3130;

  /* --- Semantik --- */
  --red600-color:       #EF5350;
  --yellow600-color:    #FFD54F;
  --lightblue600-color: #4FC3F7;

  /* --- lab-spezifisch --- */
  --lab-border-color: #333938;
  --lab-ring:         rgba(255, 152, 0, 0.45);
  --lab-shadow-1:     0 1px 2px rgba(0, 0, 0, 0.45), 0 1px 3px rgba(0, 0, 0, 0.35);
  --lab-shadow-2:     0 12px 30px rgba(0, 0, 0, 0.45);
  --lab-toolbar-bg:   rgba(18, 20, 19, 0.86);
  --lab-leiste-color: #232726;
  --lab-leiste-text:  #E7EAE8;
  --lab-sprite-color: #FF9800;

  --lab-aktiv-bg:     #1E2A1F;
  --lab-aktiv-fg:     #A5D6A7;
  --lab-aktiv-bd:     #2E7D32;
  --lab-beta-bg:      #2C2416;
  --lab-beta-fg:      #FFD54F;
  --lab-beta-bd:      #7A5200;
  --lab-geplant-bg:   #232726;
  --lab-geplant-fg:   #B4BBB8;
  --lab-geplant-bd:   #333938;

  /* Meldungen mit Fehlerbezug (z.B. unlesbare Datei) */
  --lab-fehler-fg:    #F2B8B5;

  /* Text-Vergleich: Werte wie im Hellmodus-Gedanken, aber dunkel angepasst */
  --lab-vg-weg-bg:    #3A2422;
  --lab-vg-weg-mark:  #6E3833;
  --lab-vg-weg-text:  #F2B8B5;
  --lab-vg-dazu-bg:   #203526;
  --lab-vg-dazu-mark: #2F5A3C;
  --lab-vg-dazu-text: #A5D6A7;

  /* Plaketten "nicht erfuellt" */
  --lab-mangel-bg:    #3A2422;
  --lab-mangel-fg:    #F2B8B5;
  --lab-mangel-bd:    #6E3833;

  /* Papier der Textverarbeitung: bleibt weiss (Werte wie im Hellmodus). */
  --lab-tv-blatt:         #FFFFFF;
  --lab-tv-blatt-text:    #1A1C1A;
  --lab-tv-blatt-linie:   #C4CBC7;
  --lab-tv-blatt-flaeche: #F1F3F2;
  --lab-tv-blatt-link:    #1565C0;

  /* Arbeitsblatt-Akzent (Werte wie im Hellmodus - Papier druckt gleich). */
  --lab-tv-blatt-akzent:      #2E7D32;
  --lab-tv-blatt-akzent-zart: #EDF3EE;

  /* Filmwerkstatt (Werte wie im Hellmodus; nur die Gefahr-Farben sind
     an den Dunkelmodus angepasst). */
  --lab-fw-blatt:            #FFFFFF;
  --lab-fw-blatt-text:       #1A1C1A;
  --lab-fw-blatt-grau:       #5F6763;
  --lab-fw-blatt-linie:      #C4CBC7;
  --lab-fw-blatt-linie-zart: #DDE2DF;
  --lab-fw-textbox:          rgba(255, 255, 255, 0.88);
  --lab-fw-stift:            #1A1C1A;
  --lab-fw-grafik:           #2E7D32;
  --lab-fw-aufnahme:         #C62828;
  --lab-fw-gefahr-text:      #F2B8B5;
  --lab-fw-gefahr-hell:      #3A1E1C;
  --lab-fw-gefahr-linie:     #6B3733;
  --lab-fw-schleier:         rgba(18, 20, 19, 0.55);
  --lab-fw-rahmen-flaeche:    rgba(255, 152, 0, 0.14);

  /* Raster der Diagramm-Werkstatt (Werte wie im Hellmodus: weisses Blatt). */
  --lab-dg-raster-linie:  #DFE4E1;
  --lab-dg-raster-haupt:  #BCC5C1;

  /* QR-Werkstatt: Code-Blatt und Tinte wie im Hellmodus - ein Ausdruck
     soll unabhaengig vom Bildschirmmodus gleich aussehen. */
  --lab-qr-papier: #FFFFFF;
  --lab-qr-tinte:  #1A1C1A;
  --lab-qr-akzent: #1B5E20;

  /* Stundenplan-Designs (Werte wie im Hellmodus - Papier druckt gleich). */
  --lab-sp-tag-1: #E7F0E8;
  --lab-sp-tag-2: #E1E9F2;
  --lab-sp-tag-3: #FBF0E4;
  --lab-sp-tag-4: #EDE4F3;
  --lab-sp-tag-5: #E0EFF1;

  /* LabCAD im dunklen Modus: dunkle Buehne, heller Koerper (sonst
     verschwaende er), Raster etwas kraeftiger als im Hellen. */
  --lab-cad-hintergrund: #1C1F1E;
  --lab-cad-koerper:      #5FA8E8;
  --lab-cad-raster:       #3A403E;
  --lab-cad-hauptRaster:  #4C5351;
  --lab-cad-rahmen:       #FF9800;
  --lab-cad-achse-x:      #EF5350;
  --lab-cad-achse-y:      #66BB6A;
  --lab-cad-achse-z:      #4FC3F7;
  --lab-cad-skizze:       #57D4DE;
  --lab-cad-flaeche:      #C39BD3;
  --lab-cad-kante:        #FFD54F;
  --lab-cad-messen:       #F06292;
  --lab-cad-schleier:     rgba(0, 0, 0, 0.55);

  /* LabSculpt im dunklen Modus: die Skulptur wird heller, die Maske
     leuchtet deutlicher (dunkles Bernstein), damit "geschuetzt" nicht
     mit "unbearbeitet" zu verwechseln ist. */
  --lab-sculpt-hintergrund: #1C1F1E;
  --lab-sculpt-koerper:      #9BAAA3;
  --lab-sculpt-knochen:      #AEBBB5;
  --lab-sculpt-knochen-aktiv:       #E8A33D;
  --lab-sculpt-maske:        #FFC65A;
  --lab-sculpt-auswahl:      #FF9800;
  --lab-sculpt-raster:       #3A403E;
  --lab-sculpt-hauptRaster:  #4C5351;
  --lab-sculpt-gewicht-niedrig:  #6FA8FF;
  --lab-sculpt-gewicht-hoch:     #FF8A7A;
  --lab-sculpt-achse-x:     #EF5350;
  --lab-sculpt-achse-y:     #66BB6A;
  --lab-sculpt-achse-z:     #4FC3F7;

  /* Audio-Editor: Spurfarben wie im Hellmodus (Nutzerwahl). */
  --lab-ae-spur-1: #1565C0;
  --lab-ae-spur-2: #2E7D32;
  --lab-ae-spur-3: #C62828;
  --lab-ae-spur-4: #6A1B9A;
  --lab-ae-spur-5: #00838F;
  --lab-ae-spur-6: #E65100;

  /* labScript: Hervorhebung im Dunkelmodus (helle Toene, siehe oben). */
  --lab-ls-kommentar:  #8A9691;
  --lab-ls-schluessel: #FFB74D;
  --lab-ls-zeichen:    #82B8EE;
  --lab-ls-zahl:       #F0A868;
  --lab-ls-funktion:   #CBA8F5;
  --lab-ls-warnung:    #FFD54F;
  --lab-ls-attribut:   #4DB6AC;
  --lab-ls-typ:        #F48FB1;
  --lab-ls-klammer:    rgba(255, 183, 77, 0.26);
  --lab-ls-treffer:    rgba(255, 167, 38, 0.60);
  --lab-ls-veil:       rgba(0, 0, 0, 0.55);
  --lab-ls-diff-weg:       rgba(255, 111, 105, 0.24);
  --lab-ls-diff-neu:       rgba(129, 199, 132, 0.24);
  --lab-ls-diff-gaendert:  rgba(255, 213, 79, 0.26);

  /* LabComic im Dunkelmodus: nur die Werkbank wird dunkel - das Blatt
     bleibt weiss (Papier), seine Hilfslinien wechseln deshalb nicht. */
  --lab-cm-blatt:        #FFFFFF;
  --lab-cm-blatt-rand:   #CFD6CD;
  --lab-cm-tisch:        #17181B;
  --lab-cm-aktiv:        #FF9800;
  --lab-cm-aktiv-auf:    #14100A;
  --lab-cm-schweben:     #3A3D45;
  --lab-cm-warn-bg:      #4A2320;
  --lab-cm-warn-bd:      #EF9A9A;
  --lab-cm-warn-auf:     #FFD9D5;
  --lab-cm-griff:        #8FC0FF;
  --lab-cm-marke-fuell:  rgba(143, 192, 255, 0.14);
  --lab-cm-panel:        #6F9FD0;
  --lab-cm-fang:         #FF8A6B;
  --lab-cm-schleier:     rgba(0, 0, 0, 0.72);
}