/* Visual colour swatches only; data values and available variants are untouched. */
.color-swatch[data-swatch="black"]{background:#272c34;}
.color-swatch[data-swatch="white"]{background:#fafafa;}
.color-swatch[data-swatch="gray"]{background:#929aa3;}
.color-swatch[data-swatch="space-gray"]{background:#5e6670;}
.color-swatch[data-swatch="graphite"]{background:#454b50;}
.color-swatch[data-swatch="silver"]{background:linear-gradient(135deg,#f7fafc 0%,#c6cdd5 55%,#9da7b2 100%);}
.color-swatch[data-swatch="gold"]{background:linear-gradient(135deg,#fff1ba 0%,#e7c56b 50%,#b98a34 100%);}
.color-swatch[data-swatch="rose-gold"]{background:linear-gradient(135deg,#fae5df,#d6a48f 60%,#af7c69);}
.color-swatch[data-swatch="champagne"]{background:linear-gradient(135deg,#fcf3dc,#d9c59b);}
.color-swatch[data-swatch="starlight"]{background:linear-gradient(135deg,#fffdf5,#e4d8c5);}
.color-swatch[data-swatch="midnight"]{background:#252f42;}
.color-swatch[data-swatch="natural"]{background:linear-gradient(135deg,#e3dfd4,#a9a397);}
.color-swatch[data-swatch="white-titanium"]{background:linear-gradient(135deg,#fff,#d9dce0);}
.color-swatch[data-swatch="black-titanium"]{background:linear-gradient(135deg,#565c62,#262b31);}
.color-swatch[data-swatch="blue-titanium"]{background:linear-gradient(135deg,#718ba7,#344c6a);}
.color-swatch[data-swatch="desert"]{background:linear-gradient(135deg,#f2d5bd,#c49f7f);}
.color-swatch[data-swatch="red"]{background:#cf3547;}
.color-swatch[data-swatch="burgundy"]{background:#783346;}
.color-swatch[data-swatch="pink"]{background:#efb5ce;}
.color-swatch[data-swatch="rose"]{background:#d58a9b;}
.color-swatch[data-swatch="coral"]{background:#ef8b7a;}
.color-swatch[data-swatch="orange"]{background:#f2a04b;}
.color-swatch[data-swatch="copper"]{background:linear-gradient(135deg,#e6b090,#b7734b);}
.color-swatch[data-swatch="bronze"]{background:linear-gradient(135deg,#d0ad83,#96704b);}
.color-swatch[data-swatch="brown"]{background:#92735a;}
.color-swatch[data-swatch="beige"]{background:#d8c5a7;}
.color-swatch[data-swatch="cream"]{background:#f6eddb;}
.color-swatch[data-swatch="yellow"]{background:#f4d259;}
.color-swatch[data-swatch="lemon"]{background:#ecec94;}
.color-swatch[data-swatch="green"]{background:#77a088;}
.color-swatch[data-swatch="dark-green"]{background:#325d4c;}
.color-swatch[data-swatch="emerald"]{background:#2d927d;}
.color-swatch[data-swatch="olive"]{background:#989d6a;}
.color-swatch[data-swatch="mint"]{background:#b7dccb;}
.color-swatch[data-swatch="sage"]{background:#bac6b1;}
.color-swatch[data-swatch="lime"]{background:#cad974;}
.color-swatch[data-swatch="teal"]{background:#599a94;}
.color-swatch[data-swatch="turquoise"]{background:#78ced0;}
.color-swatch[data-swatch="blue"]{background:#8dbfe4;}
.color-swatch[data-swatch="navy"]{background:#3d648d;}
.color-swatch[data-swatch="pacific"]{background:#476b80;}
.color-swatch[data-swatch="sierra"]{background:#a7c6d9;}
.color-swatch[data-swatch="ultramarine"]{background:#727fc6;}
.color-swatch[data-swatch="ice"]{background:#cde6ed;}
.color-swatch[data-swatch="silver-blue"]{background:linear-gradient(135deg,#edf4fa,#a4c2d9);}
.color-swatch[data-swatch="lavender"]{background:#cfc3eb;}
.color-swatch[data-swatch="lilac"]{background:#d4b8e5;}
.color-swatch[data-swatch="purple"]{background:#a78fc7;}
.color-swatch[data-swatch="deep-purple"]{background:#67576e;}
.color-swatch[data-swatch="plum"]{background:#8a678b;}
.color-swatch[data-swatch="pearl"]{background:linear-gradient(135deg,#fff,#eeeaf8 40%,#e2f1ee 70%,#f8ede5);}
.color-swatch[data-swatch="transparent"]{background:repeating-conic-gradient(#f8fafc 0% 25%,#c9d3dc 0% 50%) 50% / 9px 9px;}
.color-swatch[data-swatch="multicolor"]{background:conic-gradient(#c06c8e,#e5c57d,#89bb9b,#7da8cf,#c06c8e);}
.color-swatch[data-swatch="other"]{background:linear-gradient(135deg,#e3eaf0 44%,#8fa5b5 46%,#8fa5b5 52%,#f7fafc 54%);}
.color-swatch[data-swatch="unknown"]{background:linear-gradient(135deg,#e3eaf0 44%,#8fa5b5 46%,#8fa5b5 52%,#f7fafc 54%);}

.color-swatch[data-swatch="solid"]{background:var(--swatch-color-1,#ddd)}
.color-swatch[data-swatch="gradient"]{background:linear-gradient(135deg,var(--swatch-color-1,#ddd),var(--swatch-color-2,#fff))}