/* Farben je Aufgabenart. Bewusst global, damit Kachel und Filter-Chip dieselbe Quelle nutzen.
   Die Klasse setzt nur zwei CSS-Variablen (--art / --art-tint); die Komponenten lesen sie per var().
   Weiße Schrift auf --art erreicht überall mindestens 4,5:1. */
.art-simulieren { --art: #1d63c4; --art-tint: #e1ecfb; }
.art-messen     { --art: #b84f08; --art-tint: #fbe9db; }
.art-ablesen    { --art: #0b7a6f; --art-tint: #d9f1ee; }
.art-rechnen    { --art: #6d43b8; --art-tint: #ebe3f8; }
.art-frei       { --art: #4a5a6b; --art-tint: #e6ebf1; }
/* Kacheln ohne Aufgabenart (z. B. Quiz): neutrales Grau */
.art-neutral    { --art: #64748b; --art-tint: #eef2f6; }