@primer/react-brand 0.1.0-rc.c341bbe → 0.1.0

package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css

@@ -0,0 +1,805 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 May 2022 16:03:48 GMT
+ */
+
+:root {
+  --base-color-scale-gray-0-hsl: 210 25% 98%;
+  --base-color-scale-gray-0: hsl(210, 25%, 98%);
+  --base-color-scale-gray-1-hsl: 210 24% 93%;
+  --base-color-scale-gray-1: hsl(210, 24%, 93%);
+  --base-color-scale-gray-2-hsl: 210 16% 85%;
+  --base-color-scale-gray-2: hsl(210, 16%, 85%);
+  --base-color-scale-gray-3-hsl: 210 13% 75%;
+  --base-color-scale-gray-3: hsl(210, 13%, 75%);
+  --base-color-scale-gray-4-hsl: 212 10% 62%;
+  --base-color-scale-gray-4: hsl(212, 10%, 62%);
+  --base-color-scale-gray-5-hsl: 210 8% 48%;
+  --base-color-scale-gray-5: hsl(210, 8%, 48%);
+  --base-color-scale-gray-6-hsl: 212 10% 38%;
+  --base-color-scale-gray-6: hsl(212, 10%, 38%);
+  --base-color-scale-gray-7-hsl: 212 11% 29%;
+  --base-color-scale-gray-7: hsl(212, 11%, 29%);
+  --base-color-scale-gray-8-hsl: 212 12% 22%;
+  --base-color-scale-gray-8: hsl(212, 12%, 22%);
+  --base-color-scale-gray-9-hsl: 213 13% 16%;
+  --base-color-scale-gray-9: hsl(213, 13%, 16%);
+  --base-color-scale-red-0-hsl: 4 100% 97%;
+  --base-color-scale-red-0: hsl(4, 100%, 97%);
+  --base-color-scale-red-1-hsl: 3 100% 91%;
+  --base-color-scale-red-1: hsl(3, 100%, 91%);
+  --base-color-scale-red-2-hsl: 2 100% 85%;
+  --base-color-scale-red-2: hsl(2, 100%, 85%);
+  --base-color-scale-red-3-hsl: 1 100% 76%;
+  --base-color-scale-red-3: hsl(1, 100%, 76%);
+  --base-color-scale-red-4-hsl: 359 95% 65%;
+  --base-color-scale-red-4: hsl(359, 95%, 65%);
+  --base-color-scale-red-5-hsl: 357 67% 50%;
+  --base-color-scale-red-5: hsl(357, 67%, 50%);
+  --base-color-scale-red-6-hsl: 356 71% 38%;
+  --base-color-scale-red-6: hsl(356, 71%, 38%);
+  --base-color-scale-red-7-hsl: 355 71% 30%;
+  --base-color-scale-red-7: hsl(355, 71%, 30%);
+  --base-color-scale-red-8-hsl: 354 74% 24%;
+  --base-color-scale-red-8: hsl(354, 74%, 24%);
+  --base-color-scale-red-9-hsl: 352 91% 17%;
+  --base-color-scale-red-9: hsl(352, 91%, 17%);
+  --base-color-scale-coral-0-hsl: 15 100% 96%;
+  --base-color-scale-coral-0: hsl(15, 100%, 96%);
+  --base-color-scale-coral-1-hsl: 12 100% 90%;
+  --base-color-scale-coral-1: hsl(12, 100%, 90%);
+  --base-color-scale-coral-2-hsl: 12 100% 82%;
+  --base-color-scale-coral-2: hsl(12, 100%, 82%);
+  --base-color-scale-coral-3-hsl: 11 97% 72%;
+  --base-color-scale-coral-3: hsl(11, 97%, 72%);
+  --base-color-scale-coral-4-hsl: 11 81% 60%;
+  --base-color-scale-coral-4: hsl(11, 81%, 60%);
+  --base-color-scale-coral-5-hsl: 9 64% 47%;
+  --base-color-scale-coral-5: hsl(9, 64%, 47%);
+  --base-color-scale-coral-6-hsl: 9 70% 36%;
+  --base-color-scale-coral-6: hsl(9, 70%, 36%);
+  --base-color-scale-coral-7-hsl: 8 79% 28%;
+  --base-color-scale-coral-7: hsl(8, 79%, 28%);
+  --base-color-scale-coral-8-hsl: 7 91% 22%;
+  --base-color-scale-coral-8: hsl(7, 91%, 22%);
+  --base-color-scale-coral-9-hsl: 6 98% 16%;
+  --base-color-scale-coral-9: hsl(6, 98%, 16%);
+  --base-color-scale-orange-0-hsl: 28 100% 95%;
+  --base-color-scale-orange-0: hsl(28, 100%, 95%);
+  --base-color-scale-orange-1-hsl: 28 100% 85%;
+  --base-color-scale-orange-1: hsl(28, 100%, 85%);
+  --base-color-scale-orange-2-hsl: 27 100% 74%;
+  --base-color-scale-orange-2: hsl(27, 100%, 74%);
+  --base-color-scale-orange-3-hsl: 25 96% 63%;
+  --base-color-scale-orange-3: hsl(25, 96%, 63%);
+  --base-color-scale-orange-4-hsl: 24 76% 51%;
+  --base-color-scale-orange-4: hsl(24, 76%, 51%);
+  --base-color-scale-orange-5-hsl: 24 100% 37%;
+  --base-color-scale-orange-5: hsl(24, 100%, 37%);
+  --base-color-scale-orange-6-hsl: 23 100% 29%;
+  --base-color-scale-orange-6: hsl(23, 100%, 29%);
+  --base-color-scale-orange-7-hsl: 22 100% 23%;
+  --base-color-scale-orange-7: hsl(22, 100%, 23%);
+  --base-color-scale-orange-8-hsl: 22 100% 18%;
+  --base-color-scale-orange-8: hsl(22, 100%, 18%);
+  --base-color-scale-orange-9-hsl: 19 100% 14%;
+  --base-color-scale-orange-9: hsl(19, 100%, 14%);
+  --base-color-scale-yellow-0-hsl: 50 89% 89%;
+  --base-color-scale-yellow-0: hsl(50, 89%, 89%);
+  --base-color-scale-yellow-1-hsl: 48 87% 73%;
+  --base-color-scale-yellow-1: hsl(48, 87%, 73%);
+  --base-color-scale-yellow-2-hsl: 46 76% 60%;
+  --base-color-scale-yellow-2: hsl(46, 76%, 60%);
+  --base-color-scale-yellow-3-hsl: 44 65% 50%;
+  --base-color-scale-yellow-3: hsl(44, 65%, 50%);
+  --base-color-scale-yellow-4-hsl: 42 100% 37%;
+  --base-color-scale-yellow-4: hsl(42, 100%, 37%);
+  --base-color-scale-yellow-5-hsl: 40 100% 30%;
+  --base-color-scale-yellow-5: hsl(40, 100%, 30%);
+  --base-color-scale-yellow-6-hsl: 37 100% 24%;
+  --base-color-scale-yellow-6: hsl(37, 100%, 24%);
+  --base-color-scale-yellow-7-hsl: 36 98% 19%;
+  --base-color-scale-yellow-7: hsl(36, 98%, 19%);
+  --base-color-scale-yellow-8-hsl: 35 100% 15%;
+  --base-color-scale-yellow-8: hsl(35, 100%, 15%);
+  --base-color-scale-yellow-9-hsl: 34 90% 12%;
+  --base-color-scale-yellow-9: hsl(34, 90%, 12%);
+  --base-color-scale-lemon-0-hsl: 54 95% 85%;
+  --base-color-scale-lemon-0: hsl(54, 95%, 85%);
+  --base-color-scale-lemon-1-hsl: 52 87% 67%;
+  --base-color-scale-lemon-1: hsl(52, 87%, 67%);
+  --base-color-scale-lemon-2-hsl: 51 70% 56%;
+  --base-color-scale-lemon-2: hsl(51, 70%, 56%);
+  --base-color-scale-lemon-3-hsl: 50 72% 45%;
+  --base-color-scale-lemon-3: hsl(50, 72%, 45%);
+  --base-color-scale-lemon-4-hsl: 50 98% 33%;
+  --base-color-scale-lemon-4: hsl(50, 98%, 33%);
+  --base-color-scale-lemon-5-hsl: 49 100% 26%;
+  --base-color-scale-lemon-5: hsl(49, 100%, 26%);
+  --base-color-scale-lemon-6-hsl: 48 100% 20%;
+  --base-color-scale-lemon-6: hsl(48, 100%, 20%);
+  --base-color-scale-lemon-7-hsl: 47 100% 16%;
+  --base-color-scale-lemon-7: hsl(47, 100%, 16%);
+  --base-color-scale-lemon-8-hsl: 46 100% 13%;
+  --base-color-scale-lemon-8: hsl(46, 100%, 13%);
+  --base-color-scale-lemon-9-hsl: 43 100% 10%;
+  --base-color-scale-lemon-9: hsl(43, 100%, 10%);
+  --base-color-scale-lime-0-hsl: 75 86% 85%;
+  --base-color-scale-lime-0: hsl(75, 86%, 85%);
+  --base-color-scale-lime-1-hsl: 76 75% 70%;
+  --base-color-scale-lime-1: hsl(76, 75%, 70%);
+  --base-color-scale-lime-2-hsl: 76 59% 58%;
+  --base-color-scale-lime-2: hsl(76, 59%, 58%);
+  --base-color-scale-lime-3-hsl: 77 51% 48%;
+  --base-color-scale-lime-3: hsl(77, 51%, 48%);
+  --base-color-scale-lime-4-hsl: 78 57% 38%;
+  --base-color-scale-lime-4: hsl(78, 57%, 38%);
+  --base-color-scale-lime-5-hsl: 80 64% 29%;
+  --base-color-scale-lime-5: hsl(80, 64%, 29%);
+  --base-color-scale-lime-6-hsl: 82 66% 22%;
+  --base-color-scale-lime-6: hsl(82, 66%, 22%);
+  --base-color-scale-lime-7-hsl: 84 85% 16%;
+  --base-color-scale-lime-7: hsl(84, 85%, 16%);
+  --base-color-scale-lime-8-hsl: 86 90% 12%;
+  --base-color-scale-lime-8: hsl(86, 90%, 12%);
+  --base-color-scale-lime-9-hsl: 88 96% 9%;
+  --base-color-scale-lime-9: hsl(88, 96%, 9%);
+  --base-color-scale-green-0-hsl: 133 80% 92%;
+  --base-color-scale-green-0: hsl(133, 80%, 92%);
+  --base-color-scale-green-1-hsl: 134 66% 80%;
+  --base-color-scale-green-1: hsl(134, 66%, 80%);
+  --base-color-scale-green-2-hsl: 135 62% 65%;
+  --base-color-scale-green-2: hsl(135, 62%, 65%);
+  --base-color-scale-green-3-hsl: 136 50% 53%;
+  --base-color-scale-green-3: hsl(136, 50%, 53%);
+  --base-color-scale-green-4-hsl: 137 57% 41%;
+  --base-color-scale-green-4: hsl(137, 57%, 41%);
+  --base-color-scale-green-5-hsl: 137 66% 30%;
+  --base-color-scale-green-5: hsl(137, 66%, 30%);
+  --base-color-scale-green-6-hsl: 138 71% 23%;
+  --base-color-scale-green-6: hsl(138, 71%, 23%);
+  --base-color-scale-green-7-hsl: 141 90% 16%;
+  --base-color-scale-green-7: hsl(141, 90%, 16%);
+  --base-color-scale-green-8-hsl: 142 100% 12%;
+  --base-color-scale-green-8: hsl(142, 100%, 12%);
+  --base-color-scale-green-9-hsl: 143 100% 9%;
+  --base-color-scale-green-9: hsl(143, 100%, 9%);
+  --base-color-scale-teal-0-hsl: 172 72% 92%;
+  --base-color-scale-teal-0: hsl(172, 72%, 92%);
+  --base-color-scale-teal-1-hsl: 173 58% 80%;
+  --base-color-scale-teal-1: hsl(173, 58%, 80%);
+  --base-color-scale-teal-2-hsl: 177 57% 63%;
+  --base-color-scale-teal-2: hsl(177, 57%, 63%);
+  --base-color-scale-teal-3-hsl: 177 46% 51%;
+  --base-color-scale-teal-3: hsl(177, 46%, 51%);
+  --base-color-scale-teal-4-hsl: 179 51% 41%;
+  --base-color-scale-teal-4: hsl(179, 51%, 41%);
+  --base-color-scale-teal-5-hsl: 180 66% 29%;
+  --base-color-scale-teal-5: hsl(180, 66%, 29%);
+  --base-color-scale-teal-6-hsl: 181 67% 23%;
+  --base-color-scale-teal-6: hsl(181, 67%, 23%);
+  --base-color-scale-teal-7-hsl: 182 95% 15%;
+  --base-color-scale-teal-7: hsl(182, 95%, 15%);
+  --base-color-scale-teal-8-hsl: 182 82% 13%;
+  --base-color-scale-teal-8: hsl(182, 82%, 13%);
+  --base-color-scale-teal-9-hsl: 182 80% 10%;
+  --base-color-scale-teal-9: hsl(182, 80%, 10%);
+  --base-color-scale-blue-0-hsl: 200 100% 95%;
+  --base-color-scale-blue-0: hsl(200, 100%, 95%);
+  --base-color-scale-blue-1-hsl: 203 100% 87%;
+  --base-color-scale-blue-1: hsl(203, 100%, 87%);
+  --base-color-scale-blue-2-hsl: 205 100% 77%;
+  --base-color-scale-blue-2: hsl(205, 100%, 77%);
+  --base-color-scale-blue-3-hsl: 208 100% 67%;
+  --base-color-scale-blue-3: hsl(208, 100%, 67%);
+  --base-color-scale-blue-4-hsl: 211 100% 58%;
+  --base-color-scale-blue-4: hsl(211, 100%, 58%);
+  --base-color-scale-blue-5-hsl: 212 92% 45%;
+  --base-color-scale-blue-5: hsl(212, 92%, 45%);
+  --base-color-scale-blue-6-hsl: 213 95% 36%;
+  --base-color-scale-blue-6: hsl(213, 95%, 36%);
+  --base-color-scale-blue-7-hsl: 214 96% 29%;
+  --base-color-scale-blue-7: hsl(214, 96%, 29%);
+  --base-color-scale-blue-8-hsl: 216 82% 24%;
+  --base-color-scale-blue-8: hsl(216, 82%, 24%);
+  --base-color-scale-blue-9-hsl: 217 89% 18%;
+  --base-color-scale-blue-9: hsl(217, 89%, 18%);
+  --base-color-scale-indigo-0-hsl: 229 100% 97%;
+  --base-color-scale-indigo-0: hsl(229, 100%, 97%);
+  --base-color-scale-indigo-1-hsl: 231 100% 92%;
+  --base-color-scale-indigo-1: hsl(231, 100%, 92%);
+  --base-color-scale-indigo-2-hsl: 232 100% 86%;
+  --base-color-scale-indigo-2: hsl(232, 100%, 86%);
+  --base-color-scale-indigo-3-hsl: 234 100% 80%;
+  --base-color-scale-indigo-3: hsl(234, 100%, 80%);
+  --base-color-scale-indigo-4-hsl: 234 100% 73%;
+  --base-color-scale-indigo-4: hsl(234, 100%, 73%);
+  --base-color-scale-indigo-5-hsl: 237 84% 64%;
+  --base-color-scale-indigo-5: hsl(237, 84%, 64%);
+  --base-color-scale-indigo-6-hsl: 238 61% 53%;
+  --base-color-scale-indigo-6: hsl(238, 61%, 53%);
+  --base-color-scale-indigo-7-hsl: 237 58% 41%;
+  --base-color-scale-indigo-7: hsl(237, 58%, 41%);
+  --base-color-scale-indigo-8-hsl: 235 58% 32%;
+  --base-color-scale-indigo-8: hsl(235, 58%, 32%);
+  --base-color-scale-indigo-9-hsl: 235 57% 23%;
+  --base-color-scale-indigo-9: hsl(235, 57%, 23%);
+  --base-color-scale-purple-0-hsl: 285 100% 97%;
+  --base-color-scale-purple-0: hsl(285, 100%, 97%);
+  --base-color-scale-purple-1-hsl: 271 100% 92%;
+  --base-color-scale-purple-1: hsl(271, 100%, 92%);
+  --base-color-scale-purple-2-hsl: 267 100% 86%;
+  --base-color-scale-purple-2: hsl(267, 100%, 86%);
+  --base-color-scale-purple-3-hsl: 265 100% 80%;
+  --base-color-scale-purple-3: hsl(265, 100%, 80%);
+  --base-color-scale-purple-4-hsl: 261 92% 72%;
+  --base-color-scale-purple-4: hsl(261, 92%, 72%);
+  --base-color-scale-purple-5-hsl: 261 69% 59%;
+  --base-color-scale-purple-5: hsl(261, 69%, 59%);
+  --base-color-scale-purple-6-hsl: 261 53% 48%;
+  --base-color-scale-purple-6: hsl(261, 53%, 48%);
+  --base-color-scale-purple-7-hsl: 261 56% 38%;
+  --base-color-scale-purple-7: hsl(261, 56%, 38%);
+  --base-color-scale-purple-8-hsl: 261 59% 30%;
+  --base-color-scale-purple-8: hsl(261, 59%, 30%);
+  --base-color-scale-purple-9-hsl: 260 66% 23%;
+  --base-color-scale-purple-9: hsl(260, 66%, 23%);
+  --base-color-scale-pink-0-hsl: 330 100% 97%;
+  --base-color-scale-pink-0: hsl(330, 100%, 97%);
+  --base-color-scale-pink-1-hsl: 327 100% 91%;
+  --base-color-scale-pink-1: hsl(327, 100%, 91%);
+  --base-color-scale-pink-2-hsl: 327 100% 84%;
+  --base-color-scale-pink-2: hsl(327, 100%, 84%);
+  --base-color-scale-pink-3-hsl: 326 100% 75%;
+  --base-color-scale-pink-3: hsl(326, 100%, 75%);
+  --base-color-scale-pink-4-hsl: 325 76% 63%;
+  --base-color-scale-pink-4: hsl(325, 76%, 63%);
+  --base-color-scale-pink-5-hsl: 324 54% 49%;
+  --base-color-scale-pink-5: hsl(324, 54%, 49%);
+  --base-color-scale-pink-6-hsl: 323 59% 38%;
+  --base-color-scale-pink-6: hsl(323, 59%, 38%);
+  --base-color-scale-pink-7-hsl: 322 58% 30%;
+  --base-color-scale-pink-7: hsl(322, 58%, 30%);
+  --base-color-scale-pink-8-hsl: 320 67% 23%;
+  --base-color-scale-pink-8: hsl(320, 67%, 23%);
+  --base-color-scale-pink-9-hsl: 319 93% 16%;
+  --base-color-scale-pink-9: hsl(319, 93%, 16%);
+  --base-color-scale-black-0-hsl: 213 14% 12%;
+  --base-color-scale-black-0: hsl(213, 14%, 12%);
+  --base-color-scale-white-0-hsl: 0 100% 100%;
+  --base-color-scale-white-0: hsl(0, 100%, 100%);
+}
+
+[data-color-mode="light"] {
+  --base-color-scale-gray-0-hsl: 210 25% 98%;
+  --base-color-scale-gray-0: hsl(210, 25%, 98%);
+  --base-color-scale-gray-1-hsl: 210 24% 93%;
+  --base-color-scale-gray-1: hsl(210, 24%, 93%);
+  --base-color-scale-gray-2-hsl: 210 16% 85%;
+  --base-color-scale-gray-2: hsl(210, 16%, 85%);
+  --base-color-scale-gray-3-hsl: 210 13% 75%;
+  --base-color-scale-gray-3: hsl(210, 13%, 75%);
+  --base-color-scale-gray-4-hsl: 212 10% 62%;
+  --base-color-scale-gray-4: hsl(212, 10%, 62%);
+  --base-color-scale-gray-5-hsl: 210 8% 48%;
+  --base-color-scale-gray-5: hsl(210, 8%, 48%);
+  --base-color-scale-gray-6-hsl: 212 10% 38%;
+  --base-color-scale-gray-6: hsl(212, 10%, 38%);
+  --base-color-scale-gray-7-hsl: 212 11% 29%;
+  --base-color-scale-gray-7: hsl(212, 11%, 29%);
+  --base-color-scale-gray-8-hsl: 212 12% 22%;
+  --base-color-scale-gray-8: hsl(212, 12%, 22%);
+  --base-color-scale-gray-9-hsl: 213 13% 16%;
+  --base-color-scale-gray-9: hsl(213, 13%, 16%);
+  --base-color-scale-red-0-hsl: 4 100% 97%;
+  --base-color-scale-red-0: hsl(4, 100%, 97%);
+  --base-color-scale-red-1-hsl: 3 100% 91%;
+  --base-color-scale-red-1: hsl(3, 100%, 91%);
+  --base-color-scale-red-2-hsl: 2 100% 85%;
+  --base-color-scale-red-2: hsl(2, 100%, 85%);
+  --base-color-scale-red-3-hsl: 1 100% 76%;
+  --base-color-scale-red-3: hsl(1, 100%, 76%);
+  --base-color-scale-red-4-hsl: 359 95% 65%;
+  --base-color-scale-red-4: hsl(359, 95%, 65%);
+  --base-color-scale-red-5-hsl: 357 67% 50%;
+  --base-color-scale-red-5: hsl(357, 67%, 50%);
+  --base-color-scale-red-6-hsl: 356 71% 38%;
+  --base-color-scale-red-6: hsl(356, 71%, 38%);
+  --base-color-scale-red-7-hsl: 355 71% 30%;
+  --base-color-scale-red-7: hsl(355, 71%, 30%);
+  --base-color-scale-red-8-hsl: 354 74% 24%;
+  --base-color-scale-red-8: hsl(354, 74%, 24%);
+  --base-color-scale-red-9-hsl: 352 91% 17%;
+  --base-color-scale-red-9: hsl(352, 91%, 17%);
+  --base-color-scale-coral-0-hsl: 15 100% 96%;
+  --base-color-scale-coral-0: hsl(15, 100%, 96%);
+  --base-color-scale-coral-1-hsl: 12 100% 90%;
+  --base-color-scale-coral-1: hsl(12, 100%, 90%);
+  --base-color-scale-coral-2-hsl: 12 100% 82%;
+  --base-color-scale-coral-2: hsl(12, 100%, 82%);
+  --base-color-scale-coral-3-hsl: 11 97% 72%;
+  --base-color-scale-coral-3: hsl(11, 97%, 72%);
+  --base-color-scale-coral-4-hsl: 11 81% 60%;
+  --base-color-scale-coral-4: hsl(11, 81%, 60%);
+  --base-color-scale-coral-5-hsl: 9 64% 47%;
+  --base-color-scale-coral-5: hsl(9, 64%, 47%);
+  --base-color-scale-coral-6-hsl: 9 70% 36%;
+  --base-color-scale-coral-6: hsl(9, 70%, 36%);
+  --base-color-scale-coral-7-hsl: 8 79% 28%;
+  --base-color-scale-coral-7: hsl(8, 79%, 28%);
+  --base-color-scale-coral-8-hsl: 7 91% 22%;
+  --base-color-scale-coral-8: hsl(7, 91%, 22%);
+  --base-color-scale-coral-9-hsl: 6 98% 16%;
+  --base-color-scale-coral-9: hsl(6, 98%, 16%);
+  --base-color-scale-orange-0-hsl: 28 100% 95%;
+  --base-color-scale-orange-0: hsl(28, 100%, 95%);
+  --base-color-scale-orange-1-hsl: 28 100% 85%;
+  --base-color-scale-orange-1: hsl(28, 100%, 85%);
+  --base-color-scale-orange-2-hsl: 27 100% 74%;
+  --base-color-scale-orange-2: hsl(27, 100%, 74%);
+  --base-color-scale-orange-3-hsl: 25 96% 63%;
+  --base-color-scale-orange-3: hsl(25, 96%, 63%);
+  --base-color-scale-orange-4-hsl: 24 76% 51%;
+  --base-color-scale-orange-4: hsl(24, 76%, 51%);
+  --base-color-scale-orange-5-hsl: 24 100% 37%;
+  --base-color-scale-orange-5: hsl(24, 100%, 37%);
+  --base-color-scale-orange-6-hsl: 23 100% 29%;
+  --base-color-scale-orange-6: hsl(23, 100%, 29%);
+  --base-color-scale-orange-7-hsl: 22 100% 23%;
+  --base-color-scale-orange-7: hsl(22, 100%, 23%);
+  --base-color-scale-orange-8-hsl: 22 100% 18%;
+  --base-color-scale-orange-8: hsl(22, 100%, 18%);
+  --base-color-scale-orange-9-hsl: 19 100% 14%;
+  --base-color-scale-orange-9: hsl(19, 100%, 14%);
+  --base-color-scale-yellow-0-hsl: 50 89% 89%;
+  --base-color-scale-yellow-0: hsl(50, 89%, 89%);
+  --base-color-scale-yellow-1-hsl: 48 87% 73%;
+  --base-color-scale-yellow-1: hsl(48, 87%, 73%);
+  --base-color-scale-yellow-2-hsl: 46 76% 60%;
+  --base-color-scale-yellow-2: hsl(46, 76%, 60%);
+  --base-color-scale-yellow-3-hsl: 44 65% 50%;
+  --base-color-scale-yellow-3: hsl(44, 65%, 50%);
+  --base-color-scale-yellow-4-hsl: 42 100% 37%;
+  --base-color-scale-yellow-4: hsl(42, 100%, 37%);
+  --base-color-scale-yellow-5-hsl: 40 100% 30%;
+  --base-color-scale-yellow-5: hsl(40, 100%, 30%);
+  --base-color-scale-yellow-6-hsl: 37 100% 24%;
+  --base-color-scale-yellow-6: hsl(37, 100%, 24%);
+  --base-color-scale-yellow-7-hsl: 36 98% 19%;
+  --base-color-scale-yellow-7: hsl(36, 98%, 19%);
+  --base-color-scale-yellow-8-hsl: 35 100% 15%;
+  --base-color-scale-yellow-8: hsl(35, 100%, 15%);
+  --base-color-scale-yellow-9-hsl: 34 90% 12%;
+  --base-color-scale-yellow-9: hsl(34, 90%, 12%);
+  --base-color-scale-lemon-0-hsl: 54 95% 85%;
+  --base-color-scale-lemon-0: hsl(54, 95%, 85%);
+  --base-color-scale-lemon-1-hsl: 52 87% 67%;
+  --base-color-scale-lemon-1: hsl(52, 87%, 67%);
+  --base-color-scale-lemon-2-hsl: 51 70% 56%;
+  --base-color-scale-lemon-2: hsl(51, 70%, 56%);
+  --base-color-scale-lemon-3-hsl: 50 72% 45%;
+  --base-color-scale-lemon-3: hsl(50, 72%, 45%);
+  --base-color-scale-lemon-4-hsl: 50 98% 33%;
+  --base-color-scale-lemon-4: hsl(50, 98%, 33%);
+  --base-color-scale-lemon-5-hsl: 49 100% 26%;
+  --base-color-scale-lemon-5: hsl(49, 100%, 26%);
+  --base-color-scale-lemon-6-hsl: 48 100% 20%;
+  --base-color-scale-lemon-6: hsl(48, 100%, 20%);
+  --base-color-scale-lemon-7-hsl: 47 100% 16%;
+  --base-color-scale-lemon-7: hsl(47, 100%, 16%);
+  --base-color-scale-lemon-8-hsl: 46 100% 13%;
+  --base-color-scale-lemon-8: hsl(46, 100%, 13%);
+  --base-color-scale-lemon-9-hsl: 43 100% 10%;
+  --base-color-scale-lemon-9: hsl(43, 100%, 10%);
+  --base-color-scale-lime-0-hsl: 75 86% 85%;
+  --base-color-scale-lime-0: hsl(75, 86%, 85%);
+  --base-color-scale-lime-1-hsl: 76 75% 70%;
+  --base-color-scale-lime-1: hsl(76, 75%, 70%);
+  --base-color-scale-lime-2-hsl: 76 59% 58%;
+  --base-color-scale-lime-2: hsl(76, 59%, 58%);
+  --base-color-scale-lime-3-hsl: 77 51% 48%;
+  --base-color-scale-lime-3: hsl(77, 51%, 48%);
+  --base-color-scale-lime-4-hsl: 78 57% 38%;
+  --base-color-scale-lime-4: hsl(78, 57%, 38%);
+  --base-color-scale-lime-5-hsl: 80 64% 29%;
+  --base-color-scale-lime-5: hsl(80, 64%, 29%);
+  --base-color-scale-lime-6-hsl: 82 66% 22%;
+  --base-color-scale-lime-6: hsl(82, 66%, 22%);
+  --base-color-scale-lime-7-hsl: 84 85% 16%;
+  --base-color-scale-lime-7: hsl(84, 85%, 16%);
+  --base-color-scale-lime-8-hsl: 86 90% 12%;
+  --base-color-scale-lime-8: hsl(86, 90%, 12%);
+  --base-color-scale-lime-9-hsl: 88 96% 9%;
+  --base-color-scale-lime-9: hsl(88, 96%, 9%);
+  --base-color-scale-green-0-hsl: 133 80% 92%;
+  --base-color-scale-green-0: hsl(133, 80%, 92%);
+  --base-color-scale-green-1-hsl: 134 66% 80%;
+  --base-color-scale-green-1: hsl(134, 66%, 80%);
+  --base-color-scale-green-2-hsl: 135 62% 65%;
+  --base-color-scale-green-2: hsl(135, 62%, 65%);
+  --base-color-scale-green-3-hsl: 136 50% 53%;
+  --base-color-scale-green-3: hsl(136, 50%, 53%);
+  --base-color-scale-green-4-hsl: 137 57% 41%;
+  --base-color-scale-green-4: hsl(137, 57%, 41%);
+  --base-color-scale-green-5-hsl: 137 66% 30%;
+  --base-color-scale-green-5: hsl(137, 66%, 30%);
+  --base-color-scale-green-6-hsl: 138 71% 23%;
+  --base-color-scale-green-6: hsl(138, 71%, 23%);
+  --base-color-scale-green-7-hsl: 141 90% 16%;
+  --base-color-scale-green-7: hsl(141, 90%, 16%);
+  --base-color-scale-green-8-hsl: 142 100% 12%;
+  --base-color-scale-green-8: hsl(142, 100%, 12%);
+  --base-color-scale-green-9-hsl: 143 100% 9%;
+  --base-color-scale-green-9: hsl(143, 100%, 9%);
+  --base-color-scale-teal-0-hsl: 172 72% 92%;
+  --base-color-scale-teal-0: hsl(172, 72%, 92%);
+  --base-color-scale-teal-1-hsl: 173 58% 80%;
+  --base-color-scale-teal-1: hsl(173, 58%, 80%);
+  --base-color-scale-teal-2-hsl: 177 57% 63%;
+  --base-color-scale-teal-2: hsl(177, 57%, 63%);
+  --base-color-scale-teal-3-hsl: 177 46% 51%;
+  --base-color-scale-teal-3: hsl(177, 46%, 51%);
+  --base-color-scale-teal-4-hsl: 179 51% 41%;
+  --base-color-scale-teal-4: hsl(179, 51%, 41%);
+  --base-color-scale-teal-5-hsl: 180 66% 29%;
+  --base-color-scale-teal-5: hsl(180, 66%, 29%);
+  --base-color-scale-teal-6-hsl: 181 67% 23%;
+  --base-color-scale-teal-6: hsl(181, 67%, 23%);
+  --base-color-scale-teal-7-hsl: 182 95% 15%;
+  --base-color-scale-teal-7: hsl(182, 95%, 15%);
+  --base-color-scale-teal-8-hsl: 182 82% 13%;
+  --base-color-scale-teal-8: hsl(182, 82%, 13%);
+  --base-color-scale-teal-9-hsl: 182 80% 10%;
+  --base-color-scale-teal-9: hsl(182, 80%, 10%);
+  --base-color-scale-blue-0-hsl: 200 100% 95%;
+  --base-color-scale-blue-0: hsl(200, 100%, 95%);
+  --base-color-scale-blue-1-hsl: 203 100% 87%;
+  --base-color-scale-blue-1: hsl(203, 100%, 87%);
+  --base-color-scale-blue-2-hsl: 205 100% 77%;
+  --base-color-scale-blue-2: hsl(205, 100%, 77%);
+  --base-color-scale-blue-3-hsl: 208 100% 67%;
+  --base-color-scale-blue-3: hsl(208, 100%, 67%);
+  --base-color-scale-blue-4-hsl: 211 100% 58%;
+  --base-color-scale-blue-4: hsl(211, 100%, 58%);
+  --base-color-scale-blue-5-hsl: 212 92% 45%;
+  --base-color-scale-blue-5: hsl(212, 92%, 45%);
+  --base-color-scale-blue-6-hsl: 213 95% 36%;
+  --base-color-scale-blue-6: hsl(213, 95%, 36%);
+  --base-color-scale-blue-7-hsl: 214 96% 29%;
+  --base-color-scale-blue-7: hsl(214, 96%, 29%);
+  --base-color-scale-blue-8-hsl: 216 82% 24%;
+  --base-color-scale-blue-8: hsl(216, 82%, 24%);
+  --base-color-scale-blue-9-hsl: 217 89% 18%;
+  --base-color-scale-blue-9: hsl(217, 89%, 18%);
+  --base-color-scale-indigo-0-hsl: 229 100% 97%;
+  --base-color-scale-indigo-0: hsl(229, 100%, 97%);
+  --base-color-scale-indigo-1-hsl: 231 100% 92%;
+  --base-color-scale-indigo-1: hsl(231, 100%, 92%);
+  --base-color-scale-indigo-2-hsl: 232 100% 86%;
+  --base-color-scale-indigo-2: hsl(232, 100%, 86%);
+  --base-color-scale-indigo-3-hsl: 234 100% 80%;
+  --base-color-scale-indigo-3: hsl(234, 100%, 80%);
+  --base-color-scale-indigo-4-hsl: 234 100% 73%;
+  --base-color-scale-indigo-4: hsl(234, 100%, 73%);
+  --base-color-scale-indigo-5-hsl: 237 84% 64%;
+  --base-color-scale-indigo-5: hsl(237, 84%, 64%);
+  --base-color-scale-indigo-6-hsl: 238 61% 53%;
+  --base-color-scale-indigo-6: hsl(238, 61%, 53%);
+  --base-color-scale-indigo-7-hsl: 237 58% 41%;
+  --base-color-scale-indigo-7: hsl(237, 58%, 41%);
+  --base-color-scale-indigo-8-hsl: 235 58% 32%;
+  --base-color-scale-indigo-8: hsl(235, 58%, 32%);
+  --base-color-scale-indigo-9-hsl: 235 57% 23%;
+  --base-color-scale-indigo-9: hsl(235, 57%, 23%);
+  --base-color-scale-purple-0-hsl: 285 100% 97%;
+  --base-color-scale-purple-0: hsl(285, 100%, 97%);
+  --base-color-scale-purple-1-hsl: 271 100% 92%;
+  --base-color-scale-purple-1: hsl(271, 100%, 92%);
+  --base-color-scale-purple-2-hsl: 267 100% 86%;
+  --base-color-scale-purple-2: hsl(267, 100%, 86%);
+  --base-color-scale-purple-3-hsl: 265 100% 80%;
+  --base-color-scale-purple-3: hsl(265, 100%, 80%);
+  --base-color-scale-purple-4-hsl: 261 92% 72%;
+  --base-color-scale-purple-4: hsl(261, 92%, 72%);
+  --base-color-scale-purple-5-hsl: 261 69% 59%;
+  --base-color-scale-purple-5: hsl(261, 69%, 59%);
+  --base-color-scale-purple-6-hsl: 261 53% 48%;
+  --base-color-scale-purple-6: hsl(261, 53%, 48%);
+  --base-color-scale-purple-7-hsl: 261 56% 38%;
+  --base-color-scale-purple-7: hsl(261, 56%, 38%);
+  --base-color-scale-purple-8-hsl: 261 59% 30%;
+  --base-color-scale-purple-8: hsl(261, 59%, 30%);
+  --base-color-scale-purple-9-hsl: 260 66% 23%;
+  --base-color-scale-purple-9: hsl(260, 66%, 23%);
+  --base-color-scale-pink-0-hsl: 330 100% 97%;
+  --base-color-scale-pink-0: hsl(330, 100%, 97%);
+  --base-color-scale-pink-1-hsl: 327 100% 91%;
+  --base-color-scale-pink-1: hsl(327, 100%, 91%);
+  --base-color-scale-pink-2-hsl: 327 100% 84%;
+  --base-color-scale-pink-2: hsl(327, 100%, 84%);
+  --base-color-scale-pink-3-hsl: 326 100% 75%;
+  --base-color-scale-pink-3: hsl(326, 100%, 75%);
+  --base-color-scale-pink-4-hsl: 325 76% 63%;
+  --base-color-scale-pink-4: hsl(325, 76%, 63%);
+  --base-color-scale-pink-5-hsl: 324 54% 49%;
+  --base-color-scale-pink-5: hsl(324, 54%, 49%);
+  --base-color-scale-pink-6-hsl: 323 59% 38%;
+  --base-color-scale-pink-6: hsl(323, 59%, 38%);
+  --base-color-scale-pink-7-hsl: 322 58% 30%;
+  --base-color-scale-pink-7: hsl(322, 58%, 30%);
+  --base-color-scale-pink-8-hsl: 320 67% 23%;
+  --base-color-scale-pink-8: hsl(320, 67%, 23%);
+  --base-color-scale-pink-9-hsl: 319 93% 16%;
+  --base-color-scale-pink-9: hsl(319, 93%, 16%);
+  --base-color-scale-black-0-hsl: 213 14% 12%;
+  --base-color-scale-black-0: hsl(213, 14%, 12%);
+  --base-color-scale-white-0-hsl: 0 100% 100%;
+  --base-color-scale-white-0: hsl(0, 100%, 100%);
+}
+
+[data-color-mode="dark"] {
+  --base-color-scale-gray-0-hsl: 210 67% 96%;
+  --base-color-scale-gray-0: hsl(210, 67%, 96%);
+  --base-color-scale-gray-1-hsl: 210 17% 82%;
+  --base-color-scale-gray-1: hsl(210, 17%, 82%);
+  --base-color-scale-gray-2-hsl: 212 14% 73%;
+  --base-color-scale-gray-2: hsl(212, 14%, 73%);
+  --base-color-scale-gray-3-hsl: 212 9% 58%;
+  --base-color-scale-gray-3: hsl(212, 9%, 58%);
+  --base-color-scale-gray-4-hsl: 215 8% 47%;
+  --base-color-scale-gray-4: hsl(215, 8%, 47%);
+  --base-color-scale-gray-5-hsl: 214 10% 31%;
+  --base-color-scale-gray-5: hsl(214, 10%, 31%);
+  --base-color-scale-gray-6-hsl: 212 12% 21%;
+  --base-color-scale-gray-6: hsl(212, 12%, 21%);
+  --base-color-scale-gray-7-hsl: 215 15% 15%;
+  --base-color-scale-gray-7: hsl(215, 15%, 15%);
+  --base-color-scale-gray-8-hsl: 215 21% 11%;
+  --base-color-scale-gray-8: hsl(215, 21%, 11%);
+  --base-color-scale-gray-9-hsl: 216 28% 7%;
+  --base-color-scale-gray-9: hsl(216, 28%, 7%);
+  --base-color-scale-red-0-hsl: 8 100% 92%;
+  --base-color-scale-red-0: hsl(8, 100%, 92%);
+  --base-color-scale-red-1-hsl: 6 100% 86%;
+  --base-color-scale-red-1: hsl(6, 100%, 86%);
+  --base-color-scale-red-2-hsl: 5 100% 80%;
+  --base-color-scale-red-2: hsl(5, 100%, 80%);
+  --base-color-scale-red-3-hsl: 4 100% 72%;
+  --base-color-scale-red-3: hsl(4, 100%, 72%);
+  --base-color-scale-red-4-hsl: 3 93% 63%;
+  --base-color-scale-red-4: hsl(3, 93%, 63%);
+  --base-color-scale-red-5-hsl: 1 69% 53%;
+  --base-color-scale-red-5: hsl(1, 69%, 53%);
+  --base-color-scale-red-6-hsl: 360 68% 43%;
+  --base-color-scale-red-6: hsl(360, 68%, 43%);
+  --base-color-scale-red-7-hsl: 358 74% 32%;
+  --base-color-scale-red-7: hsl(358, 74%, 32%);
+  --base-color-scale-red-8-hsl: 356 89% 21%;
+  --base-color-scale-red-8: hsl(356, 89%, 21%);
+  --base-color-scale-red-9-hsl: 0 95% 15%;
+  --base-color-scale-red-9: hsl(0, 95%, 15%);
+  --base-color-scale-coral-0-hsl: 15 100% 91%;
+  --base-color-scale-coral-0: hsl(15, 100%, 91%);
+  --base-color-scale-coral-1-hsl: 12 100% 85%;
+  --base-color-scale-coral-1: hsl(12, 100%, 85%);
+  --base-color-scale-coral-2-hsl: 12 100% 77%;
+  --base-color-scale-coral-2: hsl(12, 100%, 77%);
+  --base-color-scale-coral-3-hsl: 11 90% 68%;
+  --base-color-scale-coral-3: hsl(11, 90%, 68%);
+  --base-color-scale-coral-4-hsl: 10 80% 59%;
+  --base-color-scale-coral-4: hsl(10, 80%, 59%);
+  --base-color-scale-coral-5-hsl: 9 64% 49%;
+  --base-color-scale-coral-5: hsl(9, 64%, 49%);
+  --base-color-scale-coral-6-hsl: 8 69% 40%;
+  --base-color-scale-coral-6: hsl(8, 69%, 40%);
+  --base-color-scale-coral-7-hsl: 7 76% 30%;
+  --base-color-scale-coral-7: hsl(7, 76%, 30%);
+  --base-color-scale-coral-8-hsl: 6 92% 20%;
+  --base-color-scale-coral-8: hsl(6, 92%, 20%);
+  --base-color-scale-coral-9-hsl: 5 97% 14%;
+  --base-color-scale-coral-9: hsl(5, 97%, 14%);
+  --base-color-scale-orange-0-hsl: 34 100% 86%;
+  --base-color-scale-orange-0: hsl(34, 100%, 86%);
+  --base-color-scale-orange-1-hsl: 33 100% 75%;
+  --base-color-scale-orange-1: hsl(33, 100%, 75%);
+  --base-color-scale-orange-2-hsl: 28 100% 67%;
+  --base-color-scale-orange-2: hsl(28, 100%, 67%);
+  --base-color-scale-orange-3-hsl: 25 86% 59%;
+  --base-color-scale-orange-3: hsl(25, 86%, 59%);
+  --base-color-scale-orange-4-hsl: 23 71% 51%;
+  --base-color-scale-orange-4: hsl(23, 71%, 51%);
+  --base-color-scale-orange-5-hsl: 21 73% 43%;
+  --base-color-scale-orange-5: hsl(21, 73%, 43%);
+  --base-color-scale-orange-6-hsl: 20 76% 35%;
+  --base-color-scale-orange-6: hsl(20, 76%, 35%);
+  --base-color-scale-orange-7-hsl: 19 84% 25%;
+  --base-color-scale-orange-7: hsl(19, 84%, 25%);
+  --base-color-scale-orange-8-hsl: 19 96% 18%;
+  --base-color-scale-orange-8: hsl(19, 96%, 18%);
+  --base-color-scale-orange-9-hsl: 19 100% 12%;
+  --base-color-scale-orange-9: hsl(19, 100%, 12%);
+  --base-color-scale-yellow-0-hsl: 46 86% 80%;
+  --base-color-scale-yellow-0: hsl(46, 86%, 80%);
+  --base-color-scale-yellow-1-hsl: 44 85% 66%;
+  --base-color-scale-yellow-1: hsl(44, 85%, 66%);
+  --base-color-scale-yellow-2-hsl: 42 74% 57%;
+  --base-color-scale-yellow-2: hsl(42, 74%, 57%);
+  --base-color-scale-yellow-3-hsl: 41 72% 48%;
+  --base-color-scale-yellow-3: hsl(41, 72%, 48%);
+  --base-color-scale-yellow-4-hsl: 40 91% 38%;
+  --base-color-scale-yellow-4: hsl(40, 91%, 38%);
+  --base-color-scale-yellow-5-hsl: 40 96% 32%;
+  --base-color-scale-yellow-5: hsl(40, 96%, 32%);
+  --base-color-scale-yellow-6-hsl: 37 91% 27%;
+  --base-color-scale-yellow-6: hsl(37, 91%, 27%);
+  --base-color-scale-yellow-7-hsl: 35 100% 21%;
+  --base-color-scale-yellow-7: hsl(35, 100%, 21%);
+  --base-color-scale-yellow-8-hsl: 33 100% 15%;
+  --base-color-scale-yellow-8: hsl(33, 100%, 15%);
+  --base-color-scale-yellow-9-hsl: 30 100% 10%;
+  --base-color-scale-yellow-9: hsl(30, 100%, 10%);
+  --base-color-scale-lemon-0-hsl: 54 100% 83%;
+  --base-color-scale-lemon-0: hsl(54, 100%, 83%);
+  --base-color-scale-lemon-1-hsl: 53 94% 67%;
+  --base-color-scale-lemon-1: hsl(53, 94%, 67%);
+  --base-color-scale-lemon-2-hsl: 52 73% 57%;
+  --base-color-scale-lemon-2: hsl(52, 73%, 57%);
+  --base-color-scale-lemon-3-hsl: 52 82% 42%;
+  --base-color-scale-lemon-3: hsl(52, 82%, 42%);
+  --base-color-scale-lemon-4-hsl: 52 100% 33%;
+  --base-color-scale-lemon-4: hsl(52, 100%, 33%);
+  --base-color-scale-lemon-5-hsl: 51 100% 27%;
+  --base-color-scale-lemon-5: hsl(51, 100%, 27%);
+  --base-color-scale-lemon-6-hsl: 50 100% 22%;
+  --base-color-scale-lemon-6: hsl(50, 100%, 22%);
+  --base-color-scale-lemon-7-hsl: 48 100% 17%;
+  --base-color-scale-lemon-7: hsl(48, 100%, 17%);
+  --base-color-scale-lemon-8-hsl: 46 100% 12%;
+  --base-color-scale-lemon-8: hsl(46, 100%, 12%);
+  --base-color-scale-lemon-9-hsl: 43 100% 8%;
+  --base-color-scale-lemon-9: hsl(43, 100%, 8%);
+  --base-color-scale-lime-0-hsl: 75 74% 76%;
+  --base-color-scale-lime-0: hsl(75, 74%, 76%);
+  --base-color-scale-lime-1-hsl: 76 62% 64%;
+  --base-color-scale-lime-1: hsl(76, 62%, 64%);
+  --base-color-scale-lime-2-hsl: 77 54% 53%;
+  --base-color-scale-lime-2: hsl(77, 54%, 53%);
+  --base-color-scale-lime-3-hsl: 78 54% 45%;
+  --base-color-scale-lime-3: hsl(78, 54%, 45%);
+  --base-color-scale-lime-4-hsl: 79 60% 37%;
+  --base-color-scale-lime-4: hsl(79, 60%, 37%);
+  --base-color-scale-lime-5-hsl: 81 69% 30%;
+  --base-color-scale-lime-5: hsl(81, 69%, 30%);
+  --base-color-scale-lime-6-hsl: 83 75% 23%;
+  --base-color-scale-lime-6: hsl(83, 75%, 23%);
+  --base-color-scale-lime-7-hsl: 85 84% 17%;
+  --base-color-scale-lime-7: hsl(85, 84%, 17%);
+  --base-color-scale-lime-8-hsl: 89 90% 11%;
+  --base-color-scale-lime-8: hsl(89, 90%, 11%);
+  --base-color-scale-lime-9-hsl: 94 95% 7%;
+  --base-color-scale-lime-9: hsl(94, 95%, 7%);
+  --base-color-scale-green-0-hsl: 124 78% 82%;
+  --base-color-scale-green-0: hsl(124, 78%, 82%);
+  --base-color-scale-green-1-hsl: 125 69% 70%;
+  --base-color-scale-green-1: hsl(125, 69%, 70%);
+  --base-color-scale-green-2-hsl: 127 59% 58%;
+  --base-color-scale-green-2: hsl(127, 59%, 58%);
+  --base-color-scale-green-3-hsl: 128 49% 49%;
+  --base-color-scale-green-3: hsl(128, 49%, 49%);
+  --base-color-scale-green-4-hsl: 131 55% 40%;
+  --base-color-scale-green-4: hsl(131, 55%, 40%);
+  --base-color-scale-green-5-hsl: 132 59% 33%;
+  --base-color-scale-green-5: hsl(132, 59%, 33%);
+  --base-color-scale-green-6-hsl: 135 62% 26%;
+  --base-color-scale-green-6: hsl(135, 62%, 26%);
+  --base-color-scale-green-7-hsl: 138 69% 19%;
+  --base-color-scale-green-7: hsl(138, 69%, 19%);
+  --base-color-scale-green-8-hsl: 141 90% 12%;
+  --base-color-scale-green-8: hsl(141, 90%, 12%);
+  --base-color-scale-green-9-hsl: 139 81% 8%;
+  --base-color-scale-green-9: hsl(139, 81%, 8%);
+  --base-color-scale-teal-0-hsl: 173 59% 84%;
+  --base-color-scale-teal-0: hsl(173, 59%, 84%);
+  --base-color-scale-teal-1-hsl: 174 57% 71%;
+  --base-color-scale-teal-1: hsl(174, 57%, 71%);
+  --base-color-scale-teal-2-hsl: 176 53% 57%;
+  --base-color-scale-teal-2: hsl(176, 53%, 57%);
+  --base-color-scale-teal-3-hsl: 178 56% 45%;
+  --base-color-scale-teal-3: hsl(178, 56%, 45%);
+  --base-color-scale-teal-4-hsl: 178 58% 39%;
+  --base-color-scale-teal-4: hsl(178, 58%, 39%);
+  --base-color-scale-teal-5-hsl: 179 64% 31%;
+  --base-color-scale-teal-5: hsl(179, 64%, 31%);
+  --base-color-scale-teal-6-hsl: 181 68% 25%;
+  --base-color-scale-teal-6: hsl(181, 68%, 25%);
+  --base-color-scale-teal-7-hsl: 181 76% 18%;
+  --base-color-scale-teal-7: hsl(181, 76%, 18%);
+  --base-color-scale-teal-8-hsl: 181 84% 12%;
+  --base-color-scale-teal-8: hsl(181, 84%, 12%);
+  --base-color-scale-teal-9-hsl: 182 90% 8%;
+  --base-color-scale-teal-9: hsl(182, 90%, 8%);
+  --base-color-scale-blue-0-hsl: 206 100% 90%;
+  --base-color-scale-blue-0: hsl(206, 100%, 90%);
+  --base-color-scale-blue-1-hsl: 207 100% 82%;
+  --base-color-scale-blue-1: hsl(207, 100%, 82%);
+  --base-color-scale-blue-2-hsl: 208 100% 74%;
+  --base-color-scale-blue-2: hsl(208, 100%, 74%);
+  --base-color-scale-blue-3-hsl: 212 100% 67%;
+  --base-color-scale-blue-3: hsl(212, 100%, 67%);
+  --base-color-scale-blue-4-hsl: 215 98% 61%;
+  --base-color-scale-blue-4: hsl(215, 98%, 61%);
+  --base-color-scale-blue-5-hsl: 216 84% 52%;
+  --base-color-scale-blue-5: hsl(216, 84%, 52%);
+  --base-color-scale-blue-6-hsl: 217 84% 42%;
+  --base-color-scale-blue-6: hsl(217, 84%, 42%);
+  --base-color-scale-blue-7-hsl: 218 85% 33%;
+  --base-color-scale-blue-7: hsl(218, 85%, 33%);
+  --base-color-scale-blue-8-hsl: 219 80% 23%;
+  --base-color-scale-blue-8: hsl(219, 80%, 23%);
+  --base-color-scale-blue-9-hsl: 220 88% 16%;
+  --base-color-scale-blue-9: hsl(220, 88%, 16%);
+  --base-color-scale-indigo-0-hsl: 227 100% 93%;
+  --base-color-scale-indigo-0: hsl(227, 100%, 93%);
+  --base-color-scale-indigo-1-hsl: 230 100% 89%;
+  --base-color-scale-indigo-1: hsl(230, 100%, 89%);
+  --base-color-scale-indigo-2-hsl: 234 100% 84%;
+  --base-color-scale-indigo-2: hsl(234, 100%, 84%);
+  --base-color-scale-indigo-3-hsl: 236 100% 79%;
+  --base-color-scale-indigo-3: hsl(236, 100%, 79%);
+  --base-color-scale-indigo-4-hsl: 238 91% 73%;
+  --base-color-scale-indigo-4: hsl(238, 91%, 73%);
+  --base-color-scale-indigo-5-hsl: 238 83% 65%;
+  --base-color-scale-indigo-5: hsl(238, 83%, 65%);
+  --base-color-scale-indigo-6-hsl: 237 60% 55%;
+  --base-color-scale-indigo-6: hsl(237, 60%, 55%);
+  --base-color-scale-indigo-7-hsl: 237 54% 43%;
+  --base-color-scale-indigo-7: hsl(237, 54%, 43%);
+  --base-color-scale-indigo-8-hsl: 235 61% 30%;
+  --base-color-scale-indigo-8: hsl(235, 61%, 30%);
+  --base-color-scale-indigo-9-hsl: 237 65% 21%;
+  --base-color-scale-indigo-9: hsl(237, 65%, 21%);
+  --base-color-scale-purple-0-hsl: 267 100% 94%;
+  --base-color-scale-purple-0: hsl(267, 100%, 94%);
+  --base-color-scale-purple-1-hsl: 270 100% 89%;
+  --base-color-scale-purple-1: hsl(270, 100%, 89%);
+  --base-color-scale-purple-2-hsl: 269 100% 83%;
+  --base-color-scale-purple-2: hsl(269, 100%, 83%);
+  --base-color-scale-purple-3-hsl: 265 100% 77%;
+  --base-color-scale-purple-3: hsl(265, 100%, 77%);
+  --base-color-scale-purple-4-hsl: 262 89% 71%;
+  --base-color-scale-purple-4: hsl(262, 89%, 71%);
+  --base-color-scale-purple-5-hsl: 261 73% 62%;
+  --base-color-scale-purple-5: hsl(261, 73%, 62%);
+  --base-color-scale-purple-6-hsl: 260 56% 52%;
+  --base-color-scale-purple-6: hsl(260, 56%, 52%);
+  --base-color-scale-purple-7-hsl: 261 52% 39%;
+  --base-color-scale-purple-7: hsl(261, 52%, 39%);
+  --base-color-scale-purple-8-hsl: 262 58% 28%;
+  --base-color-scale-purple-8: hsl(262, 58%, 28%);
+  --base-color-scale-purple-9-hsl: 261 67% 19%;
+  --base-color-scale-purple-9: hsl(261, 67%, 19%);
+  --base-color-scale-pink-0-hsl: 331 100% 93%;
+  --base-color-scale-pink-0: hsl(331, 100%, 93%);
+  --base-color-scale-pink-1-hsl: 331 100% 87%;
+  --base-color-scale-pink-1: hsl(331, 100%, 87%);
+  --base-color-scale-pink-2-hsl: 329 100% 80%;
+  --base-color-scale-pink-2: hsl(329, 100%, 80%);
+  --base-color-scale-pink-3-hsl: 329 89% 72%;
+  --base-color-scale-pink-3: hsl(329, 89%, 72%);
+  --base-color-scale-pink-4-hsl: 328 63% 62%;
+  --base-color-scale-pink-4: hsl(328, 63%, 62%);
+  --base-color-scale-pink-5-hsl: 327 48% 52%;
+  --base-color-scale-pink-5: hsl(327, 48%, 52%);
+  --base-color-scale-pink-6-hsl: 327 49% 42%;
+  --base-color-scale-pink-6: hsl(327, 49%, 42%);
+  --base-color-scale-pink-7-hsl: 326 55% 32%;
+  --base-color-scale-pink-7: hsl(326, 55%, 32%);
+  --base-color-scale-pink-8-hsl: 325 71% 22%;
+  --base-color-scale-pink-8: hsl(325, 71%, 22%);
+  --base-color-scale-pink-9-hsl: 324 83% 14%;
+  --base-color-scale-pink-9: hsl(324, 83%, 14%);
+  --base-color-scale-black-0-hsl: 218 80% 2%;
+  --base-color-scale-black-0: hsl(218, 80%, 2%);
+  --base-color-scale-white-0-hsl: 0 100% 100%;
+  --base-color-scale-white-0: hsl(0, 100%, 100%);
+}