/* Farbbrücke Astra → Plugin-Bausteine
   ------------------------------------------------------------------
   Die einzige Stelle, an der das Plugin Farben festlegt. Jeder Baustein
   (Wurzelelement mit Klasse .tsh-baustein) liest seine Farben aus Astras
   globaler Palette (Customizer → Global → Farben). Damit gilt:
   - Farbe im Customizer ändern → alle Bausteine ziehen mit.
   - Astra schaltet auf die dunkle Palette um → Bausteine schalten mit.
     Kein eigener Dark Mode in den Modulen nötig.
   Die Hex-Werte dahinter greifen nur, wo Astra fehlt (z. B. Admin-Vorschau)
   und entsprechen marke/design-system.css (v2).

   Zuordnung = Paletten-PLATZ, nicht Farbwert. Beide Paletten (hell/dunkel)
   müssen pro Platz dieselbe Bedeutung haben:
     Platz 1  --ast-global-color-0  Akzent / Links / Primär-Button
     Platz 2  --ast-global-color-1  Hover
     Platz 3  --ast-global-color-2  Bordeaux (Markenfläche)
     Platz 4  --ast-global-color-3  Überschriften, Starktext
     Platz 5  --ast-global-color-4  Ränder
     Platz 6  --ast-global-color-5  Hintergrund (Seite, Inhalt, Karten)
     Platz 7  --ast-global-color-6  weicher Hintergrund (Felder, Optionen)
     Platz 8  --ast-global-color-7  Fließtext
     Platz 9  --ast-global-color-8  gedämpfter Text (Metadaten, Hinweise)
   Bewusst NICHT aus der Palette: --th-dark (Flächen, die in beiden Modi
   dunkel bleiben, z. B. Kopf des Kurs-Finders, Videorahmen). */

.tsh-baustein {
  --th-red:        var(--ast-global-color-0, #bb0a30);
  --th-red-hover:  var(--ast-global-color-1, #7a0720);
  --th-bordeaux:   var(--ast-global-color-2, #4b0019);
  --th-text:       var(--ast-global-color-3, #1a0008);
  --th-border:     var(--ast-global-color-4, #e4e4e9);
  --th-surface:    var(--ast-global-color-5, #ffffff);
  --th-bg:         var(--ast-global-color-6, #fafafc);
  --th-text-muted: var(--ast-global-color-7, #3a3a3a);
  --th-muted:      var(--ast-global-color-8, #75757c);

  --th-dark:       #1a0008;  /* bleibt dunkel, auch im Dark Mode */
  --th-red-dark:   #e8305a;  /* Rot auf dunklen Flächen */

  /* Funktionsfarben — nur Status-Badges (marke/design-system.css). Helle
     Fläche + dunkle Schrift, lesbar in beiden Modi; nicht aus der Palette. */
  --th-ok-bg:   #eaf3de; --th-ok-fg:   #3b6d11;
  --th-warn-bg: #faeeda; --th-warn-fg: #854f0b;
  --th-full-bg: #fcebeb; --th-full-fg: #a32d2d;
}