[data-swatch]::before { background-color: rgba(var(--text-color) / 0.08); }

[data-swatch="perlweiß"]:before { background-color:#DFE6E7 }[data-swatch="hellgrau"]:before { background-color:#686666}[data-swatch="schwarz"]:before { background-color:#1F1F23}[data-swatch="rot"]:before { background-color:#A80D0B}[data-swatch="grün"]:before { background-color:#5DA329}[data-swatch="anthrazit"]:before { background-color:#303034}