/* Componiq Colors — 53 ramps, 744 tones */
:root {
  --indigo-1: #f7f8fe;
  --indigo-1-soft: #f8f8fb;
  --indigo-1-muted: #f8f8f9;
  --indigo-1-faded: #f8f8f9;
  --indigo-1-alpha: #0020df08;
  --indigo-2: #eff1fd;
  --indigo-2-soft: #f0f1f8;
  --indigo-2-muted: #f1f2f4;
  --indigo-2-faded: #f1f2f3;
  --indigo-2-alpha: #0020df10;
  --indigo-3: #e7eafc;
  --indigo-3-soft: #e9ebf4;
  --indigo-3-muted: #eaebee;
  --indigo-3-faded: #ebebec;
  --indigo-3-alpha: #0020df18;
  --indigo-4: #dee3fc;
  --indigo-4-soft: #e1e4f1;
  --indigo-4-muted: #e3e4e9;
  --indigo-4-faded: #e4e4e6;
  --indigo-4-alpha: #0027e821;
  --indigo-5: #d2d8fc;
  --indigo-5-soft: #d6daec;
  --indigo-5-muted: #d9dae1;
  --indigo-5-faded: #dadadd;
  --indigo-5-alpha: #0022ee2d;
  --indigo-6: #aeb8fb;
  --indigo-6-soft: #b5bbde;
  --indigo-6-muted: #bbbdc9;
  --indigo-6-faded: #bcbdc3;
  --indigo-6-alpha: #001ff251;
  --indigo-7: #8993fb;
  --indigo-7-soft: #929acf;
  --indigo-7-muted: #9a9db0;
  --indigo-7-faded: #9c9ea6;
  --indigo-7-alpha: #0016f676;
  --indigo-8: #777efb;
  --indigo-8-soft: #818ac8;
  --indigo-8-muted: #8a8ea4;
  --indigo-8-faded: #8d8e99;
  --indigo-8-alpha: #000df788;
  --indigo-9: #533bfb;
  --indigo-9-soft: #575eb6;
  --indigo-9-muted: #626785;
  --indigo-9-faded: #656876;
  --indigo-9-alpha: #1f00fac4;
  --indigo-10: #4217da;
  --indigo-10-soft: #43479a;
  --indigo-10-muted: #4c506d;
  --indigo-10-faded: #4f525f;
  --indigo-10-alpha: #2f00d6e8;
  --indigo-11: #3419ae;
  --indigo-11-soft: #36397b;
  --indigo-11-muted: #3d4158;
  --indigo-11-faded: #40424c;
  --indigo-11-alpha: #1e00a5e6;
  --indigo-12: #2b1a91;
  --indigo-12-soft: #2d3167;
  --indigo-12-muted: #333649;
  --indigo-12-faded: #363740;
  --indigo-12-alpha: #130085e5;
  --indigo-13: #1f146c;
  --indigo-13-soft: #21244c;
  --indigo-13-muted: #252836;
  --indigo-13-faded: #27282f;
  --indigo-13-alpha: #0c005feb;
  --indigo-14: #0c0639;
  --indigo-14-soft: #0d0f26;
  --indigo-14-muted: #101119;
  --indigo-14-faded: #111115;
  --indigo-14-alpha: #060034f9;
  --purple-1: #fef5fe;
  --purple-1-soft: #fbf7fb;
  --purple-1-muted: #f9f8f9;
  --purple-1-faded: #f9f8f9;
  --purple-1-alpha: #e500e50a;
  --purple-2: #fdebfd;
  --purple-2-soft: #f8eef7;
  --purple-2-muted: #f4f0f4;
  --purple-2-faded: #f3f1f3;
  --purple-2-alpha: #e500e514;
  --purple-3: #fde1fc;
  --purple-3-soft: #f4e6f4;
  --purple-3-muted: #eee9ee;
  --purple-3-faded: #edeaec;
  --purple-3-alpha: #ee00e61e;
  --purple-4: #fcd6fb;
  --purple-4-soft: #f1ddf1;
  --purple-4-muted: #e9e2e9;
  --purple-4-faded: #e6e3e6;
  --purple-4-alpha: #ec00e629;
  --purple-5: #fdc5fc;
  --purple-5-soft: #edd0ec;
  --purple-5-muted: #e1d7e1;
  --purple-5-faded: #ded9dd;
  --purple-5-alpha: #f600f23a;
  --purple-6: #fb8efc;
  --purple-6-soft: #e0a8df;
  --purple-6-muted: #cbb6ca;
  --purple-6-faded: #c3bac3;
  --purple-6-alpha: #f600f871;
  --purple-7: #f62ffc;
  --purple-7-soft: #d178d1;
  --purple-7-muted: #b292b1;
  --purple-7-faded: #a799a7;
  --purple-7-alpha: #f400fbd0;
  --purple-8: #e310ea;
  --purple-8-soft: #c069c0;
  --purple-8-muted: #a283a1;
  --purple-8-faded: #988a97;
  --purple-8-alpha: #e100e9ef;
  --purple-9: #a907ae;
  --purple-9-soft: #8e4c8e;
  --purple-9-muted: #776077;
  --purple-9-faded: #6f656f;
  --purple-9-alpha: #a700acf8;
  --purple-10: #850b89;
  --purple-10-soft: #703c70;
  --purple-10-muted: #5e4b5d;
  --purple-10-faded: #584f57;
  --purple-10-alpha: #800084f4;
  --purple-11: #6b0f6e;
  --purple-11-soft: #5a305a;
  --purple-11-muted: #4b3d4b;
  --purple-11-faded: #464046;
  --purple-11-alpha: #620065f0;
  --purple-12: #5a115c;
  --purple-12-soft: #4b294b;
  --purple-12-muted: #3f333f;
  --purple-12-faded: #3b363b;
  --purple-12-alpha: #4e0050ee;
  --purple-13: #420d44;
  --purple-13-soft: #371e38;
  --purple-13-muted: #2e252e;
  --purple-13-faded: #2b272b;
  --purple-13-alpha: #38003af2;
  --purple-14: #200321;
  --purple-14-soft: #1a0b1a;
  --purple-14-muted: #151015;
  --purple-14-faded: #131113;
  --purple-14-alpha: #1d001efc;
  --red-1: #fef6f6;
  --red-1-soft: #fbf7f7;
  --red-1-muted: #f9f8f8;
  --red-1-faded: #f9f8f8;
  --red-1-alpha: #e3000009;
  --red-2: #fdeeed;
  --red-2-soft: #f8f0ef;
  --red-2-muted: #f4f1f1;
  --red-2-faded: #f3f1f1;
  --red-2-alpha: #e30e0012;
  --red-3: #fce5e4;
  --red-3-soft: #f4e8e7;
  --red-3-muted: #eeeaea;
  --red-3-faded: #eceaea;
  --red-3-alpha: #e309001b;
  --red-4: #fcdcda;
  --red-4-soft: #f1e0df;
  --red-4-muted: #e9e3e2;
  --red-4-faded: #e6e4e4;
  --red-4-alpha: #ea0e0025;
  --red-5: #fccecb;
  --red-5-soft: #edd4d3;
  --red-5-muted: #e1d8d8;
  --red-5-faded: #dedad9;
  --red-5-alpha: #f00f0034;
  --red-6: #fba29f;
  --red-6-soft: #e0b0ae;
  --red-6-muted: #cbb9b8;
  --red-6-faded: #c3bcbb;
  --red-6-alpha: #f4080060;
  --red-7: #fb676a;
  --red-7-soft: #d38684;
  --red-7-muted: #b39695;
  --red-7-faded: #a89b9a;
  --red-7-alpha: #f8000598;
  --red-8: #fc384c;
  --red-8-soft: #ce6f6e;
  --red-8-muted: #a88583;
  --red-8-faded: #9b8b8a;
  --red-8-alpha: #fb001ac7;
  --red-9: #c3102f;
  --red-9-soft: #9d4d4d;
  --red-9-muted: #7e605f;
  --red-9-faded: #736565;
  --red-9-alpha: #bf0021ef;
  --red-10: #9a1025;
  --red-10-soft: #7c3d3c;
  --red-10-muted: #634c4b;
  --red-10-faded: #5a504f;
  --red-10-alpha: #930016ef;
  --red-11: #7c121e;
  --red-11-soft: #643131;
  --red-11-muted: #503d3c;
  --red-11-faded: #484040;
  --red-11-alpha: #72000ded;
  --red-12: #67131b;
  --red-12-soft: #532a2a;
  --red-12-muted: #433433;
  --red-12-faded: #3d3636;
  --red-12-alpha: #5b0009ec;
  --red-13: #4d0e13;
  --red-13-soft: #3e1f1e;
  --red-13-muted: #312625;
  --red-13-faded: #2d2727;
  --red-13-alpha: #430005f1;
  --red-14: #270406;
  --red-14-soft: #1e0b0b;
  --red-14-muted: #16100f;
  --red-14-faded: #141111;
  --red-14-alpha: #240002fb;
  --ocher-1: #fef7f1;
  --ocher-1-soft: #fbf8f4;
  --ocher-1-muted: #f9f8f7;
  --ocher-1-faded: #f9f8f8;
  --ocher-1-alpha: #ed6d000e;
  --ocher-2: #fdefe4;
  --ocher-2-soft: #f8f0ea;
  --ocher-2-muted: #f4f1ef;
  --ocher-2-faded: #f3f1f0;
  --ocher-2-alpha: #ec68001b;
  --ocher-3: #fce7d6;
  --ocher-3-soft: #f4e9df;
  --ocher-3-muted: #eeeae7;
  --ocher-3-faded: #ecebe9;
  --ocher-3-alpha: #ec6a0029;
  --ocher-4: #fbdfc7;
  --ocher-4-soft: #f1e1d4;
  --ocher-4-muted: #e9e3df;
  --ocher-4-faded: #e6e4e2;
  --ocher-4-alpha: #ed6d0038;
  --ocher-5: #fbd2af;
  --ocher-5-soft: #edd6c3;
  --ocher-5-muted: #e1d9d2;
  --ocher-5-faded: #dedad7;
  --ocher-5-alpha: #f2700050;
  --ocher-6: #f9aa60;
  --ocher-6-soft: #e0b48e;
  --ocher-6-muted: #cabaad;
  --ocher-6-faded: #c3bcb6;
  --ocher-6-alpha: #f577009f;
  --ocher-7: #dd8728;
  --ocher-7-soft: #c39369;
  --ocher-7-muted: #ac9b8c;
  --ocher-7-faded: #a59d96;
  --ocher-7-alpha: #d77100d7;
  --ocher-8: #c97920;
  --ocher-8-soft: #b1855d;
  --ocher-8-muted: #9c8c7e;
  --ocher-8-faded: #958e88;
  --ocher-8-alpha: #c16600df;
  --ocher-9: #955814;
  --ocher-9-soft: #836143;
  --ocher-9-muted: #73665c;
  --ocher-9-faded: #6d6863;
  --ocher-9-alpha: #8c4a00eb;
  --ocher-10: #764511;
  --ocher-10-soft: #674c34;
  --ocher-10-muted: #5a5048;
  --ocher-10-faded: #56524e;
  --ocher-10-alpha: #6c3800ee;
  --ocher-11: #5e3810;
  --ocher-11-soft: #533d2b;
  --ocher-11-muted: #48413a;
  --ocher-11-faded: #45423f;
  --ocher-11-alpha: #532b00ef;
  --ocher-12: #4f3010;
  --ocher-12-soft: #453425;
  --ocher-12-muted: #3d3731;
  --ocher-12-faded: #3a3735;
  --ocher-12-alpha: #432200ef;
  --ocher-13: #3a230c;
  --ocher-13-soft: #33261a;
  --ocher-13-muted: #2d2824;
  --ocher-13-faded: #2b2827;
  --ocher-13-alpha: #301800f3;
  --ocher-14: #1c0e03;
  --ocher-14-soft: #181009;
  --ocher-14-muted: #14110f;
  --ocher-14-faded: #131110;
  --ocher-14-alpha: #190b00fc;
  --amber-1: #fff7ec;
  --amber-1-soft: #fbf8f2;
  --amber-1-muted: #f9f8f6;
  --amber-1-faded: #f9f8f7;
  --amber-1-alpha: #ff940013;
  --amber-2: #fff0d8;
  --amber-2-soft: #f8f1e6;
  --amber-2-muted: #f4f1ed;
  --amber-2-faded: #f3f1f0;
  --amber-2-alpha: #ff9d0027;
  --amber-3: #ffe8c4;
  --amber-3-soft: #f4ead9;
  --amber-3-muted: #eeebe4;
  --amber-3-faded: #edebe8;
  --amber-3-alpha: #ff9c003b;
  --amber-4: #ffd898;
  --amber-4-soft: #f1e2cb;
  --amber-4-muted: #e9e4db;
  --amber-4-faded: #e6e4e0;
  --amber-4-alpha: #ff9e0067;
  --amber-5: #ffc65c;
  --amber-5-soft: #edd8b5;
  --amber-5-muted: #e1dacd;
  --amber-5-faded: #dedad5;
  --amber-5-alpha: #ffa600a3;
  --amber-6: #f9ae00;
  --amber-6-soft: #dbb87f;
  --amber-6-muted: #c8bca8;
  --amber-6-faded: #c2bdb4;
  --amber-6-alpha: #f9ae00;
  --amber-7: #d29000;
  --amber-7-soft: #b89968;
  --amber-7-muted: #a89d8c;
  --amber-7-faded: #a29e96;
  --amber-7-alpha: #d29000;
  --amber-8: #be8200;
  --amber-8-soft: #a68b5d;
  --amber-8-muted: #988e7e;
  --amber-8-faded: #938e88;
  --amber-8-alpha: #be8200;
  --amber-9: #8d5f00;
  --amber-9-soft: #7b6542;
  --amber-9-muted: #6f685c;
  --amber-9-faded: #6c6863;
  --amber-9-alpha: #8d5f00;
  --amber-10: #6f4b00;
  --amber-10-soft: #615034;
  --amber-10-muted: #585248;
  --amber-10-faded: #55524e;
  --amber-10-alpha: #6f4b00;
  --amber-11: #593c00;
  --amber-11-soft: #4d402a;
  --amber-11-muted: #46423a;
  --amber-11-faded: #44423f;
  --amber-11-alpha: #593c00;
  --amber-12: #4b3302;
  --amber-12-soft: #413624;
  --amber-12-muted: #3b3731;
  --amber-12-faded: #393835;
  --amber-12-alpha: #4a3100fd;
  --amber-13: #372503;
  --amber-13-soft: #30281a;
  --amber-13-muted: #2b2824;
  --amber-13-faded: #2a2927;
  --amber-13-alpha: #352200fc;
  --amber-14: #1a0f01;
  --amber-14-soft: #161109;
  --amber-14-muted: #13110f;
  --amber-14-faded: #121110;
  --amber-14-alpha: #190e00fe;
  --yellow-1: #fefee2;
  --yellow-1-soft: #fbfcd2;
  --yellow-1-muted: #f9faeb;
  --yellow-1-faded: #f9f9f2;
  --yellow-1-alpha: #f6f6001d;
  --yellow-2: #fdfdbd;
  --yellow-2-soft: #f7f7ac;
  --yellow-2-muted: #f3f4da;
  --yellow-2-faded: #f2f3e7;
  --yellow-2-alpha: #f7f70042;
  --yellow-3: #fcfc9e;
  --yellow-3-soft: #f1f1a0;
  --yellow-3-muted: #edeed2;
  --yellow-3-faded: #ecece0;
  --yellow-3-alpha: #f7f70061;
  --yellow-4: #fcf979;
  --yellow-4-soft: #ebea99;
  --yellow-4-muted: #e6e7cb;
  --yellow-4-faded: #e5e6d9;
  --yellow-4-alpha: #f9f40086;
  --yellow-5: #e5e259;
  --yellow-5-soft: #e1e08f;
  --yellow-5-muted: #ddddc1;
  --yellow-5-faded: #dbdccf;
  --yellow-5-alpha: #d7d200a6;
  --yellow-6: #c7c449;
  --yellow-6-soft: #c3c37a;
  --yellow-6-muted: #bfc0a7;
  --yellow-6-faded: #bebfb4;
  --yellow-6-alpha: #b1ac00b6;
  --yellow-7: #a6a438;
  --yellow-7-soft: #a3a364;
  --yellow-7-muted: #a0a08b;
  --yellow-7-faded: #9f9f96;
  --yellow-7-alpha: #8d8a00c7;
  --yellow-8: #97942f;
  --yellow-8-soft: #949359;
  --yellow-8-muted: #90917d;
  --yellow-8-faded: #909087;
  --yellow-8-alpha: #807c00d0;
  --yellow-9: #6f6d20;
  --yellow-9-soft: #6c6c3f;
  --yellow-9-muted: #6a6a5b;
  --yellow-9-faded: #696963;
  --yellow-9-alpha: #5a5800df;
  --yellow-10: #57561a;
  --yellow-10-soft: #555532;
  --yellow-10-muted: #535348;
  --yellow-10-faded: #53534e;
  --yellow-10-alpha: #444300e5;
  --yellow-11: #464516;
  --yellow-11-soft: #444428;
  --yellow-11-muted: #43433a;
  --yellow-11-faded: #43433e;
  --yellow-11-alpha: #353300e9;
  --yellow-12: #3b3a15;
  --yellow-12-soft: #3a3923;
  --yellow-12-muted: #383931;
  --yellow-12-faded: #383835;
  --yellow-12-alpha: #292800ea;
  --yellow-13: #2b2a0f;
  --yellow-13-soft: #2a2a19;
  --yellow-13-muted: #292923;
  --yellow-13-faded: #292926;
  --yellow-13-alpha: #1e1d00f0;
  --yellow-14: #131204;
  --yellow-14-soft: #121208;
  --yellow-14-muted: #12120e;
  --yellow-14-faded: #121210;
  --yellow-14-alpha: #0f0e00fb;
  --green-1: #eefeec;
  --green-1-soft: #f2fbf2;
  --green-1-muted: #f6f9f6;
  --green-1-faded: #f7f9f7;
  --green-1-alpha: #1bf20013;
  --green-2: #dcfdd9;
  --green-2-soft: #e5f8e4;
  --green-2-muted: #edf4ed;
  --green-2-faded: #f0f3ef;
  --green-2-alpha: #14f20026;
  --green-3: #c7fcc4;
  --green-3-soft: #d8f5d5;
  --green-3-muted: #e4efe3;
  --green-3-faded: #e8ede8;
  --green-3-alpha: #0df2003b;
  --green-4: #b0fbab;
  --green-4-soft: #c8f2c5;
  --green-4-muted: #dbead9;
  --green-4-faded: #e0e7e0;
  --green-4-alpha: #0ff30054;
  --green-5: #81fb7d;
  --green-5-soft: #aeefaa;
  --green-5-muted: #cce2ca;
  --green-5-faded: #d4ded3;
  --green-5-alpha: #08f70082;
  --green-6: #3fe241;
  --green-6-soft: #87d483;
  --green-6-muted: #acc6aa;
  --green-6-faded: #b6c2b5;
  --green-6-alpha: #00d803c0;
  --green-7: #2ebe31;
  --green-7-soft: #6fb26b;
  --green-7-muted: #8fa68d;
  --green-7-faded: #98a297;
  --green-7-alpha: #00b004d1;
  --green-8: #25ac28;
  --green-8-soft: #63a160;
  --green-8-muted: #81967f;
  --green-8-faded: #899288;
  --green-8-alpha: #009e04da;
  --green-9: #187f1b;
  --green-9-soft: #477645;
  --green-9-muted: #5e6e5d;
  --green-9-faded: #646b64;
  --green-9-alpha: #007203e7;
  --green-10: #146416;
  --green-10-soft: #385d36;
  --green-10-muted: #4a5749;
  --green-10-faded: #4f544e;
  --green-10-alpha: #005702eb;
  --green-11: #135014;
  --green-11-soft: #2d4b2c;
  --green-11-muted: #3c463b;
  --green-11-faded: #3f443f;
  --green-11-alpha: #004201ec;
  --green-12: #134313;
  --green-12-soft: #273f26;
  --green-12-muted: #323b32;
  --green-12-faded: #353935;
  --green-12-alpha: #003400ec;
  --green-13: #0e320d;
  --green-13-soft: #1c2e1b;
  --green-13-muted: #252b24;
  --green-13-faded: #272a27;
  --green-13-alpha: #012700f2;
  --green-14: #041703;
  --green-14-soft: #0a1509;
  --green-14-muted: #0f130f;
  --green-14-faded: #101210;
  --green-14-alpha: #011400fc;
  --emerald-1: #ecfef2;
  --emerald-1-soft: #f1fbf5;
  --emerald-1-muted: #f6f9f7;
  --emerald-1-faded: #f7f9f8;
  --emerald-1-alpha: #00f25113;
  --emerald-2: #d7fde5;
  --emerald-2-soft: #e3f8ea;
  --emerald-2-muted: #ecf4ef;
  --emerald-2-faded: #eff3f0;
  --emerald-2-alpha: #00f25928;
  --emerald-3: #c0fcd7;
  --emerald-3-soft: #d4f5e0;
  --emerald-3-muted: #e3efe7;
  --emerald-3-faded: #e7ede9;
  --emerald-3-alpha: #00f35d3f;
  --emerald-4: #a4fbc8;
  --emerald-4-soft: #c3f2d5;
  --emerald-4-muted: #d9e9df;
  --emerald-4-faded: #dfe7e2;
  --emerald-4-alpha: #00f4655b;
  --emerald-5: #6afbb0;
  --emerald-5-soft: #a6eec3;
  --emerald-5-muted: #c9e2d2;
  --emerald-5-faded: #d3ded7;
  --emerald-5-alpha: #00f87895;
  --emerald-6: #41dd92;
  --emerald-6-soft: #88d1a6;
  --emerald-6-muted: #acc5b5;
  --emerald-6-faded: #b6c1ba;
  --emerald-6-alpha: #00d16dbe;
  --emerald-7: #30ba79;
  --emerald-7-soft: #6faf8a;
  --emerald-7-muted: #8fa597;
  --emerald-7-faded: #98a19b;
  --emerald-7-alpha: #00aa5acf;
  --emerald-8: #26a86c;
  --emerald-8-soft: #639e7c;
  --emerald-8-muted: #819588;
  --emerald-8-faded: #89928c;
  --emerald-8-alpha: #009952d9;
  --emerald-9: #197c4f;
  --emerald-9-soft: #48745a;
  --emerald-9-muted: #5e6d64;
  --emerald-9-faded: #646b67;
  --emerald-9-alpha: #006e3ce6;
  --emerald-10: #15623e;
  --emerald-10-soft: #385c47;
  --emerald-10-muted: #4a564e;
  --emerald-10-faded: #4f5451;
  --emerald-10-alpha: #00542dea;
  --emerald-11: #144e32;
  --emerald-11-soft: #2e4a39;
  --emerald-11-muted: #3c453f;
  --emerald-11-faded: #3f4441;
  --emerald-11-alpha: #003f21eb;
  --emerald-12: #14422a;
  --emerald-12-soft: #273e30;
  --emerald-12-muted: #323a35;
  --emerald-12-faded: #353937;
  --emerald-12-alpha: #003218eb;
  --emerald-13: #0e301f;
  --emerald-13-soft: #1c2d23;
  --emerald-13-muted: #252b27;
  --emerald-13-faded: #272a28;
  --emerald-13-alpha: #002412f1;
  --emerald-14: #04160c;
  --emerald-14-soft: #0a140e;
  --emerald-14-muted: #0f1310;
  --emerald-14-faded: #101211;
  --emerald-14-alpha: #001208fb;
  --cyan-1: #e7fefd;
  --cyan-1-soft: #eefcfb;
  --cyan-1-muted: #f5f9f9;
  --cyan-1-faded: #f7f9f9;
  --cyan-1-alpha: #00f4ea18;
  --cyan-2: #cefdfb;
  --cyan-2-soft: #ddf8f7;
  --cyan-2-muted: #eaf4f4;
  --cyan-2-faded: #eef3f2;
  --cyan-2-alpha: #00f5ea31;
  --cyan-3: #affcf9;
  --cyan-3-soft: #caf5f3;
  --cyan-3-muted: #e0efee;
  --cyan-3-faded: #e6edec;
  --cyan-3-alpha: #00f5ec50;
  --cyan-4: #86fbf9;
  --cyan-4-soft: #b4f2f0;
  --cyan-4-muted: #d4eae9;
  --cyan-4-faded: #dde7e6;
  --cyan-4-alpha: #00f7f279;
  --cyan-5: #4ff6f4;
  --cyan-5-soft: #9bece9;
  --cyan-5-muted: #c6e1e0;
  --cyan-5-faded: #d2dddd;
  --cyan-5-alpha: #00f2efb0;
  --cyan-6: #3ed6d4;
  --cyan-6-soft: #85cdcb;
  --cyan-6-muted: #abc3c2;
  --cyan-6-faded: #b6c0c0;
  --cyan-6-alpha: #00c9c6c1;
  --cyan-7: #2db4b2;
  --cyan-7-soft: #6dabaa;
  --cyan-7-muted: #8fa3a2;
  --cyan-7-faded: #97a1a0;
  --cyan-7-alpha: #00a4a2d2;
  --cyan-8: #24a3a1;
  --cyan-8-soft: #619b9a;
  --cyan-8-muted: #809493;
  --cyan-8-faded: #899191;
  --cyan-8-alpha: #009492db;
  --cyan-9: #177876;
  --cyan-9-soft: #467271;
  --cyan-9-muted: #5e6c6c;
  --cyan-9-faded: #646a6a;
  --cyan-9-alpha: #006b68e8;
  --cyan-10: #145e5d;
  --cyan-10-soft: #375a59;
  --cyan-10-muted: #4a5555;
  --cyan-10-faded: #4f5453;
  --cyan-10-alpha: #00504feb;
  --cyan-11: #134c4b;
  --cyan-11-soft: #2d4847;
  --cyan-11-muted: #3b4444;
  --cyan-11-faded: #3f4343;
  --cyan-11-alpha: #003e3dec;
  --cyan-12: #13403f;
  --cyan-12-soft: #263d3c;
  --cyan-12-muted: #323a39;
  --cyan-12-faded: #353938;
  --cyan-12-alpha: #003130ec;
  --cyan-13: #0e2f2e;
  --cyan-13-soft: #1c2c2c;
  --cyan-13-muted: #252a2a;
  --cyan-13-faded: #272929;
  --cyan-13-alpha: #002322f1;
  --cyan-14: #041515;
  --cyan-14-soft: #0a1413;
  --cyan-14-muted: #0f1212;
  --cyan-14-faded: #101212;
  --cyan-14-alpha: #001111fb;
  --blue-1: #f5f9fe;
  --blue-1-soft: #f7f8fb;
  --blue-1-muted: #f8f8f9;
  --blue-1-faded: #f8f8f9;
  --blue-1-alpha: #0066e50a;
  --blue-2: #ecf2fd;
  --blue-2-soft: #eff2f8;
  --blue-2-muted: #f1f2f4;
  --blue-2-faded: #f1f2f3;
  --blue-2-alpha: #0051e413;
  --blue-3: #e2ecfc;
  --blue-3-soft: #e6ebf4;
  --blue-3-muted: #e9ebee;
  --blue-3-faded: #eaebec;
  --blue-3-alpha: #0058e51d;
  --blue-4: #d8e5fc;
  --blue-4-soft: #dee5f1;
  --blue-4-muted: #e2e5e9;
  --blue-4-faded: #e3e4e6;
  --blue-4-alpha: #0055eb27;
  --blue-5: #c9dcfc;
  --blue-5-soft: #d2dbec;
  --blue-5-muted: #d7dbe1;
  --blue-5-faded: #d9dbdd;
  --blue-5-alpha: #005af136;
  --blue-6: #9cbefb;
  --blue-6-soft: #acbfde;
  --blue-6-muted: #b7bec9;
  --blue-6-faded: #bbbec3;
  --blue-6-alpha: #0058f563;
  --blue-7: #699cfb;
  --blue-7-soft: #839fd0;
  --blue-7-muted: #959fb1;
  --blue-7-faded: #9a9fa6;
  --blue-7-alpha: #0057f896;
  --blue-8: #4d8afc;
  --blue-8-soft: #6f8fc9;
  --blue-8-muted: #8490a5;
  --blue-8-faded: #8a8f99;
  --blue-8-alpha: #0057fbb2;
  --blue-9: #0659e9;
  --blue-9-soft: #4167ad;
  --blue-9-muted: #5b6982;
  --blue-9-faded: #636974;
  --blue-9-alpha: #0055e8f9;
  --blue-10: #0746b8;
  --blue-10-soft: #335189;
  --blue-10-muted: #485367;
  --blue-10-faded: #4e535c;
  --blue-10-alpha: #0041b6f8;
  --blue-11: #093a93;
  --blue-11-soft: #29416d;
  --blue-11-muted: #3a4352;
  --blue-11-faded: #3f434a;
  --blue-11-alpha: #00338ff6;
  --blue-12: #0b317a;
  --blue-12-soft: #23375b;
  --blue-12-muted: #313845;
  --blue-12-faded: #35383e;
  --blue-12-alpha: #002874f4;
  --blue-13: #08245b;
  --blue-13-soft: #192844;
  --blue-13-muted: #242933;
  --blue-13-faded: #26292d;
  --blue-13-alpha: #001d56f7;
  --blue-14: #020f2f;
  --blue-14-soft: #091121;
  --blue-14-muted: #0e1217;
  --blue-14-faded: #101214;
  --blue-14-alpha: #000d2dfd;
  --neutral-1: #f8f8f8;
  --neutral-2: #f2f2f2;
  --neutral-3: #ebebeb;
  --neutral-4: #e4e4e4;
  --neutral-5: #dbdbdb;
  --neutral-6: #bebebe;
  --neutral-7: #9e9e9e;
  --neutral-8: #8f8f8f;
  --neutral-9: #696969;
  --neutral-10: #525252;
  --neutral-11: #424242;
  --neutral-12: #383838;
  --neutral-13: #292929;
  --neutral-14: #121212;
  --neutral-0: #ffffff;
  --neutral-15: #000000;
  --black-1-alpha: #00000007;
  --black-2-alpha: #0000000d;
  --black-3-alpha: #00000014;
  --black-4-alpha: #0000001b;
  --black-5-alpha: #00000024;
  --black-6-alpha: #00000041;
  --black-7-alpha: #00000061;
  --black-8-alpha: #00000070;
  --black-9-alpha: #00000096;
  --black-10-alpha: #000000ad;
  --black-11-alpha: #000000bd;
  --black-12-alpha: #000000c7;
  --black-13-alpha: #000000d6;
  --black-14-alpha: #000000ed;
  --white-1-alpha: #ffffff06;
  --white-2-alpha: #ffffff09;
  --white-3-alpha: #ffffff0d;
  --white-4-alpha: #ffffff12;
  --white-5-alpha: #ffffff18;
  --white-6-alpha: #ffffff2e;
  --white-7-alpha: #ffffff48;
  --white-8-alpha: #ffffff55;
  --white-9-alpha: #ffffff7a;
  --white-10-alpha: #ffffff92;
  --white-11-alpha: #ffffffa4;
  --white-12-alpha: #ffffffb1;
  --white-13-alpha: #ffffffc4;
  --white-14-alpha: #ffffffe4;
}

