/* Ton-Regel (bausteine/flaeche.ts tonStil) als Attributregeln: data-ton am Element setzt die --bb-*-Farben,
   data-ton-karte zusätzlich --bb-karte-grund. Für Partials, die nur data-ton setzen; ein Inline-Stil (tonStil) geht vor. */
[data-ton="hell"] {
  --bb-grund: var(--bm-bg); --bb-text: var(--bm-text); --bb-text-ruhig: var(--bm-text-leise);
  --bb-linie: var(--bm-linie); --bb-linie-zart: var(--bm-linie-zart); --bb-linie-feld: var(--bm-linie-feld);
  --bb-karte: var(--bm-bg-alt); --bb-akzent: var(--bm-signal-kontur); --bb-fokus: var(--bm-fokus-auf-hell);
  --bm-fokus: var(--bm-fokus-auf-hell); --bm-fokus-gegen: var(--bm-fokus-auf-dunkel);
}
[data-ton="hell"][data-ton-karte] { --bb-karte-grund: var(--bm-bg-alt); }
[data-ton="kuehl"] {
  --bb-grund: var(--bm-bg-kuehl); --bb-text: var(--bm-text); --bb-text-ruhig: var(--bm-text-leise);
  --bb-linie: var(--bm-linie); --bb-linie-zart: var(--bm-linie-zart); --bb-linie-feld: var(--bm-linie-feld);
  --bb-karte: var(--bm-bg); --bb-akzent: var(--bm-signal-kontur); --bb-fokus: var(--bm-fokus-auf-hell);
  --bm-fokus: var(--bm-fokus-auf-hell); --bm-fokus-gegen: var(--bm-fokus-auf-dunkel);
}
[data-ton="kuehl"][data-ton-karte] { --bb-karte-grund: var(--bm-bg-kuehl); }
[data-ton="sand"] {
  --bb-grund: var(--bm-bg-alt); --bb-text: var(--bm-text); --bb-text-ruhig: var(--bm-text-leise);
  --bb-linie: var(--bm-linie); --bb-linie-zart: var(--bm-linie-zart); --bb-linie-feld: var(--bm-linie-feld);
  --bb-karte: var(--bm-bg); --bb-akzent: var(--bm-signal-kontur); --bb-fokus: var(--bm-fokus-auf-hell);
  --bm-fokus: var(--bm-fokus-auf-hell); --bm-fokus-gegen: var(--bm-fokus-auf-dunkel);
}
[data-ton="sand"][data-ton-karte] { --bb-karte-grund: var(--bm-kachel); }
[data-ton="dunkel"] {
  --bb-grund: var(--bm-flaeche-dunkel); --bb-text: var(--bm-text-invers); --bb-text-ruhig: var(--bm-text-invers-ruhig);
  --bb-linie: var(--bm-linie-invers-stark); --bb-linie-zart: var(--bm-linie-invers); --bb-linie-feld: var(--bm-glas-kante);
  --bb-karte: var(--bm-karte-dunkel); --bb-akzent: var(--bm-signal-licht); --bb-fokus: var(--bm-fokus-auf-dunkel);
  --bm-fokus: var(--bm-fokus-auf-dunkel); --bm-fokus-gegen: var(--bm-fokus-auf-hell);
}
[data-ton="dunkel"][data-ton-karte] { --bb-karte-grund: var(--bm-karte-dunkel); }
[data-ton="farbig"] {
  --bb-grund: var(--bm-verlauf-morgen); --bb-text: var(--bm-verlauf-morgen-text); --bb-text-ruhig: var(--bm-verlauf-morgen-text);
  --bb-linie: var(--bm-linie); --bb-linie-zart: var(--bm-linie-zart); --bb-linie-feld: var(--bm-linie-feld);
  --bb-karte: var(--bm-bg); --bb-akzent: var(--bm-signal-kontur); --bb-fokus: var(--bm-fokus-auf-hell);
  --bm-fokus: var(--bm-fokus-auf-hell); --bm-fokus-gegen: var(--bm-fokus-auf-dunkel);
}
[data-ton="farbig"][data-ton-karte] { --bb-karte-grund: var(--bm-verlauf-morgen); }
[data-ton="bild"] {
  --bb-grund: var(--bm-flaeche-dunkel); --bb-text: var(--bm-text-invers); --bb-text-ruhig: var(--bm-text-invers-ruhig);
  --bb-linie: var(--bm-linie-invers-stark); --bb-linie-zart: var(--bm-linie-invers); --bb-linie-feld: var(--bm-glas-kante);
  --bb-karte: var(--bm-glas); --bb-akzent: var(--bm-signal-licht); --bb-fokus: var(--bm-fokus-auf-dunkel);
  --bm-fokus: var(--bm-fokus-auf-dunkel); --bm-fokus-gegen: var(--bm-fokus-auf-hell);
}
[data-ton="bild"][data-ton-karte] { --bb-karte-grund: var(--bm-flaeche-dunkel); }