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

[data-swatch="blanco"]:before { background-color:#ffffff}[data-swatch="negro"]:before { background-color:#000000}[data-swatch="rojo"]:before { background-color:#ff0000}[data-swatch="verde"]:before { background-color:#00ff00}[data-swatch="amarillo"]:before { background-color:#ffff00}[data-swatch="azul"]:before { background-color:#0000ff}[data-swatch="gris"]:before { background-color:#989898}[data-swatch="teja"]:before { background-color:#bf9671}