/* Componiq Colors — 53 ramps, 532 tones */
:root {
  --indigo-1: #f7f8fe;
  --indigo-1-soft: #f8f8fb;
  --indigo-1-muted: #f8f8f9;
  --indigo-1-faded: #f8f8f9;
  --indigo-1-alpha: #0020df08;
  --indigo-2: #eff1fd;
  --indigo-2-soft: #f0f1f8;
  --indigo-2-muted: #f1f2f4;
  --indigo-2-faded: #f1f2f3;
  --indigo-2-alpha: #0020df10;
  --indigo-3: #e6eafd;
  --indigo-3-soft: #e9ebf4;
  --indigo-3-muted: #eaebee;
  --indigo-3-faded: #ebebec;
  --indigo-3-alpha: #0029eb19;
  --indigo-4: #dee3fd;
  --indigo-4-soft: #e1e4f1;
  --indigo-4-muted: #e3e4e9;
  --indigo-4-faded: #e4e4e6;
  --indigo-4-alpha: #0027f021;
  --indigo-5: #d2d8fd;
  --indigo-5-soft: #d6daed;
  --indigo-5-muted: #d9dae1;
  --indigo-5-faded: #dadadd;
  --indigo-5-alpha: #0022f42d;
  --indigo-6: #aeb8fe;
  --indigo-6-soft: #b5bbdf;
  --indigo-6-muted: #babdca;
  --indigo-6-faded: #bcbdc3;
  --indigo-6-alpha: #001ffc51;
  --indigo-7: #533cfa;
  --indigo-7-soft: #575eb5;
  --indigo-7-muted: #626785;
  --indigo-7-faded: #666876;
  --indigo-7-alpha: #1e00f8c3;
  --indigo-8: #3418af;
  --indigo-8-soft: #36397b;
  --indigo-8-muted: #3d4158;
  --indigo-8-faded: #40424c;
  --indigo-8-alpha: #1f00a7e7;
  --indigo-9: #1f136d;
  --indigo-9-soft: #21244d;
  --indigo-9-muted: #252836;
  --indigo-9-faded: #27282f;
  --indigo-9-alpha: #0d0061ec;
  --indigo-10: #0c0539;
  --indigo-10-soft: #0d0e26;
  --indigo-10-muted: #101119;
  --indigo-10-faded: #111115;
  --indigo-10-alpha: #070035fa;
  --purple-1: #fef5fe;
  --purple-1-soft: #fbf7fb;
  --purple-1-muted: #f9f8f9;
  --purple-1-faded: #f9f8f9;
  --purple-1-alpha: #e500e50a;
  --purple-2: #fdebfc;
  --purple-2-soft: #f8eef7;
  --purple-2-muted: #f4f0f4;
  --purple-2-faded: #f3f1f3;
  --purple-2-alpha: #e500d914;
  --purple-3: #fce1fb;
  --purple-3-soft: #f4e6f4;
  --purple-3-muted: #eee9ee;
  --purple-3-faded: #eceaec;
  --purple-3-alpha: #e600dd1e;
  --purple-4: #fdd6fc;
  --purple-4-soft: #f1ddf1;
  --purple-4-muted: #e9e2e9;
  --purple-4-faded: #e7e3e6;
  --purple-4-alpha: #f300ec29;
  --purple-5: #fdc5fc;
  --purple-5-soft: #edd0ec;
  --purple-5-muted: #e1d7e1;
  --purple-5-faded: #ded9dd;
  --purple-5-alpha: #f600f23a;
  --purple-6: #fb8efc;
  --purple-6-soft: #e0a8df;
  --purple-6-muted: #cbb6ca;
  --purple-6-faded: #c3bac3;
  --purple-6-alpha: #f600f871;
  --purple-7: #a61aaa;
  --purple-7-soft: #8c4e8c;
  --purple-7-muted: #766176;
  --purple-7-faded: #6f656f;
  --purple-7-alpha: #9c00a0e5;
  --purple-8: #6a156c;
  --purple-8-soft: #593159;
  --purple-8-muted: #4b3d4b;
  --purple-8-faded: #464046;
  --purple-8-alpha: #5d005fea;
  --purple-9: #420f43;
  --purple-9-soft: #371e37;
  --purple-9-muted: #2e262e;
  --purple-9-faded: #2b272b;
  --purple-9-alpha: #360037f0;
  --purple-10: #200421;
  --purple-10-soft: #1a0c1a;
  --purple-10-muted: #151015;
  --purple-10-faded: #131113;
  --purple-10-alpha: #1c001dfb;
  --red-1: #fef6f6;
  --red-1-soft: #fbf7f7;
  --red-1-muted: #f9f8f8;
  --red-1-faded: #f9f8f8;
  --red-1-alpha: #e3000009;
  --red-2: #fdeeed;
  --red-2-soft: #f8f0ef;
  --red-2-muted: #f4f1f1;
  --red-2-faded: #f3f1f1;
  --red-2-alpha: #e30e0012;
  --red-3: #fce5e3;
  --red-3-soft: #f4e8e7;
  --red-3-muted: #eeeaea;
  --red-3-faded: #eceaea;
  --red-3-alpha: #e412001c;
  --red-4: #fddcda;
  --red-4-soft: #f1e0df;
  --red-4-muted: #e9e3e2;
  --red-4-faded: #e7e4e3;
  --red-4-alpha: #f10e0025;
  --red-5: #fdcecb;
  --red-5-soft: #edd4d2;
  --red-5-muted: #e1d8d8;
  --red-5-faded: #dedad9;
  --red-5-alpha: #f50f0034;
  --red-6: #fca19f;
  --red-6-soft: #e0b0ad;
  --red-6-muted: #cbb9b8;
  --red-6-faded: #c4bbbb;
  --red-6-alpha: #f7050060;
  --red-7: #c01a31;
  --red-7-soft: #9c4e4e;
  --red-7-muted: #7d615f;
  --red-7-faded: #726565;
  --red-7-alpha: #b9001ae5;
  --red-8: #7a151f;
  --red-8-soft: #633231;
  --red-8-muted: #4f3d3c;
  --red-8-faded: #484040;
  --red-8-alpha: #6e000bea;
  --red-9: #4c0f13;
  --red-9-soft: #3d1f1e;
  --red-9-muted: #312625;
  --red-9-faded: #2d2727;
  --red-9-alpha: #410004f0;
  --red-10: #260406;
  --red-10-soft: #1e0c0b;
  --red-10-muted: #16100f;
  --red-10-faded: #141111;
  --red-10-alpha: #230002fb;
  --ocher-1: #fef7f2;
  --ocher-1-soft: #fbf8f5;
  --ocher-1-muted: #f9f8f7;
  --ocher-1-faded: #f9f8f8;
  --ocher-1-alpha: #eb62000d;
  --ocher-2: #fcefe4;
  --ocher-2-soft: #f8f0ea;
  --ocher-2-muted: #f4f1ef;
  --ocher-2-faded: #f3f1f0;
  --ocher-2-alpha: #e368001b;
  --ocher-3: #fbe7d6;
  --ocher-3-soft: #f4e9df;
  --ocher-3-muted: #eeeae7;
  --ocher-3-faded: #ecebe9;
  --ocher-3-alpha: #e66a0029;
  --ocher-4: #fbdfc7;
  --ocher-4-soft: #f1e1d4;
  --ocher-4-muted: #e9e3df;
  --ocher-4-faded: #e6e4e2;
  --ocher-4-alpha: #ed6d0038;
  --ocher-5: #fbd2af;
  --ocher-5-soft: #edd6c3;
  --ocher-5-muted: #e1d9d2;
  --ocher-5-faded: #dedad7;
  --ocher-5-alpha: #f2700050;
  --ocher-6: #f9aa60;
  --ocher-6-soft: #e0b48e;
  --ocher-6-muted: #cabaad;
  --ocher-6-faded: #c3bcb6;
  --ocher-6-alpha: #f577009f;
  --ocher-7: #93591d;
  --ocher-7-soft: #826245;
  --ocher-7-muted: #72675d;
  --ocher-7-faded: #6d6863;
  --ocher-7-alpha: #854400e2;
  --ocher-8: #5d3914;
  --ocher-8-soft: #523e2c;
  --ocher-8-muted: #48413b;
  --ocher-8-faded: #45423f;
  --ocher-8-alpha: #4f2800eb;
  --ocher-9: #3a230d;
  --ocher-9-soft: #33261b;
  --ocher-9-muted: #2d2824;
  --ocher-9-faded: #2a2827;
  --ocher-9-alpha: #2f1700f2;
  --ocher-10: #1b0e03;
  --ocher-10-soft: #171009;
  --ocher-10-muted: #14110f;
  --ocher-10-faded: #131110;
  --ocher-10-alpha: #180b00fc;
  --amber-1: #fff7ec;
  --amber-1-soft: #fbf8f2;
  --amber-1-muted: #f9f8f6;
  --amber-1-faded: #f9f8f7;
  --amber-1-alpha: #ff940013;
  --amber-2: #fef0d9;
  --amber-2-soft: #f8f1e6;
  --amber-2-muted: #f4f1ed;
  --amber-2-faded: #f3f1f0;
  --amber-2-alpha: #f89a0026;
  --amber-3: #fee8c4;
  --amber-3-soft: #f4ead9;
  --amber-3-muted: #eeebe5;
  --amber-3-faded: #ecebe8;
  --amber-3-alpha: #fb9c003b;
  --amber-4: #ffd897;
  --amber-4-soft: #f1e2cb;
  --amber-4-muted: #e9e4db;
  --amber-4-faded: #e6e4e0;
  --amber-4-alpha: #ff9f0068;
  --amber-5: #ffc65c;
  --amber-5-soft: #edd8b5;
  --amber-5-muted: #e1dacd;
  --amber-5-faded: #dedad5;
  --amber-5-alpha: #ffa600a3;
  --amber-6: #f9ad00;
  --amber-6-soft: #dbb87e;
  --amber-6-muted: #c8bca8;
  --amber-6-faded: #c2bdb4;
  --amber-6-alpha: #f9ad00;
  --amber-7: #8b6000;
  --amber-7-soft: #7a6645;
  --amber-7-muted: #6f685d;
  --amber-7-faded: #6c6863;
  --amber-7-alpha: #8b6000;
  --amber-8: #583d00;
  --amber-8-soft: #4d402b;
  --amber-8-muted: #46423a;
  --amber-8-faded: #44423f;
  --amber-8-alpha: #583d00;
  --amber-9: #372505;
  --amber-9-soft: #30281b;
  --amber-9-muted: #2b2824;
  --amber-9-faded: #2a2927;
  --amber-9-alpha: #332100fa;
  --amber-10: #1a1001;
  --amber-10-soft: #151109;
  --amber-10-muted: #13110f;
  --amber-10-faded: #121110;
  --amber-10-alpha: #190f00fe;
  --yellow-1: #fefee3;
  --yellow-1-soft: #fbfcd2;
  --yellow-1-muted: #f9faeb;
  --yellow-1-faded: #f9f9f2;
  --yellow-1-alpha: #f6f6001c;
  --yellow-2: #fdfdc0;
  --yellow-2-soft: #f7f7ac;
  --yellow-2-muted: #f3f4da;
  --yellow-2-faded: #f2f3e7;
  --yellow-2-alpha: #f7f7003f;
  --yellow-3: #fcfba0;
  --yellow-3-soft: #f1f19e;
  --yellow-3-muted: #edeed1;
  --yellow-3-faded: #ecece0;
  --yellow-3-alpha: #f7f4005f;
  --yellow-4: #fcf979;
  --yellow-4-soft: #ebea95;
  --yellow-4-muted: #e6e7ca;
  --yellow-4-faded: #e5e6d9;
  --yellow-4-alpha: #f9f40086;
  --yellow-5: #e5e25b;
  --yellow-5-soft: #e1e18c;
  --yellow-5-muted: #ddddc0;
  --yellow-5-faded: #dbdccf;
  --yellow-5-alpha: #d7d200a4;
  --yellow-6: #c7c44a;
  --yellow-6-soft: #c3c377;
  --yellow-6-muted: #bfc0a6;
  --yellow-6-faded: #bebfb3;
  --yellow-6-alpha: #b0ac00b5;
  --yellow-7: #6e6d27;
  --yellow-7-soft: #6c6c40;
  --yellow-7-muted: #6a6a5b;
  --yellow-7-faded: #696963;
  --yellow-7-alpha: #545300d8;
  --yellow-8: #464519;
  --yellow-8-soft: #444429;
  --yellow-8-muted: #43433a;
  --yellow-8-faded: #43433e;
  --yellow-8-alpha: #323100e6;
  --yellow-9: #2b2a10;
  --yellow-9-soft: #2a2a19;
  --yellow-9-muted: #292923;
  --yellow-9-faded: #292926;
  --yellow-9-alpha: #1d1c00ef;
  --yellow-10: #131204;
  --yellow-10-soft: #121208;
  --yellow-10-muted: #12120e;
  --yellow-10-faded: #121210;
  --yellow-10-alpha: #0f0e00fb;
  --green-1: #eefeed;
  --green-1-soft: #f3fbf2;
  --green-1-muted: #f6f9f6;
  --green-1-faded: #f7f9f7;
  --green-1-alpha: #0ef10012;
  --green-2: #dcfcda;
  --green-2-soft: #e6f8e4;
  --green-2-muted: #edf4ed;
  --green-2-faded: #f0f3ef;
  --green-2-alpha: #0eea0025;
  --green-3: #c8fcc4;
  --green-3-soft: #d8f5d5;
  --green-3-muted: #e4efe3;
  --green-3-faded: #e8ede8;
  --green-3-alpha: #11f2003b;
  --green-4: #affcaa;
  --green-4-soft: #c8f2c5;
  --green-4-muted: #dbead9;
  --green-4-faded: #e0e7df;
  --green-4-alpha: #0ff60055;
  --green-5: #81fb7d;
  --green-5-soft: #aeefaa;
  --green-5-muted: #cce2ca;
  --green-5-faded: #d4ded3;
  --green-5-alpha: #08f70082;
  --green-6: #3ee240;
  --green-6-soft: #86d482;
  --green-6-muted: #acc6aa;
  --green-6-faded: #b6c2b5;
  --green-6-alpha: #00d903c1;
  --green-7: #217e21;
  --green-7-soft: #497647;
  --green-7-muted: #5f6e5d;
  --green-7-faded: #646b64;
  --green-7-alpha: #006b00de;
  --green-8: #175016;
  --green-8-soft: #2e4b2d;
  --green-8-muted: #3c463b;
  --green-8-faded: #3f443f;
  --green-8-alpha: #013f00e9;
  --green-9: #0f310e;
  --green-9-soft: #1d2e1b;
  --green-9-muted: #252b24;
  --green-9-faded: #272a27;
  --green-9-alpha: #012500f1;
  --green-10: #041704;
  --green-10-soft: #0a150a;
  --green-10-muted: #0f130f;
  --green-10-faded: #101210;
  --green-10-alpha: #001300fb;
  --emerald-1: #ecfef2;
  --emerald-1-soft: #f1fbf5;
  --emerald-1-muted: #f6f9f7;
  --emerald-1-faded: #f7f9f8;
  --emerald-1-alpha: #00f25113;
  --emerald-2: #d8fce5;
  --emerald-2-soft: #e3f8eb;
  --emerald-2-muted: #edf4ef;
  --emerald-2-faded: #eff3f1;
  --emerald-2-alpha: #00eb5527;
  --emerald-3: #c1fbd8;
  --emerald-3-soft: #d4f5e0;
  --emerald-3-muted: #e3efe7;
  --emerald-3-faded: #e7ede9;
  --emerald-3-alpha: #00ef5f3e;
  --emerald-4: #a4fbc8;
  --emerald-4-soft: #c2f2d5;
  --emerald-4-muted: #d9e9df;
  --emerald-4-faded: #dfe7e2;
  --emerald-4-alpha: #00f4655b;
  --emerald-5: #6afbb0;
  --emerald-5-soft: #a6eec3;
  --emerald-5-muted: #c9e2d2;
  --emerald-5-faded: #d3ded7;
  --emerald-5-alpha: #00f87895;
  --emerald-6: #3fdd92;
  --emerald-6-soft: #87d1a6;
  --emerald-6-muted: #acc5b5;
  --emerald-6-faded: #b6c1ba;
  --emerald-6-alpha: #00d26ec0;
  --emerald-7: #217b50;
  --emerald-7-soft: #4a745b;
  --emerald-7-muted: #5f6d64;
  --emerald-7-faded: #646b67;
  --emerald-7-alpha: #006736de;
  --emerald-8: #174e32;
  --emerald-8-soft: #2f493a;
  --emerald-8-muted: #3c453f;
  --emerald-8-faded: #404341;
  --emerald-8-alpha: #003c1ee8;
  --emerald-9: #10301f;
  --emerald-9-soft: #1d2d23;
  --emerald-9-muted: #252a27;
  --emerald-9-faded: #272a28;
  --emerald-9-alpha: #002210ef;
  --emerald-10: #04160c;
  --emerald-10-soft: #0a140e;
  --emerald-10-muted: #0f1310;
  --emerald-10-faded: #111211;
  --emerald-10-alpha: #001208fb;
  --cyan-1: #e8fefd;
  --cyan-1-soft: #effbfb;
  --cyan-1-muted: #f5f9f9;
  --cyan-1-faded: #f7f9f9;
  --cyan-1-alpha: #00f4e917;
  --cyan-2: #cffcfa;
  --cyan-2-soft: #def8f7;
  --cyan-2-muted: #ebf4f3;
  --cyan-2-faded: #eff3f2;
  --cyan-2-alpha: #00efe430;
  --cyan-3: #b0fcf9;
  --cyan-3-soft: #cbf5f3;
  --cyan-3-muted: #e0efee;
  --cyan-3-faded: #e6edec;
  --cyan-3-alpha: #00f5ec4f;
  --cyan-4: #86fbf9;
  --cyan-4-soft: #b4f2f0;
  --cyan-4-muted: #d4eae9;
  --cyan-4-faded: #dde7e6;
  --cyan-4-alpha: #00f7f279;
  --cyan-5: #51f6f3;
  --cyan-5-soft: #9cece9;
  --cyan-5-muted: #c6e1e0;
  --cyan-5-faded: #d2dddd;
  --cyan-5-alpha: #00f2edae;
  --cyan-6: #40d6d4;
  --cyan-6-soft: #85cdcb;
  --cyan-6-muted: #acc3c2;
  --cyan-6-faded: #b6c0c0;
  --cyan-6-alpha: #00c8c6bf;
  --cyan-7: #217776;
  --cyan-7-soft: #487270;
  --cyan-7-muted: #5e6c6c;
  --cyan-7-faded: #646a6a;
  --cyan-7-alpha: #006362de;
  --cyan-8: #174b4a;
  --cyan-8-soft: #2e4847;
  --cyan-8-muted: #3c4444;
  --cyan-8-faded: #3f4343;
  --cyan-8-alpha: #003938e8;
  --cyan-9: #102f2e;
  --cyan-9-soft: #1c2c2c;
  --cyan-9-muted: #252a2a;
  --cyan-9-faded: #272929;
  --cyan-9-alpha: #002120ef;
  --cyan-10: #041514;
  --cyan-10-soft: #0a1413;
  --cyan-10-muted: #0f1212;
  --cyan-10-faded: #101212;
  --cyan-10-alpha: #001110fb;
  --blue-1: #f5f9fe;
  --blue-1-soft: #f7f8fb;
  --blue-1-muted: #f8f8f9;
  --blue-1-faded: #f8f8f9;
  --blue-1-alpha: #0066e50a;
  --blue-2: #ecf2fd;
  --blue-2-soft: #eff2f8;
  --blue-2-muted: #f1f2f4;
  --blue-2-faded: #f1f2f3;
  --blue-2-alpha: #0051e413;
  --blue-3: #e2ecfc;
  --blue-3-soft: #e6ebf4;
  --blue-3-muted: #e9ebee;
  --blue-3-faded: #eaebec;
  --blue-3-alpha: #0058e51d;
  --blue-4: #d8e5fd;
  --blue-4-soft: #dee5f1;
  --blue-4-muted: #e2e5e9;
  --blue-4-faded: #e3e4e6;
  --blue-4-alpha: #0055f227;
  --blue-5: #c9dcfd;
  --blue-5-soft: #d1dbed;
  --blue-5-muted: #d7dbe1;
  --blue-5-faded: #d9dbdd;
  --blue-5-alpha: #005af636;
  --blue-6: #9bbefc;
  --blue-6-soft: #acbfdf;
  --blue-6-muted: #b7beca;
  --blue-6-faded: #bbbec3;
  --blue-6-alpha: #0059f764;
  --blue-7: #0e5ae5;
  --blue-7-soft: #4267ab;
  --blue-7-muted: #5c6981;
  --blue-7-faded: #636974;
  --blue-7-alpha: #0050e3f1;
  --blue-8: #0b3a91;
  --blue-8-soft: #2a416c;
  --blue-8-muted: #3a4352;
  --blue-8-faded: #3f4349;
  --blue-8-alpha: #00318cf4;
  --blue-9: #08255a;
  --blue-9-soft: #1a2843;
  --blue-9-muted: #242933;
  --blue-9-faded: #27292d;
  --blue-9-alpha: #001e55f7;
  --blue-10: #020f2e;
  --blue-10-soft: #091121;
  --blue-10-muted: #0f1217;
  --blue-10-faded: #101214;
  --blue-10-alpha: #000d2cfd;
  --neutral-1: #f8f8f8;
  --neutral-2: #f2f2f2;
  --neutral-3: #ebebeb;
  --neutral-4: #e4e4e4;
  --neutral-5: #dbdbdb;
  --neutral-6: #bebebe;
  --neutral-7: #696969;
  --neutral-8: #424242;
  --neutral-9: #292929;
  --neutral-10: #121212;
  --neutral-0: #ffffff;
  --neutral-11: #000000;
  --black-1-alpha: #00000007;
  --black-2-alpha: #0000000d;
  --black-3-alpha: #00000014;
  --black-4-alpha: #0000001b;
  --black-5-alpha: #00000024;
  --black-6-alpha: #00000041;
  --black-7-alpha: #00000096;
  --black-8-alpha: #000000bd;
  --black-9-alpha: #000000d6;
  --black-10-alpha: #000000ed;
  --white-1-alpha: #ffffff06;
  --white-2-alpha: #ffffff09;
  --white-3-alpha: #ffffff0d;
  --white-4-alpha: #ffffff12;
  --white-5-alpha: #ffffff18;
  --white-6-alpha: #ffffff2e;
  --white-7-alpha: #ffffff7a;
  --white-8-alpha: #ffffffa4;
  --white-9-alpha: #ffffffc4;
  --white-10-alpha: #ffffffe4;
}

