@primer/react-brand 0.28.1 → 0.29.0-rc.323b976

package/lib/css/main.css

@@ -89,547 +89,285 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
 [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%);
+  --base-color-scale-black-0: #1f2328;
+  --base-color-scale-transparent: rgba(255,255,255,0);
+  --base-color-scale-white-0: #ffffff;
+  --base-color-scale-gray-0: #f6f8fa;
+  --base-color-scale-gray-1: #eaeef2;
+  --base-color-scale-gray-2: #d0d7de;
+  --base-color-scale-gray-3: #afb8c1;
+  --base-color-scale-gray-4: #8c959f;
+  --base-color-scale-gray-5: #6e7781;
+  --base-color-scale-gray-6: #57606a;
+  --base-color-scale-gray-7: #424a53;
+  --base-color-scale-gray-8: #32383f;
+  --base-color-scale-gray-9: #24292f;
+  --base-color-scale-blue-0: #ddf4ff;
+  --base-color-scale-blue-1: #b6e3ff;
+  --base-color-scale-blue-2: #80ccff;
+  --base-color-scale-blue-3: #54aeff;
+  --base-color-scale-blue-4: #218bff;
+  --base-color-scale-blue-5: #0969da;
+  --base-color-scale-blue-6: #0550ae;
+  --base-color-scale-blue-7: #033d8b;
+  --base-color-scale-blue-8: #0a3069;
+  --base-color-scale-blue-9: #002155;
+  --base-color-scale-green-0: #dafbe1;
+  --base-color-scale-green-1: #aceebb;
+  --base-color-scale-green-2: #6fdd8b;
+  --base-color-scale-green-3: #4ac26b;
+  --base-color-scale-green-4: #2da44e;
+  --base-color-scale-green-5: #1a7f37;
+  --base-color-scale-green-6: #116329;
+  --base-color-scale-green-7: #044f1e;
+  --base-color-scale-green-8: #003d16;
+  --base-color-scale-green-9: #002d11;
+  --base-color-scale-yellow-0: #fff8c5;
+  --base-color-scale-yellow-1: #fae17d;
+  --base-color-scale-yellow-2: #eac54f;
+  --base-color-scale-yellow-3: #d4a72c;
+  --base-color-scale-yellow-4: #bf8700;
+  --base-color-scale-yellow-5: #9a6700;
+  --base-color-scale-yellow-6: #7d4e00;
+  --base-color-scale-yellow-7: #633c01;
+  --base-color-scale-yellow-8: #4d2d00;
+  --base-color-scale-yellow-9: #3b2300;
+  --base-color-scale-orange-0: #fff1e5;
+  --base-color-scale-orange-1: #ffd8b5;
+  --base-color-scale-orange-2: #ffb77c;
+  --base-color-scale-orange-3: #fb8f44;
+  --base-color-scale-orange-4: #e16f24;
+  --base-color-scale-orange-5: #bc4c00;
+  --base-color-scale-orange-6: #953800;
+  --base-color-scale-orange-7: #762c00;
+  --base-color-scale-orange-8: #5c2200;
+  --base-color-scale-orange-9: #471700;
+  --base-color-scale-red-0: #ffebe9;
+  --base-color-scale-red-1: #ffcecb;
+  --base-color-scale-red-2: #ffaba8;
+  --base-color-scale-red-3: #ff8182;
+  --base-color-scale-red-4: #fa4549;
+  --base-color-scale-red-5: #cf222e;
+  --base-color-scale-red-6: #a40e26;
+  --base-color-scale-red-7: #82071e;
+  --base-color-scale-red-8: #660018;
+  --base-color-scale-red-9: #4c0014;
+  --base-color-scale-purple-0: #fbefff;
+  --base-color-scale-purple-1: #ecd8ff;
+  --base-color-scale-purple-2: #d8b9ff;
+  --base-color-scale-purple-3: #c297ff;
+  --base-color-scale-purple-4: #a475f9;
+  --base-color-scale-purple-5: #8250df;
+  --base-color-scale-purple-6: #6639ba;
+  --base-color-scale-purple-7: #512a97;
+  --base-color-scale-purple-8: #3e1f79;
+  --base-color-scale-purple-9: #2e1461;
+  --base-color-scale-pink-0: #ffeff7;
+  --base-color-scale-pink-1: #ffd3eb;
+  --base-color-scale-pink-2: #ffadda;
+  --base-color-scale-pink-3: #ff80c8;
+  --base-color-scale-pink-4: #e85aad;
+  --base-color-scale-pink-5: #bf3989;
+  --base-color-scale-pink-6: #99286e;
+  --base-color-scale-pink-7: #772057;
+  --base-color-scale-pink-8: #611347;
+  --base-color-scale-pink-9: #4d0336;
+  --base-color-scale-coral-0: #fff0eb;
+  --base-color-scale-coral-1: #ffd6cc;
+  --base-color-scale-coral-2: #ffb4a1;
+  --base-color-scale-coral-3: #fd8c73;
+  --base-color-scale-coral-4: #ec6547;
+  --base-color-scale-coral-5: #c4432b;
+  --base-color-scale-coral-6: #9e2f1c;
+  --base-color-scale-coral-7: #801f0f;
+  --base-color-scale-coral-8: #691105;
+  --base-color-scale-coral-9: #510901;
+  --base-color-scale-lemon-0: #fdf5b3;
+  --base-color-scale-lemon-1: #f4e162;
+  --base-color-scale-lemon-2: #dec741;
+  --base-color-scale-lemon-3: #c5aa20;
+  --base-color-scale-lemon-4: #c5aa20;
+  --base-color-scale-lemon-5: #866d00;
+  --base-color-scale-lemon-6: #685400;
+  --base-color-scale-lemon-7: #534100;
+  --base-color-scale-lemon-8: #413200;
+  --base-color-scale-lemon-9: #322400;
+  --base-color-scale-lime-0: #eafaba;
+  --base-color-scale-lime-1: #cdec78;
+  --base-color-scale-lime-2: #b1d353;
+  --base-color-scale-lime-3: #94b83b;
+  --base-color-scale-lime-4: #799a2a;
+  --base-color-scale-lime-5: #5a791b;
+  --base-color-scale-lime-6: #425e13;
+  --base-color-scale-lime-7: #2f4a06;
+  --base-color-scale-lime-8: #233b03;
+  --base-color-scale-lime-9: #182c01;
+  --base-color-scale-teal-0: #daf9f5;
+  --base-color-scale-teal-1: #b0eae3;
+  --base-color-scale-teal-2: #6bd6d0;
+  --base-color-scale-teal-3: #49bcb7;
+  --base-color-scale-teal-4: #339d9b;
+  --base-color-scale-teal-5: #197b7b;
+  --base-color-scale-teal-6: #136061;
+  --base-color-scale-teal-7: #024b4d;
+  --base-color-scale-teal-8: #063a3c;
+  --base-color-scale-teal-9: #052b2c;
+  --base-color-scale-indigo-0: #eff2ff;
+  --base-color-scale-indigo-1: #d7ddff;
+  --base-color-scale-indigo-2: #b9c2ff;
+  --base-color-scale-indigo-3: #9aa4ff;
+  --base-color-scale-indigo-4: #7683ff;
+  --base-color-scale-indigo-5: #545df0;
+  --base-color-scale-indigo-6: #3c42d0;
+  --base-color-scale-indigo-7: #2c33a5;
+  --base-color-scale-indigo-8: #22297f;
+  --base-color-scale-indigo-9: #191f5c;
 }
 
 [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%);
