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

[data-swatch="amarillo"]:before { background-color: #ffff00 }[data-swatch="rojo"]:before { background-color: #ff0000}[data-swatch="blanco"]:before { background-color: #ffffff}[data-swatch="azul"]:before { background-color: #163a66}[data-swatch="verde"]:before { background-color: #008f39}[data-swatch="naranja"]:before { background-color: #ff8000}