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

[data-swatch="badlands orange"]:before { background-color:#EE9D32}[data-swatch="graphite"]:before { background-color:#5e5c58}[data-swatch="silver bullet"]:before { background-color:#8c9093}[data-swatch="ford blue"]:before { background-color:#002F6C}[data-swatch="onyx black"]:before { background-color:#0A0A0A}[data-swatch="raptor red"]:before { background-color:#B02B3B}[data-swatch="army green"]:before { background-color:#5F6945}[data-swatch="lilac"]:before { background-color:#B2A4D0}[data-swatch="soft pink"]:before { background-color:#eea5c5}[data-swatch="sky blue"]:before { background-color:#87CEEB}[data-swatch="bare"]:before { background-image: linear-gradient(to bottom right, #D7D7D9, #D7D7D9 33.3%, #E5E5E7 33.3%, #E5E5E7 66.6%, #D7D7D9 66.6%, #D7D7D9) }