@primer/primitives 7.11.8-rc.d8dbbf1 → 7.11.8-rc.e05e5ec

package/tokens-next-private/css/functional/themes/light-high-contrast.css

@@ -256,6 +256,7 @@
   --color-ansi-cyan: #1b7c83;
   --color-ansi-cyan-bright: #3192aa;
   --color-prettylights-syntax-comment: #66707b;
+  --color-prettylights-syntax-constant: #023b95;
   --color-prettylights-syntax-constant-other-reference-link: #032563;
   --color-prettylights-syntax-entity: #622cbc;
   --color-prettylights-syntax-storage-modifier-import: #0e1116;
@@ -263,8 +264,11 @@
   --color-prettylights-syntax-keyword: #a0111f;
   --color-prettylights-syntax-string: #032563;
   --color-prettylights-syntax-variable: #702c00;
+  --color-prettylights-syntax-brackethighlighter-unmatched: #6e011a;
   --color-prettylights-syntax-brackethighlighter-angle: #4b535d;
+  --color-prettylights-syntax-invalid-illegal-text: #ffffff;
   --color-prettylights-syntax-invalid-illegal-bg: #6e011a;
+  --color-prettylights-syntax-carriage-return-text: #ffffff;
   --color-prettylights-syntax-carriage-return-bg: #a0111f;
   --color-prettylights-syntax-string-regexp: #024c1a;
   --color-prettylights-syntax-markup-list: #2e1800;
@@ -281,99 +285,99 @@
   --color-prettylights-syntax-markup-ignored-bg: #023b95;
   --color-prettylights-syntax-meta-diff-range: #622cbc;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
