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

[data-swatch="noir"]:before { background-color:#000000}[data-swatch="clair"]:before { background-color:#FFFFFF}[data-swatch="blanc"]:before { background-color:#FFFFFF}[data-swatch="gris"]:before { background-color:#808080}[data-swatch="vert"]:before { background-color:#05AA3D}[data-swatch="bleu"]:before { background-color:#005BD3}[data-swatch="rouge"]:before { background-color:#F61F1F}[data-swatch="vert sapin"]:before { background-color:#145300}