@primer/primitives 7.15.15 → 7.16.0-rc.064d2db3

package/tokens-next-private/css/functional/themes/light-colorblind.css

@@ -289,6 +289,121 @@
   --underlineNav-borderColor-hover: #afb8c133;
   --underlineNav-iconColor-rest: #636c76;
   --selection-bgColor: #0969da33;
+  --card-bgColor: #ffffff;
+  --label-green-bgColor-rest: #caf7ca;
+  --label-green-bgColor-hover: #9ceda0;
+  --label-green-bgColor-active: #54d961;
+  --label-green-fgColor-rest: #2b6e3f;
+  --label-green-fgColor-hover: #285c3b;
+  --label-green-fgColor-active: #254b34;
+  --label-orange-bgColor-rest: #ffe7d1;
+  --label-orange-bgColor-hover: #fecfaa;
+  --label-orange-bgColor-active: #fbaf74;
+  --label-orange-fgColor-rest: #a24610;
+  --label-orange-fgColor-hover: #8d3c11;
+  --label-orange-fgColor-active: #70300f;
+  --label-purple-bgColor-rest: #f1e5ff;
+  --label-purple-bgColor-hover: #e6d2fe;
+  --label-purple-bgColor-active: #d1b1fc;
+  --label-purple-fgColor-rest: #783ae4;
+  --label-purple-fgColor-hover: #6223d7;
+  --label-purple-fgColor-active: #4f21ab;
+  --label-red-bgColor-rest: #ffe2e0;
+  --label-red-bgColor-hover: #fecdcd;
+  --label-red-bgColor-active: #fda5a7;
+  --label-red-fgColor-rest: #c50d28;
+  --label-red-fgColor-hover: #a60c29;
+  --label-red-fgColor-active: #880c27;
+  --label-yellow-bgColor-rest: #ffec9e;
+  --label-yellow-bgColor-hover: #ffd642;
+  --label-yellow-bgColor-active: #ebb400;
+  --label-yellow-fgColor-rest: #805900;
+  --label-yellow-fgColor-hover: #704d00;
+  --label-yellow-fgColor-active: #5c3d00;
+  --label-gray-bgColor-rest: #e8ecf2;
+  --label-gray-bgColor-hover: #d2dae4;
+  --label-gray-bgColor-active: #b4c0cf;
+  --label-gray-fgColor-rest: #5c6570;
+  --label-gray-fgColor-hover: #4e535a;
+  --label-gray-fgColor-active: #424448;
+  --label-auburn-bgColor-rest: #f2e9e9;
+  --label-auburn-bgColor-hover: #e6d6d5;
+  --label-auburn-bgColor-active: #d4b7b5;
+  --label-auburn-fgColor-rest: #8a5551;
+  --label-auburn-fgColor-hover: #744744;
+  --label-auburn-fgColor-active: #5d3937;
+  --label-brown-bgColor-rest: #eeeae2;
+  --label-brown-bgColor-hover: #dfd7c8;
+  --label-brown-bgColor-active: #cbbda4;
+  --label-brown-fgColor-rest: #755f43;
+  --label-brown-fgColor-hover: #64513a;
+  --label-brown-fgColor-active: #51412f;
+  --label-lemon-bgColor-rest: #f7eea1;
+  --label-lemon-bgColor-hover: #f0db3d;
+  --label-lemon-bgColor-active: #d8bd0e;
+  --label-lemon-fgColor-rest: #786002;
+  --label-lemon-fgColor-hover: #654f01;
+  --label-lemon-fgColor-active: #523f00;
+  --label-olive-bgColor-rest: #f0f0ad;
+  --label-olive-bgColor-hover: #dbe170;
+  --label-olive-bgColor-active: #b9c832;
+  --label-olive-fgColor-rest: #56682c;
+  --label-olive-fgColor-hover: #495a2b;
+  --label-olive-fgColor-active: #3b4927;
+  --label-lime-bgColor-rest: #e3f2b5;
+  --label-lime-bgColor-hover: #c7e580;
+  --label-lime-bgColor-active: #9bd039;
+  --label-lime-fgColor-rest: #476c28;
+  --label-lime-fgColor-hover: #3a5b25;
+  --label-lime-fgColor-active: #2f4a21;
+  --label-pine-bgColor-rest: #bff8db;
+  --label-pine-bgColor-hover: #80efb9;
+  --label-pine-bgColor-active: #1dd781;
+  --label-pine-fgColor-rest: #156f4b;
+  --label-pine-fgColor-hover: #135d41;
+  --label-pine-fgColor-active: #114b36;
+  --label-teal-bgColor-rest: #c7f5ef;
+  --label-teal-bgColor-hover: #89ebe1;
+  --label-teal-bgColor-active: #22d3c7;
+  --label-teal-fgColor-rest: #106e75;
+  --label-teal-fgColor-hover: #0d5b63;
+  --label-teal-fgColor-active: #0a4852;
+  --label-cyan-bgColor-rest: #bdf4ff;
+  --label-cyan-bgColor-hover: #7ae9ff;
+  --label-cyan-bgColor-active: #00d0fa;
+  --label-cyan-fgColor-rest: #006a80;
+  --label-cyan-fgColor-hover: #00596b;
+  --label-cyan-fgColor-active: #004857;
+  --label-indigo-bgColor-rest: #e5e9ff;
+  --label-indigo-bgColor-hover: #d2d7fe;
+  --label-indigo-bgColor-active: #b1b9fb;
+  --label-indigo-fgColor-rest: #494edf;
+  --label-indigo-fgColor-hover: #393cd5;
+  --label-indigo-fgColor-active: #2d2db4;
+  --label-blue-bgColor-rest: #d1f0ff;
+  --label-blue-bgColor-hover: #ade1ff;
+  --label-blue-bgColor-active: #75c8ff;
+  --label-blue-fgColor-rest: #005fcc;
+  --label-blue-fgColor-hover: #004db3;
+  --label-blue-fgColor-active: #003d99;
+  --label-plum-bgColor-rest: #f8e5ff;
+  --label-plum-bgColor-hover: #f0cdfe;
+  --label-plum-bgColor-active: #e2a7fb;
+  --label-plum-fgColor-rest: #961edc;
+  --label-plum-fgColor-hover: #7d1eb8;
+  --label-plum-fgColor-active: #651d96;
+  --label-pink-bgColor-rest: #ffe5f1;
+  --label-pink-bgColor-hover: #fdc9e2;
+  --label-pink-bgColor-active: #f8a5cf;
+  --label-pink-fgColor-rest: #b12f79;
+  --label-pink-fgColor-hover: #8e2e66;
+  --label-pink-fgColor-active: #6e2b53;
+  --label-coral-bgColor-rest: #ffe5db;
+  --label-coral-bgColor-hover: #fecebe;
+  --label-coral-bgColor-active: #fcab92;
+  --label-coral-fgColor-rest: #ba2e12;
+  --label-coral-fgColor-hover: #9b2712;
+  --label-coral-fgColor-active: #7e2011;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;
@@ -305,6 +420,7 @@
   --fgColor-open: #bc4c00;
   --fgColor-closed: #6e7781;
   --fgColor-done: #8250df;