-  --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-0: #ffffff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-1: #e7ecf0; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-2: #ced5dc; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-3: #acb6c0; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-4: #88929d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-5: #66707b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-6: #4b535d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-7: #343b43; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-8: #20252c; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-gray-9: #0e1116; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-0: #dff7ff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-1: #9cd7ff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-2: #67b3fd; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-3: #368cf9; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-4: #1168e3; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-5: #0349b4; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-6: #023b95; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-7: #022f7a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-8: #032563; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-blue-9: #021a4a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-0: #d2fedb; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-1: #82e596; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-2: #43c663; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-3: #26a148; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-4: #117f32; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-5: #055d20; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-6: #024c1a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-7: #013d14; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-8: #003110; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-green-9: #00230b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-0: #fcf7be; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-1: #f0ce53; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-2: #d5a824; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-3: #b58407; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-4: #956400; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-5: #744500; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-6: #603700; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-7: #4e2c00; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-8: #3f2200; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-yellow-9: #2e1800; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-0: #fff2d5; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-1: #ffc67b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-2: #f99636; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-3: #dc6d1a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-4: #b45105; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-5: #873800; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-6: #702c00; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-7: #5b2300; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-8: #491b00; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-orange-9: #361200; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-0: #fff0ee; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-1: #ffc1bc; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-2: #ff8e8a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-3: #ee5a5d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-4: #d5232c; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-5: #a0111f; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-6: #86061d; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-7: #6e011a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-8: #5a0016; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-red-9: #430011; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-0: #faf0fe; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-1: #e0c5ff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-2: #c49bff; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-3: #a371f7; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-4: #844ae7; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-5: #622cbc; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-6: #512598; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-7: #411d7b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-8: #341763; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-purple-9: #260f49; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-0: #feeff7; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-1: #ffbde0; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-2: #fc87ca; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-3: #ed4baf; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-4: #c9248e; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-5: #971368; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-6: #7d0c57; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-7: #660847; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-8: #53043a; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-pink-9: #3e022b; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-0: #fff0ed; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-1: #ffc2b6; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-2: #ff8f7e; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-3: #cd3425; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-4: #ef5b48; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-5: #9f1710; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-6: #870706; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-7: #6f0107; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-8: #5b0002; /* Avoid using scales, use other functional tokens instead */
-  --color-scale-coral-9: #430200; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-black: #010409;
+  --color-scale-transparent: #ffffff00;
+  --color-scale-white: #ffffff;
+  --color-scale-gray-0: #ffffff;
+  --color-scale-gray-1: #e7ecf0;
+  --color-scale-gray-2: #ced5dc;
+  --color-scale-gray-3: #acb6c0;
+  --color-scale-gray-4: #88929d;
+  --color-scale-gray-5: #66707b;
+  --color-scale-gray-6: #4b535d;
+  --color-scale-gray-7: #343b43;
+  --color-scale-gray-8: #20252c;
+  --color-scale-gray-9: #0e1116;
+  --color-scale-blue-0: #dff7ff;
+  --color-scale-blue-1: #9cd7ff;
+  --color-scale-blue-2: #67b3fd;
+  --color-scale-blue-3: #368cf9;
+  --color-scale-blue-4: #1168e3;
+  --color-scale-blue-5: #0349b4;
+  --color-scale-blue-6: #023b95;
+  --color-scale-blue-7: #022f7a;
+  --color-scale-blue-8: #032563;
+  --color-scale-blue-9: #021a4a;
+  --color-scale-green-0: #d2fedb;
+  --color-scale-green-1: #82e596;
+  --color-scale-green-2: #43c663;
+  --color-scale-green-3: #26a148;
+  --color-scale-green-4: #117f32;
+  --color-scale-green-5: #055d20;
+  --color-scale-green-6: #024c1a;
+  --color-scale-green-7: #013d14;
+  --color-scale-green-8: #003110;
+  --color-scale-green-9: #00230b;
+  --color-scale-yellow-0: #fcf7be;
+  --color-scale-yellow-1: #f0ce53;
+  --color-scale-yellow-2: #d5a824;
+  --color-scale-yellow-3: #b58407;
+  --color-scale-yellow-4: #956400;
+  --color-scale-yellow-5: #744500;
+  --color-scale-yellow-6: #603700;
+  --color-scale-yellow-7: #4e2c00;
+  --color-scale-yellow-8: #3f2200;
+  --color-scale-yellow-9: #2e1800;
+  --color-scale-orange-0: #fff2d5;
+  --color-scale-orange-1: #ffc67b;
+  --color-scale-orange-2: #f99636;
+  --color-scale-orange-3: #dc6d1a;
+  --color-scale-orange-4: #b45105;
+  --color-scale-orange-5: #873800;
+  --color-scale-orange-6: #702c00;
+  --color-scale-orange-7: #5b2300;
+  --color-scale-orange-8: #491b00;
+  --color-scale-orange-9: #361200;
+  --color-scale-red-0: #fff0ee;
+  --color-scale-red-1: #ffc1bc;
+  --color-scale-red-2: #ff8e8a;
+  --color-scale-red-3: #ee5a5d;
+  --color-scale-red-4: #d5232c;
+  --color-scale-red-5: #a0111f;
+  --color-scale-red-6: #86061d;
+  --color-scale-red-7: #6e011a;
+  --color-scale-red-8: #5a0016;
+  --color-scale-red-9: #430011;
+  --color-scale-purple-0: #faf0fe;
+  --color-scale-purple-1: #e0c5ff;
+  --color-scale-purple-2: #c49bff;
+  --color-scale-purple-3: #a371f7;
+  --color-scale-purple-4: #844ae7;
+  --color-scale-purple-5: #622cbc;
+  --color-scale-purple-6: #512598;
+  --color-scale-purple-7: #411d7b;
+  --color-scale-purple-8: #341763;
+  --color-scale-purple-9: #260f49;
+  --color-scale-pink-0: #feeff7;
+  --color-scale-pink-1: #ffbde0;
+  --color-scale-pink-2: #fc87ca;
+  --color-scale-pink-3: #ed4baf;
+  --color-scale-pink-4: #c9248e;
+  --color-scale-pink-5: #971368;
+  --color-scale-pink-6: #7d0c57;
+  --color-scale-pink-7: #660847;
+  --color-scale-pink-8: #53043a;
+  --color-scale-pink-9: #3e022b;
+  --color-scale-coral-0: #fff0ed;
+  --color-scale-coral-1: #ffc2b6;
+  --color-scale-coral-2: #ff8f7e;
+  --color-scale-coral-3: #cd3425;
+  --color-scale-coral-4: #ef5b48;
+  --color-scale-coral-5: #9f1710;
+  --color-scale-coral-6: #870706;
+  --color-scale-coral-7: #6f0107;
+  --color-scale-coral-8: #5b0002;
+  --color-scale-coral-9: #430200;
   --shadow-inset: inset 0px 1px 0px 0px #0104090d;
   --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
   --shadow-resting-xsmall: 0px 1px 0px 0px #0104090f;
