@epilot/volt-ui 0.1.0

package/dist/styles/colors.css

@@ -0,0 +1,1929 @@
+/* Auto-generated color variables from src/tokens/colors.ts */
+
+:root,
+.light,
+.light-theme,
+[data-theme="light"] {
+  --mauve-1: #fdfcfd;
+  --mauve-2: #faf9fb;
+  --mauve-3: #f2eff3;
+  --mauve-4: #eae7ec;
+  --mauve-5: #e3dfe6;
+  --mauve-6: #dbd8e0;
+  --mauve-7: #d0cdd7;
+  --mauve-8: #bcbac7;
+  --mauve-9: #8e8c99;
+  --mauve-10: #84828e;
+  --mauve-11: #65636d;
+  --mauve-12: #211f26;
+  --mauve-a1: #55005503;
+  --mauve-a2: #2b005506;
+  --mauve-a3: #30004010;
+  --mauve-a4: #20003618;
+  --mauve-a5: #20003820;
+  --mauve-a6: #14003527;
+  --mauve-a7: #10003332;
+  --mauve-a8: #08003145;
+  --mauve-a9: #05001d73;
+  --mauve-a10: #0500197d;
+  --mauve-a11: #0400119c;
+  --mauve-a12: #020008e0;
+  --mauve-contrast: #ffffff;
+  --mauve-surface: #ffffffcc;
+  --mauve-indicator: #8e8c99;
+  --mauve-track: #8e8c99;
+  --red-1: #fffcfc;
+  --red-2: #fff7f7;
+  --red-3: #feebec;
+  --red-4: #ffdbdc;
+  --red-5: #ffcdce;
+  --red-6: #fdbdbe;
+  --red-7: #f4a9aa;
+  --red-8: #eb8e90;
+  --red-9: #e5484d;
+  --red-10: #dc3e42;
+  --red-11: #ce2c31;
+  --red-12: #641723;
+  --red-a1: #ff000003;
+  --red-a2: #ff000008;
+  --red-a3: #f3000d14;
+  --red-a4: #ff000824;
+  --red-a5: #ff000632;
+  --red-a6: #f8000442;
+  --red-a7: #df000356;
+  --red-a8: #d2000571;
+  --red-a9: #db0007b7;
+  --red-a10: #d10005c1;
+  --red-a11: #c40006d3;
+  --red-a12: #55000de8;
+  --red-contrast: #ffffff;
+  --red-surface: #fff5f5cc;
+  --red-indicator: #e5484d;
+  --red-track: #e5484d;
+  --pink-1: #fffcfe;
+  --pink-2: #fef7fb;
+  --pink-3: #fee9f5;
+  --pink-4: #fbdcef;
+  --pink-5: #f6cee7;
+  --pink-6: #efbfdd;
+  --pink-7: #e7acd0;
+  --pink-8: #dd93c2;
+  --pink-9: #d6409f;
+  --pink-10: #cf3897;
+  --pink-11: #c2298a;
+  --pink-12: #651249;
+  --pink-a1: #ff00aa03;
+  --pink-a2: #e0008008;
+  --pink-a3: #f4008c16;
+  --pink-a4: #e2008b23;
+  --pink-a5: #d1008331;
+  --pink-a6: #c0007840;
+  --pink-a7: #b6006f53;
+  --pink-a8: #af006f6c;
+  --pink-a9: #c8007fbf;
+  --pink-a10: #c2007ac7;
+  --pink-a11: #b60074d6;
+  --pink-a12: #59003bed;
+  --pink-contrast: #ffffff;
+  --pink-surface: #fef5facc;
+  --pink-indicator: #d6409f;
+  --pink-track: #d6409f;
+  --purple-1: #fefcfe;
+  --purple-2: #fbf7fe;
+  --purple-3: #f7edfe;
+  --purple-4: #f2e2fc;
+  --purple-5: #ead5f9;
+  --purple-6: #e0c4f4;
+  --purple-7: #d1afec;
+  --purple-8: #be93e4;
+  --purple-9: #8e4ec6;
+  --purple-10: #8347b9;
+  --purple-11: #8145b5;
+  --purple-12: #402060;
+  --purple-a1: #aa00aa03;
+  --purple-a2: #8000e008;
+  --purple-a3: #8e00f112;
+  --purple-a4: #8d00e51d;
+  --purple-a5: #8000db2a;
+  --purple-a6: #7a01d03b;
+  --purple-a7: #6d00c350;
+  --purple-a8: #6600c06c;
+  --purple-a9: #5c00adb1;
+  --purple-a10: #53009eb8;
+  --purple-a11: #52009aba;
+  --purple-a12: #250049df;
+  --purple-contrast: #ffffff;
+  --purple-surface: #faf5fecc;
+  --purple-indicator: #8e4ec6;
+  --purple-track: #8e4ec6;
+  --indigo-1: #fdfdfe;
+  --indigo-2: #f7f9ff;
+  --indigo-3: #edf2fe;
+  --indigo-4: #e1e9ff;
+  --indigo-5: #d2deff;
+  --indigo-6: #c1d0ff;
+  --indigo-7: #abbdf9;
+  --indigo-8: #8da4ef;
+  --indigo-9: #3e63dd;
+  --indigo-10: #3358d4;
+  --indigo-11: #3a5bc7;
+  --indigo-12: #1f2d5c;
+  --indigo-a1: #00008002;
+  --indigo-a2: #0040ff08;
+  --indigo-a3: #0047f112;
+  --indigo-a4: #0044ff1e;
+  --indigo-a5: #0044ff2d;
+  --indigo-a6: #003eff3e;
+  --indigo-a7: #0037ed54;
+  --indigo-a8: #0034dc72;
+  --indigo-a9: #0031d2c1;
+  --indigo-a10: #002ec9cc;
+  --indigo-a11: #002bb7c5;
+  --indigo-a12: #001046e0;
+  --indigo-contrast: #ffffff;
+  --indigo-surface: #f5f8ffcc;
+  --indigo-indicator: #3e63dd;
+  --indigo-track: #3e63dd;
+  --blue-1: #fbfdff;
+  --blue-2: #f4faff;
+  --blue-3: #e6f4fe;
+  --blue-4: #d5efff;
+  --blue-5: #c2e5ff;
+  --blue-6: #acd8fc;
+  --blue-7: #8ec8f6;
+  --blue-8: #5eb1ef;
+  --blue-9: #0090ff;
+  --blue-10: #0588f0;
+  --blue-11: #0d74ce;
+  --blue-12: #113264;
+  --blue-a1: #0080ff04;
+  --blue-a2: #008cff0b;
+  --blue-a3: #008ff519;
+  --blue-a4: #009eff2a;
+  --blue-a5: #0093ff3d;
+  --blue-a6: #0088f653;
+  --blue-a7: #0083eb71;
+  --blue-a8: #0084e6a1;
+  --blue-a9: #0090ff;
+  --blue-a10: #0086f0fa;
+  --blue-a11: #006dcbf2;
+  --blue-a12: #002359ee;
+  --blue-contrast: #ffffff;
+  --blue-surface: #f1f9ffcc;
+  --blue-indicator: #0090ff;
+  --blue-track: #0090ff;
+  --cyan-1: #fafdfe;
+  --cyan-2: #f2fafb;
+  --cyan-3: #def7f9;
+  --cyan-4: #caf1f6;
+  --cyan-5: #b5e9f0;
+  --cyan-6: #9ddde7;
+  --cyan-7: #7dcedc;
+  --cyan-8: #3db9cf;
+  --cyan-9: #00a2c7;
+  --cyan-10: #0797b9;
+  --cyan-11: #107d98;
+  --cyan-12: #0d3c48;
+  --cyan-a1: #0099cc05;
+  --cyan-a2: #009db10d;
+  --cyan-a3: #00c2d121;
+  --cyan-a4: #00bcd435;
+  --cyan-a5: #01b4cc4a;
+  --cyan-a6: #00a7c162;
+  --cyan-a7: #009fbb82;
+  --cyan-a8: #00a3c0c2;
+  --cyan-a9: #00a2c7;
+  --cyan-a10: #0094b7f8;
+  --cyan-a11: #007491ef;
+  --cyan-a12: #00323ef2;
+  --cyan-contrast: #ffffff;
+  --cyan-surface: #eff9facc;
+  --cyan-indicator: #00a2c7;
+  --cyan-track: #00a2c7;
+  --teal-1: #fafefd;
+  --teal-2: #f3fbf9;
+  --teal-3: #e0f8f3;
+  --teal-4: #ccf3ea;
+  --teal-5: #b8eae0;
+  --teal-6: #a1ded2;
+  --teal-7: #83cdc1;
+  --teal-8: #53b9ab;
+  --teal-9: #12a594;
+  --teal-10: #0d9b8a;
+  --teal-11: #008573;
+  --teal-12: #0d3d38;
+  --teal-a1: #00cc9905;
+  --teal-a2: #00aa800c;
+  --teal-a3: #00c69d1f;
+  --teal-a4: #00c39633;
+  --teal-a5: #00b49047;
+  --teal-a6: #00a6855e;
+  --teal-a7: #0099807c;
+  --teal-a8: #009783ac;
+  --teal-a9: #009e8ced;
+  --teal-a10: #009684f2;
+  --teal-a11: #008573;
+  --teal-a12: #00332df2;
+  --teal-contrast: #ffffff;
+  --teal-surface: #f0faf8cc;
+  --teal-indicator: #12a594;
+  --teal-track: #12a594;
+  --green-1: #fbfefc;
+  --green-2: #f4fbf6;
+  --green-3: #e6f6eb;
+  --green-4: #d6f1df;
+  --green-5: #c4e8d1;
+  --green-6: #adddc0;
+  --green-7: #8eceaa;
+  --green-8: #5bb98b;
+  --green-9: #30a46c;
+  --green-10: #2b9a66;
+  --green-11: #218358;
+  --green-12: #193b2d;
+  --green-a1: #00c04004;
+  --green-a2: #00a32f0b;
+  --green-a3: #00a43319;
+  --green-a4: #00a83829;
+  --green-a5: #019c393b;
+  --green-a6: #00963c52;
+  --green-a7: #00914071;
+  --green-a8: #00924ba4;
+  --green-a9: #008f4acf;
+  --green-a10: #008647d4;
+  --green-a11: #00713fde;
+  --green-a12: #002616e6;
+  --green-contrast: #ffffff;
+  --green-surface: #f1faf4cc;
+  --green-indicator: #30a46c;
+  --green-track: #30a46c;
+  --bronze-1: #fdfcfc;
+  --bronze-2: #fdf7f5;
+  --bronze-3: #f6edea;
+  --bronze-4: #efe4df;
+  --bronze-5: #e7d9d3;
+  --bronze-6: #dfcdc5;
+  --bronze-7: #d3bcb3;
+  --bronze-8: #c2a499;
+  --bronze-9: #a18072;
+  --bronze-10: #957468;
+  --bronze-11: #7d5e54;
+  --bronze-12: #43302b;
+  --bronze-a1: #55000003;
+  --bronze-a2: #cc33000a;
+  --bronze-a3: #92250015;
+  --bronze-a4: #80280020;
+  --bronze-a5: #7423002c;
+  --bronze-a6: #7324003a;
+  --bronze-a7: #6c1f004c;
+  --bronze-a8: #671c0066;
+  --bronze-a9: #551a008d;
+  --bronze-a10: #4c150097;
+  --bronze-a11: #3d0f00ab;
+  --bronze-a12: #1d0600d4;
+  --bronze-contrast: #ffffff;
+  --bronze-surface: #fdf5f3cc;
+  --bronze-indicator: #a18072;
+  --bronze-track: #a18072;
+  --sky-1: #f9feff;
+  --sky-2: #f1fafd;
+  --sky-3: #e1f6fd;
+  --sky-4: #d1f0fa;
+  --sky-5: #bee7f5;
+  --sky-6: #a9daed;
+  --sky-7: #8dcae3;
+  --sky-8: #60b3d7;
+  --sky-9: #7ce2fe;
+  --sky-10: #74daf8;
+  --sky-11: #00749e;
+  --sky-12: #1d3e56;
+  --sky-a1: #00d5ff06;
+  --sky-a2: #00a4db0e;
+  --sky-a3: #00b3ee1e;
+  --sky-a4: #00ace42e;
+  --sky-a5: #00a1d841;
+  --sky-a6: #0092ca56;
+  --sky-a7: #0089c172;
+  --sky-a8: #0085bf9f;
+  --sky-a9: #00c7fe83;
+  --sky-a10: #00bcf38b;
+  --sky-a11: #00749e;
+  --sky-a12: #002540e2;
+  --sky-contrast: #1c2024;
+  --sky-surface: #eef9fdcc;
+  --sky-indicator: #7ce2fe;
+  --sky-track: #7ce2fe;
+  --mint-1: #f9fefd;
+  --mint-2: #f2fbf9;
+  --mint-3: #ddf9f2;
+  --mint-4: #c8f4e9;
+  --mint-5: #b3ecde;
+  --mint-6: #9ce0d0;
+  --mint-7: #7ecfbd;
+  --mint-8: #4cbba5;
+  --mint-9: #86ead4;
+  --mint-10: #7de0cb;
+  --mint-11: #027864;
+  --mint-12: #16433c;
+  --mint-a1: #00d5aa06;
+  --mint-a2: #00b18a0d;
+  --mint-a3: #00d29e22;
+  --mint-a4: #00cc9937;
+  --mint-a5: #00c0914c;
+  --mint-a6: #00b08663;
+  --mint-a7: #00a17d81;
+  --mint-a8: #009e7fb3;
+  --mint-a9: #00d3a579;
+  --mint-a10: #00c39982;
+  --mint-a11: #007763fd;
+  --mint-a12: #00312ae9;
+  --mint-contrast: #1a211e;
+  --mint-surface: #effaf8cc;
+  --mint-indicator: #86ead4;
+  --mint-track: #86ead4;
+  --lime-1: #fcfdfa;
+  --lime-2: #f8faf3;
+  --lime-3: #eef6d6;
+  --lime-4: #e2f0bd;
+  --lime-5: #d3e7a6;
+  --lime-6: #c2da91;
+  --lime-7: #abc978;
+  --lime-8: #8db654;
+  --lime-9: #bdee63;
+  --lime-10: #b0e64c;
+  --lime-11: #5c7c2f;
+  --lime-12: #37401c;
+  --lime-a1: #66990005;
+  --lime-a2: #6b95000c;
+  --lime-a3: #96c80029;
+  --lime-a4: #8fc60042;
+  --lime-a5: #81bb0059;
+  --lime-a6: #72aa006e;
+  --lime-a7: #61990087;
+  --lime-a8: #559200ab;
+  --lime-a9: #93e4009c;
+  --lime-a10: #8fdc00b3;
+  --lime-a11: #375f00d0;
+  --lime-a12: #1e2900e3;
+  --lime-contrast: #1d211c;
+  --lime-surface: #f6f9f0cc;
+  --lime-indicator: #bdee63;
+  --lime-track: #bdee63;
+  --yellow-1: #fdfdf9;
+  --yellow-2: #fefce9;
+  --yellow-3: #fffab8;
+  --yellow-4: #fff394;
+  --yellow-5: #ffe770;
+  --yellow-6: #f3d768;
+  --yellow-7: #e4c767;
+  --yellow-8: #d5ae39;
+  --yellow-9: #ffe629;
+  --yellow-10: #ffdc00;
+  --yellow-11: #9e6c00;
+  --yellow-12: #473b1f;
+  --yellow-a1: #aaaa0006;
+  --yellow-a2: #f4dd0016;
+  --yellow-a3: #ffee0047;
+  --yellow-a4: #ffe3016b;
+  --yellow-a5: #ffd5008f;
+  --yellow-a6: #ebbc0097;
+  --yellow-a7: #d2a10098;
+  --yellow-a8: #c99700c6;
+  --yellow-a9: #ffe100d6;
+  --yellow-a10: #ffdc00;
+  --yellow-a11: #9e6c00;
+  --yellow-a12: #2e2000e0;
+  --yellow-contrast: #21201c;
+  --yellow-surface: #fefbe4cc;
+  --yellow-indicator: #ffdc00;
+  --yellow-track: #ffdc00;
+  --orange-1: #fefcfb;
+  --orange-2: #fff7ed;
+  --orange-3: #ffefd6;
+  --orange-4: #ffdfb5;
+  --orange-5: #ffd19a;
+  --orange-6: #ffc182;
+  --orange-7: #f5ae73;
+  --orange-8: #ec9455;
+  --orange-9: #f76b15;
+  --orange-10: #ef5f00;
+  --orange-11: #cc4e00;
+  --orange-12: #582d1d;
+  --orange-a1: #c0400004;
+  --orange-a2: #ff8e0012;
+  --orange-a3: #ff9c0029;
+  --orange-a4: #ff91014a;
+  --orange-a5: #ff8b0065;
+  --orange-a6: #ff81007d;
+  --orange-a7: #ed6c008c;
+  --orange-a8: #e35f00aa;
+  --orange-a9: #f65e00ea;
+  --orange-a10: #ef5f00;
+  --orange-a11: #cc4e00;
+  --orange-a12: #431200e2;
+  --orange-contrast: #ffffff;
+  --orange-surface: #fff5e9cc;
+  --orange-indicator: #f76b15;
+  --orange-track: #f76b15;
+  --accent-1: #fdfdfe;
+  --accent-2: #f7f9ff;
+  --accent-3: #edf2fe;
+  --accent-4: #e1e9ff;
+  --accent-5: #d2deff;
+  --accent-6: #c1d0ff;
+  --accent-7: #abbdf9;
+  --accent-8: #8da4ef;
+  --accent-9: #3e63dd;
+  --accent-10: #3358d4;
+  --accent-11: #3a5bc7;
+  --accent-12: #1f2d5c;
+  --accent-a1: #00008002;
+  --accent-a2: #0040ff08;
+  --accent-a3: #0047f112;
+  --accent-a4: #0044ff1e;
+  --accent-a5: #0044ff2d;
+  --accent-a6: #003eff3e;
+  --accent-a7: #0037ed54;
+  --accent-a8: #0034dc72;
+  --accent-a9: #0031d2c1;
+  --accent-a10: #002ec9cc;
+  --accent-a11: #002bb7c5;
+  --accent-a12: #001046e0;
+  --accent-contrast: #ffffff;
+  --accent-surface: #f5f8ffcc;
+  --accent-indicator: #3e63dd;
+  --accent-track: #3e63dd;
+  --gray-1: #fdfcfd;
+  --gray-2: #faf9fb;
+  --gray-3: #f2eff3;
+  --gray-4: #eae7ec;
+  --gray-5: #e3dfe6;
+  --gray-6: #dbd8e0;
+  --gray-7: #d0cdd7;
+  --gray-8: #bcbac7;
+  --gray-9: #8e8c99;
+  --gray-10: #84828e;
+  --gray-11: #65636d;
+  --gray-12: #211f26;
+  --gray-a1: #55005503;
+  --gray-a2: #2b005506;
+  --gray-a3: #30004010;
+  --gray-a4: #20003618;
+  --gray-a5: #20003820;
+  --gray-a6: #14003527;
+  --gray-a7: #10003332;
+  --gray-a8: #08003145;
+  --gray-a9: #05001d73;
+  --gray-a10: #0500197d;
+  --gray-a11: #0400119c;
+  --gray-a12: #020008e0;
+  --gray-contrast: #ffffff;
+  --gray-surface: #ffffffcc;
+  --gray-indicator: #8e8c99;
+  --gray-track: #8e8c99;
+  --success-1: #fbfefc;
+  --success-2: #f4fbf6;
+  --success-3: #e6f6eb;
+  --success-4: #d6f1df;
+  --success-5: #c4e8d1;
+  --success-6: #adddc0;
+  --success-7: #8eceaa;
+  --success-8: #5bb98b;
+  --success-9: #30a46c;
+  --success-10: #2b9a66;
+  --success-11: #218358;
+  --success-12: #193b2d;
+  --success-a1: #00c04004;
+  --success-a2: #00a32f0b;
+  --success-a3: #00a43319;
+  --success-a4: #00a83829;
+  --success-a5: #019c393b;
+  --success-a6: #00963c52;
+  --success-a7: #00914071;
+  --success-a8: #00924ba4;
+  --success-a9: #008f4acf;
+  --success-a10: #008647d4;
+  --success-a11: #00713fde;
+  --success-a12: #002616e6;
+  --success-contrast: #ffffff;
+  --success-surface: #f1faf4cc;
+  --success-indicator: #30a46c;
+  --success-track: #30a46c;
+  --error-1: #fffcfc;
+  --error-2: #fff7f7;
+  --error-3: #feebec;
+  --error-4: #ffdbdc;
+  --error-5: #ffcdce;
+  --error-6: #fdbdbe;
+  --error-7: #f4a9aa;
+  --error-8: #eb8e90;
+  --error-9: #e5484d;
+  --error-10: #dc3e42;
+  --error-11: #ce2c31;
+  --error-12: #641723;
+  --error-a1: #ff000003;
+  --error-a2: #ff000008;
+  --error-a3: #f3000d14;
+  --error-a4: #ff000824;
+  --error-a5: #ff000632;
+  --error-a6: #f8000442;
+  --error-a7: #df000356;
+  --error-a8: #d2000571;
+  --error-a9: #db0007b7;
+  --error-a10: #d10005c1;
+  --error-a11: #c40006d3;
+  --error-a12: #55000de8;
+  --error-contrast: #ffffff;
+  --error-surface: #fff5f5cc;
+  --error-indicator: #e5484d;
+  --error-track: #e5484d;
+  --warning-1: #fefcfb;
+  --warning-2: #fff7ed;
+  --warning-3: #ffefd6;
+  --warning-4: #ffdfb5;
+  --warning-5: #ffd19a;
+  --warning-6: #ffc182;
+  --warning-7: #f5ae73;
+  --warning-8: #ec9455;
+  --warning-9: #f76b15;
+  --warning-10: #ef5f00;
+  --warning-11: #cc4e00;
+  --warning-12: #582d1d;
+  --warning-a1: #c0400004;
+  --warning-a2: #ff8e0012;
+  --warning-a3: #ff9c0029;
+  --warning-a4: #ff91014a;
+  --warning-a5: #ff8b0065;
+  --warning-a6: #ff81007d;
+  --warning-a7: #ed6c008c;
+  --warning-a8: #e35f00aa;
+  --warning-a9: #f65e00ea;
+  --warning-a10: #ef5f00;
+  --warning-a11: #cc4e00;
+  --warning-a12: #431200e2;
+  --warning-contrast: #ffffff;
+  --warning-surface: #fff5e9cc;
+  --warning-indicator: #f76b15;
+  --warning-track: #f76b15;
+  --info-1: #fbfdff;
+  --info-2: #f4faff;
+  --info-3: #e6f4fe;
+  --info-4: #d5efff;
+  --info-5: #c2e5ff;
+  --info-6: #acd8fc;
+  --info-7: #8ec8f6;
+  --info-8: #5eb1ef;
+  --info-9: #0090ff;
+  --info-10: #0588f0;
+  --info-11: #0d74ce;
+  --info-12: #113264;
+  --info-a1: #0080ff04;
+  --info-a2: #008cff0b;
+  --info-a3: #008ff519;
+  --info-a4: #009eff2a;
+  --info-a5: #0093ff3d;
+  --info-a6: #0088f653;
+  --info-a7: #0083eb71;
+  --info-a8: #0084e6a1;
+  --info-a9: #0090ff;
+  --info-a10: #0086f0fa;
+  --info-a11: #006dcbf2;
+  --info-a12: #002359ee;
+  --info-contrast: #ffffff;
+  --info-surface: #f1f9ffcc;
+  --info-indicator: #0090ff;
+  --info-track: #0090ff;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --mauve-1: color(display-p3 0.991 0.988 0.992);
+      --mauve-2: color(display-p3 0.98 0.976 0.984);
+      --mauve-3: color(display-p3 0.946 0.938 0.952);
+      --mauve-4: color(display-p3 0.915 0.906 0.925);
+      --mauve-5: color(display-p3 0.886 0.876 0.901);
+      --mauve-6: color(display-p3 0.856 0.846 0.875);
+      --mauve-7: color(display-p3 0.814 0.804 0.84);
+      --mauve-8: color(display-p3 0.735 0.728 0.777);
+      --mauve-9: color(display-p3 0.555 0.549 0.596);
+      --mauve-10: color(display-p3 0.514 0.508 0.552);
+      --mauve-11: color(display-p3 0.395 0.388 0.424);
+      --mauve-12: color(display-p3 0.128 0.122 0.147);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --mauve-1: color(display-p3 0.07 0.067 0.074);
+      --mauve-2: color(display-p3 0.101 0.098 0.105);
+      --mauve-3: color(display-p3 0.138 0.134 0.144);
+      --mauve-4: color(display-p3 0.167 0.161 0.175);
+      --mauve-5: color(display-p3 0.196 0.189 0.206);
+      --mauve-6: color(display-p3 0.232 0.225 0.245);
+      --mauve-7: color(display-p3 0.286 0.277 0.302);
+      --mauve-8: color(display-p3 0.383 0.373 0.408);
+      --mauve-9: color(display-p3 0.434 0.428 0.467);
+      --mauve-10: color(display-p3 0.487 0.48 0.519);
+      --mauve-11: color(display-p3 0.707 0.7 0.735);
+      --mauve-12: color(display-p3 0.933 0.933 0.94);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --red-1: color(display-p3 0.998 0.989 0.988);
+      --red-2: color(display-p3 0.995 0.971 0.971);
+      --red-3: color(display-p3 0.985 0.925 0.925);
+      --red-4: color(display-p3 0.999 0.866 0.866);
+      --red-5: color(display-p3 0.984 0.812 0.811);
+      --red-6: color(display-p3 0.955 0.751 0.749);
+      --red-7: color(display-p3 0.915 0.675 0.672);
+      --red-8: color(display-p3 0.872 0.575 0.572);
+      --red-9: color(display-p3 0.83 0.329 0.324);
+      --red-10: color(display-p3 0.798 0.294 0.285);
+      --red-11: color(display-p3 0.744 0.234 0.222);
+      --red-12: color(display-p3 0.36 0.115 0.143);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --red-1: color(display-p3 0.093 0.068 0.067);
+      --red-2: color(display-p3 0.118 0.077 0.079);
+      --red-3: color(display-p3 0.211 0.081 0.099);
+      --red-4: color(display-p3 0.287 0.079 0.113);
+      --red-5: color(display-p3 0.348 0.11 0.142);
+      --red-6: color(display-p3 0.414 0.16 0.183);
+      --red-7: color(display-p3 0.508 0.224 0.236);
+      --red-8: color(display-p3 0.659 0.298 0.297);
+      --red-9: color(display-p3 0.83 0.329 0.324);
+      --red-10: color(display-p3 0.861 0.403 0.387);
+      --red-11: color(display-p3 1 0.57 0.55);
+      --red-12: color(display-p3 0.971 0.826 0.852);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --pink-1: color(display-p3 0.998 0.989 0.996);
+      --pink-2: color(display-p3 0.992 0.97 0.985);
+      --pink-3: color(display-p3 0.981 0.917 0.96);
+      --pink-4: color(display-p3 0.963 0.867 0.932);
+      --pink-5: color(display-p3 0.939 0.815 0.899);
+      --pink-6: color(display-p3 0.907 0.756 0.859);
+      --pink-7: color(display-p3 0.869 0.683 0.81);
+      --pink-8: color(display-p3 0.825 0.59 0.751);
+      --pink-9: color(display-p3 0.775 0.297 0.61);
+      --pink-10: color(display-p3 0.748 0.27 0.581);
+      --pink-11: color(display-p3 0.698 0.219 0.528);
+      --pink-12: color(display-p3 0.363 0.101 0.279);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --pink-1: color(display-p3 0.093 0.068 0.089);
+      --pink-2: color(display-p3 0.121 0.073 0.11);
+      --pink-3: color(display-p3 0.198 0.098 0.179);
+      --pink-4: color(display-p3 0.271 0.095 0.231);
+      --pink-5: color(display-p3 0.32 0.127 0.273);
+      --pink-6: color(display-p3 0.382 0.177 0.326);
+      --pink-7: color(display-p3 0.477 0.238 0.405);
+      --pink-8: color(display-p3 0.612 0.304 0.51);
+      --pink-9: color(display-p3 0.775 0.297 0.61);
+      --pink-10: color(display-p3 0.808 0.356 0.645);
+      --pink-11: color(display-p3 1 0.535 0.78);
+      --pink-12: color(display-p3 0.964 0.826 0.912);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --purple-1: color(display-p3 0.995 0.988 0.996);
+      --purple-2: color(display-p3 0.983 0.971 0.993);
+      --purple-3: color(display-p3 0.963 0.931 0.989);
+      --purple-4: color(display-p3 0.937 0.888 0.981);
+      --purple-5: color(display-p3 0.904 0.837 0.966);
+      --purple-6: color(display-p3 0.86 0.774 0.942);
+      --purple-7: color(display-p3 0.799 0.69 0.91);
+      --purple-8: color(display-p3 0.719 0.583 0.874);
+      --purple-9: color(display-p3 0.523 0.318 0.751);
+      --purple-10: color(display-p3 0.483 0.289 0.7);
+      --purple-11: color(display-p3 0.473 0.281 0.687);
+      --purple-12: color(display-p3 0.234 0.132 0.363);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --purple-1: color(display-p3 0.09 0.068 0.103);
+      --purple-2: color(display-p3 0.113 0.082 0.134);
+      --purple-3: color(display-p3 0.175 0.112 0.224);
+      --purple-4: color(display-p3 0.224 0.137 0.297);
+      --purple-5: color(display-p3 0.264 0.167 0.349);
+      --purple-6: color(display-p3 0.311 0.208 0.406);
+      --purple-7: color(display-p3 0.381 0.266 0.496);
+      --purple-8: color(display-p3 0.49 0.349 0.649);
+      --purple-9: color(display-p3 0.523 0.318 0.751);
+      --purple-10: color(display-p3 0.57 0.373 0.791);
+      --purple-11: color(display-p3 0.8 0.62 1);
+      --purple-12: color(display-p3 0.913 0.854 0.971);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --indigo-1: color(display-p3 0.992 0.992 0.996);
+      --indigo-2: color(display-p3 0.971 0.977 0.998);
+      --indigo-3: color(display-p3 0.933 0.948 0.992);
+      --indigo-4: color(display-p3 0.885 0.914 1);
+      --indigo-5: color(display-p3 0.831 0.87 1);
+      --indigo-6: color(display-p3 0.767 0.814 0.995);
+      --indigo-7: color(display-p3 0.685 0.74 0.957);
+      --indigo-8: color(display-p3 0.569 0.639 0.916);
+      --indigo-9: color(display-p3 0.276 0.384 0.837);
+      --indigo-10: color(display-p3 0.234 0.343 0.801);
+      --indigo-11: color(display-p3 0.256 0.354 0.755);
+      --indigo-12: color(display-p3 0.133 0.175 0.348);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --indigo-1: color(display-p3 0.068 0.074 0.118);
+      --indigo-2: color(display-p3 0.081 0.089 0.144);
+      --indigo-3: color(display-p3 0.105 0.141 0.275);
+      --indigo-4: color(display-p3 0.129 0.18 0.369);
+      --indigo-5: color(display-p3 0.163 0.22 0.439);
+      --indigo-6: color(display-p3 0.203 0.262 0.5);
+      --indigo-7: color(display-p3 0.245 0.309 0.575);
+      --indigo-8: color(display-p3 0.285 0.362 0.674);
+      --indigo-9: color(display-p3 0.276 0.384 0.837);
+      --indigo-10: color(display-p3 0.354 0.445 0.866);
+      --indigo-11: color(display-p3 0.63 0.69 1);
+      --indigo-12: color(display-p3 0.848 0.881 0.99);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --blue-1: color(display-p3 0.986 0.992 0.999);
+      --blue-2: color(display-p3 0.96 0.979 0.998);
+      --blue-3: color(display-p3 0.912 0.956 0.991);
+      --blue-4: color(display-p3 0.853 0.932 1);
+      --blue-5: color(display-p3 0.788 0.894 0.998);
+      --blue-6: color(display-p3 0.709 0.843 0.976);
+      --blue-7: color(display-p3 0.606 0.777 0.947);
+      --blue-8: color(display-p3 0.451 0.688 0.917);
+      --blue-9: color(display-p3 0.247 0.556 0.969);
+      --blue-10: color(display-p3 0.234 0.523 0.912);
+      --blue-11: color(display-p3 0.15 0.44 0.84);
+      --blue-12: color(display-p3 0.102 0.193 0.379);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --blue-1: color(display-p3 0.057 0.081 0.122);
+      --blue-2: color(display-p3 0.072 0.098 0.147);
+      --blue-3: color(display-p3 0.078 0.154 0.27);
+      --blue-4: color(display-p3 0.033 0.197 0.37);
+      --blue-5: color(display-p3 0.08 0.245 0.441);
+      --blue-6: color(display-p3 0.14 0.298 0.511);
+      --blue-7: color(display-p3 0.195 0.361 0.6);
+      --blue-8: color(display-p3 0.239 0.434 0.72);
+      --blue-9: color(display-p3 0.247 0.556 0.969);
+      --blue-10: color(display-p3 0.344 0.612 0.973);
+      --blue-11: color(display-p3 0.49 0.72 1);
+      --blue-12: color(display-p3 0.788 0.898 0.99);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --cyan-1: color(display-p3 0.982 0.992 0.996);
+      --cyan-2: color(display-p3 0.955 0.981 0.984);
+      --cyan-3: color(display-p3 0.888 0.965 0.975);
+      --cyan-4: color(display-p3 0.821 0.941 0.959);
+      --cyan-5: color(display-p3 0.751 0.907 0.935);
+      --cyan-6: color(display-p3 0.671 0.862 0.9);
+      --cyan-7: color(display-p3 0.564 0.8 0.854);
+      --cyan-8: color(display-p3 0.388 0.715 0.798);
+      --cyan-9: color(display-p3 0.282 0.627 0.765);
+      --cyan-10: color(display-p3 0.264 0.583 0.71);
+      --cyan-11: color(display-p3 0.08 0.48 0.63);
+      --cyan-12: color(display-p3 0.108 0.232 0.277);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --cyan-1: color(display-p3 0.053 0.085 0.098);
+      --cyan-2: color(display-p3 0.072 0.105 0.122);
+      --cyan-3: color(display-p3 0.073 0.168 0.209);
+      --cyan-4: color(display-p3 0.063 0.216 0.277);
+      --cyan-5: color(display-p3 0.091 0.267 0.336);
+      --cyan-6: color(display-p3 0.137 0.324 0.4);
+      --cyan-7: color(display-p3 0.186 0.398 0.484);
+      --cyan-8: color(display-p3 0.23 0.496 0.6);
+      --cyan-9: color(display-p3 0.282 0.627 0.765);
+      --cyan-10: color(display-p3 0.331 0.675 0.801);
+      --cyan-11: color(display-p3 0.446 0.79 0.887);
+      --cyan-12: color(display-p3 0.757 0.919 0.962);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --teal-1: color(display-p3 0.983 0.996 0.992);
+      --teal-2: color(display-p3 0.958 0.983 0.976);
+      --teal-3: color(display-p3 0.895 0.971 0.952);
+      --teal-4: color(display-p3 0.831 0.949 0.92);
+      --teal-5: color(display-p3 0.761 0.914 0.878);
+      --teal-6: color(display-p3 0.682 0.864 0.825);
+      --teal-7: color(display-p3 0.581 0.798 0.756);
+      --teal-8: color(display-p3 0.433 0.716 0.671);
+      --teal-9: color(display-p3 0.297 0.637 0.581);
+      --teal-10: color(display-p3 0.275 0.599 0.542);
+      --teal-11: color(display-p3 0.08 0.5 0.43);
+      --teal-12: color(display-p3 0.11 0.235 0.219);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --teal-1: color(display-p3 0.059 0.083 0.079);
+      --teal-2: color(display-p3 0.075 0.11 0.107);
+      --teal-3: color(display-p3 0.087 0.175 0.165);
+      --teal-4: color(display-p3 0.087 0.227 0.214);
+      --teal-5: color(display-p3 0.12 0.277 0.261);
+      --teal-6: color(display-p3 0.162 0.335 0.314);
+      --teal-7: color(display-p3 0.205 0.406 0.379);
+      --teal-8: color(display-p3 0.245 0.489 0.453);
+      --teal-9: color(display-p3 0.297 0.637 0.581);
+      --teal-10: color(display-p3 0.319 0.69 0.62);
+      --teal-11: color(display-p3 0.388 0.835 0.719);
+      --teal-12: color(display-p3 0.734 0.934 0.87);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --green-1: color(display-p3 0.986 0.996 0.989);
+      --green-2: color(display-p3 0.963 0.983 0.967);
+      --green-3: color(display-p3 0.913 0.964 0.925);
+      --green-4: color(display-p3 0.859 0.94 0.879);
+      --green-5: color(display-p3 0.796 0.907 0.826);
+      --green-6: color(display-p3 0.718 0.863 0.761);
+      --green-7: color(display-p3 0.61 0.801 0.675);
+      --green-8: color(display-p3 0.451 0.715 0.559);
+      --green-9: color(display-p3 0.332 0.634 0.442);
+      --green-10: color(display-p3 0.308 0.595 0.417);
+      --green-11: color(display-p3 0.19 0.5 0.32);
+      --green-12: color(display-p3 0.132 0.228 0.18);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --green-1: color(display-p3 0.062 0.083 0.071);
+      --green-2: color(display-p3 0.079 0.106 0.09);
+      --green-3: color(display-p3 0.1 0.173 0.133);
+      --green-4: color(display-p3 0.115 0.229 0.166);
+      --green-5: color(display-p3 0.147 0.282 0.206);
+      --green-6: color(display-p3 0.185 0.338 0.25);
+      --green-7: color(display-p3 0.227 0.403 0.298);
+      --green-8: color(display-p3 0.27 0.479 0.351);
+      --green-9: color(display-p3 0.332 0.634 0.442);
+      --green-10: color(display-p3 0.357 0.682 0.474);
+      --green-11: color(display-p3 0.434 0.828 0.573);
+      --green-12: color(display-p3 0.747 0.938 0.807);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --bronze-1: color(display-p3 0.991 0.988 0.988);
+      --bronze-2: color(display-p3 0.989 0.97 0.961);
+      --bronze-3: color(display-p3 0.958 0.932 0.919);
+      --bronze-4: color(display-p3 0.929 0.894 0.877);
+      --bronze-5: color(display-p3 0.898 0.853 0.832);
+      --bronze-6: color(display-p3 0.861 0.805 0.778);
+      --bronze-7: color(display-p3 0.812 0.739 0.706);
+      --bronze-8: color(display-p3 0.741 0.647 0.606);
+      --bronze-9: color(display-p3 0.611 0.507 0.455);
+      --bronze-10: color(display-p3 0.563 0.461 0.414);
+      --bronze-11: color(display-p3 0.471 0.373 0.336);
+      --bronze-12: color(display-p3 0.251 0.191 0.172);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --bronze-1: color(display-p3 0.076 0.067 0.063);
+      --bronze-2: color(display-p3 0.106 0.097 0.093);
+      --bronze-3: color(display-p3 0.147 0.132 0.125);
+      --bronze-4: color(display-p3 0.185 0.166 0.156);
+      --bronze-5: color(display-p3 0.227 0.202 0.19);
+      --bronze-6: color(display-p3 0.278 0.246 0.23);
+      --bronze-7: color(display-p3 0.343 0.302 0.281);
+      --bronze-8: color(display-p3 0.426 0.374 0.347);
+      --bronze-9: color(display-p3 0.611 0.507 0.455);
+      --bronze-10: color(display-p3 0.66 0.556 0.504);
+      --bronze-11: color(display-p3 0.81 0.707 0.655);
+      --bronze-12: color(display-p3 0.921 0.88 0.854);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --sky-1: color(display-p3 0.98 0.995 0.999);
+      --sky-2: color(display-p3 0.953 0.98 0.99);
+      --sky-3: color(display-p3 0.899 0.963 0.989);
+      --sky-4: color(display-p3 0.842 0.937 0.977);
+      --sky-5: color(display-p3 0.777 0.9 0.954);
+      --sky-6: color(display-p3 0.701 0.851 0.921);
+      --sky-7: color(display-p3 0.604 0.785 0.879);
+      --sky-8: color(display-p3 0.457 0.696 0.829);
+      --sky-9: color(display-p3 0.585 0.877 0.983);
+      --sky-10: color(display-p3 0.555 0.845 0.959);
+      --sky-11: color(display-p3 0.193 0.448 0.605);
+      --sky-12: color(display-p3 0.145 0.241 0.329);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --sky-1: color(display-p3 0.056 0.078 0.116);
+      --sky-2: color(display-p3 0.075 0.101 0.149);
+      --sky-3: color(display-p3 0.089 0.154 0.244);
+      --sky-4: color(display-p3 0.106 0.207 0.323);
+      --sky-5: color(display-p3 0.135 0.261 0.394);
+      --sky-6: color(display-p3 0.17 0.322 0.469);
+      --sky-7: color(display-p3 0.205 0.394 0.557);
+      --sky-8: color(display-p3 0.232 0.48 0.665);
+      --sky-9: color(display-p3 0.585 0.877 0.983);
+      --sky-10: color(display-p3 0.718 0.925 0.991);
+      --sky-11: color(display-p3 0.536 0.772 0.924);
+      --sky-12: color(display-p3 0.799 0.947 0.993);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --mint-1: color(display-p3 0.98 0.995 0.992);
+      --mint-2: color(display-p3 0.957 0.985 0.977);
+      --mint-3: color(display-p3 0.888 0.972 0.95);
+      --mint-4: color(display-p3 0.819 0.951 0.916);
+      --mint-5: color(display-p3 0.747 0.918 0.873);
+      --mint-6: color(display-p3 0.668 0.87 0.818);
+      --mint-7: color(display-p3 0.567 0.805 0.744);
+      --mint-8: color(display-p3 0.42 0.724 0.649);
+      --mint-9: color(display-p3 0.62 0.908 0.834);
+      --mint-10: color(display-p3 0.585 0.871 0.797);
+      --mint-11: color(display-p3 0.203 0.463 0.397);
+      --mint-12: color(display-p3 0.136 0.259 0.236);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --mint-1: color(display-p3 0.059 0.082 0.081);
+      --mint-2: color(display-p3 0.068 0.104 0.105);
+      --mint-3: color(display-p3 0.077 0.17 0.168);
+      --mint-4: color(display-p3 0.068 0.224 0.22);
+      --mint-5: color(display-p3 0.104 0.275 0.264);
+      --mint-6: color(display-p3 0.154 0.332 0.313);
+      --mint-7: color(display-p3 0.207 0.403 0.373);
+      --mint-8: color(display-p3 0.258 0.49 0.441);
+      --mint-9: color(display-p3 0.62 0.908 0.834);
+      --mint-10: color(display-p3 0.725 0.954 0.898);
+      --mint-11: color(display-p3 0.482 0.825 0.733);
+      --mint-12: color(display-p3 0.807 0.955 0.887);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --lime-1: color(display-p3 0.989 0.992 0.981);
+      --lime-2: color(display-p3 0.975 0.98 0.954);
+      --lime-3: color(display-p3 0.939 0.965 0.851);
+      --lime-4: color(display-p3 0.896 0.94 0.76);
+      --lime-5: color(display-p3 0.843 0.903 0.678);
+      --lime-6: color(display-p3 0.778 0.852 0.599);
+      --lime-7: color(display-p3 0.694 0.784 0.508);
+      --lime-8: color(display-p3 0.585 0.707 0.378);
+      --lime-9: color(display-p3 0.78 0.928 0.466);
+      --lime-10: color(display-p3 0.734 0.896 0.397);
+      --lime-11: color(display-p3 0.386 0.482 0.227);
+      --lime-12: color(display-p3 0.222 0.25 0.128);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --lime-1: color(display-p3 0.067 0.073 0.048);
+      --lime-2: color(display-p3 0.086 0.1 0.067);
+      --lime-3: color(display-p3 0.13 0.16 0.099);
+      --lime-4: color(display-p3 0.172 0.214 0.126);
+      --lime-5: color(display-p3 0.213 0.266 0.153);
+      --lime-6: color(display-p3 0.257 0.321 0.182);
+      --lime-7: color(display-p3 0.307 0.383 0.215);
+      --lime-8: color(display-p3 0.365 0.456 0.25);
+      --lime-9: color(display-p3 0.78 0.928 0.466);
+      --lime-10: color(display-p3 0.865 0.995 0.519);
+      --lime-11: color(display-p3 0.771 0.893 0.485);
+      --lime-12: color(display-p3 0.905 0.966 0.753);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --yellow-1: color(display-p3 0.992 0.992 0.978);
+      --yellow-2: color(display-p3 0.995 0.99 0.922);
+      --yellow-3: color(display-p3 0.997 0.982 0.749);
+      --yellow-4: color(display-p3 0.992 0.953 0.627);
+      --yellow-5: color(display-p3 0.984 0.91 0.51);
+      --yellow-6: color(display-p3 0.934 0.847 0.474);
+      --yellow-7: color(display-p3 0.876 0.785 0.46);
+      --yellow-8: color(display-p3 0.811 0.689 0.313);
+      --yellow-9: color(display-p3 1 0.92 0.22);
+      --yellow-10: color(display-p3 0.977 0.868 0.291);
+      --yellow-11: color(display-p3 0.6 0.44 0);
+      --yellow-12: color(display-p3 0.271 0.233 0.137);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --yellow-1: color(display-p3 0.078 0.069 0.047);
+      --yellow-2: color(display-p3 0.103 0.094 0.063);
+      --yellow-3: color(display-p3 0.168 0.137 0.039);
+      --yellow-4: color(display-p3 0.209 0.169 0);
+      --yellow-5: color(display-p3 0.255 0.209 0);
+      --yellow-6: color(display-p3 0.31 0.261 0.07);
+      --yellow-7: color(display-p3 0.389 0.331 0.135);
+      --yellow-8: color(display-p3 0.497 0.42 0.182);
+      --yellow-9: color(display-p3 1 0.92 0.22);
+      --yellow-10: color(display-p3 1 1 0.456);
+      --yellow-11: color(display-p3 0.948 0.885 0.392);
+      --yellow-12: color(display-p3 0.959 0.934 0.731);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --orange-1: color(display-p3 0.995 0.988 0.985);
+      --orange-2: color(display-p3 0.994 0.968 0.934);
+      --orange-3: color(display-p3 0.989 0.938 0.85);
+      --orange-4: color(display-p3 1 0.874 0.687);
+      --orange-5: color(display-p3 1 0.821 0.583);
+      --orange-6: color(display-p3 0.975 0.767 0.545);
+      --orange-7: color(display-p3 0.919 0.693 0.486);
+      --orange-8: color(display-p3 0.877 0.597 0.379);
+      --orange-9: color(display-p3 0.9 0.45 0.2);
+      --orange-10: color(display-p3 0.87 0.409 0.164);
+      --orange-11: color(display-p3 0.76 0.34 0);
+      --orange-12: color(display-p3 0.323 0.185 0.127);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --orange-1: color(display-p3 0.088 0.07 0.057);
+      --orange-2: color(display-p3 0.113 0.089 0.061);
+      --orange-3: color(display-p3 0.189 0.12 0.056);
+      --orange-4: color(display-p3 0.262 0.132 0);
+      --orange-5: color(display-p3 0.315 0.168 0.016);
+      --orange-6: color(display-p3 0.376 0.219 0.088);
+      --orange-7: color(display-p3 0.465 0.283 0.147);
+      --orange-8: color(display-p3 0.601 0.359 0.201);
+      --orange-9: color(display-p3 0.9 0.45 0.2);
+      --orange-10: color(display-p3 0.98 0.51 0.23);
+      --orange-11: color(display-p3 1 0.63 0.38);
+      --orange-12: color(display-p3 0.98 0.883 0.775);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --accent-1: color(display-p3 0.992 0.992 0.996);
+      --accent-2: color(display-p3 0.971 0.977 0.998);
+      --accent-3: color(display-p3 0.933 0.948 0.992);
+      --accent-4: color(display-p3 0.885 0.914 1);
+      --accent-5: color(display-p3 0.831 0.87 1);
+      --accent-6: color(display-p3 0.767 0.814 0.995);
+      --accent-7: color(display-p3 0.685 0.74 0.957);
+      --accent-8: color(display-p3 0.569 0.639 0.916);
+      --accent-9: color(display-p3 0.276 0.384 0.837);
+      --accent-10: color(display-p3 0.234 0.343 0.801);
+      --accent-11: color(display-p3 0.256 0.354 0.755);
+      --accent-12: color(display-p3 0.133 0.175 0.348);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --accent-1: color(display-p3 0.068 0.074 0.118);
+      --accent-2: color(display-p3 0.081 0.089 0.144);
+      --accent-3: color(display-p3 0.105 0.141 0.275);
+      --accent-4: color(display-p3 0.129 0.18 0.369);
+      --accent-5: color(display-p3 0.163 0.22 0.439);
+      --accent-6: color(display-p3 0.203 0.262 0.5);
+      --accent-7: color(display-p3 0.245 0.309 0.575);
+      --accent-8: color(display-p3 0.285 0.362 0.674);
+      --accent-9: color(display-p3 0.276 0.384 0.837);
+      --accent-10: color(display-p3 0.354 0.445 0.866);
+      --accent-11: color(display-p3 0.63 0.69 1);
+      --accent-12: color(display-p3 0.848 0.881 0.99);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --gray-1: color(display-p3 0.991 0.988 0.992);
+      --gray-2: color(display-p3 0.98 0.976 0.984);
+      --gray-3: color(display-p3 0.946 0.938 0.952);
+      --gray-4: color(display-p3 0.915 0.906 0.925);
+      --gray-5: color(display-p3 0.886 0.876 0.901);
+      --gray-6: color(display-p3 0.856 0.846 0.875);
+      --gray-7: color(display-p3 0.814 0.804 0.84);
+      --gray-8: color(display-p3 0.735 0.728 0.777);
+      --gray-9: color(display-p3 0.555 0.549 0.596);
+      --gray-10: color(display-p3 0.514 0.508 0.552);
+      --gray-11: color(display-p3 0.395 0.388 0.424);
+      --gray-12: color(display-p3 0.128 0.122 0.147);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --gray-1: color(display-p3 0.07 0.067 0.074);
+      --gray-2: color(display-p3 0.101 0.098 0.105);
+      --gray-3: color(display-p3 0.138 0.134 0.144);
+      --gray-4: color(display-p3 0.167 0.161 0.175);
+      --gray-5: color(display-p3 0.196 0.189 0.206);
+      --gray-6: color(display-p3 0.232 0.225 0.245);
+      --gray-7: color(display-p3 0.286 0.277 0.302);
+      --gray-8: color(display-p3 0.383 0.373 0.408);
+      --gray-9: color(display-p3 0.434 0.428 0.467);
+      --gray-10: color(display-p3 0.487 0.48 0.519);
+      --gray-11: color(display-p3 0.707 0.7 0.735);
+      --gray-12: color(display-p3 0.933 0.933 0.94);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --success-1: color(display-p3 0.986 0.996 0.989);
+      --success-2: color(display-p3 0.963 0.983 0.967);
+      --success-3: color(display-p3 0.913 0.964 0.925);
+      --success-4: color(display-p3 0.859 0.94 0.879);
+      --success-5: color(display-p3 0.796 0.907 0.826);
+      --success-6: color(display-p3 0.718 0.863 0.761);
+      --success-7: color(display-p3 0.61 0.801 0.675);
+      --success-8: color(display-p3 0.451 0.715 0.559);
+      --success-9: color(display-p3 0.332 0.634 0.442);
+      --success-10: color(display-p3 0.308 0.595 0.417);
+      --success-11: color(display-p3 0.19 0.5 0.32);
+      --success-12: color(display-p3 0.132 0.228 0.18);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --success-1: color(display-p3 0.062 0.083 0.071);
+      --success-2: color(display-p3 0.079 0.106 0.09);
+      --success-3: color(display-p3 0.1 0.173 0.133);
+      --success-4: color(display-p3 0.115 0.229 0.166);
+      --success-5: color(display-p3 0.147 0.282 0.206);
+      --success-6: color(display-p3 0.185 0.338 0.25);
+      --success-7: color(display-p3 0.227 0.403 0.298);
+      --success-8: color(display-p3 0.27 0.479 0.351);
+      --success-9: color(display-p3 0.332 0.634 0.442);
+      --success-10: color(display-p3 0.357 0.682 0.474);
+      --success-11: color(display-p3 0.434 0.828 0.573);
+      --success-12: color(display-p3 0.747 0.938 0.807);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --error-1: color(display-p3 0.998 0.989 0.988);
+      --error-2: color(display-p3 0.995 0.971 0.971);
+      --error-3: color(display-p3 0.985 0.925 0.925);
+      --error-4: color(display-p3 0.999 0.866 0.866);
+      --error-5: color(display-p3 0.984 0.812 0.811);
+      --error-6: color(display-p3 0.955 0.751 0.749);
+      --error-7: color(display-p3 0.915 0.675 0.672);
+      --error-8: color(display-p3 0.872 0.575 0.572);
+      --error-9: color(display-p3 0.83 0.329 0.324);
+      --error-10: color(display-p3 0.798 0.294 0.285);
+      --error-11: color(display-p3 0.744 0.234 0.222);
+      --error-12: color(display-p3 0.36 0.115 0.143);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --error-1: color(display-p3 0.093 0.068 0.067);
+      --error-2: color(display-p3 0.118 0.077 0.079);
+      --error-3: color(display-p3 0.211 0.081 0.099);
+      --error-4: color(display-p3 0.287 0.079 0.113);
+      --error-5: color(display-p3 0.348 0.11 0.142);
+      --error-6: color(display-p3 0.414 0.16 0.183);
+      --error-7: color(display-p3 0.508 0.224 0.236);
+      --error-8: color(display-p3 0.659 0.298 0.297);
+      --error-9: color(display-p3 0.83 0.329 0.324);
+      --error-10: color(display-p3 0.861 0.403 0.387);
+      --error-11: color(display-p3 1 0.57 0.55);
+      --error-12: color(display-p3 0.971 0.826 0.852);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --warning-1: color(display-p3 0.995 0.988 0.985);
+      --warning-2: color(display-p3 0.994 0.968 0.934);
+      --warning-3: color(display-p3 0.989 0.938 0.85);
+      --warning-4: color(display-p3 1 0.874 0.687);
+      --warning-5: color(display-p3 1 0.821 0.583);
+      --warning-6: color(display-p3 0.975 0.767 0.545);
+      --warning-7: color(display-p3 0.919 0.693 0.486);
+      --warning-8: color(display-p3 0.877 0.597 0.379);
+      --warning-9: color(display-p3 0.9 0.45 0.2);
+      --warning-10: color(display-p3 0.87 0.409 0.164);
+      --warning-11: color(display-p3 0.76 0.34 0);
+      --warning-12: color(display-p3 0.323 0.185 0.127);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --warning-1: color(display-p3 0.088 0.07 0.057);
+      --warning-2: color(display-p3 0.113 0.089 0.061);
+      --warning-3: color(display-p3 0.189 0.12 0.056);
+      --warning-4: color(display-p3 0.262 0.132 0);
+      --warning-5: color(display-p3 0.315 0.168 0.016);
+      --warning-6: color(display-p3 0.376 0.219 0.088);
+      --warning-7: color(display-p3 0.465 0.283 0.147);
+      --warning-8: color(display-p3 0.601 0.359 0.201);
+      --warning-9: color(display-p3 0.9 0.45 0.2);
+      --warning-10: color(display-p3 0.98 0.51 0.23);
+      --warning-11: color(display-p3 1 0.63 0.38);
+      --warning-12: color(display-p3 0.98 0.883 0.775);
+    }
+
+    :root,
+    .light,
+    .light-theme,
+    [data-theme="light"] {
+      --info-1: color(display-p3 0.986 0.992 0.999);
+      --info-2: color(display-p3 0.96 0.979 0.998);
+      --info-3: color(display-p3 0.912 0.956 0.991);
+      --info-4: color(display-p3 0.853 0.932 1);
+      --info-5: color(display-p3 0.788 0.894 0.998);
+      --info-6: color(display-p3 0.709 0.843 0.976);
+      --info-7: color(display-p3 0.606 0.777 0.947);
+      --info-8: color(display-p3 0.451 0.688 0.917);
+      --info-9: color(display-p3 0.247 0.556 0.969);
+      --info-10: color(display-p3 0.234 0.523 0.912);
+      --info-11: color(display-p3 0.15 0.44 0.84);
+      --info-12: color(display-p3 0.102 0.193 0.379);
+    }
+
+    .dark,
+    .dark-theme,
+    [data-theme="dark"] {
+      --info-1: color(display-p3 0.057 0.081 0.122);
+      --info-2: color(display-p3 0.072 0.098 0.147);
+      --info-3: color(display-p3 0.078 0.154 0.27);
+      --info-4: color(display-p3 0.033 0.197 0.37);
+      --info-5: color(display-p3 0.08 0.245 0.441);
+      --info-6: color(display-p3 0.14 0.298 0.511);
+      --info-7: color(display-p3 0.195 0.361 0.6);
+      --info-8: color(display-p3 0.239 0.434 0.72);
+      --info-9: color(display-p3 0.247 0.556 0.969);
+      --info-10: color(display-p3 0.344 0.612 0.973);
+      --info-11: color(display-p3 0.49 0.72 1);
+      --info-12: color(display-p3 0.788 0.898 0.99);
+    }
+
+  }
+}
+
+.dark,
+.dark-theme,
+[data-theme="dark"] {
+  --mauve-1: #121113;
+  --mauve-2: #1a191b;
+  --mauve-3: #232225;
+  --mauve-4: #2b292d;
+  --mauve-5: #323035;
+  --mauve-6: #3c393f;
+  --mauve-7: #49474e;
+  --mauve-8: #625f69;
+  --mauve-9: #6f6d78;
+  --mauve-10: #7c7a85;
+  --mauve-11: #b5b2bc;
+  --mauve-12: #eeeef0;
+  --mauve-a1: #00000000;
+  --mauve-a2: #f5f4f609;
+  --mauve-a3: #ebeaf814;
+  --mauve-a4: #eee5f81d;
+  --mauve-a5: #efe6fe25;
+  --mauve-a6: #f1e6fd30;
+  --mauve-a7: #eee9ff40;
+  --mauve-a8: #eee7ff5d;
+  --mauve-a9: #eae6fd6e;
+  --mauve-a10: #ece9fd7c;
+  --mauve-a11: #f5f1ffb7;
+  --mauve-a12: #fdfdffef;
+  --mauve-contrast: #ffffff;
+  --mauve-surface: #22212380;
+  --mauve-indicator: #6f6d78;
+  --mauve-track: #6f6d78;
+  --red-1: #191111;
+  --red-2: #201314;
+  --red-3: #3b1219;
+  --red-4: #500f1c;
+  --red-5: #611623;
+  --red-6: #72232d;
+  --red-7: #8c333a;
+  --red-8: #b54548;
+  --red-9: #e5484d;
+  --red-10: #ec5d5e;
+  --red-11: #ff9592;
+  --red-12: #ffd1d9;
+  --red-a1: #f4121209;
+  --red-a2: #f22f3e11;
+  --red-a3: #ff173f2d;
+  --red-a4: #fe0a3b44;
+  --red-a5: #ff204756;
+  --red-a6: #ff3e5668;
+  --red-a7: #ff536184;
+  --red-a8: #ff5d61b0;
+  --red-a9: #fe4e54e4;
+  --red-a10: #ff6465eb;
+  --red-a11: #ff9592;
+  --red-a12: #ffd1d9;
+  --red-contrast: #ffffff;
+  --red-surface: #2f151780;
+  --red-indicator: #e5484d;
+  --red-track: #e5484d;
+  --pink-1: #191117;
+  --pink-2: #21121d;
+  --pink-3: #37172f;
+  --pink-4: #4b143d;
+  --pink-5: #591c47;
+  --pink-6: #692955;
+  --pink-7: #833869;
+  --pink-8: #a84885;
+  --pink-9: #d6409f;
+  --pink-10: #de51a8;
+  --pink-11: #ff8dcc;
+  --pink-12: #fdd1ea;
+  --pink-a1: #f412bc09;
+  --pink-a2: #f420bb12;
+  --pink-a3: #fe37cc29;
+  --pink-a4: #fc1ec43f;
+  --pink-a5: #fd35c24e;
+  --pink-a6: #fd51c75f;
+  --pink-a7: #fd62c87b;
+  --pink-a8: #ff68c8a2;
+  --pink-a9: #fe49bcd4;
+  --pink-a10: #ff5cc0dc;
+  --pink-a11: #ff8dcc;
+  --pink-a12: #ffd3ecfd;
+  --pink-contrast: #ffffff;
+  --pink-surface: #31132980;
+  --pink-indicator: #d6409f;
+  --pink-track: #d6409f;
+  --purple-1: #18111b;
+  --purple-2: #1e1523;
+  --purple-3: #301c3b;
+  --purple-4: #3d224e;
+  --purple-5: #48295c;
+  --purple-6: #54346b;
+  --purple-7: #664282;
+  --purple-8: #8457aa;
+  --purple-9: #8e4ec6;
+  --purple-10: #9a5cd0;
+  --purple-11: #d19dff;
+  --purple-12: #ecd9fa;
+  --purple-a1: #b412f90b;
+  --purple-a2: #b744f714;
+  --purple-a3: #c150ff2d;
+  --purple-a4: #bb53fd42;
+  --purple-a5: #be5cfd51;
+  --purple-a6: #c16dfd61;
+  --purple-a7: #c378fd7a;
+  --purple-a8: #c47effa4;
+  --purple-a9: #b661ffc2;
+  --purple-a10: #bc6fffcd;
+  --purple-a11: #d19dff;
+  --purple-a12: #f1ddfffa;
+  --purple-contrast: #ffffff;
+  --purple-surface: #2b173580;
+  --purple-indicator: #8e4ec6;
+  --purple-track: #8e4ec6;
+  --indigo-1: #11131f;
+  --indigo-2: #141726;
+  --indigo-3: #182449;
+  --indigo-4: #1d2e62;
+  --indigo-5: #253974;
+  --indigo-6: #304384;
+  --indigo-7: #3a4f97;
+  --indigo-8: #435db1;
+  --indigo-9: #3e63dd;
+  --indigo-10: #5472e4;
+  --indigo-11: #9eb1ff;
+  --indigo-12: #d6e1ff;
+  --indigo-a1: #1133ff0f;
+  --indigo-a2: #3354fa17;
+  --indigo-a3: #2f62ff3c;
+  --indigo-a4: #3566ff57;
+  --indigo-a5: #4171fd6b;
+  --indigo-a6: #5178fd7c;
+  --indigo-a7: #5a7fff90;
+  --indigo-a8: #5b81feac;
+  --indigo-a9: #4671ffdb;
+  --indigo-a10: #5c7efee3;
+  --indigo-a11: #9eb1ff;
+  --indigo-a12: #d6e1ff;
+  --indigo-contrast: #ffffff;
+  --indigo-surface: #171d3b80;
+  --indigo-indicator: #3e63dd;
+  --indigo-track: #3e63dd;
+  --blue-1: #0d1520;
+  --blue-2: #111927;
+  --blue-3: #0d2847;
+  --blue-4: #003362;
+  --blue-5: #004074;
+  --blue-6: #104d87;
+  --blue-7: #205d9e;
+  --blue-8: #2870bd;
+  --blue-9: #0090ff;
+  --blue-10: #3b9eff;
+  --blue-11: #70b8ff;
+  --blue-12: #c2e6ff;
+  --blue-a1: #004df211;
+  --blue-a2: #1166fb18;
+  --blue-a3: #0077ff3a;
+  --blue-a4: #0075ff57;
+  --blue-a5: #0081fd6b;
+  --blue-a6: #0f89fd7f;
+  --blue-a7: #2a91fe98;
+  --blue-a8: #3094feb9;
+  --blue-a9: #0090ff;
+  --blue-a10: #3b9eff;
+  --blue-a11: #70b8ff;
+  --blue-a12: #c2e6ff;
+  --blue-contrast: #ffffff;
+  --blue-surface: #11213d80;
+  --blue-indicator: #0090ff;
+  --blue-track: #0090ff;
+  --cyan-1: #0b161a;
+  --cyan-2: #101b20;
+  --cyan-3: #082c36;
+  --cyan-4: #003848;
+  --cyan-5: #004558;
+  --cyan-6: #045468;
+  --cyan-7: #12677e;
+  --cyan-8: #11809c;
+  --cyan-9: #00a2c7;
+  --cyan-10: #23afd0;
+  --cyan-11: #4ccce6;
+  --cyan-12: #b6ecf7;
+  --cyan-a1: #0091f70a;
+  --cyan-a2: #02a7f211;
+  --cyan-a3: #00befd28;
+  --cyan-a4: #00baff3b;
+  --cyan-a5: #00befd4d;
+  --cyan-a6: #00c7fd5e;
+  --cyan-a7: #14cdff75;
+  --cyan-a8: #11cfff95;
+  --cyan-a9: #00cfffc3;
+  --cyan-a10: #28d6ffcd;
+  --cyan-a11: #52e1fee5;
+  --cyan-a12: #bbf3fef7;
+  --cyan-contrast: #ffffff;
+  --cyan-surface: #11252d80;
+  --cyan-indicator: #00a2c7;
+  --cyan-track: #00a2c7;
+  --teal-1: #0d1514;
+  --teal-2: #111c1b;
+  --teal-3: #0d2d2a;
+  --teal-4: #023b37;
+  --teal-5: #084843;
+  --teal-6: #145750;
+  --teal-7: #1c6961;
+  --teal-8: #207e73;
+  --teal-9: #12a594;
+  --teal-10: #0eb39e;
+  --teal-11: #0bd8b6;
+  --teal-12: #adf0dd;
+  --teal-a1: #00deab05;
+  --teal-a2: #12fbe60c;
+  --teal-a3: #00ffe61e;
+  --teal-a4: #00ffe92d;
+  --teal-a5: #00ffea3b;
+  --teal-a6: #1cffe84b;
+  --teal-a7: #2efde85f;
+  --teal-a8: #32ffe775;
+  --teal-a9: #13ffe49f;
+  --teal-a10: #0dffe0ae;
+  --teal-a11: #0afed5d6;
+  --teal-a12: #b8ffebef;
+  --teal-contrast: #ffffff;
+  --teal-surface: #13272580;
+  --teal-indicator: #12a594;
+  --teal-track: #12a594;
+  --green-1: #0e1512;
+  --green-2: #121b17;
+  --green-3: #132d21;
+  --green-4: #113b29;
+  --green-5: #174933;
+  --green-6: #20573e;
+  --green-7: #28684a;
+  --green-8: #2f7c57;
+  --green-9: #30a46c;
+  --green-10: #33b074;
+  --green-11: #3dd68c;
+  --green-12: #b1f1cb;
+  --green-a1: #00de4505;
+  --green-a2: #29f99d0b;
+  --green-a3: #22ff991e;
+  --green-a4: #11ff992d;
+  --green-a5: #2bffa23c;
+  --green-a6: #44ffaa4b;
+  --green-a7: #50fdac5e;
+  --green-a8: #54ffad73;
+  --green-a9: #44ffa49e;
+  --green-a10: #43fea4ab;
+  --green-a11: #46fea5d4;
+  --green-a12: #bbffd7f0;
+  --green-contrast: #ffffff;
+  --green-surface: #15251d80;
+  --green-indicator: #30a46c;
+  --green-track: #30a46c;
+  --bronze-1: #141110;
+  --bronze-2: #1c1917;
+  --bronze-3: #262220;
+  --bronze-4: #302a27;
+  --bronze-5: #3b3330;
+  --bronze-6: #493e3a;
+  --bronze-7: #5a4c47;
+  --bronze-8: #6f5f58;
+  --bronze-9: #a18072;
+  --bronze-10: #ae8c7e;
+  --bronze-11: #d4b3a5;
+  --bronze-12: #ede0d9;
+  --bronze-a1: #d1110004;
+  --bronze-a2: #fbbc910c;
+  --bronze-a3: #faceb817;
+  --bronze-a4: #facdb622;
+  --bronze-a5: #ffd2c12d;
+  --bronze-a6: #ffd1c03c;
+  --bronze-a7: #fdd0c04f;
+  --bronze-a8: #ffd6c565;
+  --bronze-a9: #fec7b09b;
+  --bronze-a10: #fecab5a9;
+  --bronze-a11: #ffd7c6d1;
+  --bronze-a12: #fff1e9ec;
+  --bronze-contrast: #ffffff;
+  --bronze-surface: #27211d80;
+  --bronze-indicator: #a18072;
+  --bronze-track: #a18072;
+  --sky-1: #0d141f;
+  --sky-2: #111a27;
+  --sky-3: #112840;
+  --sky-4: #113555;
+  --sky-5: #154467;
+  --sky-6: #1b537b;
+  --sky-7: #1f6692;
+  --sky-8: #197cae;
+  --sky-9: #7ce2fe;
+  --sky-10: #a8eeff;
+  --sky-11: #75c7f0;
+  --sky-12: #c2f3ff;
+  --sky-a1: #0044ff0f;
+  --sky-a2: #1171fb18;
+  --sky-a3: #1184fc33;
+  --sky-a4: #128fff49;
+  --sky-a5: #1c9dfd5d;
+  --sky-a6: #28a5ff72;
+  --sky-a7: #2badfe8b;
+  --sky-a8: #1db2fea9;
+  --sky-a9: #7ce3fffe;
+  --sky-a10: #a8eeff;
+  --sky-a11: #7cd3ffef;
+  --sky-a12: #c2f3ff;
+  --sky-contrast: #1c2024;
+  --sky-surface: #13233b80;
+  --sky-indicator: #7ce2fe;
+  --sky-track: #7ce2fe;
+  --mint-1: #0e1515;
+  --mint-2: #0f1b1b;
+  --mint-3: #092c2b;
+  --mint-4: #003a38;
+  --mint-5: #004744;
+  --mint-6: #105650;
+  --mint-7: #1e685f;
+  --mint-8: #277f70;
+  --mint-9: #86ead4;
+  --mint-10: #a8f5e5;
+  --mint-11: #58d5ba;
+  --mint-12: #c4f5e1;
+  --mint-a1: #00dede05;
+  --mint-a2: #00f9f90b;
+  --mint-a3: #00fff61d;
+  --mint-a4: #00fff42c;
+  --mint-a5: #00fff23a;
+  --mint-a6: #0effeb4a;
+  --mint-a7: #34fde55e;
+  --mint-a8: #41ffdf76;
+  --mint-a9: #92ffe7e9;
+  --mint-a10: #aefeedf5;
+  --mint-a11: #67ffded2;
+  --mint-a12: #cbfee9f5;
+  --mint-contrast: #1a211e;
+  --mint-surface: #15272780;
+  --mint-indicator: #86ead4;
+  --mint-track: #86ead4;
+  --lime-1: #11130c;
+  --lime-2: #151a10;
+  --lime-3: #1f2917;
+  --lime-4: #29371d;
+  --lime-5: #334423;
+  --lime-6: #3d522a;
+  --lime-7: #496231;
+  --lime-8: #577538;
+  --lime-9: #bdee63;
+  --lime-10: #d4ff70;
+  --lime-11: #bde56c;
+  --lime-12: #e3f7ba;
+  --lime-a1: #11bb0003;
+  --lime-a2: #78f7000a;
+  --lime-a3: #9bfd4c1a;
+  --lime-a4: #a7fe5c29;
+  --lime-a5: #affe6537;
+  --lime-a6: #b2fe6d46;
+  --lime-a7: #b6ff6f57;
+  --lime-a8: #b6fd6d6c;
+  --lime-a9: #caff69ed;
+  --lime-a10: #d4ff70;
+  --lime-a11: #d1fe77e4;
+  --lime-a12: #e9febff7;
+  --lime-contrast: #1d211c;
+  --lime-surface: #1b211580;
+  --lime-indicator: #bdee63;
+  --lime-track: #bdee63;
+  --yellow-1: #14120b;
+  --yellow-2: #1b180f;
+  --yellow-3: #2d2305;
+  --yellow-4: #362b00;
+  --yellow-5: #433500;
+  --yellow-6: #524202;
+  --yellow-7: #665417;
+  --yellow-8: #836a21;
+  --yellow-9: #ffe629;
+  --yellow-10: #ffff57;
+  --yellow-11: #f5e147;
+  --yellow-12: #f6eeb4;
+  --yellow-a1: #d1510004;
+  --yellow-a2: #f9b4000b;
+  --yellow-a3: #ffaa001e;
+  --yellow-a4: #fdb70028;
+  --yellow-a5: #febb0036;
+  --yellow-a6: #fec40046;
+  --yellow-a7: #fdcb225c;
+  --yellow-a8: #fdca327b;
+  --yellow-a9: #ffe629;
+  --yellow-a10: #ffff57;
+  --yellow-a11: #fee949f5;
+  --yellow-a12: #fef6baf6;
+  --yellow-contrast: #21201c;
+  --yellow-surface: #231f1380;
+  --yellow-indicator: #ffe629;
+  --yellow-track: #ffe629;
+  --orange-1: #17120e;
+  --orange-2: #1e160f;
+  --orange-3: #331e0b;
+  --orange-4: #462100;
+  --orange-5: #562800;
+  --orange-6: #66350c;
+  --orange-7: #7e451d;
+  --orange-8: #a35829;
+  --orange-9: #f76b15;
+  --orange-10: #ff801f;
+  --orange-11: #ffa057;
+  --orange-12: #ffe0c2;
+  --orange-a1: #ec360007;
+  --orange-a2: #fe6d000e;
+  --orange-a3: #fb6a0025;
+  --orange-a4: #ff590039;
+  --orange-a5: #ff61004a;
+  --orange-a6: #fd75045c;
+  --orange-a7: #ff832c75;
+  --orange-a8: #fe84389d;
+  --orange-a9: #fe6d15f7;
+  --orange-a10: #ff801f;
+  --orange-a11: #ffa057;
+  --orange-a12: #ffe0c2;
+  --orange-contrast: #ffffff;
+  --orange-surface: #271d1380;
+  --orange-indicator: #f76b15;
+  --orange-track: #f76b15;
+  --accent-1: #11131f;
+  --accent-2: #141726;
+  --accent-3: #182449;
+  --accent-4: #1d2e62;
+  --accent-5: #253974;
+  --accent-6: #304384;
+  --accent-7: #3a4f97;
+  --accent-8: #435db1;
+  --accent-9: #3e63dd;
+  --accent-10: #5472e4;
+  --accent-11: #9eb1ff;
+  --accent-12: #d6e1ff;
+  --accent-a1: #1133ff0f;
+  --accent-a2: #3354fa17;
+  --accent-a3: #2f62ff3c;
+  --accent-a4: #3566ff57;
+  --accent-a5: #4171fd6b;
+  --accent-a6: #5178fd7c;
+  --accent-a7: #5a7fff90;
+  --accent-a8: #5b81feac;
+  --accent-a9: #4671ffdb;
+  --accent-a10: #5c7efee3;
+  --accent-a11: #9eb1ff;
+  --accent-a12: #d6e1ff;
+  --accent-contrast: #ffffff;
+  --accent-surface: #171d3b80;
+  --accent-indicator: #3e63dd;
+  --accent-track: #3e63dd;
+  --gray-1: #121113;
+  --gray-2: #1a191b;
+  --gray-3: #232225;
+  --gray-4: #2b292d;
+  --gray-5: #323035;
+  --gray-6: #3c393f;
+  --gray-7: #49474e;
+  --gray-8: #625f69;
+  --gray-9: #6f6d78;
+  --gray-10: #7c7a85;
+  --gray-11: #b5b2bc;
+  --gray-12: #eeeef0;
+  --gray-a1: #00000000;
+  --gray-a2: #f5f4f609;
+  --gray-a3: #ebeaf814;
+  --gray-a4: #eee5f81d;
+  --gray-a5: #efe6fe25;
+  --gray-a6: #f1e6fd30;
+  --gray-a7: #eee9ff40;
+  --gray-a8: #eee7ff5d;
+  --gray-a9: #eae6fd6e;
+  --gray-a10: #ece9fd7c;
+  --gray-a11: #f5f1ffb7;
+  --gray-a12: #fdfdffef;
+  --gray-contrast: #ffffff;
+  --gray-surface: #22212380;
+  --gray-indicator: #6f6d78;
+  --gray-track: #6f6d78;
+  --success-1: #0e1512;
+  --success-2: #121b17;
+  --success-3: #132d21;
+  --success-4: #113b29;
+  --success-5: #174933;
+  --success-6: #20573e;
+  --success-7: #28684a;
+  --success-8: #2f7c57;
+  --success-9: #30a46c;
+  --success-10: #33b074;
+  --success-11: #3dd68c;
+  --success-12: #b1f1cb;
+  --success-a1: #00de4505;
+  --success-a2: #29f99d0b;
+  --success-a3: #22ff991e;
+  --success-a4: #11ff992d;
+  --success-a5: #2bffa23c;
+  --success-a6: #44ffaa4b;
+  --success-a7: #50fdac5e;
+  --success-a8: #54ffad73;
+  --success-a9: #44ffa49e;
+  --success-a10: #43fea4ab;
+  --success-a11: #46fea5d4;
+  --success-a12: #bbffd7f0;
+  --success-contrast: #ffffff;
+  --success-surface: #15251d80;
+  --success-indicator: #30a46c;
+  --success-track: #30a46c;
+  --error-1: #191111;
+  --error-2: #201314;
+  --error-3: #3b1219;
+  --error-4: #500f1c;
+  --error-5: #611623;
+  --error-6: #72232d;
+  --error-7: #8c333a;
+  --error-8: #b54548;
+  --error-9: #e5484d;
+  --error-10: #ec5d5e;
+  --error-11: #ff9592;
+  --error-12: #ffd1d9;
+  --error-a1: #f4121209;
+  --error-a2: #f22f3e11;
+  --error-a3: #ff173f2d;
+  --error-a4: #fe0a3b44;
+  --error-a5: #ff204756;
+  --error-a6: #ff3e5668;
+  --error-a7: #ff536184;
+  --error-a8: #ff5d61b0;
+  --error-a9: #fe4e54e4;
+  --error-a10: #ff6465eb;
+  --error-a11: #ff9592;
+  --error-a12: #ffd1d9;
+  --error-contrast: #ffffff;
+  --error-surface: #2f151780;
+  --error-indicator: #e5484d;
+  --error-track: #e5484d;
+  --warning-1: #17120e;
+  --warning-2: #1e160f;
+  --warning-3: #331e0b;
+  --warning-4: #462100;
+  --warning-5: #562800;
+  --warning-6: #66350c;
+  --warning-7: #7e451d;
+  --warning-8: #a35829;
+  --warning-9: #f76b15;
+  --warning-10: #ff801f;
+  --warning-11: #ffa057;
+  --warning-12: #ffe0c2;
+  --warning-a1: #ec360007;
+  --warning-a2: #fe6d000e;
+  --warning-a3: #fb6a0025;
+  --warning-a4: #ff590039;
+  --warning-a5: #ff61004a;
+  --warning-a6: #fd75045c;
+  --warning-a7: #ff832c75;
+  --warning-a8: #fe84389d;
+  --warning-a9: #fe6d15f7;
+  --warning-a10: #ff801f;
+  --warning-a11: #ffa057;
+  --warning-a12: #ffe0c2;
+  --warning-contrast: #ffffff;
+  --warning-surface: #271d1380;
+  --warning-indicator: #f76b15;
+  --warning-track: #f76b15;
+  --info-1: #0d1520;
+  --info-2: #111927;
+  --info-3: #0d2847;
+  --info-4: #003362;
+  --info-5: #004074;
+  --info-6: #104d87;
+  --info-7: #205d9e;
+  --info-8: #2870bd;
+  --info-9: #0090ff;
+  --info-10: #3b9eff;
+  --info-11: #70b8ff;
+  --info-12: #c2e6ff;
+  --info-a1: #004df211;
+  --info-a2: #1166fb18;
+  --info-a3: #0077ff3a;
+  --info-a4: #0075ff57;
+  --info-a5: #0081fd6b;
+  --info-a6: #0f89fd7f;
+  --info-a7: #2a91fe98;
+  --info-a8: #3094feb9;
+  --info-a9: #0090ff;
+  --info-a10: #3b9eff;
+  --info-a11: #70b8ff;
+  --info-a12: #c2e6ff;
+  --info-contrast: #ffffff;
+  --info-surface: #11213d80;
+  --info-indicator: #0090ff;
+  --info-track: #0090ff;
+}
+