+  --fgColor-upsell: #8250df;
   --fgColor-sponsors: #bf3989;
   --bgColor-default: #ffffff;
   --bgColor-muted: #f6f8fa;
@@ -333,6 +449,8 @@
   --bgColor-closed-emphasis: #6e7781;
   --bgColor-done-muted: #fbefff;
   --bgColor-done-emphasis: #8250df;
+  --bgColor-upsell-muted: #fbefff;
+  --bgColor-upsell-emphasis: #8250df;
   --bgColor-sponsors-muted: #ffeff7;
   --bgColor-sponsors-emphasis: #bf3989;
   --borderColor-default: #d0d7de;
@@ -358,6 +476,8 @@
   --borderColor-closed-emphasis: #6e7781;
   --borderColor-done-muted: #c297ff66;
   --borderColor-done-emphasis: #8250df;
+  --borderColor-upsell-muted: #c297ff66;
+  --borderColor-upsell-emphasis: #8250df;
   --borderColor-sponsors-muted: #ff80c866;
   --borderColor-sponsors-emphasis: #bf3989;
   --color-ansi-black: #24292f;
@@ -407,99 +527,6 @@
   --color-prettylights-syntax-markup-ignored-bg: #0550ae;
   --color-prettylights-syntax-meta-diff-range: #8250df;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
