@primer/primitives 7.11.8-rc.cd822f0 → 7.11.8-rc.ce347fc

package/tokens-next-private/css/functional/themes/dark-dimmed.css

@@ -42,7 +42,7 @@
   --headerSearch-bgColor: #22272e;
   --headerSearch-borderColor: #444c56;
   --avatar-bgColor: #cdd9e51a;
-  --avatar-borderColor: #00000000;
+  --avatar-borderColor: #444c5666;
   --avatar-shadow: 0px 0px 0px 2px #22272e;
   --avatarStack-fade-bgColor-default: #444c56;
   --avatarStack-fade-bgColor-muted: #373e47;
@@ -284,99 +284,99 @@
   --color-prettylights-syntax-markup-ignored-bg: #255ab2;
   --color-prettylights-syntax-meta-diff-range: #dcbdfb;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68;
-  --color-scale-black: #1c2128; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-white: #cdd9e5; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-0: #cdd9e5; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-1: #adbac7; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-2: #909dab; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-3: #768390; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-4: #636e7b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-5: #545d68; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-6: #444c56; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-7: #373e47; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-8: #2d333b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-9: #22272e; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-0: #c6e6ff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-1: #96d0ff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-2: #6cb6ff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-3: #539bf5; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-4: #4184e4; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-5: #316dca; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-6: #255ab2; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-7: #1b4b91; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-8: #143d79; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-9: #0f2d5c; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-0: #b4f1b4; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-1: #8ddb8c; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-2: #6bc46d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-3: #57ab5a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-4: #46954a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-5: #347d39; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-6: #2b6a30; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-7: #245829; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-8: #1b4721; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-9: #113417; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-0: #fbe090; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-1: #eac55f; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-2: #daaa3f; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-3: #c69026; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-4: #ae7c14; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-5: #966600; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-6: #805400; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-7: #6c4400; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-8: #593600; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-9: #452700; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-0: #ffddb0; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-1: #ffbc6f; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-2: #f69d50; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-3: #e0823d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-4: #cc6b2c; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-5: #ae5622; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-6: #94471b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-7: #7f3913; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-8: #682d0f; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-9: #4d210c; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-0: #ffd8d3; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-1: #ffb8b0; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-2: #ff938a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-3: #f47067; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-4: #e5534b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-5: #c93c37; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-6: #ad2e2c; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-7: #922323; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-8: #78191b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-9: #5d0f12; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-0: #eedcff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-1: #dcbdfb; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-2: #dcbdfb; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-3: #b083f0; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-4: #986ee2; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-5: #8256d0; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-6: #6b44bc; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-7: #5936a2; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-8: #472c82; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-9: #352160; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-0: #ffd7eb; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-1: #ffb3d8; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-2: #fc8dc7; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-3: #e275ad; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-4: #c96198; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-5: #ae4c82; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-6: #983b6e; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-7: #7e325a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-8: #69264a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-9: #551639; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-0: #ffdacf; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-1: #ffb9a5; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-2: #f79981; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-3: #ec775c; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-4: #de5b41; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-5: #c2442d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-6: #a93524; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-7: #8d291b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-8: #771d13; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-9: #5d1008; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-black: #1c2128;
+  --color-scale-transparent: #00000000;
+  --color-scale-white: #cdd9e5;
+  --color-scale-gray-0: #cdd9e5;
+  --color-scale-gray-1: #adbac7;
+  --color-scale-gray-2: #909dab;
+  --color-scale-gray-3: #768390;
+  --color-scale-gray-4: #636e7b;
+  --color-scale-gray-5: #545d68;
+  --color-scale-gray-6: #444c56;
+  --color-scale-gray-7: #373e47;
+  --color-scale-gray-8: #2d333b;
+  --color-scale-gray-9: #22272e;
+  --color-scale-blue-0: #c6e6ff;
+  --color-scale-blue-1: #96d0ff;
+  --color-scale-blue-2: #6cb6ff;
+  --color-scale-blue-3: #539bf5;
+  --color-scale-blue-4: #4184e4;
+  --color-scale-blue-5: #316dca;
+  --color-scale-blue-6: #255ab2;
+  --color-scale-blue-7: #1b4b91;
+  --color-scale-blue-8: #143d79;
+  --color-scale-blue-9: #0f2d5c;
+  --color-scale-green-0: #b4f1b4;
+  --color-scale-green-1: #8ddb8c;
+  --color-scale-green-2: #6bc46d;
+  --color-scale-green-3: #57ab5a;
+  --color-scale-green-4: #46954a;
+  --color-scale-green-5: #347d39;
+  --color-scale-green-6: #2b6a30;
+  --color-scale-green-7: #245829;
+  --color-scale-green-8: #1b4721;
+  --color-scale-green-9: #113417;
+  --color-scale-yellow-0: #fbe090;
+  --color-scale-yellow-1: #eac55f;
+  --color-scale-yellow-2: #daaa3f;
+  --color-scale-yellow-3: #c69026;
+  --color-scale-yellow-4: #ae7c14;
+  --color-scale-yellow-5: #966600;
+  --color-scale-yellow-6: #805400;
+  --color-scale-yellow-7: #6c4400;
+  --color-scale-yellow-8: #593600;
+  --color-scale-yellow-9: #452700;
+  --color-scale-orange-0: #ffddb0;
+  --color-scale-orange-1: #ffbc6f;
+  --color-scale-orange-2: #f69d50;
+  --color-scale-orange-3: #e0823d;
+  --color-scale-orange-4: #cc6b2c;
+  --color-scale-orange-5: #ae5622;
+  --color-scale-orange-6: #94471b;
+  --color-scale-orange-7: #7f3913;
+  --color-scale-orange-8: #682d0f;
+  --color-scale-orange-9: #4d210c;
+  --color-scale-red-0: #ffd8d3;
+  --color-scale-red-1: #ffb8b0;
+  --color-scale-red-2: #ff938a;
+  --color-scale-red-3: #f47067;
+  --color-scale-red-4: #e5534b;
+  --color-scale-red-5: #c93c37;
+  --color-scale-red-6: #ad2e2c;
+  --color-scale-red-7: #922323;
+  --color-scale-red-8: #78191b;
+  --color-scale-red-9: #5d0f12;
+  --color-scale-purple-0: #eedcff;
+  --color-scale-purple-1: #dcbdfb;
+  --color-scale-purple-2: #dcbdfb;
+  --color-scale-purple-3: #b083f0;
+  --color-scale-purple-4: #986ee2;
+  --color-scale-purple-5: #8256d0;
+  --color-scale-purple-6: #6b44bc;
+  --color-scale-purple-7: #5936a2;
+  --color-scale-purple-8: #472c82;
+  --color-scale-purple-9: #352160;
+  --color-scale-pink-0: #ffd7eb;
+  --color-scale-pink-1: #ffb3d8;
+  --color-scale-pink-2: #fc8dc7;
+  --color-scale-pink-3: #e275ad;
+  --color-scale-pink-4: #c96198;
+  --color-scale-pink-5: #ae4c82;
+  --color-scale-pink-6: #983b6e;
+  --color-scale-pink-7: #7e325a;
+  --color-scale-pink-8: #69264a;
+  --color-scale-pink-9: #551639;
+  --color-scale-coral-0: #ffdacf;
+  --color-scale-coral-1: #ffb9a5;
+  --color-scale-coral-2: #f79981;
+  --color-scale-coral-3: #ec775c;
+  --color-scale-coral-4: #de5b41;
+  --color-scale-coral-5: #c2442d;
+  --color-scale-coral-6: #a93524;
+  --color-scale-coral-7: #8d291b;
+  --color-scale-coral-8: #771d13;
+  --color-scale-coral-9: #5d1008;
   --shadow-inset: 0px 0px 0px 0px #000000;
   --shadow-highlight: 0px 0px 0px 0px #000000;
   --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128a3;
