/* Generated by build.py — do not edit.

   One rule per number the palette needs. These live in a stylesheet rather
   than in style attributes because the site's Content-Security-Policy allows
   no inline styles, and a blocked style attribute fails silently: the custom
   property never lands, var() falls back, and every swatch renders as the
   base colour. */
.sw[data-mix="1-2"][data-at="0"] { background: color-mix(in oklch, var(--c1) 100%, var(--c2)); }
.sw[data-mix="1-2"][data-at="25"] { background: color-mix(in oklch, var(--c1) 75%, var(--c2)); }
.sw[data-mix="1-2"][data-at="50"] { background: color-mix(in oklch, var(--c1) 50%, var(--c2)); }
.sw[data-mix="1-2"][data-at="75"] { background: color-mix(in oklch, var(--c1) 25%, var(--c2)); }
.sw[data-mix="1-2"][data-at="100"] { background: color-mix(in oklch, var(--c1) 0%, var(--c2)); }
.sw[data-mix="1-3"][data-at="0"] { background: color-mix(in oklch, var(--c1) 100%, var(--c3)); }
.sw[data-mix="1-3"][data-at="25"] { background: color-mix(in oklch, var(--c1) 75%, var(--c3)); }
.sw[data-mix="1-3"][data-at="50"] { background: color-mix(in oklch, var(--c1) 50%, var(--c3)); }
.sw[data-mix="1-3"][data-at="75"] { background: color-mix(in oklch, var(--c1) 25%, var(--c3)); }
.sw[data-mix="1-3"][data-at="100"] { background: color-mix(in oklch, var(--c1) 0%, var(--c3)); }
.sw[data-mix="2-3"][data-at="0"] { background: color-mix(in oklch, var(--c2) 100%, var(--c3)); }
.sw[data-mix="2-3"][data-at="25"] { background: color-mix(in oklch, var(--c2) 75%, var(--c3)); }
.sw[data-mix="2-3"][data-at="50"] { background: color-mix(in oklch, var(--c2) 50%, var(--c3)); }
.sw[data-mix="2-3"][data-at="75"] { background: color-mix(in oklch, var(--c2) 25%, var(--c3)); }
.sw[data-mix="2-3"][data-at="100"] { background: color-mix(in oklch, var(--c2) 0%, var(--c3)); }
.sw[data-dh="-30"] { --dh: -30; }
.sw[data-dh="0"] { --dh: 0; }
.sw[data-dh="30"] { --dh: 30; }
.sw[data-dh="180"] { --dh: 180; }
.sw[data-dh="150"] { --dh: 150; }
.sw[data-dh="210"] { --dh: 210; }
.sw[data-dh="120"] { --dh: 120; }
.sw[data-dh="240"] { --dh: 240; }
.sw[data-tone="0.94 0.35"] { --l: 0.94; --cm: 0.35; }
.sw[data-tone="0.82 0.7"] { --l: 0.82; --cm: 0.7; }
.sw[data-tone="l 1"] { --l: l; --cm: 1; }
.sw[data-tone="0.45 0.9"] { --l: 0.45; --cm: 0.9; }
.sw[data-tone="0.28 0.7"] { --l: 0.28; --cm: 0.7; }
.sw[data-tone="0.97 0.04"] { --l: 0.97; --cm: 0.04; }
.sw[data-tone="0.88 0.05"] { --l: 0.88; --cm: 0.05; }
.sw[data-tone="0.62 0.06"] { --l: 0.62; --cm: 0.06; }
.sw[data-tone="0.38 0.06"] { --l: 0.38; --cm: 0.06; }
.sw[data-tone="0.22 0.05"] { --l: 0.22; --cm: 0.05; }