-  --color-scale-black: #1f2328;
-  --color-scale-transparent: #ffffff00;
-  --color-scale-white: #ffffff;
-  --color-scale-gray-0: #f6f8fa;
-  --color-scale-gray-1: #eaeef2;
-  --color-scale-gray-2: #d0d7de;
-  --color-scale-gray-3: #afb8c1;
-  --color-scale-gray-4: #8c959f;
-  --color-scale-gray-5: #6e7781;
-  --color-scale-gray-6: #57606a;
-  --color-scale-gray-7: #424a53;
-  --color-scale-gray-8: #32383f;
-  --color-scale-gray-9: #24292f;
-  --color-scale-blue-0: #ddf4ff;
-  --color-scale-blue-1: #b6e3ff;
-  --color-scale-blue-2: #80ccff;
-  --color-scale-blue-3: #54aeff;
-  --color-scale-blue-4: #218bff;
-  --color-scale-blue-5: #0969da;
-  --color-scale-blue-6: #0550ae;
-  --color-scale-blue-7: #033d8b;
-  --color-scale-blue-8: #0a3069;
-  --color-scale-blue-9: #002155;
-  --color-scale-green-0: #ddf4ff;
-  --color-scale-green-1: #b6e3ff;
-  --color-scale-green-2: #80ccff;
-  --color-scale-green-3: #54aeff;
-  --color-scale-green-4: #218bff;
-  --color-scale-green-5: #0969da;
-  --color-scale-green-6: #0550ae;
-  --color-scale-green-7: #033d8b;
-  --color-scale-green-8: #0a3069;
-  --color-scale-green-9: #002155;
-  --color-scale-yellow-0: #fff8c5;
-  --color-scale-yellow-1: #fae17d;
-  --color-scale-yellow-2: #eac54f;
-  --color-scale-yellow-3: #d4a72c;
-  --color-scale-yellow-4: #bf8700;
-  --color-scale-yellow-5: #9a6700;
-  --color-scale-yellow-6: #7d4e00;
-  --color-scale-yellow-7: #633c01;
-  --color-scale-yellow-8: #4d2d00;
-  --color-scale-yellow-9: #3b2300;
-  --color-scale-orange-0: #fff1e5;
-  --color-scale-orange-1: #ffd8b5;
-  --color-scale-orange-2: #ffb77c;
-  --color-scale-orange-3: #fb8f44;
-  --color-scale-orange-4: #e16f24;
-  --color-scale-orange-5: #bc4c00;
-  --color-scale-orange-6: #953800;
-  --color-scale-orange-7: #762c00;
-  --color-scale-orange-8: #5c2200;
-  --color-scale-orange-9: #471700;
-  --color-scale-red-0: #fff1e5;
-  --color-scale-red-1: #ffd8b5;
-  --color-scale-red-2: #ffb77c;
-  --color-scale-red-3: #fb8f44;
-  --color-scale-red-4: #e16f24;
-  --color-scale-red-5: #bc4c00;
-  --color-scale-red-6: #953800;
-  --color-scale-red-7: #762c00;
-  --color-scale-red-8: #5c2200;
-  --color-scale-red-9: #471700;
-  --color-scale-purple-0: #fbefff;
-  --color-scale-purple-1: #ecd8ff;
-  --color-scale-purple-2: #d8b9ff;
-  --color-scale-purple-3: #c297ff;
-  --color-scale-purple-4: #a475f9;
-  --color-scale-purple-5: #8250df;
-  --color-scale-purple-6: #6639ba;
-  --color-scale-purple-7: #512a97;
-  --color-scale-purple-8: #3e1f79;
-  --color-scale-purple-9: #2e1461;
-  --color-scale-pink-0: #ffeff7;
-  --color-scale-pink-1: #ffd3eb;
-  --color-scale-pink-2: #ffadda;
-  --color-scale-pink-3: #ff80c8;
-  --color-scale-pink-4: #e85aad;
-  --color-scale-pink-5: #bf3989;
-  --color-scale-pink-6: #99286e;
-  --color-scale-pink-7: #772057;
-  --color-scale-pink-8: #611347;
-  --color-scale-pink-9: #4d0336;
-  --color-scale-coral-0: #fff0eb;
-  --color-scale-coral-1: #ffd6cc;
-  --color-scale-coral-2: #ffb4a1;
-  --color-scale-coral-3: #fd8c73;
-  --color-scale-coral-4: #ec6547;
-  --color-scale-coral-5: #c4432b;
-  --color-scale-coral-6: #9e2f1c;
-  --color-scale-coral-7: #801f0f;
-  --color-scale-coral-8: #691105;
-  --color-scale-coral-9: #510901;
   --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
   --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
   --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
