:root, [data-huet="base"] {
  --c0: #ffffff;
  --c4: #f3f3f3;
  --c8: #e7e7e7;
  --c12: #dcdcdc;
  --c20: #c5c5c5;
  --c30: #ababab;
  --c45: #838383;
  --c60: #5e5e5e;
  --c75: #3b3b3b;
  --c90: #1b1b1b;
  --c100: #000000;
  --red: #eb5c6c;
  --red-fill: #ffb3b6;
  --on-red: #000000;
  --red-soft: #fbe4e4;
  --yellow: #b5852a;
  --yellow-fill: #f1bf69;
  --on-yellow: #000000;
  --yellow-soft: #f0e8dd;
  --green: #44a048;
  --green-fill: #7fdb80;
  --on-green: #000000;
  --green-soft: #dfeddf;
  --blue: #2190eb;
  --blue-fill: #97cbff;
  --on-blue: #000000;
  --blue-soft: #deebf8;
  --purple: #bb70d2;
  --purple-fill: #edb2ff;
  --on-purple: #000000;
  --purple-soft: #f1e5f5;
  --black: #000000;
  --white: #ffffff;
  --dot-1: #996c01;
  --dot-2: #0f77c9;
  --dot-3: #9f57b5;
  --dot-4: #cd4355;
  --dot-5: #29862f;
  --neutral-pill: linear-gradient(to right, #000000, #202020, #3b3b3b, #585858, #767676, #979797, #b8b8b8, #dbdbdb, #ffffff);
  --huet-background: #f0f0f0;
  --huet-foreground: #000000;
  --huet-muted: #7b7b7b;
  --huet-border: #b6b6b6;
  --huet-red: #d44659;
  --huet-yellow: #a07106;
  --huet-green: #2e8c34;
  --huet-blue: #007dd3;
  --huet-purple: #a75dbd;
}

.dark[data-huet="base"], .dark [data-huet="base"] {
  --c0: #000000;
  --c4: #0f0f0f;
  --c8: #181818;
  --c12: #202020;
  --c20: #313131;
  --c30: #474747;
  --c45: #6b6b6b;
  --c60: #919191;
  --c75: #b9b9b9;
  --c90: #e3e3e3;
  --c100: #ffffff;
  --red: #ff9299;
  --red-fill: #cd4053;
  --on-red: #ffffff;
  --red-soft: #2d080d;
  --yellow: #d9a952;
  --yellow-fill: #9c6e00;
  --on-yellow: #ffffff;
  --yellow-soft: #201400;
  --green: #6ac56c;
  --green-fill: #28872f;
  --on-green: #ffffff;
  --green-soft: #031c04;
  --blue: #6bb6ff;
  --blue-fill: #0078cc;
  --on-blue: #ffffff;
  --blue-soft: #01172d;
  --purple: #e295f9;
  --purple-fill: #a157b7;
  --on-purple: #ffffff;
  --purple-soft: #210d27;
  --black: #000000;
  --white: #ffffff;
  --dot-1: #29862f;
  --dot-2: #cd4355;
  --dot-3: #9f57b5;
  --dot-4: #0f77c9;
  --dot-5: #996c01;
  --neutral-pill: linear-gradient(to right, #ffffff, #dcdcdc, #b9b9b9, #989898, #777777, #595959, #3c3c3c, #212121, #000000);
  --huet-background: #111111;
  --huet-foreground: #ffffff;
  --huet-muted: #b2b2b2;
  --huet-border: #777777;
  --huet-red: #e75b6a;
  --huet-yellow: #dbaa53;
  --huet-green: #6bc76d;
  --huet-blue: #338fe3;
  --huet-purple: #e295f9;
}

[data-huet="radioactive"] {
  --c0: #c1ff00;
  --c4: #bef81d;
  --c8: #bbf229;
  --c12: #b8ec32;
  --c20: #b2e040;
  --c30: #abd24d;
  --c45: #9fbc5c;
  --c60: #92a668;
  --c75: #849172;
  --c90: #747d7a;
  --c100: #69707f;
  --red: #ea7591;
  --red-fill: #c95876;
  --on-red: #c1ff00;
  --red-soft: #ceef46;
  --yellow: #97a200;
  --yellow-fill: #7b8400;
  --on-yellow: #c1ff00;
  --yellow-soft: #bef31c;
  --green: #3eaf4e;
  --green-fill: #119130;
  --on-green: #c1ff00;
  --green-soft: #b3f52f;
  --blue: #649edd;
  --blue-fill: #4881bf;
  --on-blue: #c1ff00;
  --blue-soft: #b5f45d;
  --purple: #b289de;
  --purple-fill: #956cbe;
  --on-purple: #c1ff00;
  --purple-soft: #c0f25d;
  --black: #69707f;
  --white: #c1ff00;
  --dot-1: #7fade4;
  --dot-2: #bc9ce3;
  --dot-3: #f987a2;
  --dot-4: #a8b140;
  --dot-5: #5ebe6a;
  --neutral-pill: linear-gradient(to right, #69707f, #778079, #849172, #90a369, #9ab461, #a5c755, #afd947, #b8ec32, #c1ff00);
  --huet-background: #bdf720;
  --huet-foreground: #69707f;
  --huet-muted: #8d9f6b;
  --huet-border: #a7ca52;
  --huet-red: #e16d8a;
  --huet-yellow: #909a00;
  --huet-green: #34a746;
  --huet-blue: #5d96d5;
  --huet-purple: #aa81d5;
}

.dark[data-huet="radioactive"], .dark [data-huet="radioactive"] {
  --c0: #69707f;
  --c4: #6e767d;
  --c8: #737b7b;
  --c12: #778079;
  --c20: #808c74;
  --c30: #89996e;
  --c45: #97ae64;
  --c60: #a3c457;
  --c75: #afda46;
  --c90: #baf02c;
  --c100: #c1ff00;
  --red: #ffabbc;
  --red-fill: #c95876;
  --on-red: #c1ff00;
  --red-soft: #7f7584;
  --yellow: #becb40;
  --yellow-fill: #e2f069;
  --on-yellow: #69707f;
  --yellow-soft: #727a79;
  --green: #6ad976;
  --green-fill: #90ff9a;
  --on-green: #69707f;
  --green-soft: #697c7d;
  --blue: #94c7ff;
  --blue-fill: #4881bf;
  --on-blue: #c1ff00;
  --blue-soft: #6d798d;
  --purple: #d7b4ff;
  --purple-fill: #956cbe;
  --on-purple: #c1ff00;
  --purple-soft: #75778d;
  --black: #69707f;
  --white: #c1ff00;
  --dot-1: #5ebe6a;
  --dot-2: #a8b140;
  --dot-3: #f987a2;
  --dot-4: #bc9ce3;
  --dot-5: #7fade4;
  --neutral-pill: linear-gradient(to right, #c1ff00, #b8ed31, #afda46, #a5c854, #9bb560, #90a469, #849271, #778179, #69707f);
  --huet-background: #6f777c;
  --huet-foreground: #c1ff00;
  --huet-muted: #aed748;
  --huet-border: #95ab65;
  --huet-red: #ffb2c1;
  --huet-yellow: #c3d045;
  --huet-green: #6fde7b;
  --huet-blue: #9ccbff;
  --huet-purple: #dabaff;
}

[data-huet="blueprint"] {
  --c0: #ffffff;
  --c4: #f7f7fc;
  --c8: #eff0fa;
  --c12: #e8e9f7;
  --c20: #d9dbf3;
  --c30: #c7c9ed;
  --c45: #aaafe6;
  --c60: #8d94df;
  --c75: #707ada;
  --c90: #515fd5;
  --c100: #384cd2;
  --red: #ff615f;
  --red-fill: #ff6260;
  --on-red: #ffffff;
  --red-soft: #ffeeec;
  --yellow: #a89762;
  --yellow-fill: #a89762;
  --on-yellow: #ffffff;
  --yellow-soft: #f4f1ec;
  --green: #30ae2b;
  --green-fill: #30ae2b;
  --on-green: #ffffff;
  --green-soft: #e9f5e7;
  --blue: #009df6;
  --blue-fill: #009df6;
  --on-blue: #ffffff;
  --blue-soft: #e8f3ff;
  --purple: #b879ff;
  --purple-fill: #b97aff;
  --on-purple: #ffffff;
  --purple-soft: #f6efff;
  --black: #384cd2;
  --white: #ffffff;
  --dot-1: #72b960;
  --dot-2: #ca8eff;
  --dot-3: #ff8478;
  --dot-4: #b6a781;
  --dot-5: #52aeff;
  --neutral-pill: linear-gradient(to right, #384cd2, #5663d5, #707ada, #8990de, #a1a6e4, #b8bcea, #d0d2f0, #e7e8f7, #ffffff);
  --huet-background: #f5f6fc;
  --huet-foreground: #384cd2;
  --huet-muted: #878ede;
  --huet-border: #bfc2eb;
  --huet-red: #ff4249;
  --huet-yellow: #9d8c58;
  --huet-green: #1da21a;
  --huet-blue: #0092e6;
  --huet-purple: #b167ff;
}

.dark[data-huet="blueprint"], .dark [data-huet="blueprint"] {
  --c0: #384cd2;
  --c4: #4354d3;
  --c8: #4d5cd4;
  --c12: #5663d5;
  --c20: #6772d8;
  --c30: #7b84db;
  --c45: #989ee1;
  --c60: #b4b8e8;
  --c75: #d1d3f0;
  --c90: #edeef9;
  --c100: #ffffff;
  --red: #ffbbb5;
  --red-fill: #ffcec9;
  --on-red: #384cd2;
  --red-soft: #575cc8;
  --yellow: #ddcb95;
  --yellow-fill: #ead8a1;
  --on-yellow: #384cd2;
  --yellow-soft: #475fc9;
  --green: #6de566;
  --green-fill: #7af272;
  --on-green: #384cd2;
  --green-soft: #3963c6;
  --blue: #9dd2ff;
  --blue-fill: #b8deff;
  --on-blue: #384cd2;
  --blue-soft: #3b5cd9;
  --purple: #dbc1ff;
  --purple-fill: #e4d1ff;
  --on-purple: #384cd2;
  --purple-soft: #4f57d9;
  --black: #384cd2;
  --white: #ffffff;
  --dot-1: #52aeff;
  --dot-2: #b6a781;
  --dot-3: #ff8478;
  --dot-4: #ca8eff;
  --dot-5: #72b960;
  --neutral-pill: linear-gradient(to right, #ffffff, #e8e9f7, #d1d3f0, #b9bdea, #a2a7e4, #8a91de, #717bda, #5764d5, #384cd2);
  --huet-background: #4556d3;
  --huet-foreground: #ffffff;
  --huet-muted: #cfd1f0;
  --huet-border: #979de1;
  --huet-red: #ff9f95;
  --huet-yellow: #e2d099;
  --huet-green: #72ea6b;
  --huet-blue: #78bfff;
  --huet-purple: #d2a6ff;
}

[data-huet="terminal"] {
  --c0: #7fff8b;
  --c4: #7af486;
  --c8: #75e981;
  --c12: #71df7d;
  --c20: #67ca73;
  --c30: #5cb168;
  --c45: #4a8c57;
  --c60: #396947;
  --c75: #294837;
  --c90: #182927;
  --c100: #0d171d;
  --red: #cb2254;
  --red-fill: #d52e5c;
  --on-red: #7fff8b;
  --red-soft: #9ae585;
  --yellow: #6b7300;
  --yellow-fill: #737b00;
  --on-yellow: #7fff8b;
  --yellow-soft: #80ea7c;
  --green: #007e14;
  --green-fill: #008716;
  --on-green: #7fff8b;
  --green-soft: #70ec7c;
  --blue: #3467d7;
  --blue-fill: #3b6fdf;
  --on-blue: #7fff8b;
  --blue-soft: #73ea9b;
  --purple: #aa2ad0;
  --purple-fill: #b336d9;
  --on-purple: #7fff8b;
  --purple-soft: #8de79a;
  --black: #0d171d;
  --white: #7fff8b;
  --dot-1: #456fc7;
  --dot-2: #6f772e;
  --dot-3: #c34662;
  --dot-4: #a14ec1;
  --dot-5: #1e8427;
  --neutral-pill: linear-gradient(to right, #0d171d, #1b2e29, #294837, #376444, #448052, #539e5f, #61be6e, #70de7c, #7fff8b);
  --huet-background: #78f085;
  --huet-foreground: #0d171d;
  --huet-muted: #3e734b;
  --huet-border: #5cb369;
  --huet-red: #ad0042;
  --huet-yellow: #5b6100;
  --huet-green: #157e20;
  --huet-blue: #2254c1;
  --huet-purple: #9200b6;
}

.dark[data-huet="terminal"], .dark [data-huet="terminal"] {
  --c0: #0d171d;
  --c4: #121f21;
  --c8: #172625;
  --c12: #1b2e29;
  --c20: #243e32;
  --c30: #2f543c;
  --c45: #40764d;
  --c60: #50995d;
  --c75: #62bf6e;
  --c90: #73e580;
  --c100: #7fff8b;
  --red: #ff92a2;
  --red-fill: #ff8fa0;
  --on-red: #0d171d;
  --red-soft: #272027;
  --yellow: #aeba28;
  --yellow-fill: #acb825;
  --on-yellow: #0d171d;
  --yellow-soft: #1a2422;
  --green: #48ca4d;
  --green-fill: #46c84b;
  --on-green: #0d171d;
  --green-soft: #112621;
  --blue: #8bb2ff;
  --blue-fill: #88b0ff;
  --on-blue: #0d171d;
  --blue-soft: #152334;
  --purple: #e393ff;
  --purple-fill: #e290ff;
  --on-purple: #0d171d;
  --purple-soft: #222033;
  --black: #0d171d;
  --white: #7fff8b;
  --dot-1: #1e8427;
  --dot-2: #a14ec1;
  --dot-3: #c34662;
  --dot-4: #6f772e;
  --dot-5: #456fc7;
  --neutral-pill: linear-gradient(to right, #7fff8b, #71df7d, #62bf6e, #539f60, #458152, #376545, #294937, #1b2f2a, #0d171d);
  --huet-background: #142123;
  --huet-foreground: #7fff8b;
  --huet-muted: #66c873;
  --huet-border: #488755;
  --huet-red: #c94c67;
  --huet-yellow: #b0bc2b;
  --huet-green: #4bcc4f;
  --huet-blue: #4a75cd;
  --huet-purple: #a754c7;
}

[data-huet="paperback"] {
  --c0: #e2c1b1;
  --c4: #dabaab;
  --c8: #d3b4a6;
  --c12: #ccaea0;
  --c20: #bea295;
  --c30: #ac9387;
  --c45: #937e74;
  --c60: #7a6961;
  --c75: #62544e;
  --c90: #4b413c;
  --c100: #3d3531;
  --red: #cc1b27;
  --red-fill: #8c0012;
  --on-red: #e2c1b1;
  --red-soft: #e5af9f;
  --yellow: #93621f;
  --yellow-fill: #684000;
  --on-yellow: #e2c1b1;
  --yellow-soft: #d7b5a1;
  --green: #007b4c;
  --green-fill: #005332;
  --on-green: #e2c1b1;
  --green-soft: #cab9a4;
  --blue: #386ead;
  --blue-fill: #104984;
  --on-blue: #e2c1b1;
  --blue-soft: #ceb7b1;
  --purple: #8259b2;
  --purple-fill: #5d3389;
  --on-purple: #e2c1b1;
  --purple-soft: #d5b4b5;
  --black: #3d3531;
  --white: #e2c1b1;
  --dot-1: #e1393b;
  --dot-2: #5f7aac;
  --dot-3: #278a5b;
  --dot-4: #9067bf;
  --dot-5: #987349;
  --neutral-pill: linear-gradient(to right, #3d3531, #4f443f, #62544e, #76665e, #8b776e, #9f887d, #b59b8f, #cbad9f, #e2c1b1);
  --huet-background: #d9b9aa;
  --huet-foreground: #3d3531;
  --huet-muted: #77665e;
  --huet-border: #a78f83;
  --huet-red: #cc212a;
  --huet-yellow: #885811;
  --huet-green: #0f784c;
  --huet-blue: #2d64a1;
  --huet-purple: #774ea6;
}

.dark[data-huet="paperback"], .dark [data-huet="paperback"] {
  --c0: #3d3531;
  --c4: #433a35;
  --c8: #493f3a;
  --c12: #4f443f;
  --c20: #5b4f49;
  --c30: #6b5c54;
  --c45: #837168;
  --c60: #9c867b;
  --c75: #b69c8f;
  --c90: #d0b2a3;
  --c100: #e2c1b1;
  --red: #ff726a;
  --red-fill: #ffa79f;
  --on-red: #3d3531;
  --red-soft: #553934;
  --yellow: #ca9657;
  --yellow-fill: #e9b474;
  --on-yellow: #3d3531;
  --yellow-soft: #493e35;
  --green: #4eb27e;
  --green-fill: #6fd19c;
  --on-green: #3d3531;
  --green-soft: #3e4137;
  --blue: #6ba3e5;
  --blue-fill: #8ec2ff;
  --on-blue: #3d3531;
  --blue-soft: #423f43;
  --purple: #b68deb;
  --purple-fill: #d1afff;
  --on-purple: #3d3531;
  --purple-soft: #483d45;
  --black: #3d3531;
  --white: #e2c1b1;
  --dot-1: #987349;
  --dot-2: #9067bf;
  --dot-3: #278a5b;
  --dot-4: #5f7aac;
  --dot-5: #e1393b;
  --neutral-pill: linear-gradient(to right, #e2c1b1, #ccaea0, #b69c8f, #a0897e, #8c786e, #77665e, #63554e, #4f453f, #3d3531);
  --huet-background: #453c37;
  --huet-foreground: #e2c1b1;
  --huet-muted: #b79d90;
  --huet-border: #86736a;
  --huet-red: #ee524f;
  --huet-yellow: #ce9a5b;
  --huet-green: #53b682;
  --huet-blue: #6fa7e9;
  --huet-purple: #ba91ef;
}

[data-huet="deep-dive"] {
  --c0: #b6e8e8;
  --c4: #aedee1;
  --c8: #a8d5db;
  --c12: #a1ccd4;
  --c20: #93bac8;
  --c30: #82a4b8;
  --c45: #6883a0;
  --c60: #4f6489;
  --c75: #364773;
  --c90: #1a2c5d;
  --c100: #001b4f;
  --red: #c7303c;
  --red-fill: #c62f3b;
  --on-red: #b6e8e8;
  --red-soft: #bed2d3;
  --yellow: #757031;
  --yellow-fill: #736f2f;
  --on-yellow: #b6e8e8;
  --yellow-soft: #aed6d2;
  --green: #0b7e30;
  --green-fill: #097d2f;
  --on-green: #b6e8e8;
  --green-soft: #a2d9cf;
  --blue: #3d5eee;
  --blue-fill: #3c5ded;
  --on-blue: #b6e8e8;
  --blue-soft: #a3d6ec;
  --purple: #943ce0;
  --purple-fill: #933bdf;
  --on-purple: #b6e8e8;
  --purple-soft: #b2d3e9;
  --black: #001b4f;
  --white: #b6e8e8;
  --dot-1: #9551e3;
  --dot-2: #c05063;
  --dot-3: #4569f4;
  --dot-4: #33854a;
  --dot-5: #7c765b;
  --neutral-pill: linear-gradient(to right, #001b4f, #203061, #364773, #4b5f85, #607999, #7593ac, #8aaebf, #a0cbd4, #b6e8e8);
  --huet-background: #addce0;
  --huet-foreground: #001b4f;
  --huet-muted: #546a8e;
  --huet-border: #82a4b8;
  --huet-red: #b4182d;
  --huet-yellow: #656120;
  --huet-green: #006e27;
  --huet-blue: #314ddd;
  --huet-purple: #8426ce;
}

.dark[data-huet="deep-dive"], .dark [data-huet="deep-dive"] {
  --c0: #001b4f;
  --c4: #0d2255;
  --c8: #17295b;
  --c12: #1f3060;
  --c20: #2e3f6c;
  --c30: #3f517b;
  --c45: #597092;
  --c60: #728fa9;
  --c75: #8bafc0;
  --c90: #a5d1d8;
  --c100: #b6e8e8;
  --red: #ff8d8b;
  --red-fill: #ff9693;
  --on-red: #001b4f;
  --red-soft: #212754;
  --yellow: #b5b170;
  --yellow-fill: #bab776;
  --on-yellow: #001b4f;
  --yellow-soft: #112a53;
  --green: #61c271;
  --green-fill: #67c876;
  --on-green: #001b4f;
  --green-soft: #002d50;
  --blue: #8eacff;
  --blue-fill: #95b2ff;
  --on-blue: #001b4f;
  --blue-soft: #072665;
  --purple: #c89aff;
  --purple-fill: #cba1ff;
  --on-purple: #001b4f;
  --purple-soft: #1a2463;
  --black: #001b4f;
  --white: #b6e8e8;
  --dot-1: #7c765b;
  --dot-2: #33854a;
  --dot-3: #4569f4;
  --dot-4: #c05063;
  --dot-5: #9551e3;
  --neutral-pill: linear-gradient(to right, #b6e8e8, #a1ccd4, #8bafc0, #7594ac, #617a99, #4c6086, #374874, #203161, #001b4f);
  --huet-background: #102457;
  --huet-foreground: #b6e8e8;
  --huet-muted: #90b6c5;
  --huet-border: #627b9a;
  --huet-red: #c65568;
  --huet-yellow: #b7b373;
  --huet-green: #63c472;
  --huet-blue: #4a6ffa;
  --huet-purple: #9a57e9;
}

[data-huet="royal-purple"] {
  --c0: #f0c9e7;
  --c4: #e7c1df;
  --c8: #dfbad8;
  --c12: #d7b3d0;
  --c20: #c7a4c1;
  --c30: #b392af;
  --c45: #977894;
  --c60: #7b607b;
  --c75: #614862;
  --c90: #47314a;
  --c100: #37233b;
  --red: #cd1c28;
  --red-fill: #b2001a;
  --on-red: #f0c9e7;
  --red-soft: #f0b6ce;
  --yellow: #9a5f00;
  --yellow-fill: #855100;
  --on-yellow: #f0c9e7;
  --yellow-soft: #e4bbcd;
  --green: #00777d;
  --green-fill: #00676d;
  --on-green: #f0c9e7;
  --green-soft: #d5bfd9;
  --blue: #3764d9;
  --blue-fill: #2953c7;
  --on-blue: #f0c9e7;
  --blue-soft: #d9bce7;
  --purple: #8846dd;
  --purple-fill: #7833ca;
  --on-purple: #f0c9e7;
  --purple-soft: #e2b9e5;
  --black: #37233b;
  --white: #f0c9e7;
  --dot-1: #596fdc;
  --dot-2: #07858c;
  --dot-3: #9a5ad1;
  --dot-4: #e03639;
  --dot-5: #a36c38;
  --neutral-pill: linear-gradient(to right, #37233b, #4b354e, #614862, #765b76, #8e708c, #a585a1, #bd9bb8, #d6b1cf, #f0c9e7);
  --huet-background: #e5bfdd;
  --huet-foreground: #37233b;
  --huet-muted: #7b607b;
  --huet-border: #b190ac;
  --huet-red: #d62c31;
  --huet-yellow: #885300;
  --huet-green: #007c83;
  --huet-blue: #2b55c9;
  --huet-purple: #7a35cd;
}

.dark[data-huet="royal-purple"], .dark [data-huet="royal-purple"] {
  --c0: #37233b;
  --c4: #3d2941;
  --c8: #442f47;
  --c12: #4b344e;
  --c20: #59415b;
  --c30: #6a506a;
  --c45: #856984;
  --c60: #a1829e;
  --c75: #be9cb9;
  --c90: #dcb7d5;
  --c100: #f0c9e7;
  --red: #ff8179;
  --red-fill: #ff9d94;
  --on-red: #37233b;
  --red-soft: #4f293d;
  --yellow: #da9a50;
  --yellow-fill: #ebaa60;
  --on-yellow: #37233b;
  --yellow-soft: #452e3d;
  --green: #4db6bd;
  --green-fill: #5ec6cd;
  --on-green: #37233b;
  --green-soft: #393147;
  --blue: #7ea6ff;
  --blue-fill: #95b7ff;
  --on-blue: #37233b;
  --blue-soft: #3d2e52;
  --purple: #ba94ff;
  --purple-fill: #c6a9ff;
  --on-purple: #37233b;
  --purple-soft: #452b4f;
  --black: #37233b;
  --white: #f0c9e7;
  --dot-1: #a36c38;
  --dot-2: #e03639;
  --dot-3: #9a5ad1;
  --dot-4: #07858c;
  --dot-5: #596fdc;
  --neutral-pill: linear-gradient(to right, #f0c9e7, #d7b2d0, #be9cb9, #a686a2, #8f718d, #775c77, #624963, #4c364f, #37233b);
  --huet-background: #402b43;
  --huet-foreground: #f0c9e7;
  --huet-muted: #c19fbc;
  --huet-border: #8c6e8a;
  --huet-red: #e63c3e;
  --huet-yellow: #de9e54;
  --huet-green: #50b9c0;
  --huet-blue: #5d74e2;
  --huet-purple: #9f5fd6;
}

[data-huet="orange-boost"] {
  --c0: #ff7c49;
  --c4: #f77a4a;
  --c8: #f0784b;
  --c12: #e8764c;
  --c20: #da734d;
  --c30: #c86e4f;
  --c45: #ad6751;
  --c60: #925f53;
  --c75: #775854;
  --c90: #5c5055;
  --c100: #474b56;
  --red: #c8003e;
  --red-fill: #f1395b;
  --on-red: #4a4a56;
  --red-soft: #fa724b;
  --yellow: #935d00;
  --yellow-fill: #b77713;
  --on-yellow: #474b56;
  --yellow-soft: #f07a43;
  --green: #00783b;
  --green-fill: #04984d;
  --on-green: #474b56;
  --green-soft: #e5814b;
  --blue: #006fa0;
  --blue-fill: #188cc5;
  --on-blue: #464b57;
  --blue-soft: #e5805e;
  --purple: #a931a8;
  --purple-fill: #cb53c8;
  --on-purple: #474b56;
  --purple-soft: #ef795e;
  --black: #474b56;
  --white: #ff7c49;
  --dot-1: #9e691e;
  --dot-2: #9e5ca1;
  --dot-3: #da2f50;
  --dot-4: #3f7aa3;
  --dot-5: #2e8450;
  --neutral-pill: linear-gradient(to right, #474b56, #5f5155, #775854, #8e5e53, #a46452, #ba6b50, #d1704e, #e8764c, #ff7c49);
  --huet-background: #f57a4a;
  --huet-foreground: #474b56;
  --huet-muted: #885d53;
  --huet-border: #be6b50;
  --huet-red: #bd003b;
  --huet-yellow: #8b5800;
  --huet-green: #007238;
  --huet-blue: #006997;
  --huet-purple: #a229a1;
}

.dark[data-huet="orange-boost"], .dark [data-huet="orange-boost"] {
  --c0: #474b56;
  --c4: #504d56;
  --c8: #584f56;
  --c12: #605255;
  --c20: #6e5655;
  --c30: #815b54;
  --c45: #9d6352;
  --c60: #b76a50;
  --c75: #d2714e;
  --c90: #ed784b;
  --c100: #ff7c49;
  --red: #f63e5f;
  --red-fill: #d00141;
  --on-red: #ff7c49;
  --red-soft: #5f4c56;
  --yellow: #bc7c1c;
  --yellow-fill: #996100;
  --on-yellow: #ff7c49;
  --yellow-soft: #555051;
  --green: #129d51;
  --green-fill: #007e3e;
  --on-green: #fe7d49;
  --green-soft: #465456;
  --blue: #2091ca;
  --blue-fill: #0074a5;
  --on-blue: #fe7d4b;
  --blue-soft: #475261;
  --purple: #cf58cd;
  --purple-fill: #af37ad;
  --on-purple: #ff7c4b;
  --purple-soft: #554e61;
  --black: #474b56;
  --white: #ff7c49;
  --dot-1: #2e8450;
  --dot-2: #3f7aa3;
  --dot-3: #da2f50;
  --dot-4: #9e5ca1;
  --dot-5: #9e691e;
  --neutral-pill: linear-gradient(to right, #ff7c49, #e9774c, #d2714e, #bb6b50, #a56552, #8f5f53, #785854, #605255, #474b56);
  --huet-background: #514e56;
  --huet-foreground: #ff7c49;
  --huet-muted: #d0704e;
  --huet-border: #9a6252;
  --huet-red: #fa4362;
  --huet-yellow: #bf7f20;
  --huet-green: #19a054;
  --huet-blue: #2594cd;
  --huet-purple: #d25bd0;
}

[data-huet="faded-future"] {
  --c0: #b2bdff;
  --c4: #adb7f6;
  --c8: #a8b2ee;
  --c12: #a3ace6;
  --c20: #99a1d6;
  --c30: #8d94c2;
  --c45: #7b80a5;
  --c60: #696d89;
  --c75: #575a6d;
  --c90: #474853;
  --c100: #3c3d43;
  --red: #cc2600;
  --red-fill: #ff6043;
  --on-red: #3c3d43;
  --red-soft: #bfaee0;
  --yellow: #866900;
  --yellow-fill: #b2933c;
  --on-yellow: #3c3d43;
  --yellow-soft: #adb4e0;
  --green: #377c00;
  --green-fill: #57a925;
  --on-green: #3c3d42;
  --green-soft: #a1b7df;
  --blue: #0065e2;
  --blue-fill: #5095ff;
  --on-blue: #3c3d43;
  --blue-soft: #9eb3ff;
  --purple: #8f3ee0;
  --purple-fill: #b478ff;
  --on-purple: #3c3d43;
  --purple-soft: #afaffb;
  --black: #3c3d43;
  --white: #b2bdff;
  --dot-1: #0673ff;
  --dot-2: #478a19;
  --dot-3: #947720;
  --dot-4: #9a5ae2;
  --dot-5: #e43b15;
  --neutral-pill: linear-gradient(to right, #3c3d43, #494b57, #575a6d, #666a84, #74799b, #838ab3, #929acb, #a2abe5, #b2bdff);
  --huet-background: #abb5f4;
  --huet-foreground: #3c3d43;
  --huet-muted: #656983;
  --huet-border: #888eba;
  --huet-red: #c02502;
  --huet-yellow: #7a6000;
  --huet-green: #337101;
  --huet-blue: #005dd2;
  --huet-purple: #8531d4;
}

.dark[data-huet="faded-future"], .dark [data-huet="faded-future"] {
  --c0: #3c3d43;
  --c4: #41424a;
  --c8: #454751;
  --c12: #4a4c58;
  --c20: #535565;
  --c30: #5e6177;
  --c45: #6f7493;
  --c60: #8187af;
  --c75: #939bcc;
  --c90: #a6afeb;
  --c100: #b2bdff;
  --red: #ff6b50;
  --red-fill: #d62800;
  --on-red: #b2bdff;
  --red-soft: #564141;
  --yellow: #b79842;
  --yellow-fill: #8c6f07;
  --on-yellow: #b2bdff;
  --yellow-soft: #484642;
  --green: #5bae2c;
  --green-fill: #3a8200;
  --on-green: #b2bdff;
  --green-soft: #3f4841;
  --blue: #599bff;
  --blue-fill: #006bed;
  --on-blue: #b2bdff;
  --blue-soft: #3a475d;
  --purple: #b880ff;
  --purple-fill: #9546e7;
  --on-purple: #b2bdff;
  --purple-soft: #494359;
  --black: #3c3d43;
  --white: #b2bdff;
  --dot-1: #e43b15;
  --dot-2: #9a5ae2;
  --dot-3: #947720;
  --dot-4: #478a19;
  --dot-5: #0673ff;
  --neutral-pill: linear-gradient(to right, #b2bdff, #a2ace5, #939bcc, #848ab4, #757a9c, #676a85, #585b6e, #4a4c58, #3c3d43);
  --huet-background: #42434b;
  --huet-foreground: #b2bdff;
  --huet-muted: #939bcd;
  --huet-border: #707594;
  --huet-red: #f45b3e;
  --huet-yellow: #bb9c46;
  --huet-green: #5fb231;
  --huet-blue: #418cff;
  --huet-purple: #ab72f3;
}

[data-huet="a-box-of-macaroni"] {
  --c0: #ffc900;
  --c4: #f7c01e;
  --c8: #f1b82a;
  --c12: #eaaf35;
  --c20: #db9e45;
  --c30: #c98a52;
  --c45: #ae6c61;
  --c60: #904f6d;
  --c75: #6f3178;
  --c90: #451480;
  --c100: #0d0086;
  --red: #ce0028;
  --red-fill: #a7001e;
  --on-red: #ffc900;
  --red-soft: #feb322;
  --yellow: #8b6521;
  --yellow-fill: #755000;
  --on-yellow: #ffc900;
  --yellow-soft: #eeba0e;
  --green: #007c29;
  --green-fill: #006520;
  --on-green: #ffc900;
  --green-soft: #e4be31;
  --blue: #3767c8;
  --blue-fill: #2351b1;
  --on-blue: #ffc900;
  --blue-soft: #e3be5c;
  --purple: #ac00d0;
  --purple-fill: #8c00a9;
  --on-purple: #ffc900;
  --purple-soft: #f4b763;
  --black: #0d0086;
  --white: #ffc900;
  --dot-1: #506ad7;
  --dot-2: #487d62;
  --dot-3: #936c20;
  --dot-4: #bd00ef;
  --dot-5: #e50043;
  --neutral-pill: linear-gradient(to right, #0d0086, #4d197f, #6f3178, #8b496f, #a46266, #bc7b5a, #d3944b, #e9ae36, #ffc900);
  --huet-background: #f6be21;
  --huet-foreground: #0d0086;
  --huet-muted: #95536c;
  --huet-border: #c98952;
  --huet-red: #db003f;
  --huet-yellow: #8d6619;
  --huet-green: #006d23;
  --huet-blue: #4a65d1;
  --huet-purple: #b400e4;
}

.dark[data-huet="a-box-of-macaroni"], .dark [data-huet="a-box-of-macaroni"] {
  --c0: #0d0086;
  --c4: #2d0784;
  --c8: #3e1082;
  --c12: #4c187f;
  --c20: #63287b;
  --c30: #7c3c74;
  --c45: #9b5969;
  --c60: #b8775c;
  --c75: #d3954b;
  --c90: #eeb430;
  --c100: #ffc900;
  --red: #ff7d79;
  --red-fill: #ff9e99;
  --on-red: #0d0086;
  --red-soft: #2d1f80;
  --yellow: #c79e5d;
  --yellow-fill: #dbb271;
  --on-yellow: #0d0086;
  --yellow-soft: #17277e;
  --green: #37bc52;
  --green-fill: #50d066;
  --on-green: #0d0086;
  --green-soft: #052683;
  --blue: #75a4ff;
  --blue-fill: #94b9ff;
  --on-blue: #0d0086;
  --blue-soft: #121a92;
  --purple: #e27aff;
  --purple-fill: #e99bff;
  --on-purple: #0d0086;
  --purple-soft: #2a0c95;
  --black: #0d0086;
  --white: #ffc900;
  --dot-1: #e50043;
  --dot-2: #bd00ef;
  --dot-3: #936c20;
  --dot-4: #487d62;
  --dot-5: #506ad7;
  --neutral-pill: linear-gradient(to right, #ffc900, #eaaf35, #d3954b, #bc7c5a, #a56365, #8c4a6f, #703277, #4e1a7f, #0d0086);
  --huet-background: #310983;
  --huet-foreground: #ffc900;
  --huet-muted: #d89a48;
  --huet-border: #a56265;
  --huet-red: #ea1147;
  --huet-yellow: #987026;
  --huet-green: #39bd54;
  --huet-blue: #546fdc;
  --huet-purple: #c112f4;
}

[data-huet="sunset"] {
  --c0: #ffe173;
  --c4: #ffd36f;
  --c8: #ffc76c;
  --c12: #feba6b;
  --c20: #f7a26b;
  --c30: #e8886e;
  --c45: #c66973;
  --c60: #9a5271;
  --c75: #6c4167;
  --c90: #3f3254;
  --c100: #242744;
  --red: #da002b;
  --red-fill: #da002b;
  --on-red: #ffe173;
  --red-soft: #ffcb70;
  --yellow: #b25800;
  --yellow-fill: #b25800;
  --on-yellow: #ffe173;
  --yellow-soft: #f7ce65;
  --green: #008325;
  --green-fill: #008325;
  --on-green: #ffe173;
  --green-soft: #e2d568;
  --blue: #007c90;
  --blue-fill: #007d91;
  --on-blue: #ffe173;
  --blue-soft: #e1d57f;
  --purple: #a848ba;
  --purple-fill: #a848ba;
  --on-purple: #ffe173;
  --purple-soft: #f4ce89;
  --black: #242744;
  --white: #ffe173;
  --dot-1: #20899d;
  --dot-2: #c36404;
  --dot-3: #21912c;
  --dot-4: #b656c8;
  --dot-5: #f42534;
  --neutral-pill: linear-gradient(to right, #242744, #463458, #6c4167, #934f70, #b86073, #d87771, #f0956c, #feb96b, #ffe173);
  --huet-background: #ffd16e;
  --huet-foreground: #242744;
  --huet-muted: #a15572;
  --huet-border: #e9896e;
  --huet-red: #ee1a2e;
  --huet-yellow: #bc6000;
  --huet-green: #1a8c27;
  --huet-blue: #188498;
  --huet-purple: #9737aa;
}

.dark[data-huet="sunset"], .dark [data-huet="sunset"] {
  --c0: #242744;
  --c4: #2f2c4b;
  --c8: #3a3052;
  --c12: #463458;
  --c20: #5e3d62;
  --c30: #7c476c;
  --c45: #ab5a73;
  --c60: #d47371;
  --c75: #f1966c;
  --c90: #ffc16b;
  --c100: #ffe173;
  --red: #ff938e;
  --red-fill: #ff9b95;
  --on-red: #242744;
  --red-soft: #432e46;
  --yellow: #fd974f;
  --yellow-fill: #ff9f5e;
  --on-yellow: #242744;
  --yellow-soft: #3a3244;
  --green: #57c763;
  --green-fill: #5dcd68;
  --on-green: #242744;
  --green-soft: #263745;
  --blue: #5abed4;
  --blue-fill: #60c4da;
  --on-blue: #242744;
  --blue-soft: #273550;
  --purple: #ec8dff;
  --purple-fill: #ed96ff;
  --on-purple: #242744;
  --purple-soft: #382f56;
  --black: #242744;
  --white: #ffe173;
  --dot-1: #f42534;
  --dot-2: #b656c8;
  --dot-3: #21912c;
  --dot-4: #c36404;
  --dot-5: #20899d;
  --neutral-pill: linear-gradient(to right, #ffe173, #feba6b, #f1966c, #d97871, #b96173, #945070, #6d4267, #483559, #242744);
  --huet-background: #312d4d;
  --huet-foreground: #ffe173;
  --huet-muted: #f69f6b;
  --huet-border: #bb6273;
  --huet-red: #fa2d39;
  --huet-yellow: #c86911;
  --huet-green: #5aca66;
  --huet-blue: #5dc1d7;
  --huet-purple: #bb5bcd;
}

[data-huet="astro"] {
  --c0: #ffffff;
  --c4: #fff1e4;
  --c8: #ffe2ca;
  --c12: #ffd4b1;
  --c20: #fdb57f;
  --c30: #e6967b;
  --c45: #b86e74;
  --c60: #824f66;
  --c75: #4d364e;
  --c90: #201d2d;
  --c100: #040816;
  --red: #f74f37;
  --red-fill: #ffb5a6;
  --on-red: #040816;
  --red-soft: #fde5de;
  --yellow: #b38550;
  --yellow-fill: #eebe88;
  --on-yellow: #040816;
  --yellow-soft: #efe9e2;
  --green: #009f71;
  --green-fill: #4bdea6;
  --on-green: #040816;
  --green-soft: #dfede6;
  --blue: #6193ba;
  --blue-fill: #98cdf6;
  --on-blue: #040816;
  --blue-soft: #e3ebf1;
  --purple: #af78ca;
  --purple-fill: #e6b5ff;
  --on-purple: #040816;
  --purple-soft: #eee7f2;
  --black: #040816;
  --white: #ffffff;
  --dot-1: #188765;
  --dot-2: #9067a9;
  --dot-3: #4c7ca1;
  --dot-4: #d74322;
  --dot-5: #94714b;
  --neutral-pill: linear-gradient(to right, #040816, #262133, #4d364e, #794b63, #a66370, #d08078, #f3a57d, #ffd1ac, #ffffff);
  --huet-background: #ffeddd;
  --huet-foreground: #040816;
  --huet-muted: #ac6672;
  --huet-border: #f2a47d;
  --huet-red: #e03720;
  --huet-yellow: #9e723d;
  --huet-green: #008b62;
  --huet-blue: #4e80a6;
  --huet-purple: #9b65b6;
}

.dark[data-huet="astro"], .dark [data-huet="astro"] {
  --c0: #040816;
  --c4: #121420;
  --c8: #1b1a29;
  --c12: #252132;
  --c20: #3d2e44;
  --c30: #5f3f57;
  --c45: #965a6c;
  --c60: #ca7b77;
  --c75: #f4a67d;
  --c90: #ffdcc0;
  --c100: #ffffff;
  --red: #ff9480;
  --red-fill: #da3018;
  --on-red: #ffffff;
  --red-soft: #25161e;
  --yellow: #d9a974;
  --yellow-fill: #9a6e39;
  --on-yellow: #ffffff;
  --yellow-soft: #1a1a21;
  --green: #2bc892;
  --green-fill: #00865f;
  --on-green: #ffffff;
  --green-soft: #081d25;
  --blue: #83b7df;
  --blue-fill: #497ba0;
  --on-blue: #ffffff;
  --blue-soft: #0e1b2d;
  --purple: #d49cf1;
  --purple-fill: #9660b0;
  --on-purple: #ffffff;
  --purple-soft: #19182e;
  --black: #040816;
  --white: #ffffff;
  --dot-1: #94714b;
  --dot-2: #d74322;
  --dot-3: #4c7ca1;
  --dot-4: #9067a9;
  --dot-5: #188765;
  --neutral-pill: linear-gradient(to right, #ffffff, #ffd3af, #f4a67d, #d18178, #a76471, #7a4c63, #4e374e, #272234, #040816);
  --huet-background: #141522;
  --huet-foreground: #ffffff;
  --huet-muted: #efa07c;
  --huet-border: #a86471;
  --huet-red: #e24d2d;
  --huet-yellow: #daab75;
  --huet-green: #2dc993;
  --huet-blue: #85b9e1;
  --huet-purple: #d59df2;
}

html[data-recolor-pending] :is(img[src^="/"]:not([src^="//"]), img[src^="https://markmiro-website-content.s3.us-west-1.amazonaws.com/"], img[src^="https://vscodethemes.com/"]):not(.pswp img):not([data-recolored]) {
  visibility: hidden;
}

@media (prefers-reduced-motion: no-preference) {
  html[data-recolor-pending] img[data-recolored] {
    animation: huet-fade-in 400ms ease-out;
  }
}

@keyframes huet-fade-in {
  from {
    opacity: 0;
  }
}