@@ -432,7 +432,7 @@
     --headerSearch-bgColor: #22272e;
     --headerSearch-borderColor: #444c56;
     --avatar-bgColor: #cdd9e51a;
-    --avatar-borderColor: #00000000;
+    --avatar-borderColor: #444c5666;
     --avatar-shadow: 0px 0px 0px 2px #22272e;
     --avatarStack-fade-bgColor-default: #444c56;
     --avatarStack-fade-bgColor-muted: #373e47;
@@ -674,99 +674,99 @@
     --color-prettylights-syntax-markup-ignored-bg: #255ab2;
     --color-prettylights-syntax-meta-diff-range: #dcbdfb;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68;
-    --color-scale-black: #1c2128; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-white: #cdd9e5; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-0: #cdd9e5; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-1: #adbac7; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-2: #909dab; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-3: #768390; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-4: #636e7b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-5: #545d68; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-6: #444c56; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-7: #373e47; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-8: #2d333b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-9: #22272e; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-0: #c6e6ff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-1: #96d0ff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-2: #6cb6ff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-3: #539bf5; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-4: #4184e4; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-5: #316dca; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-6: #255ab2; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-7: #1b4b91; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-8: #143d79; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-9: #0f2d5c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-0: #b4f1b4; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-1: #8ddb8c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-2: #6bc46d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-3: #57ab5a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-4: #46954a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-5: #347d39; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-6: #2b6a30; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-7: #245829; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-8: #1b4721; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-9: #113417; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-0: #fbe090; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-1: #eac55f; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-2: #daaa3f; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-3: #c69026; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-4: #ae7c14; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-5: #966600; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-6: #805400; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-7: #6c4400; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-8: #593600; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-9: #452700; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-0: #ffddb0; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-1: #ffbc6f; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-2: #f69d50; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-3: #e0823d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-4: #cc6b2c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-5: #ae5622; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-6: #94471b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-7: #7f3913; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-8: #682d0f; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-9: #4d210c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-0: #ffd8d3; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-1: #ffb8b0; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-2: #ff938a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-3: #f47067; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-4: #e5534b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-5: #c93c37; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-6: #ad2e2c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-7: #922323; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-8: #78191b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-9: #5d0f12; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-0: #eedcff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-1: #dcbdfb; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-2: #dcbdfb; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-3: #b083f0; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-4: #986ee2; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-5: #8256d0; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-6: #6b44bc; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-7: #5936a2; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-8: #472c82; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-9: #352160; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-0: #ffd7eb; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-1: #ffb3d8; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-2: #fc8dc7; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-3: #e275ad; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-4: #c96198; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-5: #ae4c82; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-6: #983b6e; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-7: #7e325a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-8: #69264a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-9: #551639; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-0: #ffdacf; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-1: #ffb9a5; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-2: #f79981; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-3: #ec775c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-4: #de5b41; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-5: #c2442d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-6: #a93524; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-7: #8d291b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-8: #771d13; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-9: #5d1008; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-black: #1c2128;
+    --color-scale-transparent: #00000000;
+    --color-scale-white: #cdd9e5;
+    --color-scale-gray-0: #cdd9e5;
+    --color-scale-gray-1: #adbac7;
+    --color-scale-gray-2: #909dab;
+    --color-scale-gray-3: #768390;
+    --color-scale-gray-4: #636e7b;
+    --color-scale-gray-5: #545d68;
+    --color-scale-gray-6: #444c56;
+    --color-scale-gray-7: #373e47;
+    --color-scale-gray-8: #2d333b;
+    --color-scale-gray-9: #22272e;
+    --color-scale-blue-0: #c6e6ff;
+    --color-scale-blue-1: #96d0ff;
+    --color-scale-blue-2: #6cb6ff;
+    --color-scale-blue-3: #539bf5;
+    --color-scale-blue-4: #4184e4;
+    --color-scale-blue-5: #316dca;
+    --color-scale-blue-6: #255ab2;
+    --color-scale-blue-7: #1b4b91;
+    --color-scale-blue-8: #143d79;
+    --color-scale-blue-9: #0f2d5c;
+    --color-scale-green-0: #b4f1b4;
+    --color-scale-green-1: #8ddb8c;
+    --color-scale-green-2: #6bc46d;
+    --color-scale-green-3: #57ab5a;
+    --color-scale-green-4: #46954a;
+    --color-scale-green-5: #347d39;
+    --color-scale-green-6: #2b6a30;
+    --color-scale-green-7: #245829;
+    --color-scale-green-8: #1b4721;
+    --color-scale-green-9: #113417;
+    --color-scale-yellow-0: #fbe090;
+    --color-scale-yellow-1: #eac55f;
+    --color-scale-yellow-2: #daaa3f;
+    --color-scale-yellow-3: #c69026;
+    --color-scale-yellow-4: #ae7c14;
+    --color-scale-yellow-5: #966600;
+    --color-scale-yellow-6: #805400;
+    --color-scale-yellow-7: #6c4400;
+    --color-scale-yellow-8: #593600;
+    --color-scale-yellow-9: #452700;
+    --color-scale-orange-0: #ffddb0;
+    --color-scale-orange-1: #ffbc6f;
+    --color-scale-orange-2: #f69d50;
+    --color-scale-orange-3: #e0823d;
+    --color-scale-orange-4: #cc6b2c;
+    --color-scale-orange-5: #ae5622;
+    --color-scale-orange-6: #94471b;
+    --color-scale-orange-7: #7f3913;
+    --color-scale-orange-8: #682d0f;
+    --color-scale-orange-9: #4d210c;
+    --color-scale-red-0: #ffd8d3;
+    --color-scale-red-1: #ffb8b0;
+    --color-scale-red-2: #ff938a;
+    --color-scale-red-3: #f47067;
+    --color-scale-red-4: #e5534b;
+    --color-scale-red-5: #c93c37;
+    --color-scale-red-6: #ad2e2c;
+    --color-scale-red-7: #922323;
+    --color-scale-red-8: #78191b;
+    --color-scale-red-9: #5d0f12;
+    --color-scale-purple-0: #eedcff;
+    --color-scale-purple-1: #dcbdfb;
+    --color-scale-purple-2: #dcbdfb;
+    --color-scale-purple-3: #b083f0;
+    --color-scale-purple-4: #986ee2;
+    --color-scale-purple-5: #8256d0;
+    --color-scale-purple-6: #6b44bc;
+    --color-scale-purple-7: #5936a2;
+    --color-scale-purple-8: #472c82;
+    --color-scale-purple-9: #352160;
+    --color-scale-pink-0: #ffd7eb;
+    --color-scale-pink-1: #ffb3d8;
+    --color-scale-pink-2: #fc8dc7;
+    --color-scale-pink-3: #e275ad;
+    --color-scale-pink-4: #c96198;
+    --color-scale-pink-5: #ae4c82;
+    --color-scale-pink-6: #983b6e;
+    --color-scale-pink-7: #7e325a;
+    --color-scale-pink-8: #69264a;
+    --color-scale-pink-9: #551639;
+    --color-scale-coral-0: #ffdacf;
+    --color-scale-coral-1: #ffb9a5;
+    --color-scale-coral-2: #f79981;
+    --color-scale-coral-3: #ec775c;
+    --color-scale-coral-4: #de5b41;
+    --color-scale-coral-5: #c2442d;
+    --color-scale-coral-6: #a93524;
+    --color-scale-coral-7: #8d291b;
+    --color-scale-coral-8: #771d13;
+    --color-scale-coral-9: #5d1008;
     --shadow-inset: 0px 0px 0px 0px #000000;
     --shadow-highlight: 0px 0px 0px 0px #000000;
     --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128a3;