@@ -800,6 +827,121 @@
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;
     --selection-bgColor: #0969da33;
+    --card-bgColor: #ffffff;
+    --label-green-bgColor-rest: #caf7ca;
+    --label-green-bgColor-hover: #9ceda0;
+    --label-green-bgColor-active: #54d961;
+    --label-green-fgColor-rest: #2b6e3f;
+    --label-green-fgColor-hover: #285c3b;
+    --label-green-fgColor-active: #254b34;
+    --label-orange-bgColor-rest: #ffe7d1;
+    --label-orange-bgColor-hover: #fecfaa;
+    --label-orange-bgColor-active: #fbaf74;
+    --label-orange-fgColor-rest: #a24610;
+    --label-orange-fgColor-hover: #8d3c11;
+    --label-orange-fgColor-active: #70300f;
+    --label-purple-bgColor-rest: #f1e5ff;
+    --label-purple-bgColor-hover: #e6d2fe;
+    --label-purple-bgColor-active: #d1b1fc;
+    --label-purple-fgColor-rest: #783ae4;
+    --label-purple-fgColor-hover: #6223d7;
+    --label-purple-fgColor-active: #4f21ab;
+    --label-red-bgColor-rest: #ffe2e0;
+    --label-red-bgColor-hover: #fecdcd;
+    --label-red-bgColor-active: #fda5a7;
+    --label-red-fgColor-rest: #c50d28;
+    --label-red-fgColor-hover: #a60c29;
+    --label-red-fgColor-active: #880c27;
+    --label-yellow-bgColor-rest: #ffec9e;
+    --label-yellow-bgColor-hover: #ffd642;
+    --label-yellow-bgColor-active: #ebb400;
+    --label-yellow-fgColor-rest: #805900;
+    --label-yellow-fgColor-hover: #704d00;
+    --label-yellow-fgColor-active: #5c3d00;
+    --label-gray-bgColor-rest: #e8ecf2;
+    --label-gray-bgColor-hover: #d2dae4;
+    --label-gray-bgColor-active: #b4c0cf;
+    --label-gray-fgColor-rest: #5c6570;
+    --label-gray-fgColor-hover: #4e535a;
+    --label-gray-fgColor-active: #424448;
+    --label-auburn-bgColor-rest: #f2e9e9;
+    --label-auburn-bgColor-hover: #e6d6d5;
+    --label-auburn-bgColor-active: #d4b7b5;
+    --label-auburn-fgColor-rest: #8a5551;
+    --label-auburn-fgColor-hover: #744744;
+    --label-auburn-fgColor-active: #5d3937;
+    --label-brown-bgColor-rest: #eeeae2;
+    --label-brown-bgColor-hover: #dfd7c8;
+    --label-brown-bgColor-active: #cbbda4;
+    --label-brown-fgColor-rest: #755f43;
+    --label-brown-fgColor-hover: #64513a;
+    --label-brown-fgColor-active: #51412f;
+    --label-lemon-bgColor-rest: #f7eea1;
+    --label-lemon-bgColor-hover: #f0db3d;
+    --label-lemon-bgColor-active: #d8bd0e;
+    --label-lemon-fgColor-rest: #786002;
+    --label-lemon-fgColor-hover: #654f01;
+    --label-lemon-fgColor-active: #523f00;
+    --label-olive-bgColor-rest: #f0f0ad;
+    --label-olive-bgColor-hover: #dbe170;
+    --label-olive-bgColor-active: #b9c832;
+    --label-olive-fgColor-rest: #56682c;
+    --label-olive-fgColor-hover: #495a2b;
+    --label-olive-fgColor-active: #3b4927;
+    --label-lime-bgColor-rest: #e3f2b5;
+    --label-lime-bgColor-hover: #c7e580;
+    --label-lime-bgColor-active: #9bd039;
+    --label-lime-fgColor-rest: #476c28;
+    --label-lime-fgColor-hover: #3a5b25;
+    --label-lime-fgColor-active: #2f4a21;
+    --label-pine-bgColor-rest: #bff8db;
+    --label-pine-bgColor-hover: #80efb9;
+    --label-pine-bgColor-active: #1dd781;
+    --label-pine-fgColor-rest: #156f4b;
+    --label-pine-fgColor-hover: #135d41;
+    --label-pine-fgColor-active: #114b36;
+    --label-teal-bgColor-rest: #c7f5ef;
+    --label-teal-bgColor-hover: #89ebe1;
+    --label-teal-bgColor-active: #22d3c7;
+    --label-teal-fgColor-rest: #106e75;
+    --label-teal-fgColor-hover: #0d5b63;
+    --label-teal-fgColor-active: #0a4852;
+    --label-cyan-bgColor-rest: #bdf4ff;
+    --label-cyan-bgColor-hover: #7ae9ff;
+    --label-cyan-bgColor-active: #00d0fa;
+    --label-cyan-fgColor-rest: #006a80;
+    --label-cyan-fgColor-hover: #00596b;
+    --label-cyan-fgColor-active: #004857;
+    --label-indigo-bgColor-rest: #e5e9ff;
+    --label-indigo-bgColor-hover: #d2d7fe;
+    --label-indigo-bgColor-active: #b1b9fb;
+    --label-indigo-fgColor-rest: #494edf;
+    --label-indigo-fgColor-hover: #393cd5;
+    --label-indigo-fgColor-active: #2d2db4;
+    --label-blue-bgColor-rest: #d1f0ff;
+    --label-blue-bgColor-hover: #ade1ff;
+    --label-blue-bgColor-active: #75c8ff;
+    --label-blue-fgColor-rest: #005fcc;
+    --label-blue-fgColor-hover: #004db3;
+    --label-blue-fgColor-active: #003d99;
+    --label-plum-bgColor-rest: #f8e5ff;
+    --label-plum-bgColor-hover: #f0cdfe;
+    --label-plum-bgColor-active: #e2a7fb;
+    --label-plum-fgColor-rest: #961edc;
+    --label-plum-fgColor-hover: #7d1eb8;
+    --label-plum-fgColor-active: #651d96;
+    --label-pink-bgColor-rest: #ffe5f1;
+    --label-pink-bgColor-hover: #fdc9e2;
+    --label-pink-bgColor-active: #f8a5cf;
+    --label-pink-fgColor-rest: #b12f79;
+    --label-pink-fgColor-hover: #8e2e66;
+    --label-pink-fgColor-active: #6e2b53;
+    --label-coral-bgColor-rest: #ffe5db;
+    --label-coral-bgColor-hover: #fecebe;
+    --label-coral-bgColor-active: #fcab92;
+    --label-coral-fgColor-rest: #ba2e12;
+    --label-coral-fgColor-hover: #9b2712;
+    --label-coral-fgColor-active: #7e2011;
     --fgColor-default: #1f2328;
     --fgColor-muted: #636c76;
     --fgColor-onEmphasis: #ffffff;
