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

[data-swatch="red"]:before { background-color:#ff0000}[data-swatch="black"]:before { background-color:#000000}[data-swatch="orange"]:before { background-color:#CE6928}[data-swatch="lava red"]:before { background-color:#8E2C23}[data-swatch="hi-vis yellow"]:before { background-color:#C4D132}[data-swatch="blue"]:before { background-color:#222855}[data-swatch="midnight blue"]:before { background-color:#222855}