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

[data-swatch="pink"]:before { background-color: #F15BB5}[data-swatch="black"]:before { background-color: #000000}[data-swatch="white"]:before { background-color: #FFFFFF}[data-swatch="red"]:before { background-color: #FF0000}[data-swatch="green"]:before { background-color: #00BF63}[data-swatch="blue"]:before { background-color: #004AAD}[data-swatch="silver"]:before { background-color: #A6A6A6}[data-swatch="bronze"]:before { background-color: #A65421}