@@ -816,6 +958,7 @@
     --fgColor-open: #bc4c00;
     --fgColor-closed: #6e7781;
     --fgColor-done: #8250df;
+    --fgColor-upsell: #8250df;
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;
     --bgColor-muted: #f6f8fa;
@@ -844,6 +987,8 @@
     --bgColor-closed-emphasis: #6e7781;
     --bgColor-done-muted: #fbefff;
     --bgColor-done-emphasis: #8250df;
+    --bgColor-upsell-muted: #fbefff;
+    --bgColor-upsell-emphasis: #8250df;
     --bgColor-sponsors-muted: #ffeff7;
     --bgColor-sponsors-emphasis: #bf3989;
     --borderColor-default: #d0d7de;
@@ -869,6 +1014,8 @@
     --borderColor-closed-emphasis: #6e7781;
     --borderColor-done-muted: #c297ff66;
     --borderColor-done-emphasis: #8250df;
+    --borderColor-upsell-muted: #c297ff66;
+    --borderColor-upsell-emphasis: #8250df;
     --borderColor-sponsors-muted: #ff80c866;
     --borderColor-sponsors-emphasis: #bf3989;
     --color-ansi-black: #24292f;
@@ -918,99 +1065,6 @@
     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
-    --color-scale-black: #1f2328;
-    --color-scale-transparent: #ffffff00;
-    --color-scale-white: #ffffff;
-    --color-scale-gray-0: #f6f8fa;
-    --color-scale-gray-1: #eaeef2;
-    --color-scale-gray-2: #d0d7de;
-    --color-scale-gray-3: #afb8c1;
-    --color-scale-gray-4: #8c959f;
-    --color-scale-gray-5: #6e7781;
-    --color-scale-gray-6: #57606a;
-    --color-scale-gray-7: #424a53;
-    --color-scale-gray-8: #32383f;
-    --color-scale-gray-9: #24292f;
-    --color-scale-blue-0: #ddf4ff;
-    --color-scale-blue-1: #b6e3ff;
-    --color-scale-blue-2: #80ccff;
-    --color-scale-blue-3: #54aeff;
-    --color-scale-blue-4: #218bff;
-    --color-scale-blue-5: #0969da;
-    --color-scale-blue-6: #0550ae;
-    --color-scale-blue-7: #033d8b;
-    --color-scale-blue-8: #0a3069;
-    --color-scale-blue-9: #002155;
-    --color-scale-green-0: #ddf4ff;
-    --color-scale-green-1: #b6e3ff;
-    --color-scale-green-2: #80ccff;
-    --color-scale-green-3: #54aeff;
-    --color-scale-green-4: #218bff;
-    --color-scale-green-5: #0969da;
-    --color-scale-green-6: #0550ae;
-    --color-scale-green-7: #033d8b;
-    --color-scale-green-8: #0a3069;
-    --color-scale-green-9: #002155;
-    --color-scale-yellow-0: #fff8c5;
-    --color-scale-yellow-1: #fae17d;
-    --color-scale-yellow-2: #eac54f;
-    --color-scale-yellow-3: #d4a72c;
-    --color-scale-yellow-4: #bf8700;
-    --color-scale-yellow-5: #9a6700;
-    --color-scale-yellow-6: #7d4e00;
-    --color-scale-yellow-7: #633c01;
-    --color-scale-yellow-8: #4d2d00;
-    --color-scale-yellow-9: #3b2300;
-    --color-scale-orange-0: #fff1e5;
-    --color-scale-orange-1: #ffd8b5;
-    --color-scale-orange-2: #ffb77c;
-    --color-scale-orange-3: #fb8f44;
-    --color-scale-orange-4: #e16f24;
-    --color-scale-orange-5: #bc4c00;
-    --color-scale-orange-6: #953800;
-    --color-scale-orange-7: #762c00;
-    --color-scale-orange-8: #5c2200;
-    --color-scale-orange-9: #471700;
-    --color-scale-red-0: #fff1e5;
-    --color-scale-red-1: #ffd8b5;
-    --color-scale-red-2: #ffb77c;
-    --color-scale-red-3: #fb8f44;
-    --color-scale-red-4: #e16f24;
-    --color-scale-red-5: #bc4c00;
-    --color-scale-red-6: #953800;
-    --color-scale-red-7: #762c00;
-    --color-scale-red-8: #5c2200;
-    --color-scale-red-9: #471700;
-    --color-scale-purple-0: #fbefff;
-    --color-scale-purple-1: #ecd8ff;
-    --color-scale-purple-2: #d8b9ff;
-    --color-scale-purple-3: #c297ff;
-    --color-scale-purple-4: #a475f9;
-    --color-scale-purple-5: #8250df;
-    --color-scale-purple-6: #6639ba;
-    --color-scale-purple-7: #512a97;
-    --color-scale-purple-8: #3e1f79;
-    --color-scale-purple-9: #2e1461;
-    --color-scale-pink-0: #ffeff7;
-    --color-scale-pink-1: #ffd3eb;
-    --color-scale-pink-2: #ffadda;
-    --color-scale-pink-3: #ff80c8;
-    --color-scale-pink-4: #e85aad;
-    --color-scale-pink-5: #bf3989;
-    --color-scale-pink-6: #99286e;
-    --color-scale-pink-7: #772057;
-    --color-scale-pink-8: #611347;
-    --color-scale-pink-9: #4d0336;
-    --color-scale-coral-0: #fff0eb;
-    --color-scale-coral-1: #ffd6cc;
-    --color-scale-coral-2: #ffb4a1;
-    --color-scale-coral-3: #fd8c73;
-    --color-scale-coral-4: #ec6547;
-    --color-scale-coral-5: #c4432b;
-    --color-scale-coral-6: #9e2f1c;
-    --color-scale-coral-7: #801f0f;
-    --color-scale-coral-8: #691105;
-    --color-scale-coral-9: #510901;
     --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
     --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
     --shadow-resting-small: 0px 1px 0px 0px #1f23280a;