/*
  workspace-bento-kern-start.css — schließt das Aussehen des gemeinsamen Bento-Kerns (/assets/bento-kern/bento-kern.css)
  an die Workspace-Marke an (Verhalten: workspace-bento-kern-start.js, nur bei ?ansicht=kern).

  Kurzbeschreibung (für Laien): Der Kern bringt kein eigenes Farbschema mit. Hier steht, welche Workspace-Werte er nimmt:
  die Bento-Werte (--wb-…, aus workspace-bento.css) und die Marke. Dazu die Brücke in die andere Richtung: Inhalte der
  bisherigen Kacheln benutzen --wb-text/--wb-leise …; in einer Kern-Kachel zeigen diese auf die Farben der Kachel,
  damit Schrift auf farbigen Kacheln lesbar bleibt. Hell und Dunkel kommen über dieselben Marken-Werte von selbst.
*/

:root.bt-an {
  --bt-grund: var(--wb-grund); --bt-karte: var(--wb-karte); --bt-text: var(--marke-text); --bt-leise: var(--marke-text-2);
  --bt-linie: var(--marke-linie); --bt-linie-stark: var(--marke-linie-stark); --bt-weich: var(--marke-flaeche-2); --bt-feld: var(--marke-feld);
  --bt-dunkel: var(--wb-dunkel); --bt-auf-dunkel: #fff; --bt-akzent: var(--marke-nav-blau); --bt-rot: var(--marke-gefahr); --bt-gruen: var(--marke-ok);
  --bt-fokus-ring: var(--marke-akzent); --bt-schatten: var(--marke-schatten); --bt-schatten-hover: var(--wb-schatten-hover); --bt-schatten-zug: var(--wb-schatten-zug);
  --bt-rand: var(--wb-rand); --bt-verlauf-ziel: var(--wb-verlauf-ziel); --bt-auf-farbe: #fff; --bt-auf-hell: var(--marke-grafit);
  --bt-schrift: var(--marke-schrift); --bt-r: var(--wb-r); --bt-r-k: var(--wb-r-k); --bt-ladekreis: var(--marke-ladekreis);
}
/* Inhalte der bisherigen Kacheln (wk-…, zk-…) lesen die Farben der Kern-Kachel */
:root.bt-an .bt-k { --wb-text: var(--bt-kt); --wb-leise: var(--bt-kl); --wb-linie: var(--bt-klinie); --wb-weich: var(--bt-kweich); --wb-akzent: var(--bt-ka); --kachel-balken: var(--bt-kb); }
/* Logo hell/dunkel */
:root.bt-an:not(.bt-dunkel) .bt-logo-dunkel, :root.bt-an.bt-dunkel .bt-logo-hell { display: none; }
/* Die bisherige Leiste gibt es im Kern-Modus nicht; Seitenleiste/Kopfzeile blendet workspace-bento.css über .ws-bento aus */
:root.bt-an .wb-top, :root.bt-an #wbStart { display: none !important; }
:root.bt-an .bt-lade .a4h-spin { width: 26px; height: 26px; color: var(--marke-ladekreis); }