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

[data-swatch="black"]:before { background-color:#3B3B3B}[data-swatch="bright blue"]:before { background-color: #2F78C7}[data-swatch="navy blue"]:before { background-color: #1E2331}[data-swatch="navy"]:before { background-color: #2F3D48}[data-swatch="red wine"]:before { background-color: #6F3037}[data-swatch="stone blue"]:before { background-color: #758B96}[data-swatch="slate grey"]:before { background-color: #616365}[data-swatch="evergreen"]:before { background-color: #223527}