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

[data-swatch="chalk grey"]:before { background-color:#4d546d}[data-swatch="light grey"]:before { background-color: #cfcfcf}[data-swatch="beige"]:before { background-color:#eaddd2}[data-swatch="black"]:before { background-color:#000000}[data-swatch="pink"]:before { background-color:#ffc0cb}[data-swatch="aqua"]:before { background-color:#bceaf5}[data-swatch="green"]:before { background-color:#c5e881}[data-swatch="vienna"]:before { background-color:#7c7575}[data-swatch="sandalwood"]:before { background-color:#f4e5db}[data-swatch="mocha"]:before { background-color:#c2bab4}