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

[data-swatch="pastel purple"]:before { background-color:#9386b5}[data-swatch="blush"]:before { background-color:#eed2d7}[data-swatch="hot pink"]:before { background-color:#eb3f80}[data-swatch="pastel blue"]:before { background-color:#8bb9e5}[data-swatch="pastel green"]:before { background-color:#91d7c9}[data-swatch="black"]:before { background-color:#000000}[data-swatch="olive green"]:before { background-color:#545044}[data-swatch="earth brown"]:before { background-color:#8a7b66}