+  --base-color-scale-black-0: #010409;
+  --base-color-scale-transparent: rgba(0,0,0,0);
+  --base-color-scale-white-0: #ffffff;
+  --base-color-scale-gray-0: #f0f6fc;
+  --base-color-scale-gray-1: #c9d1d9;
+  --base-color-scale-gray-2: #b1bac4;
+  --base-color-scale-gray-3: #8b949e;
+  --base-color-scale-gray-4: #6e7681;
+  --base-color-scale-gray-5: #484f58;
+  --base-color-scale-gray-6: #30363d;
+  --base-color-scale-gray-7: #21262d;
+  --base-color-scale-gray-8: #161b22;
+  --base-color-scale-gray-9: #0d1117;
+  --base-color-scale-blue-0: #cae8ff;
+  --base-color-scale-blue-1: #a5d6ff;
+  --base-color-scale-blue-2: #79c0ff;
+  --base-color-scale-blue-3: #58a6ff;
+  --base-color-scale-blue-4: #388bfd;
+  --base-color-scale-blue-5: #1f6feb;
+  --base-color-scale-blue-6: #1158c7;
+  --base-color-scale-blue-7: #0d419d;
+  --base-color-scale-blue-8: #0c2d6b;
+  --base-color-scale-blue-9: #051d4d;
+  --base-color-scale-green-0: #aff5b4;
+  --base-color-scale-green-1: #7ee787;
+  --base-color-scale-green-2: #56d364;
+  --base-color-scale-green-3: #3fb950;
+  --base-color-scale-green-4: #2ea043;
+  --base-color-scale-green-5: #238636;
+  --base-color-scale-green-6: #196c2e;
+  --base-color-scale-green-7: #0f5323;
+  --base-color-scale-green-8: #033a16;
+  --base-color-scale-green-9: #04260f;
+  --base-color-scale-yellow-0: #f8e3a1;
+  --base-color-scale-yellow-1: #f2cc60;
+  --base-color-scale-yellow-2: #e3b341;
+  --base-color-scale-yellow-3: #d29922;
+  --base-color-scale-yellow-4: #bb8009;
+  --base-color-scale-yellow-5: #9e6a03;
+  --base-color-scale-yellow-6: #845306;
+  --base-color-scale-yellow-7: #693e00;
+  --base-color-scale-yellow-8: #4b2900;
+  --base-color-scale-yellow-9: #341a00;
+  --base-color-scale-orange-0: #ffdfb6;
+  --base-color-scale-orange-1: #ffc680;
+  --base-color-scale-orange-2: #ffa657;
+  --base-color-scale-orange-3: #f0883e;
+  --base-color-scale-orange-4: #db6d28;
+  --base-color-scale-orange-5: #bd561d;
+  --base-color-scale-orange-6: #9b4215;
+  --base-color-scale-orange-7: #762d0a;
+  --base-color-scale-orange-8: #5a1e02;
+  --base-color-scale-orange-9: #3d1300;
+  --base-color-scale-red-0: #ffdcd7;
+  --base-color-scale-red-1: #ffc1ba;
+  --base-color-scale-red-2: #ffa198;
+  --base-color-scale-red-3: #ff7b72;
+  --base-color-scale-red-4: #f85149;
+  --base-color-scale-red-5: #da3633;
+  --base-color-scale-red-6: #b62324;
+  --base-color-scale-red-7: #8e1519;
+  --base-color-scale-red-8: #67060c;
+  --base-color-scale-red-9: #490202;
+  --base-color-scale-purple-0: #eddeff;
+  --base-color-scale-purple-1: #e2c5ff;
+  --base-color-scale-purple-2: #d2a8ff;
+  --base-color-scale-purple-3: #bc8cff;
+  --base-color-scale-purple-4: #a371f7;
+  --base-color-scale-purple-5: #8957e5;
+  --base-color-scale-purple-6: #6e40c9;
+  --base-color-scale-purple-7: #553098;
+  --base-color-scale-purple-8: #3c1e70;
+  --base-color-scale-purple-9: #271052;
+  --base-color-scale-pink-0: #ffdaec;
+  --base-color-scale-pink-1: #ffbedd;
+  --base-color-scale-pink-2: #ff9bce;
+  --base-color-scale-pink-3: #f778ba;
+  --base-color-scale-pink-4: #db61a2;
+  --base-color-scale-pink-5: #bf4b8a;
+  --base-color-scale-pink-6: #9e3670;
+  --base-color-scale-pink-7: #7d2457;
+  --base-color-scale-pink-8: #5e103e;
+  --base-color-scale-pink-9: #42062a;
+  --base-color-scale-coral-0: #ffddd2;
+  --base-color-scale-coral-1: #ffc2b2;
+  --base-color-scale-coral-2: #ffa28b;
+  --base-color-scale-coral-3: #f78166;
+  --base-color-scale-coral-4: #ea6045;
+  --base-color-scale-coral-5: #cf462d;
+  --base-color-scale-coral-6: #ac3220;
+  --base-color-scale-coral-7: #872012;
+  --base-color-scale-coral-8: #640d04;
+  --base-color-scale-coral-9: #460701;
+  --base-color-scale-lemon-0: #fff6a6;
+  --base-color-scale-lemon-1: #fae85a;
+  --base-color-scale-lemon-2: #e1cd41;
+  --base-color-scale-lemon-3: #c5ae13;
+  --base-color-scale-lemon-4: #a69000;
+  --base-color-scale-lemon-5: #8c7600;
+  --base-color-scale-lemon-6: #705d00;
+  --base-color-scale-lemon-7: #564500;
+  --base-color-scale-lemon-8: #3d2f00;
+  --base-color-scale-lemon-9: #2a1e00;
+  --base-color-scale-lime-0: #d9ef95;
+  --base-color-scale-lime-1: #bedc6c;
+  --base-color-scale-lime-2: #a4c847;
+  --base-color-scale-lime-3: #8ab034;
+  --base-color-scale-lime-4: #739826;
+  --base-color-scale-lime-5: #5c8118;
+  --base-color-scale-lime-6: #46680f;
+  --base-color-scale-lime-7: #314f07;
+  --base-color-scale-lime-8: #1e3703;
+  --base-color-scale-lime-9: #102401;
+  --base-color-scale-teal-0: #bdeee8;
+  --base-color-scale-teal-1: #8adfd7;
+  --base-color-scale-teal-2: #57ccc5;
+  --base-color-scale-teal-3: #33b3ae;
+  --base-color-scale-teal-4: #2a9d9a;
+  --base-color-scale-teal-5: #1d8281;
+  --base-color-scale-teal-6: #14696a;
+  --base-color-scale-teal-7: #0b5051;
+  --base-color-scale-teal-8: #053738;
+  --base-color-scale-teal-9: #022425;
+  --base-color-scale-indigo-0: #dbe3ff;
+  --base-color-scale-indigo-1: #c5cfff;
+  --base-color-scale-indigo-2: #abb4ff;
+  --base-color-scale-indigo-3: #939aff;
+  --base-color-scale-indigo-4: #797ef9;
+  --base-color-scale-indigo-5: #5d63f0;
+  --base-color-scale-indigo-6: #464ed1;
+  --base-color-scale-indigo-7: #3238a7;
+  --base-color-scale-indigo-8: #1e267c;
+  --base-color-scale-indigo-9: #131759;
 }
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -654,7 +392,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -670,7 +408,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -802,7 +540,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -816,7 +554,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -835,18 +573,18 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
 [data-color-mode="light"] {
   --brand-color-success-fg: var(--base-color-scale-green-5);
   --brand-color-success-emphasis: var(--base-color-scale-green-4);
-  --brand-color-success-muted: hsl(var(--base-color-scale-green-3-hsl) / 60%);
+  --brand-color-success-muted: rgba(75,195,107,0.6);
   --brand-color-success-subtle: var(--base-color-scale-green-0);
   --brand-color-error-fg: var(--base-color-scale-red-5);
   --brand-color-error-emphasis: var(--base-color-scale-red-5);
-  --brand-color-error-muted: hsl(var(--base-color-scale-red-3-hsl) / 60%);
+  --brand-color-error-muted: rgba(255,135,133,0.6);
   --brand-color-error-subtle: var(--base-color-scale-red-0);
   --brand-color-accent-primary: var(--base-color-scale-pink-5);
   --brand-color-accent-secondary: var(--base-color-scale-purple-5);
@@ -856,27 +594,27 @@ select {
   --brand-color-text-onEmphasis: var(--base-color-scale-white-0);
   --brand-color-neutral-emphasisPlus: var(--base-color-scale-gray-9);
   --brand-color-neutral-emphasis: var(--base-color-scale-gray-5);
-  --brand-color-neutral-muted: hsl(var(--base-color-scale-gray-3-hsl) / 99.8%);
-  --brand-color-neutral-subtle: hsl(var(--base-color-scale-gray-1-hsl) / 99.5%);
+  --brand-color-neutral-muted: rgba(183,191,200,0.99608);
+  --brand-color-neutral-subtle: rgba(233,237,241,0.99608);
   --brand-color-canvas-default: var(--base-color-scale-white-0);
   --brand-color-canvas-overlay: var(--base-color-scale-white-0);
   --brand-color-canvas-inset: var(--base-color-scale-gray-0);
   --brand-color-canvas-subtle: var(--base-color-scale-gray-0);
   --brand-color-border-default: var(--base-color-scale-gray-3);
-  --brand-color-border-muted: hsl(var(--base-color-scale-gray-2-hsl) / 99.7%);
-  --brand-color-border-subtle: hsl(var(--base-color-scale-gray-1-hsl) / 99.7%);
+  --brand-color-border-muted: rgba(211,217,223,0.99608);
+  --brand-color-border-subtle: rgba(233,237,241,0.99608);
   --brand-color-focus: var(--base-color-scale-blue-5);
 }
 
 [data-color-mode="dark"] {
   --brand-color-success-fg: var(--base-color-scale-green-3);
   --brand-color-success-emphasis: var(--base-color-scale-green-5);
-  --brand-color-success-muted: hsl(var(--base-color-scale-green-4-hsl) / 60%);
-  --brand-color-success-subtle: hsl(var(--base-color-scale-green-4-hsl) / 85%);
+  --brand-color-success-muted: rgba(46,158,66,0.6);
+  --brand-color-success-subtle: rgba(46,158,66,0.85098);
   --brand-color-error-fg: var(--base-color-scale-red-4);
   --brand-color-error-emphasis: var(--base-color-scale-red-5);
-  --brand-color-error-muted: hsl(var(--base-color-scale-red-4-hsl) / 60%);
-  --brand-color-error-subtle: hsl(var(--base-color-scale-red-4-hsl) / 85%);
+  --brand-color-error-muted: rgba(248,82,73,0.6);
+  --brand-color-error-subtle: rgba(248,82,73,0.85098);
   --brand-color-accent-primary: var(--base-color-scale-pink-3);
   --brand-color-accent-secondary: var(--base-color-scale-purple-3);
   --brand-color-text-default: var(--base-color-scale-white-0);
@@ -885,8 +623,8 @@ select {
   --brand-color-text-onEmphasis: var(--base-color-scale-black-0);
   --brand-color-neutral-emphasisPlus: var(--base-color-scale-gray-4);
   --brand-color-neutral-emphasis: var(--base-color-scale-gray-4);
-  --brand-color-neutral-muted: hsl(var(--base-color-scale-gray-4-hsl) / 99.6%);
-  --brand-color-neutral-subtle: hsl(var(--base-color-scale-gray-4-hsl) / 99.9%);
+  --brand-color-neutral-muted: rgba(110,118,129,0.99608);
+  --brand-color-neutral-subtle: rgba(110,118,129,1);
   --brand-color-canvas-default: var(--base-color-scale-gray-9);
   --brand-color-canvas-overlay: var(--base-color-scale-gray-8);
   --brand-color-canvas-inset: var(--base-color-scale-black-0);
@@ -1213,7 +951,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
@@ -1230,8 +968,8 @@ select {
   --brand-button-primary-fgColor-disabled: var(--base-color-scale-gray-2);
   --brand-button-primary-shadow-active: inset 0px 1px 0px 0px var(--brand-button-primary-borderColor-active);
   --brand-button-secondary-bgColor-rest: transparent;
-  --brand-button-secondary-bgColor-hover: hsl(var(--base-color-scale-gray-3-hsl) / 20%);
-  --brand-button-secondary-bgColor-active: hsl(var(--base-color-scale-gray-3-hsl) / 40%);
+  --brand-button-secondary-bgColor-hover: rgba(183,191,200,0.2);
+  --brand-button-secondary-bgColor-active: rgba(183,191,200,0.4);
   --brand-button-secondary-borderColor-rest: var(--brand-color-border-default);
   --brand-button-secondary-borderColor-hover: var(--base-color-scale-gray-9);
   --brand-button-secondary-borderColor-active: var(--base-color-scale-gray-9);
@@ -1257,8 +995,8 @@ select {
   --brand-button-primary-fgColor-disabled: var(--base-color-scale-gray-2);
   --brand-button-primary-shadow-active: inset 0px 1px 0px 0px var(--brand-button-primary-borderColor-active);
   --brand-button-secondary-bgColor-rest: transparent;
-  --brand-button-secondary-bgColor-hover: hsl(var(--base-color-scale-gray-3-hsl) / 20%);
-  --brand-button-secondary-bgColor-active: hsl(var(--base-color-scale-gray-3-hsl) / 40%);
+  --brand-button-secondary-bgColor-hover: rgba(138,147,158,0.2);
+  --brand-button-secondary-bgColor-active: rgba(138,147,158,0.4);
   --brand-button-secondary-borderColor-rest: var(--brand-color-border-default);
   --brand-button-secondary-borderColor-hover: var(--base-color-scale-white-0);
   --brand-button-secondary-borderColor-active: var(--base-color-scale-white-0);
@@ -1780,7 +1518,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -2007,7 +1745,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
@@ -2266,7 +2004,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -2292,16 +2030,16 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:11:00 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
 [data-color-mode="light"] {
-  --brand-Grid-column-bgColor-overlay: hsl(var(--base-color-scale-red-4-hsl) / 30%);
+  --brand-Grid-column-bgColor-overlay: rgba(251,81,84,0.30196);
 }
 
 [data-color-mode="dark"] {
-  --brand-Grid-column-bgColor-overlay: hsl(var(--base-color-scale-pink-2-hsl) / 30%);
+  --brand-Grid-column-bgColor-overlay: rgba(251,81,84,0.30196);
 }
 
 .Primer_Brand__Grid-module__Grid___q48mT {
@@ -3050,7 +2788,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -3886,7 +3624,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -3907,7 +3645,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -3917,7 +3655,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -4836,12 +4574,12 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:11:00 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
 [data-color-mode="light"] {
-  --brand-SubdomainNavBar-canvas-default: hsl(var(--base-color-scale-white-0-hsl) / 50%);
+  --brand-SubdomainNavBar-canvas-default: rgba(255,255,255,0.50196);
   --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-white-0);
   --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
   --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
@@ -4852,7 +4590,7 @@ select {
 }
 
 [data-color-mode="dark"] {
-  --brand-SubdomainNavBar-canvas-default: hsl(var(--base-color-scale-gray-9-hsl) / 50%);
+  --brand-SubdomainNavBar-canvas-default: rgba(13,17,23,0.50196);
   --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
   --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
   --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
@@ -4864,7 +4602,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
@@ -4880,7 +4618,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -5002,7 +4740,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
@@ -5018,7 +4756,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
@@ -5039,6 +4777,7 @@ select {
 .Primer_Brand__Accordion-module__Accordion___M_LPt {
   box-sizing: border-box;
   position: relative;
+  background: var(--color-scale-blue-0);
 }
 
 .Primer_Brand__Accordion-module__Accordion--default___wLsHR {
@@ -5264,7 +5003,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -5273,7 +5012,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
@@ -5291,7 +5030,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -5422,7 +5161,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
@@ -6523,7 +6262,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -6537,7 +6276,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -6747,7 +6486,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:11:00 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
@@ -6763,7 +6502,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -7081,7 +6820,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:11:00 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
@@ -7097,7 +6836,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /*
  * AnchorNav
- * 
+ *
  * 1. Globals
  * 2. AnchorNav root and inner bounding containers
  * 3. AnchorNav links
@@ -7440,7 +7179,8 @@ html {
     width: 100%;
     height: 100vh; /* Keep as fallback */
     height: 100dvh;
-    background: hsla(var(--base-color-scale-black-0-hsl) / 0.5);
+    /* replace with overlay-backdrop-bgColor */
+    background: rgba(0,0,0,0.50196);
     transform: translateZ(-1px);
     animation: Primer_Brand__AnchorNav-module__fade-in___KfA_2 0.5s;
     animation-timing-function: var(--brand-animation-easing-glide);
@@ -7497,18 +7237,18 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:11:00 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
 [data-color-mode="light"] {
-  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-5-hsl);
-  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-5-hsl);
+  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-5);
+  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-5);
 }
 
 [data-color-mode="dark"] {
-  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-2-hsl);
-  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-3-hsl);
+  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-2);
+  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-3);
 }
 
 .Primer_Brand__CTABanner-module__CTABanner___m0t8s {
@@ -7530,8 +7270,8 @@ html {
   transform: translateZ(0);
   background: linear-gradient(
     to right,
-    hsl(var(--brand-CTABanner-shadow-color-start)),
-    hsl(var(--brand-CTABanner-shadow-color-end))
+    var(--brand-CTABanner-shadow-color-start),
+    var(--brand-CTABanner-shadow-color-end)
   );
 }
 
@@ -7675,12 +7415,12 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:11:00 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
 [data-color-mode="light"] {
-  --brand-footer-bg-color: var(--base-color-scale-white-0);
+  --brand-footer-bg-color: var(--base-color-scale-white);
 }
 
 [data-color-mode="dark"] {
@@ -7802,7 +7542,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
@@ -7932,19 +7672,18 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
   --brand-Card-animation-easing: var(--brand-animation-easing-default);
   --brand-Card-animation-duration: 600ms;
-  --brand-Card-shadow: 0 3px 2px hsl(var(--base-color-scale-black-0-hsl) / 4%), 0 7px 5px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 13px 10px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 22px 17px hsl(var(--base-color-scale-black-0-hsl) / 2%);
   --brand-Card-maxWidth: 26.25rem;
 }
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:59 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
@@ -8368,7 +8107,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:11:00 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
@@ -8812,7 +8551,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -8823,7 +8562,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:11:00 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
@@ -12690,7 +12429,7 @@ html {
   display: inline-block;
   padding: var(--brand-VideoPlayer-playButton-padding);
   box-sizing: content-box;
-  background: var(--base-color-scale-blue-5);
+  background: var(--brand-videoPlayer-playButton-bgColor-rest);
   border-radius: 50%;
 }
 
@@ -12705,7 +12444,7 @@ html {
 
 .Primer_Brand__VideoPlayer-module__VideoPlayer__playButton___qff0F svg {
   cursor: pointer;
-  color: var(--base-color-scale-gray-0);
+  color: var(--brand-videoPlayer-playButton-fgColor-rest);
 }
 
 /* ---------------------------------------------------------- */
@@ -12722,14 +12461,13 @@ html {
   width: 100%;
   z-index: 2;
   padding: var(--base-size-16) var(--base-size-24);
-  color: var(--base-color-scale-gray-0);
+  color: var(--brand-videoPlayer-title-fgColor);
   display: grid;
   align-items: center;
   justify-content: flex-start;
   grid-gap: 10px;
   grid-template-columns: auto auto;
-  background: hsl(var(--base-color-scale-black-0-hsl) / 80%);
-  background: linear-gradient(hsl(var(--base-color-scale-black-0-hsl) / 40%), rgba(0, 0, 0, 0));
+  background: var(--brand-videoPlayer-title-bgColor);
 }
 
 .Primer_Brand__VideoPlayer-module__VideoPlayer__showOverlays___aMQQ6 .Primer_Brand__VideoPlayer-module__VideoPlayer__title___F1E2j {
@@ -12765,8 +12503,7 @@ html {
   border-bottom-left-radius: var(--brand-borderRadius-medium);
   left: 0;
   width: 100%;
-  background: hsl(var(--base-color-scale-black-0-hsl) / 80%);
-  background: linear-gradient(rgba(0, 0, 0, 0), hsl(var(--base-color-scale-black-0-hsl) / 40%));
+  background: var(--brand-videoPlayer-controls-bgColor);
   padding: var(--base-size-16) var(--base-size-24);
   pointer-events: all;
 }
@@ -12838,7 +12575,7 @@ html {
 }
 
 .Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4 svg {
-  color: var(--base-color-scale-gray-0);
+  color: var(--brand-videoPlayer-controls-fgColor);
 }
 
 .Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l {
@@ -12847,7 +12584,7 @@ html {
 
 .Primer_Brand__VideoPlayer-module__VideoPlayer__progressTime___GvTKs {
   width: 100%;
-  color: var(--base-color-scale-gray-0);
+  color: var(--brand-videoPlayer-controls-fgColor);
 }
 
 .Primer_Brand__VideoPlayer-module__VideoPlayer__totalTime___nWILS {
@@ -12866,8 +12603,8 @@ html {
 .Primer_Brand__VideoPlayer-module__VideoPlayer__closedCaption___PAvgt {
   border-radius: var(--brand-borderRadius-medium);
   padding: 1px 5px;
-  border: 2px solid var(--base-color-scale-gray-0);
-  background: var(--base-color-scale-gray-0);
+  border: 2px solid var(--brand-videoPlayer-closedCaption-borderColor-enabled);
+  background: var(--brand-videoPlayer-closedCaption-bgColor-enabled);
   position: relative;
 }
 
@@ -12876,11 +12613,11 @@ html {
 }
 
 .Primer_Brand__VideoPlayer-module__VideoPlayer__ccText___xIu2v {
-  color: var(--base-color-scale-black-0);
+  color: var(--brand-videoPlayer-closedCaption-fgColor-enabled);
 }
 
 .Primer_Brand__VideoPlayer-module__VideoPlayer__ccOff___svmJL .Primer_Brand__VideoPlayer-module__VideoPlayer__ccText___xIu2v {
-  color: var(--base-color-scale-gray-0);
+  color: var(--brand-videoPlayer-closedCaption-fgColor-disabled);
 }
 
 /* ---------------------------------------------------------- */
@@ -12891,7 +12628,7 @@ html {
   width: 100%;
   min-width: var(--brand-VideoPlayer-range-minWidth);
   height: var(--brand-VideoPlayer-range-height);
-  background-color: var(--base-color-scale-gray-0);
+  background-color: var(--brand-videoPlayer-range-bgColor-default);
   border-radius: var(--brand-VideoPlayer-range-borderRadius);
 }
 
@@ -12948,7 +12685,6 @@ html {
   -moz-appearance: none;
   appearance: none;
   overflow: hidden;
-  background: hsl(var(--base-color-scale-gray-0-hsl) / 50%);
   border: 0;
   border-radius: var(--brand-VideoPlayer-range-borderRadius);
   width: 100%;
@@ -12958,24 +12694,24 @@ html {
 }
 
 .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-webkit-progress-bar {
-  background-color: hsl(var(--base-color-scale-gray-0-hsl) / 50%);
+  background-color: var(--brand-videoPlayer-range-bgColor-default);
 }
 
 .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-webkit-progress-value {
-  background-color: var(--base-color-scale-blue-5);
+  background-color: var(--brand-videoPlayer-range-bgColor-progress);
 }
 
 .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-moz-progress-bar {
-  background: var(--base-color-scale-blue-5);
+  background: var(--brand-videoPlayer-range-bgColor-progress);
 }
 
 .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-ms-fill-lower {
-  background-color: var(--base-color-scale-blue-5);
+  background-color: var(--brand-videoPlayer-range-bgColor-progress);
   border: none;
 }
 
 .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-ms-fill-upper {
-  background-color: hsl(var(--base-color-scale-gray-0-hsl) / 50%);
+  background-color: var(--brand-videoPlayer-range-bgColor-default);
   border: none;
 }
 
@@ -13015,14 +12751,14 @@ html {
   left: 50%;
   z-index: -1;
   background: white;
-  box-shadow: 0 4px 4px hsl(var(--base-color-scale-black-0-hsl) / 20%);
+  box-shadow: 0 4px 4px rgba(27,31,36,0.2);
   transform: translate3d(-50%, 0, 0);
   padding: var(--brand-VideoPlayer-tooltip-padding);
   border-radius: var(--brand-borderRadius-medium);
 }
 
 .Primer_Brand__VideoPlayer-module__VideoPlayer__tooltipText____Syz7 {
-  color: var(--brand-InlineLink-color-rest);
+  color: var(--base-color-scale-gray-9);
 }
 
 .Primer_Brand__VideoPlayer-module__VideoPlayer__controlTextColor___YMFpe {
@@ -13052,7 +12788,7 @@ html {
 .Primer_Brand__VideoPlayer-module__VideoPlayer__captionText___e2su6 {
   color: var(--base-color-scale-white-0);
   text-align: center;
-  background: hsl(var(--base-color-scale-black-0-hsl) / 50%);
+  background: rgba(27,31,36,0.2);
   padding: var(--brand-VideoPlayer-closedCaption-text-padding);
   border-radius: var(--brand-borderRadius-medium);
   display: inline-block;
@@ -13060,7 +12796,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -13078,7 +12814,43 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:11:00 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
+ */
+
+:root,
+[data-color-mode="light"] {
+  --brand-videoPlayer-playButton-bgColor-rest: var(--base-color-scale-blue-5);
+  --brand-videoPlayer-playButton-fgColor-rest: var(--base-color-scale-gray-0);
+  --brand-videoPlayer-title-bgColor: linear-gradient(rgba(1,4,9,0.4), var(--base-color-scale-transparent));
+  --brand-videoPlayer-title-fgColor: var(--base-color-scale-gray-0);
+  --brand-videoPlayer-controls-bgColor: linear-gradient(var(--base-color-scale-transparent), rgba(1,4,9,0.4));
+  --brand-videoPlayer-controls-fgColor: var(--base-color-scale-gray-0);
+  --brand-videoPlayer-closedCaption-bgColor-enabled: var(--base-color-scale-gray-0);
+  --brand-videoPlayer-closedCaption-fgColor-enabled: var(--base-color-scale-black-0);
+  --brand-videoPlayer-closedCaption-fgColor-disabled: var(--base-color-scale-gray-0);
+  --brand-videoPlayer-closedCaption-borderColor-enabled: var(--base-color-scale-gray-0);
+  --brand-videoPlayer-range-bgColor-default: var(--base-color-scale-gray-0);
+  --brand-videoPlayer-range-bgColor-progress: var(--base-color-scale-blue-5);
+}
+
+[data-color-mode="dark"] {
+  --brand-videoPlayer-playButton-bgColor-rest: var(--base-color-scale-blue-5);
+  --brand-videoPlayer-playButton-fgColor-rest: var(--base-color-scale-gray-0);
+  --brand-videoPlayer-title-bgColor: linear-gradient(rgba(1,4,9,0.4), var(--base-color-scale-transparent));
+  --brand-videoPlayer-title-fgColor: var(--base-color-scale-gray-0);
+  --brand-videoPlayer-controls-bgColor: linear-gradient(var(--base-color-scale-transparent), rgba(1,4,9,0.4));
+  --brand-videoPlayer-controls-fgColor: var(--base-color-scale-gray-0);
+  --brand-videoPlayer-closedCaption-bgColor-enabled: var(--base-color-scale-gray-0);
+  --brand-videoPlayer-closedCaption-fgColor-enabled: var(--base-color-scale-black-0);
+  --brand-videoPlayer-closedCaption-fgColor-disabled: var(--base-color-scale-gray-0);
+  --brand-videoPlayer-closedCaption-borderColor-enabled: var(--base-color-scale-gray-0);
+  --brand-videoPlayer-range-bgColor-default: var(--base-color-scale-gray-0);
+  --brand-videoPlayer-range-bgColor-progress: var(--base-color-scale-blue-5);
+}
+
+/**
+ * Do not edit directly
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
@@ -13094,7 +12866,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -13319,7 +13091,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:11:00 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root,
@@ -13333,7 +13105,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {
@@ -13347,7 +13119,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 10:10:58 GMT
+ * Generated on Tue, 31 Oct 2023 17:38:36 GMT
  */
 
 :root {