/* Componiq Colors — 52 ramps, 676 tones */
:root {
  --red-1: #fef2f2;
  --red-1-soft: #faf4f4;
  --red-1-muted: #f7f5f5;
  --red-2: #ffe2e2;
  --red-2-soft: #f5e6e6;
  --red-2-muted: #eee8e8;
  --red-3: #ffc9c9;
  --red-3-soft: #edd2d1;
  --red-3-muted: #e0d6d6;
  --red-4: #ffa2a2;
  --red-4-soft: #e2b3b2;
  --red-4-muted: #cdbcbb;
  --red-5: #ff6467;
  --red-5-soft: #d48885;
  --red-5-muted: #b49896;
  --red-6: #fb2c36;
  --red-6-soft: #cc6b64;
  --red-6-muted: #a5817d;
  --red-7: #e7000b;
  --red-7-soft: #b55b52;
  --red-7-muted: #91706c;
  --red-8: #c10007;
  --red-8-soft: #974b43;
  --red-8-muted: #795d59;
  --red-9: #9f0712;
  --red-9-soft: #7e3e38;
  --red-9-muted: #654d4a;
  --red-10: #82181a;
  --red-10-soft: #6b342f;
  --red-10-muted: #55413f;
  --red-11: #6c0006;
  --red-11-soft: #532623;
  --red-11-muted: #41312f;
  --red-12: #460809;
  --red-12-soft: #391816;
  --red-12-muted: #2c201f;
  --red-13: #2b0304;
  --red-13-soft: #220c0a;
  --red-13-muted: #1a1111;
  --orange-1: #fff7ed;
  --orange-1-soft: #fcf8f3;
  --orange-1-muted: #faf8f6;
  --orange-2: #ffedd4;
  --orange-2-soft: #f7eee2;
  --orange-2-muted: #f2efeb;
  --orange-3: #ffd6a8;
  --orange-3-soft: #efdbc4;
  --orange-3-muted: #e4ddd5;
  --orange-4: #ffb86a;
  --orange-4-soft: #e5c2a0;
  --orange-4-muted: #d4c7bb;
  --orange-5: #ff8904;
  --orange-5-soft: #d9a077;
  --orange-5-muted: #bea99b;
  --orange-6: #ff6900;
  --orange-6-soft: #d28d6b;
  --orange-6-muted: #b39a8e;
  --orange-7: #f54a00;
  --orange-7-soft: #c1795e;
  --orange-7-muted: #a2877d;
  --orange-8: #ca3500;
  --orange-8-soft: #9f5f4b;
  --orange-8-muted: #846c65;
  --orange-9: #9f2d00;
  --orange-9-soft: #804a3a;
  --orange-9-muted: #695650;
  --orange-10: #7e2a0c;
  --orange-10-soft: #693c2f;
  --orange-10-muted: #564641;
  --orange-11: #691400;
  --orange-11-soft: #502d22;
  --orange-11-muted: #413531;
  --orange-12: #441306;
  --orange-12-soft: #381d15;
  --orange-12-muted: #2d2320;
  --orange-13: #2b0902;
  --orange-13-soft: #23100b;
  --orange-13-muted: #1b1412;
  --amber-1: #fffbeb;
  --amber-1-soft: #fdfbf3;
  --amber-1-muted: #fbfbf8;
  --amber-2: #fef3c6;
  --amber-2-soft: #f9f3db;
  --amber-2-muted: #f5f3ea;
  --amber-3: #fee685;
  --amber-3-soft: #f2e6b7;
  --amber-3-muted: #eae6d6;
  --amber-4: #ffd230;
  --amber-4-soft: #ebd698;
  --amber-4-muted: #ded7c2;
  --amber-5: #ffba00;
  --amber-5-soft: #e1c386;
  --amber-5-muted: #d0c6b1;
  --amber-6: #fd9a00;
  --amber-6-soft: #d6ab79;
  --amber-6-muted: #c1b1a0;
  --amber-7: #e17100;
  --amber-7-soft: #b98863;
  --amber-7-muted: #a29083;
  --amber-8: #bb4d00;
  --amber-8-soft: #97664b;
  --amber-8-muted: #816f65;
  --amber-9: #973c00;
  --amber-9-soft: #7b503b;
  --amber-9-muted: #685851;
  --amber-10: #7b3306;
  --amber-10-soft: #664130;
  --amber-10-muted: #564842;
  --amber-11: #672000;
  --amber-11-soft: #503224;
  --amber-11-muted: #433833;
  --amber-12: #461901;
  --amber-12-soft: #392218;
  --amber-12-muted: #2f2723;
  --amber-13: #2d0d01;
  --amber-13-soft: #24140c;
  --amber-13-muted: #1d1714;
  --yellow-1: #fefce8;
  --yellow-1-soft: #fdfcee;
  --yellow-1-muted: #fbfbf6;
  --yellow-2: #fef9c2;
  --yellow-2-soft: #faf8da;
  --yellow-2-muted: #f7f7ec;
  --yellow-3: #fff085;
  --yellow-3-soft: #f5efbd;
  --yellow-3-muted: #f0eedc;
  --yellow-4: #ffdf20;
  --yellow-4-soft: #efe19c;
  --yellow-4-muted: #e5e0c9;
  --yellow-5: #fcc800;
  --yellow-5-soft: #e3cd8c;
  --yellow-5-muted: #d6ceb8;
  --yellow-6: #efb100;
  --yellow-6-soft: #d3b97f;
  --yellow-6-muted: #c4bba7;
  --yellow-7: #d08700;
  --yellow-7-soft: #b29366;
  --yellow-7-muted: #a29787;
  --yellow-8: #a65f00;
  --yellow-8-soft: #8b6c4c;
  --yellow-8-muted: #7c7065;
  --yellow-9: #894b00;
  --yellow-9-soft: #73563c;
  --yellow-9-muted: #655a51;
  --yellow-10: #733e0a;
  --yellow-10-soft: #624631;
  --yellow-10-muted: #554b44;
  --yellow-11: #5e2a00;
  --yellow-11-soft: #4b3524;
  --yellow-11-muted: #413933;
  --yellow-12: #432004;
  --yellow-12-soft: #382519;
  --yellow-12-muted: #302924;
  --yellow-13: #2c1302;
  --yellow-13-soft: #25170e;
  --yellow-13-muted: #1e1916;
  --lime-1: #f7fee7;
  --lime-1-soft: #f8fdee;
  --lime-1-muted: #fafbf6;
  --lime-2: #ecfcca;
  --lime-2-soft: #eefad7;
  --lime-2-muted: #f2f6ea;
  --lime-3: #d8f999;
  --lime-3-soft: #ddf6b1;
  --lime-3-muted: #e5efd7;
  --lime-4: #bbf451;
  --lime-4-soft: #c9eb97;
  --lime-4-muted: #d6e3c5;
  --lime-5: #9ae600;
  --lime-5-soft: #b5d98a;
  --lime-5-muted: #c3d0b5;
  --lime-6: #7ccf00;
  --lime-6-soft: #9cc27a;
  --lime-6-muted: #abb9a0;
  --lime-7: #5ea500;
  --lime-7-soft: #7b9a60;
  --lime-7-muted: #87937f;
  --lime-8: #497d00;
  --lime-8-soft: #5d7548;
  --lime-8-muted: #677060;
  --lime-9: #3d6300;
  --lime-9-soft: #4a5d38;
  --lime-9-muted: #52594c;
  --lime-10: #35530e;
  --lime-10-soft: #3e4f2f;
  --lime-10-muted: #454b40;
  --lime-11: #244200;
  --lime-11-soft: #2f3d23;
  --lime-11-muted: #353a31;
  --lime-12: #192e03;
  --lime-12-soft: #202b18;
  --lime-12-muted: #252922;
  --lime-13: #0e1d01;
  --lime-13-soft: #131b0d;
  --lime-13-muted: #161914;
  --green-1: #f0fdf4;
  --green-1-soft: #f2fcf5;
  --green-1-muted: #f7faf8;
  --green-2: #dcfce7;
  --green-2-soft: #e4f9eb;
  --green-2-muted: #edf5f0;
  --green-3: #b9f8cf;
  --green-3-soft: #c6f3d5;
  --green-3-muted: #dbebe0;
  --green-4: #7bf1a8;
  --green-4-soft: #99eab5;
  --green-4-muted: #c1ddc9;
  --green-5: #05df72;
  --green-5-soft: #87cf9a;
  --green-5-muted: #aac3af;
  --green-6: #00c951;
  --green-6-soft: #77b783;
  --green-6-muted: #96ac9a;
  --green-7: #00a63e;
  --green-7-soft: #61976b;
  --green-7-muted: #7b8e7e;
  --green-8: #008236;
  --green-8-soft: #4b7755;
  --green-8-muted: #616f63;
  --green-9: #016630;
  --green-9-soft: #3b5e44;
  --green-9-muted: #4c584f;
  --green-10: #0d542b;
  --green-10-soft: #304e38;
  --green-10-muted: #3f4941;
  --green-11: #00421b;
  --green-11-soft: #243c2b;
  --green-11-muted: #303832;
  --green-12: #032e15;
  --green-12-soft: #182a1d;
  --green-12-muted: #212723;
  --green-13: #011c0b;
  --green-13-soft: #0d1910;
  --green-13-muted: #131714;
  --emerald-1: #ecfdf5;
  --emerald-1-soft: #effcf6;
  --emerald-1-muted: #f5f9f7;
  --emerald-2: #d0fae5;
  --emerald-2-soft: #d9f7e7;
  --emerald-2-muted: #e7f1ec;
  --emerald-3: #a4f4cf;
  --emerald-3-soft: #b1f0d2;
  --emerald-3-muted: #d0e6db;
  --emerald-4: #5ee9b5;
  --emerald-4-soft: #93dfbe;
  --emerald-4-muted: #bad3c7;
  --emerald-5: #00d492;
  --emerald-5-soft: #81c4a4;
  --emerald-5-muted: #a2b9ad;
  --emerald-6: #00bc7d;
  --emerald-6-soft: #71ac8f;
  --emerald-6-muted: #8fa398;
  --emerald-7: #009966;
  --emerald-7-soft: #5a8b74;
  --emerald-7-muted: #73847b;
  --emerald-8: #007a55;
  --emerald-8-soft: #476f5e;
  --emerald-8-muted: #5c6963;
  --emerald-9: #006045;
  --emerald-9-soft: #38584b;
  --emerald-9-muted: #48534e;
  --emerald-10: #004f3b;
  --emerald-10-soft: #2d483e;
  --emerald-10-muted: #3b4440;
  --emerald-11: #003f2c;
  --emerald-11-soft: #223830;
  --emerald-11-muted: #2d3532;
  --emerald-12: #002c22;
  --emerald-12-soft: #172923;
  --emerald-12-muted: #202624;
  --emerald-13: #001c14;
  --emerald-13-soft: #0d1915;
  --emerald-13-muted: #131716;
  --teal-1: #f0fdfa;
  --teal-1-soft: #f2fcfa;
  --teal-1-muted: #f7fbfa;
  --teal-2: #cbfbf1;
  --teal-2-soft: #d8f7f1;
  --teal-2-muted: #e7f2f0;
  --teal-3: #96f7e4;
  --teal-3-soft: #aff1e3;
  --teal-3-muted: #d1e7e2;
  --teal-4: #46ecd5;
  --teal-4-soft: #96e0d2;
  --teal-4-muted: #bdd6d0;
  --teal-5: #00d5be;
  --teal-5-soft: #83c5ba;
  --teal-5-muted: #a6bcb7;
  --teal-6: #00bba7;
  --teal-6-soft: #72ada3;
  --teal-6-muted: #91a5a1;
  --teal-7: #009689;
  --teal-7-soft: #5b8b84;
  --teal-7-muted: #748481;
  --teal-8: #00786f;
  --teal-8-soft: #486f6a;
  --teal-8-muted: #5c6a68;
  --teal-9: #005f5a;
  --teal-9-soft: #395956;
  --teal-9-muted: #4a5453;
  --teal-10: #0b4f4a;
  --teal-10-soft: #2f4a47;
  --teal-10-muted: #3d4645;
  --teal-11: #003f3c;
  --teal-11-soft: #243a38;
  --teal-11-muted: #303736;
  --teal-12: #022f2e;
  --teal-12-soft: #1a2c2b;
  --teal-12-muted: #242a29;
  --teal-13: #01201f;
  --teal-13-soft: #101d1d;
  --teal-13-muted: #171c1b;
  --cyan-1: #ecfeff;
  --cyan-1-soft: #f3fcfc;
  --cyan-1-muted: #f7fafb;
  --cyan-2: #cefafe;
  --cyan-2-soft: #dff6f8;
  --cyan-2-muted: #eaf2f3;
  --cyan-3: #a2f4fd;
  --cyan-3-soft: #c3edf1;
  --cyan-3-muted: #d8e7e8;
  --cyan-4: #53eafd;
  --cyan-4-soft: #9ee0e9;
  --cyan-4-muted: #c1d7db;
  --cyan-5: #00d3f2;
  --cyan-5-soft: #85c7d4;
  --cyan-5-muted: #a9bfc3;
  --cyan-6: #00b8db;
  --cyan-6-soft: #74aebc;
  --cyan-6-muted: #94a7ac;
  --cyan-7: #0092b8;
  --cyan-7-soft: #5c8b9b;
  --cyan-7-muted: #76868c;
  --cyan-8: #007595;
  --cyan-8-soft: #496f7d;
  --cyan-8-muted: #5f6b70;
  --cyan-9: #005f78;
  --cyan-9-soft: #3b5b67;
  --cyan-9-muted: #4d575c;
  --cyan-10: #104e64;
  --cyan-10-soft: #304c57;
  --cyan-10-muted: #40494d;
  --cyan-11: #004157;
  --cyan-11-soft: #273e48;
  --cyan-11-muted: #343c40;
  --cyan-12: #053345;
  --cyan-12-soft: #1e313b;
  --cyan-12-muted: #292f33;
  --cyan-13: #032533;
  --cyan-13-soft: #15242b;
  --cyan-13-muted: #1d2325;
  --sky-1: #f0f9ff;
  --sky-1-soft: #f4f8fb;
  --sky-1-muted: #f6f8f9;
  --sky-2: #dff2fe;
  --sky-2-soft: #e7f0f7;
  --sky-2-muted: #eceff2;
  --sky-3: #b8e6fe;
  --sky-3-soft: #cbe2ef;
  --sky-3-muted: #d8e0e4;
  --sky-4: #74d4ff;
  --sky-4-soft: #a4cee3;
  --sky-4-muted: #bbc9d1;
  --sky-5: #00bcff;
  --sky-5-soft: #7ab6d5;
  --sky-5-muted: #9cb0bc;
  --sky-6: #00a6f4;
  --sky-6-soft: #6ca1c3;
  --sky-6-muted: #8b9da9;
  --sky-7: #0084d1;
  --sky-7-soft: #5682a3;
  --sky-7-muted: #707f8b;
  --sky-8: #0069a8;
  --sky-8-soft: #446783;
  --sky-8-muted: #59656f;
  --sky-9: #00598a;
  --sky-9-soft: #39576d;
  --sky-9-muted: #4b555d;
  --sky-10: #024a70;
  --sky-10-soft: #2e495c;
  --sky-10-muted: #3e474d;
  --sky-11: #003c61;
  --sky-11-soft: #253b4b;
  --sky-11-muted: #32393f;
  --sky-12: #052f4a;
  --sky-12-soft: #1c2e3d;
  --sky-12-muted: #272d32;
  --sky-13: #032137;
  --sky-13-soft: #13212c;
  --sky-13-muted: #1b2024;
  --blue-1: #eff6ff;
  --blue-1-soft: #f2f5fa;
  --blue-1-muted: #f4f5f7;
  --blue-2: #dbeafe;
  --blue-2-soft: #e1e9f4;
  --blue-2-muted: #e6e9ec;
  --blue-3: #bedbff;
  --blue-3-soft: #cbdaec;
  --blue-3-muted: #d3d9df;
  --blue-4: #8ec5ff;
  --blue-4-soft: #aac3e0;
  --blue-4-muted: #b9c2cc;
  --blue-5: #51a2ff;
  --blue-5-soft: #7fa3d1;
  --blue-5-muted: #95a2b2;
  --blue-6: #2b7fff;
  --blue-6-soft: #6287c4;
  --blue-6-muted: #7a889e;
  --blue-7: #155dfc;
  --blue-7-soft: #486eb9;
  --blue-7-muted: #62718b;
  --blue-8: #1447e6;
  --blue-8-soft: #355ab1;
  --blue-8-muted: #51607e;
  --blue-9: #193cb8;
  --blue-9-soft: #27469c;
  --blue-9-muted: #414e6b;
  --blue-10: #1c398e;
  --blue-10-soft: #203b86;
  --blue-10-muted: #36425b;
  --blue-11: #102a7f;
  --blue-11-soft: #19306e;
  --blue-11-muted: #2b354b;
  --blue-12: #162456;
  --blue-12-soft: #162457;
  --blue-12-muted: #22293a;
  --blue-13: #0e193f;
  --blue-13-soft: #0e1940;
  --blue-13-muted: #171c2a;
  --indigo-1: #eef2ff;
  --indigo-1-soft: #f0f2f9;
  --indigo-1-muted: #f2f2f5;
  --indigo-2: #e0e7ff;
  --indigo-2-soft: #e4e7f3;
  --indigo-2-muted: #e6e8ec;
  --indigo-3: #c6d2ff;
  --indigo-3-soft: #cdd3ea;
  --indigo-3-muted: #d2d4dc;
  --indigo-4: #a3b3ff;
  --indigo-4-soft: #aeb7dd;
  --indigo-4-muted: #b5b8c6;
  --indigo-5: #7c86ff;
  --indigo-5-soft: #8891cc;
  --indigo-5-muted: #9195aa;
  --indigo-6: #615fff;
  --indigo-6-soft: #6b74bf;
  --indigo-6-muted: #757a95;
  --indigo-7: #4f39f6;
  --indigo-7-soft: #545bb4;
  --indigo-7-muted: #5f6483;
  --indigo-8: #432dd7;
  --indigo-8-soft: #464ba4;
  --indigo-8-muted: #505574;
  --indigo-9: #372aac;
  --indigo-9-soft: #393c87;
  --indigo-9-muted: #41455f;
  --indigo-10: #312c85;
  --indigo-10-soft: #323374;
  --indigo-10-muted: #383b52;
  --indigo-11: #261d76;
  --indigo-11-soft: #27285f;
  --indigo-11-muted: #2c2f42;
  --indigo-12: #1e1a4d;
  --indigo-12-soft: #1e1c47;
  --indigo-12-muted: #212231;
  --indigo-13: #141138;
  --indigo-13-soft: #141334;
  --indigo-13-muted: #161723;
  --violet-1: #f5f3ff;
  --violet-1-soft: #f5f4fa;
  --violet-1-muted: #f5f4f6;
  --violet-2: #ede9fe;
  --violet-2-soft: #eceaf6;
  --violet-2-muted: #ecebef;
  --violet-3: #ddd6ff;
  --violet-3-soft: #dcd9ee;
  --violet-3-muted: #dcdbe2;
  --violet-4: #c4b4ff;
  --violet-4-soft: #c2bbe1;
  --violet-4-muted: #c1bfcd;
  --violet-5: #a684ff;
  --violet-5-soft: #a195d0;
  --violet-5-muted: #9f9cb1;
  --violet-6: #8e51ff;
  --violet-6-soft: #8573c2;
  --violet-6-muted: #827e9a;
  --violet-7: #7f22fe;
  --violet-7-soft: #745bb9;
  --violet-7-muted: #706a8a;
  --violet-8: #7008e7;
  --violet-8-soft: #654ea6;
  --violet-8-muted: #615c7b;
  --violet-9: #5d0ec0;
  --violet-9-soft: #54408b;
  --violet-9-muted: #514c66;
  --violet-10: #4d179a;
  --violet-10-soft: #463474;
  --violet-10-muted: #433f55;
  --violet-11: #41008a;
  --violet-11-soft: #392a5f;
  --violet-11-muted: #363245;
  --violet-12: #2f0d68;
  --violet-12-soft: #2b204d;
  --violet-12-muted: #292737;
  --violet-13: #21074d;
  --violet-13-soft: #1e1638;
  --violet-13-muted: #1d1b27;
  --purple-1: #faf5ff;
  --purple-1-soft: #f9f6fb;
  --purple-1-muted: #f8f7f9;
  --purple-2: #f3e8ff;
  --purple-2-soft: #f0eaf6;
  --purple-2-muted: #eeecf0;
  --purple-3: #e9d4ff;
  --purple-3-soft: #e4daef;
  --purple-3-muted: #e0dde4;
  --purple-4: #dab2ff;
  --purple-4-soft: #cfbee3;
  --purple-4-muted: #c9c3d1;
  --purple-5: #c27aff;
  --purple-5-soft: #b194d2;
  --purple-5-muted: #a89eb4;
  --purple-6: #ad46ff;
  --purple-6-soft: #9974c5;
  --purple-6-muted: #8e829f;
  --purple-7: #9810fa;
  --purple-7-soft: #855bba;
  --purple-7-muted: #7a6d8e;
  --purple-8: #8200db;
  --purple-8-soft: #704d9f;
  --purple-8-muted: #675c79;
  --purple-9: #6e11b0;
  --purple-9-soft: #603f85;
  --purple-9-muted: #574d65;
  --purple-10: #59168b;
  --purple-10-soft: #4f336c;
  --purple-10-muted: #473e52;
  --purple-11: #4e017e;
  --purple-11-soft: #432a5c;
  --purple-11-muted: #3c3445;
  --purple-12: #3c0366;
  --purple-12-soft: #33204a;
  --purple-12-muted: #2e2837;
  --purple-13: #2f0252;
  --purple-13-soft: #28183b;
  --purple-13-muted: #241f2b;
  --fuchsia-1: #fdf4ff;
  --fuchsia-1-soft: #faf6fb;
  --fuchsia-1-muted: #f8f7f9;
  --fuchsia-2: #fae8ff;
  --fuchsia-2-soft: #f5ecf7;
  --fuchsia-2-muted: #f1eef2;
  --fuchsia-3: #f6cfff;
  --fuchsia-3-soft: #ead7ef;
  --fuchsia-3-muted: #e3dce5;
  --fuchsia-4: #f4a8ff;
  --fuchsia-4-soft: #debae4;
  --fuchsia-4-muted: #d0c3d2;
  --fuchsia-5: #ed6bff;
  --fuchsia-5-soft: #cd92d6;
  --fuchsia-5-muted: #b8a3bb;
  --fuchsia-6: #e12afb;
  --fuchsia-6-soft: #bf71cb;
  --fuchsia-6-muted: #a589a9;
  --fuchsia-7: #c800de;
  --fuchsia-7-soft: #a45ead;
  --fuchsia-7-muted: #8c748f;
  --fuchsia-8: #a800b7;
  --fuchsia-8-soft: #8a4d90;
  --fuchsia-8-muted: #756077;
  --fuchsia-9: #8a0194;
  --fuchsia-9-soft: #723f76;
  --fuchsia-9-muted: #614f62;
  --fuchsia-10: #721378;
  --fuchsia-10-soft: #613463;
  --fuchsia-10-muted: #524252;
  --fuchsia-11: #630068;
  --fuchsia-11-soft: #502a51;
  --fuchsia-11-muted: #433543;
  --fuchsia-12: #4b004f;
  --fuchsia-12-soft: #3d1f3e;
  --fuchsia-12-muted: #332833;
  --fuchsia-13: #37003b;
  --fuchsia-13-soft: #2c152d;
  --fuchsia-13-muted: #241c24;
  --pink-1: #fdf2f8;
  --pink-1-soft: #faf3f7;
  --pink-1-muted: #f7f4f6;
  --pink-2: #fce7f3;
  --pink-2-soft: #f6eaf1;
  --pink-2-muted: #f1ecef;
  --pink-3: #fccee8;
  --pink-3-soft: #efd5e3;
  --pink-3-muted: #e4dbe0;
  --pink-4: #fda5d5;
  --pink-4-soft: #e4b6ce;
  --pink-4-muted: #d1c0c8;
  --pink-5: #fb64b6;
  --pink-5-soft: #d688ae;
  --pink-5-muted: #b79ba7;
  --pink-6: #f6339a;
  --pink-6-soft: #cf6c96;
  --pink-6-muted: #aa8593;
  --pink-7: #e60076;
  --pink-7-soft: #b65d7a;
  --pink-7-muted: #94737c;
  --pink-8: #c6005c;
  --pink-8-soft: #9c4e63;
  --pink-8-muted: #7e6168;
  --pink-9: #a3004c;
  --pink-9-soft: #814052;
  --pink-9-muted: #685056;
  --pink-10: #861043;
  --pink-10-soft: #6e3546;
  --pink-10-muted: #584348;
  --pink-11: #730034;
  --pink-11-soft: #582937;
  --pink-11-muted: #463539;
  --pink-12: #510424;
  --pink-12-soft: #411d27;
  --pink-12-muted: #332629;
  --pink-13: #370216;
  --pink-13-soft: #2b1118;
  --pink-13-muted: #21181a;
  --rose-1: #fff1f2;
  --rose-1-soft: #faf3f3;
  --rose-1-muted: #f7f4f4;
  --rose-2: #ffe4e6;
  --rose-2-soft: #f5e8e9;
  --rose-2-muted: #efeaea;
  --rose-3: #ffccd3;
  --rose-3-soft: #eed4d7;
  --rose-3-muted: #e2d9da;
  --rose-4: #ffa1ad;
  --rose-4-soft: #e2b3b8;
  --rose-4-muted: #cdbcbd;
  --rose-5: #ff637e;
  --rose-5-soft: #d58a91;
  --rose-5-muted: #b69a9c;
  --rose-6: #ff2056;
  --rose-6-soft: #cd6c73;
  --rose-6-muted: #a78384;
  --rose-7: #ec003f;
  --rose-7-soft: #b75c62;
  --rose-7-muted: #947273;
  --rose-8: #c70036;
  --rose-8-soft: #994c52;
  --rose-8-muted: #7b5f60;
  --rose-9: #a50036;
  --rose-9-soft: #813f47;
  --rose-9-muted: #684f51;
  --rose-10: #8b0836;
  --rose-10-soft: #6f3640;
  --rose-10-muted: #594447;
  --rose-11: #720025;
  --rose-11-soft: #552830;
  --rose-11-muted: #443335;
  --rose-12: #4d0218;
  --rose-12-soft: #3d1a1f;
  --rose-12-muted: #302324;
  --rose-13: #30010c;
  --rose-13-soft: #250e11;
  --rose-13-muted: #1c1314;
  --neutral-1: #fafafa;
  --neutral-2: #f5f5f5;
  --neutral-3: #e5e5e5;
  --neutral-4: #d4d4d4;
  --neutral-5: #a1a1a1;
  --neutral-6: #737373;
  --neutral-7: #525252;
  --neutral-8: #404040;
  --neutral-9: #262626;
  --neutral-10: #171717;
  --neutral-11: #121212;
  --neutral-12: #0a0a0a;
  --neutral-13: #060606;
}