@@ -642,6 +646,7 @@
     --color-ansi-cyan: #1b7c83;
     --color-ansi-cyan-bright: #3192aa;
     --color-prettylights-syntax-comment: #66707b;
+    --color-prettylights-syntax-constant: #023b95;
     --color-prettylights-syntax-constant-other-reference-link: #032563;
     --color-prettylights-syntax-entity: #622cbc;
     --color-prettylights-syntax-storage-modifier-import: #0e1116;
@@ -649,8 +654,11 @@
     --color-prettylights-syntax-keyword: #a0111f;
     --color-prettylights-syntax-string: #032563;
     --color-prettylights-syntax-variable: #702c00;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #6e011a;
     --color-prettylights-syntax-brackethighlighter-angle: #4b535d;
+    --color-prettylights-syntax-invalid-illegal-text: #ffffff;
     --color-prettylights-syntax-invalid-illegal-bg: #6e011a;
+    --color-prettylights-syntax-carriage-return-text: #ffffff;
     --color-prettylights-syntax-carriage-return-bg: #a0111f;
     --color-prettylights-syntax-string-regexp: #024c1a;
     --color-prettylights-syntax-markup-list: #2e1800;
@@ -667,99 +675,99 @@
     --color-prettylights-syntax-markup-ignored-bg: #023b95;
     --color-prettylights-syntax-meta-diff-range: #622cbc;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
