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

[data-swatch="black"]:before { background-color:#010101}[data-swatch="charcoal"]:before { background-color:#626164}[data-swatch="standard"]:before { background-color:#010101}[data-swatch="teal"]:before { background-color:#285a5e}[data-swatch="red"]:before { background-color:#b10a1e}[data-swatch="silver"]:before { background-color:#d9d9d9}[data-swatch="gold"]:before { background-color:#dbc25c}[data-swatch="plum"]:before { background-color:#a2545d}[data-swatch="green"]:before { background-color:#3a916b}[data-swatch="purple"]:before { background-color:#923e83}[data-swatch="blue"]:before { background-color:#3a6cd2}[data-swatch="light blue"]:before { background-color:#98c4fb}