-    --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-0: #ffffff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-1: #e7ecf0; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-2: #ced5dc; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-3: #acb6c0; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-4: #88929d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-5: #66707b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-6: #4b535d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-7: #343b43; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-8: #20252c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-gray-9: #0e1116; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-0: #dff7ff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-1: #9cd7ff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-2: #67b3fd; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-3: #368cf9; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-4: #1168e3; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-5: #0349b4; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-6: #023b95; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-7: #022f7a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-8: #032563; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-blue-9: #021a4a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-0: #d2fedb; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-1: #82e596; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-2: #43c663; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-3: #26a148; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-4: #117f32; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-5: #055d20; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-6: #024c1a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-7: #013d14; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-8: #003110; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-green-9: #00230b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-0: #fcf7be; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-1: #f0ce53; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-2: #d5a824; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-3: #b58407; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-4: #956400; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-5: #744500; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-6: #603700; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-7: #4e2c00; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-8: #3f2200; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-yellow-9: #2e1800; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-0: #fff2d5; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-1: #ffc67b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-2: #f99636; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-3: #dc6d1a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-4: #b45105; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-5: #873800; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-6: #702c00; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-7: #5b2300; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-8: #491b00; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-9: #361200; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-0: #fff0ee; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-1: #ffc1bc; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-2: #ff8e8a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-3: #ee5a5d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-4: #d5232c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-5: #a0111f; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-6: #86061d; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-7: #6e011a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-8: #5a0016; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-9: #430011; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-0: #faf0fe; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-1: #e0c5ff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-2: #c49bff; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-3: #a371f7; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-4: #844ae7; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-5: #622cbc; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-6: #512598; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-7: #411d7b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-8: #341763; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-purple-9: #260f49; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-0: #feeff7; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-1: #ffbde0; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-2: #fc87ca; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-3: #ed4baf; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-4: #c9248e; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-5: #971368; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-6: #7d0c57; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-7: #660847; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-8: #53043a; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-pink-9: #3e022b; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-0: #fff0ed; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-1: #ffc2b6; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-2: #ff8f7e; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-3: #cd3425; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-4: #ef5b48; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-5: #9f1710; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-6: #870706; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-7: #6f0107; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-8: #5b0002; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-coral-9: #430200; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-black: #010409;
+    --color-scale-transparent: #ffffff00;
+    --color-scale-white: #ffffff;
+    --color-scale-gray-0: #ffffff;
+    --color-scale-gray-1: #e7ecf0;
+    --color-scale-gray-2: #ced5dc;
+    --color-scale-gray-3: #acb6c0;
+    --color-scale-gray-4: #88929d;
+    --color-scale-gray-5: #66707b;
+    --color-scale-gray-6: #4b535d;
+    --color-scale-gray-7: #343b43;
+    --color-scale-gray-8: #20252c;
+    --color-scale-gray-9: #0e1116;
+    --color-scale-blue-0: #dff7ff;
+    --color-scale-blue-1: #9cd7ff;
+    --color-scale-blue-2: #67b3fd;
+    --color-scale-blue-3: #368cf9;
+    --color-scale-blue-4: #1168e3;
+    --color-scale-blue-5: #0349b4;
+    --color-scale-blue-6: #023b95;
+    --color-scale-blue-7: #022f7a;
+    --color-scale-blue-8: #032563;
+    --color-scale-blue-9: #021a4a;
+    --color-scale-green-0: #d2fedb;
+    --color-scale-green-1: #82e596;
+    --color-scale-green-2: #43c663;
+    --color-scale-green-3: #26a148;
+    --color-scale-green-4: #117f32;
+    --color-scale-green-5: #055d20;
+    --color-scale-green-6: #024c1a;
+    --color-scale-green-7: #013d14;
+    --color-scale-green-8: #003110;
+    --color-scale-green-9: #00230b;
+    --color-scale-yellow-0: #fcf7be;
+    --color-scale-yellow-1: #f0ce53;
+    --color-scale-yellow-2: #d5a824;
+    --color-scale-yellow-3: #b58407;
+    --color-scale-yellow-4: #956400;
+    --color-scale-yellow-5: #744500;
+    --color-scale-yellow-6: #603700;
+    --color-scale-yellow-7: #4e2c00;
+    --color-scale-yellow-8: #3f2200;
+    --color-scale-yellow-9: #2e1800;
+    --color-scale-orange-0: #fff2d5;
+    --color-scale-orange-1: #ffc67b;
+    --color-scale-orange-2: #f99636;
+    --color-scale-orange-3: #dc6d1a;
+    --color-scale-orange-4: #b45105;
+    --color-scale-orange-5: #873800;
+    --color-scale-orange-6: #702c00;
+    --color-scale-orange-7: #5b2300;
+    --color-scale-orange-8: #491b00;
+    --color-scale-orange-9: #361200;
+    --color-scale-red-0: #fff0ee;
+    --color-scale-red-1: #ffc1bc;
+    --color-scale-red-2: #ff8e8a;
+    --color-scale-red-3: #ee5a5d;
+    --color-scale-red-4: #d5232c;
+    --color-scale-red-5: #a0111f;
+    --color-scale-red-6: #86061d;
+    --color-scale-red-7: #6e011a;
+    --color-scale-red-8: #5a0016;
+    --color-scale-red-9: #430011;
+    --color-scale-purple-0: #faf0fe;
+    --color-scale-purple-1: #e0c5ff;
+    --color-scale-purple-2: #c49bff;
+    --color-scale-purple-3: #a371f7;
+    --color-scale-purple-4: #844ae7;
+    --color-scale-purple-5: #622cbc;
+    --color-scale-purple-6: #512598;
+    --color-scale-purple-7: #411d7b;
+    --color-scale-purple-8: #341763;
+    --color-scale-purple-9: #260f49;
+    --color-scale-pink-0: #feeff7;
+    --color-scale-pink-1: #ffbde0;
+    --color-scale-pink-2: #fc87ca;
+    --color-scale-pink-3: #ed4baf;
+    --color-scale-pink-4: #c9248e;
+    --color-scale-pink-5: #971368;
+    --color-scale-pink-6: #7d0c57;
+    --color-scale-pink-7: #660847;
+    --color-scale-pink-8: #53043a;
+    --color-scale-pink-9: #3e022b;
+    --color-scale-coral-0: #fff0ed;
+    --color-scale-coral-1: #ffc2b6;
+    --color-scale-coral-2: #ff8f7e;
+    --color-scale-coral-3: #cd3425;
+    --color-scale-coral-4: #ef5b48;
+    --color-scale-coral-5: #9f1710;
+    --color-scale-coral-6: #870706;
+    --color-scale-coral-7: #6f0107;
+    --color-scale-coral-8: #5b0002;
+    --color-scale-coral-9: #430200;
     --shadow-inset: inset 0px 1px 0px 0px #0104090d;
     --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
     --shadow-resting-xsmall: 0px 1px 0px 0px #0104090f;