@primer/primitives 10.6.1-rc.792232b9 → 10.7.0

package/dist/css/functional/themes/light-high-contrast.css

@@ -202,96 +202,286 @@
   --display-auburn-borderColor-emphasis: #8a5551;
   --display-auburn-borderColor-muted: #e6d6d5;
   --display-auburn-fgColor: #5d3937;
+  --display-auburn-scale-0: #f2e9e9;
+  --display-auburn-scale-1: #e6d6d5;
+  --display-auburn-scale-2: #d4b7b5;
+  --display-auburn-scale-3: #c59e9b;
+  --display-auburn-scale-4: #b4827e;
+  --display-auburn-scale-5: #9d615c;
+  --display-auburn-scale-6: #8a5551;
+  --display-auburn-scale-7: #744744;
+  --display-auburn-scale-8: #5d3937;
+  --display-auburn-scale-9: #432928;
   --display-blue-bgColor-emphasis: #004db3;
   --display-blue-bgColor-muted: #d1f0ff;
   --display-blue-borderColor-emphasis: #005fcc;
   --display-blue-borderColor-muted: #ade1ff;
   --display-blue-fgColor: #003d99;
+  --display-blue-scale-0: #d1f0ff;
+  --display-blue-scale-1: #ade1ff;
+  --display-blue-scale-2: #75c8ff;
+  --display-blue-scale-3: #47afff;
+  --display-blue-scale-4: #0f8fff;
+  --display-blue-scale-5: #006edb;
+  --display-blue-scale-6: #005fcc;
+  --display-blue-scale-7: #004db3;
+  --display-blue-scale-8: #003d99;
+  --display-blue-scale-9: #002b75;
   --display-brown-bgColor-emphasis: #64513a;
   --display-brown-bgColor-muted: #eeeae2;
   --display-brown-borderColor-emphasis: #755f43;
   --display-brown-borderColor-muted: #dfd7c8;
   --display-brown-fgColor: #51412f;
+  --display-brown-scale-0: #eeeae2;
+  --display-brown-scale-1: #dfd7c8;
+  --display-brown-scale-2: #cbbda4;
+  --display-brown-scale-3: #b8a484;
+  --display-brown-scale-4: #a68b64;
+  --display-brown-scale-5: #856d4c;
+  --display-brown-scale-6: #755f43;
+  --display-brown-scale-7: #64513a;
+  --display-brown-scale-8: #51412f;
+  --display-brown-scale-9: #3a2e22;
   --display-coral-bgColor-emphasis: #9b2712;
   --display-coral-bgColor-muted: #ffe5db;
   --display-coral-borderColor-emphasis: #ba2e12;
   --display-coral-borderColor-muted: #fecebe;
   --display-coral-fgColor: #7e2011;
+  --display-coral-scale-0: #ffe5db;
+  --display-coral-scale-1: #fecebe;
+  --display-coral-scale-2: #fcab92;
+  --display-coral-scale-3: #f88768;
+  --display-coral-scale-4: #f25f3a;
+  --display-coral-scale-5: #d43511;
+  --display-coral-scale-6: #ba2e12;
+  --display-coral-scale-7: #9b2712;
+  --display-coral-scale-8: #7e2011;
+  --display-coral-scale-9: #5d180e;
   --display-cyan-bgColor-emphasis: #00596b;
   --display-cyan-bgColor-muted: #bdf4ff;
   --display-cyan-borderColor-emphasis: #006a80;
   --display-cyan-borderColor-muted: #7ae9ff;
   --display-cyan-fgColor: #004857;
+  --display-cyan-scale-0: #bdf4ff;
+  --display-cyan-scale-1: #7ae9ff;
+  --display-cyan-scale-2: #00d0fa;
+  --display-cyan-scale-3: #00b7db;
+  --display-cyan-scale-4: #0099b8;
+  --display-cyan-scale-5: #007b94;
+  --display-cyan-scale-6: #006a80;
+  --display-cyan-scale-7: #00596b;
+  --display-cyan-scale-8: #004857;
+  --display-cyan-scale-9: #003742;
   --display-gray-bgColor-emphasis: #4e535a;
   --display-gray-bgColor-muted: #e8ecf2;
   --display-gray-borderColor-emphasis: #5c6570;
   --display-gray-borderColor-muted: #d2dae4;
   --display-gray-fgColor: #424448;
+  --display-gray-scale-0: #e8ecf2;
+  --display-gray-scale-1: #d2dae4;
+  --display-gray-scale-2: #b4c0cf;
+  --display-gray-scale-3: #9ba9bb;
+  --display-gray-scale-4: #808fa3;
+  --display-gray-scale-5: #647182;
+  --display-gray-scale-6: #5c6570;
+  --display-gray-scale-7: #4e535a;
+  --display-gray-scale-8: #424448;
+  --display-gray-scale-9: #303031;
   --display-green-bgColor-emphasis: #285c3b;
   --display-green-bgColor-muted: #caf7ca;
   --display-green-borderColor-emphasis: #2b6e3f;
   --display-green-borderColor-muted: #9ceda0;
   --display-green-fgColor: #254b34;
+  --display-green-scale-0: #caf7ca;
+  --display-green-scale-1: #9ceda0;
+  --display-green-scale-2: #54d961;
+  --display-green-scale-3: #31bf46;
+  --display-green-scale-4: #30a147;
+  --display-green-scale-5: #2c8141;
+  --display-green-scale-6: #2b6e3f;
+  --display-green-scale-7: #285c3b;
+  --display-green-scale-8: #254b34;
+  --display-green-scale-9: #1d3528;
   --display-indigo-bgColor-emphasis: #393cd5;
   --display-indigo-bgColor-muted: #e5e9ff;
   --display-indigo-borderColor-emphasis: #494edf;
   --display-indigo-borderColor-muted: #d2d7fe;
   --display-indigo-fgColor: #2d2db4;
+  --display-indigo-scale-0: #e5e9ff;
+  --display-indigo-scale-1: #d2d7fe;
+  --display-indigo-scale-2: #b1b9fb;
+  --display-indigo-scale-3: #979ff7;
+  --display-indigo-scale-4: #7a82f0;
+  --display-indigo-scale-5: #5a61e7;
+  --display-indigo-scale-6: #494edf;
+  --display-indigo-scale-7: #393cd5;
+  --display-indigo-scale-8: #2d2db4;
+  --display-indigo-scale-9: #25247b;
   --display-lemon-bgColor-emphasis: #654f01;
   --display-lemon-bgColor-muted: #f7eea1;
   --display-lemon-borderColor-emphasis: #786002;
   --display-lemon-borderColor-muted: #f0db3d;
   --display-lemon-fgColor: #523f00;
+  --display-lemon-scale-0: #f7eea1;
+  --display-lemon-scale-1: #f0db3d;
+  --display-lemon-scale-2: #d8bd0e;
+  --display-lemon-scale-3: #c2a60a;
+  --display-lemon-scale-4: #a68c07;
+  --display-lemon-scale-5: #866e04;
+  --display-lemon-scale-6: #786002;
+  --display-lemon-scale-7: #654f01;
+  --display-lemon-scale-8: #523f00;
+  --display-lemon-scale-9: #3d2e00;
   --display-lime-bgColor-emphasis: #3a5b25;
   --display-lime-bgColor-muted: #e3f2b5;
   --display-lime-borderColor-emphasis: #476c28;
   --display-lime-borderColor-muted: #c7e580;
   --display-lime-fgColor: #2f4a21;
+  --display-lime-scale-0: #e3f2b5;
+  --display-lime-scale-1: #c7e580;
+  --display-lime-scale-2: #9bd039;
+  --display-lime-scale-3: #80b530;
+  --display-lime-scale-4: #6c9d2f;
+  --display-lime-scale-5: #527a29;
+  --display-lime-scale-6: #476c28;
+  --display-lime-scale-7: #3a5b25;
+  --display-lime-scale-8: #2f4a21;
+  --display-lime-scale-9: #213319;
   --display-olive-bgColor-emphasis: #495a2b;
   --display-olive-bgColor-muted: #f0f0ad;
   --display-olive-borderColor-emphasis: #56682c;
   --display-olive-borderColor-muted: #dbe170;
   --display-olive-fgColor: #3b4927;
+  --display-olive-scale-0: #f0f0ad;
+  --display-olive-scale-1: #dbe170;
+  --display-olive-scale-2: #b9c832;
+  --display-olive-scale-3: #9bae32;
+  --display-olive-scale-4: #819532;
+  --display-olive-scale-5: #64762d;
+  --display-olive-scale-6: #56682c;
+  --display-olive-scale-7: #495a2b;
+  --display-olive-scale-8: #3b4927;
+  --display-olive-scale-9: #2a331f;
   --display-orange-bgColor-emphasis: #8d3c11;
   --display-orange-bgColor-muted: #ffe7d1;
   --display-orange-borderColor-emphasis: #a24610;
   --display-orange-borderColor-muted: #fecfaa;
   --display-orange-fgColor: #70300f;
+  --display-orange-scale-0: #ffe7d1;
+  --display-orange-scale-1: #fecfaa;
+  --display-orange-scale-2: #fbaf74;
+  --display-orange-scale-3: #f68c41;
+  --display-orange-scale-4: #eb670f;
+  --display-orange-scale-5: #b8500f;
+  --display-orange-scale-6: #a24610;
+  --display-orange-scale-7: #8d3c11;
+  --display-orange-scale-8: #70300f;
+  --display-orange-scale-9: #54230d;
   --display-pine-bgColor-emphasis: #135d41;
   --display-pine-bgColor-muted: #bff8db;
   --display-pine-borderColor-emphasis: #156f4b;
   --display-pine-borderColor-muted: #80efb9;
   --display-pine-fgColor: #114b36;
+  --display-pine-scale-0: #bff8db;
+  --display-pine-scale-1: #80efb9;
+  --display-pine-scale-2: #1dd781;
+  --display-pine-scale-3: #1dbf76;
+  --display-pine-scale-4: #1aa267;
+  --display-pine-scale-5: #167e53;
+  --display-pine-scale-6: #156f4b;
+  --display-pine-scale-7: #135d41;
+  --display-pine-scale-8: #114b36;
+  --display-pine-scale-9: #0d3627;
   --display-pink-bgColor-emphasis: #8e2e66;
   --display-pink-bgColor-muted: #ffe5f1;
   --display-pink-borderColor-emphasis: #b12f79;
   --display-pink-borderColor-muted: #fdc9e2;
   --display-pink-fgColor: #6e2b53;
+  --display-pink-scale-0: #ffe5f1;
+  --display-pink-scale-1: #fdc9e2;
+  --display-pink-scale-2: #f8a5cf;
+  --display-pink-scale-3: #f184bc;
+  --display-pink-scale-4: #e55da5;
+  --display-pink-scale-5: #ce2c85;
+  --display-pink-scale-6: #b12f79;
+  --display-pink-scale-7: #8e2e66;
+  --display-pink-scale-8: #6e2b53;
+  --display-pink-scale-9: #4d233d;
   --display-plum-bgColor-emphasis: #7d1eb8;
   --display-plum-bgColor-muted: #f8e5ff;
   --display-plum-borderColor-emphasis: #961edc;
   --display-plum-borderColor-muted: #f0cdfe;
   --display-plum-fgColor: #651d96;
+  --display-plum-scale-0: #f8e5ff;
+  --display-plum-scale-1: #f0cdfe;
+  --display-plum-scale-2: #e2a7fb;
+  --display-plum-scale-3: #d487f7;
+  --display-plum-scale-4: #c264f2;
+  --display-plum-scale-5: #a830e8;
+  --display-plum-scale-6: #961edc;
+  --display-plum-scale-7: #7d1eb8;
+  --display-plum-scale-8: #651d96;
+  --display-plum-scale-9: #471769;
   --display-purple-bgColor-emphasis: #6223d7;
   --display-purple-bgColor-muted: #f1e5ff;
   --display-purple-borderColor-emphasis: #783ae4;
   --display-purple-borderColor-muted: #e6d2fe;
   --display-purple-fgColor: #4f21ab;
+  --display-purple-scale-0: #f1e5ff;
+  --display-purple-scale-1: #e6d2fe;
+  --display-purple-scale-2: #d1b1fc;
+  --display-purple-scale-3: #bc91f8;
+  --display-purple-scale-4: #a672f3;
+  --display-purple-scale-5: #894ceb;
+  --display-purple-scale-6: #783ae4;
+  --display-purple-scale-7: #6223d7;
+  --display-purple-scale-8: #4f21ab;
+  --display-purple-scale-9: #391b79;
   --display-red-bgColor-emphasis: #a60c29;
   --display-red-bgColor-muted: #ffe2e0;
   --display-red-borderColor-emphasis: #c50d28;
   --display-red-borderColor-muted: #fecdcd;
   --display-red-fgColor: #880c27;
+  --display-red-scale-0: #ffe2e0;
+  --display-red-scale-1: #fecdcd;
+  --display-red-scale-2: #fda5a7;
+  --display-red-scale-3: #fb8389;
+  --display-red-scale-4: #f85461;
+  --display-red-scale-5: #df0c24;
+  --display-red-scale-6: #c50d28;
+  --display-red-scale-7: #a60c29;
+  --display-red-scale-8: #880c27;
+  --display-red-scale-9: #610a20;
   --display-teal-bgColor-emphasis: #0d5b63;
   --display-teal-bgColor-muted: #c7f5ef;
   --display-teal-borderColor-emphasis: #106e75;
   --display-teal-borderColor-muted: #89ebe1;
   --display-teal-fgColor: #0a4852;
+  --display-teal-scale-0: #c7f5ef;
+  --display-teal-scale-1: #89ebe1;
+  --display-teal-scale-2: #22d3c7;
+  --display-teal-scale-3: #1db9b4;
+  --display-teal-scale-4: #179b9b;
+  --display-teal-scale-5: #127e81;
+  --display-teal-scale-6: #106e75;
+  --display-teal-scale-7: #0d5b63;
+  --display-teal-scale-8: #0a4852;
+  --display-teal-scale-9: #073740;
   --display-yellow-bgColor-emphasis: #704d00;
   --display-yellow-bgColor-muted: #ffec9e;
   --display-yellow-borderColor-emphasis: #805900;
   --display-yellow-borderColor-muted: #ffd642;
   --display-yellow-fgColor: #5c3d00;
+  --display-yellow-scale-0: #ffec9e;
+  --display-yellow-scale-1: #ffd642;
+  --display-yellow-scale-2: #ebb400;
+  --display-yellow-scale-3: #d19d00;
+  --display-yellow-scale-4: #b88700;
+  --display-yellow-scale-5: #946a00;
+  --display-yellow-scale-6: #805900;
+  --display-yellow-scale-7: #704d00;
+  --display-yellow-scale-8: #5c3d00;
+  --display-yellow-scale-9: #422b00;
   --fgColor-accent: #023b95;
   --fgColor-attention: #603700;
   --fgColor-danger: #86061d;
@@ -840,96 +1030,286 @@
     --display-auburn-borderColor-emphasis: #8a5551;
     --display-auburn-borderColor-muted: #e6d6d5;
     --display-auburn-fgColor: #5d3937;
+    --display-auburn-scale-0: #f2e9e9;
+    --display-auburn-scale-1: #e6d6d5;
+    --display-auburn-scale-2: #d4b7b5;
+    --display-auburn-scale-3: #c59e9b;
+    --display-auburn-scale-4: #b4827e;
+    --display-auburn-scale-5: #9d615c;
+    --display-auburn-scale-6: #8a5551;
+    --display-auburn-scale-7: #744744;
+    --display-auburn-scale-8: #5d3937;
+    --display-auburn-scale-9: #432928;
     --display-blue-bgColor-emphasis: #004db3;
     --display-blue-bgColor-muted: #d1f0ff;
     --display-blue-borderColor-emphasis: #005fcc;
     --display-blue-borderColor-muted: #ade1ff;
     --display-blue-fgColor: #003d99;
+    --display-blue-scale-0: #d1f0ff;
+    --display-blue-scale-1: #ade1ff;
+    --display-blue-scale-2: #75c8ff;
+    --display-blue-scale-3: #47afff;
+    --display-blue-scale-4: #0f8fff;
+    --display-blue-scale-5: #006edb;
+    --display-blue-scale-6: #005fcc;
+    --display-blue-scale-7: #004db3;
+    --display-blue-scale-8: #003d99;
+    --display-blue-scale-9: #002b75;
     --display-brown-bgColor-emphasis: #64513a;
     --display-brown-bgColor-muted: #eeeae2;
     --display-brown-borderColor-emphasis: #755f43;
     --display-brown-borderColor-muted: #dfd7c8;
     --display-brown-fgColor: #51412f;
+    --display-brown-scale-0: #eeeae2;
+    --display-brown-scale-1: #dfd7c8;
+    --display-brown-scale-2: #cbbda4;
+    --display-brown-scale-3: #b8a484;
+    --display-brown-scale-4: #a68b64;
+    --display-brown-scale-5: #856d4c;
+    --display-brown-scale-6: #755f43;
+    --display-brown-scale-7: #64513a;
+    --display-brown-scale-8: #51412f;
+    --display-brown-scale-9: #3a2e22;
     --display-coral-bgColor-emphasis: #9b2712;
     --display-coral-bgColor-muted: #ffe5db;
     --display-coral-borderColor-emphasis: #ba2e12;
     --display-coral-borderColor-muted: #fecebe;
     --display-coral-fgColor: #7e2011;
+    --display-coral-scale-0: #ffe5db;
+    --display-coral-scale-1: #fecebe;
+    --display-coral-scale-2: #fcab92;
+    --display-coral-scale-3: #f88768;
+    --display-coral-scale-4: #f25f3a;
+    --display-coral-scale-5: #d43511;
+    --display-coral-scale-6: #ba2e12;
+    --display-coral-scale-7: #9b2712;
+    --display-coral-scale-8: #7e2011;
+    --display-coral-scale-9: #5d180e;
     --display-cyan-bgColor-emphasis: #00596b;
     --display-cyan-bgColor-muted: #bdf4ff;
     --display-cyan-borderColor-emphasis: #006a80;
     --display-cyan-borderColor-muted: #7ae9ff;
     --display-cyan-fgColor: #004857;
+    --display-cyan-scale-0: #bdf4ff;
+    --display-cyan-scale-1: #7ae9ff;
+    --display-cyan-scale-2: #00d0fa;
+    --display-cyan-scale-3: #00b7db;
+    --display-cyan-scale-4: #0099b8;
+    --display-cyan-scale-5: #007b94;
+    --display-cyan-scale-6: #006a80;
+    --display-cyan-scale-7: #00596b;
+    --display-cyan-scale-8: #004857;
+    --display-cyan-scale-9: #003742;
     --display-gray-bgColor-emphasis: #4e535a;
     --display-gray-bgColor-muted: #e8ecf2;
     --display-gray-borderColor-emphasis: #5c6570;
     --display-gray-borderColor-muted: #d2dae4;
     --display-gray-fgColor: #424448;
+    --display-gray-scale-0: #e8ecf2;
+    --display-gray-scale-1: #d2dae4;
+    --display-gray-scale-2: #b4c0cf;
+    --display-gray-scale-3: #9ba9bb;
+    --display-gray-scale-4: #808fa3;
+    --display-gray-scale-5: #647182;
+    --display-gray-scale-6: #5c6570;
+    --display-gray-scale-7: #4e535a;
+    --display-gray-scale-8: #424448;
+    --display-gray-scale-9: #303031;
     --display-green-bgColor-emphasis: #285c3b;
     --display-green-bgColor-muted: #caf7ca;
     --display-green-borderColor-emphasis: #2b6e3f;
     --display-green-borderColor-muted: #9ceda0;
     --display-green-fgColor: #254b34;
+    --display-green-scale-0: #caf7ca;
+    --display-green-scale-1: #9ceda0;
+    --display-green-scale-2: #54d961;
+    --display-green-scale-3: #31bf46;
+    --display-green-scale-4: #30a147;
+    --display-green-scale-5: #2c8141;
+    --display-green-scale-6: #2b6e3f;
+    --display-green-scale-7: #285c3b;
+    --display-green-scale-8: #254b34;
+    --display-green-scale-9: #1d3528;
     --display-indigo-bgColor-emphasis: #393cd5;
     --display-indigo-bgColor-muted: #e5e9ff;
     --display-indigo-borderColor-emphasis: #494edf;
     --display-indigo-borderColor-muted: #d2d7fe;
     --display-indigo-fgColor: #2d2db4;
+    --display-indigo-scale-0: #e5e9ff;
+    --display-indigo-scale-1: #d2d7fe;
+    --display-indigo-scale-2: #b1b9fb;
+    --display-indigo-scale-3: #979ff7;
+    --display-indigo-scale-4: #7a82f0;
+    --display-indigo-scale-5: #5a61e7;
+    --display-indigo-scale-6: #494edf;
+    --display-indigo-scale-7: #393cd5;
+    --display-indigo-scale-8: #2d2db4;
+    --display-indigo-scale-9: #25247b;
     --display-lemon-bgColor-emphasis: #654f01;
     --display-lemon-bgColor-muted: #f7eea1;
     --display-lemon-borderColor-emphasis: #786002;
     --display-lemon-borderColor-muted: #f0db3d;
     --display-lemon-fgColor: #523f00;
+    --display-lemon-scale-0: #f7eea1;
+    --display-lemon-scale-1: #f0db3d;
+    --display-lemon-scale-2: #d8bd0e;
+    --display-lemon-scale-3: #c2a60a;
+    --display-lemon-scale-4: #a68c07;
+    --display-lemon-scale-5: #866e04;
+    --display-lemon-scale-6: #786002;
+    --display-lemon-scale-7: #654f01;
+    --display-lemon-scale-8: #523f00;
+    --display-lemon-scale-9: #3d2e00;
     --display-lime-bgColor-emphasis: #3a5b25;
     --display-lime-bgColor-muted: #e3f2b5;
     --display-lime-borderColor-emphasis: #476c28;
     --display-lime-borderColor-muted: #c7e580;
     --display-lime-fgColor: #2f4a21;
+    --display-lime-scale-0: #e3f2b5;
+    --display-lime-scale-1: #c7e580;
+    --display-lime-scale-2: #9bd039;
+    --display-lime-scale-3: #80b530;
+    --display-lime-scale-4: #6c9d2f;
+    --display-lime-scale-5: #527a29;
+    --display-lime-scale-6: #476c28;
+    --display-lime-scale-7: #3a5b25;
+    --display-lime-scale-8: #2f4a21;
+    --display-lime-scale-9: #213319;
     --display-olive-bgColor-emphasis: #495a2b;
     --display-olive-bgColor-muted: #f0f0ad;
     --display-olive-borderColor-emphasis: #56682c;
     --display-olive-borderColor-muted: #dbe170;
     --display-olive-fgColor: #3b4927;
+    --display-olive-scale-0: #f0f0ad;
+    --display-olive-scale-1: #dbe170;
+    --display-olive-scale-2: #b9c832;
+    --display-olive-scale-3: #9bae32;
+    --display-olive-scale-4: #819532;
+    --display-olive-scale-5: #64762d;
+    --display-olive-scale-6: #56682c;
+    --display-olive-scale-7: #495a2b;
+    --display-olive-scale-8: #3b4927;
+    --display-olive-scale-9: #2a331f;
     --display-orange-bgColor-emphasis: #8d3c11;
     --display-orange-bgColor-muted: #ffe7d1;
     --display-orange-borderColor-emphasis: #a24610;
     --display-orange-borderColor-muted: #fecfaa;
     --display-orange-fgColor: #70300f;
+    --display-orange-scale-0: #ffe7d1;
+    --display-orange-scale-1: #fecfaa;
+    --display-orange-scale-2: #fbaf74;
+    --display-orange-scale-3: #f68c41;
+    --display-orange-scale-4: #eb670f;
+    --display-orange-scale-5: #b8500f;
+    --display-orange-scale-6: #a24610;
+    --display-orange-scale-7: #8d3c11;
+    --display-orange-scale-8: #70300f;
+    --display-orange-scale-9: #54230d;
     --display-pine-bgColor-emphasis: #135d41;
     --display-pine-bgColor-muted: #bff8db;
     --display-pine-borderColor-emphasis: #156f4b;
     --display-pine-borderColor-muted: #80efb9;
     --display-pine-fgColor: #114b36;
+    --display-pine-scale-0: #bff8db;
+    --display-pine-scale-1: #80efb9;
+    --display-pine-scale-2: #1dd781;
+    --display-pine-scale-3: #1dbf76;
+    --display-pine-scale-4: #1aa267;
+    --display-pine-scale-5: #167e53;
+    --display-pine-scale-6: #156f4b;
+    --display-pine-scale-7: #135d41;
+    --display-pine-scale-8: #114b36;
+    --display-pine-scale-9: #0d3627;
     --display-pink-bgColor-emphasis: #8e2e66;
     --display-pink-bgColor-muted: #ffe5f1;
     --display-pink-borderColor-emphasis: #b12f79;
     --display-pink-borderColor-muted: #fdc9e2;
     --display-pink-fgColor: #6e2b53;
+    --display-pink-scale-0: #ffe5f1;
+    --display-pink-scale-1: #fdc9e2;
+    --display-pink-scale-2: #f8a5cf;
+    --display-pink-scale-3: #f184bc;
+    --display-pink-scale-4: #e55da5;
+    --display-pink-scale-5: #ce2c85;
+    --display-pink-scale-6: #b12f79;
+    --display-pink-scale-7: #8e2e66;
+    --display-pink-scale-8: #6e2b53;
+    --display-pink-scale-9: #4d233d;
     --display-plum-bgColor-emphasis: #7d1eb8;
     --display-plum-bgColor-muted: #f8e5ff;
     --display-plum-borderColor-emphasis: #961edc;
     --display-plum-borderColor-muted: #f0cdfe;
     --display-plum-fgColor: #651d96;
+    --display-plum-scale-0: #f8e5ff;
+    --display-plum-scale-1: #f0cdfe;
+    --display-plum-scale-2: #e2a7fb;
+    --display-plum-scale-3: #d487f7;
+    --display-plum-scale-4: #c264f2;
+    --display-plum-scale-5: #a830e8;
+    --display-plum-scale-6: #961edc;
+    --display-plum-scale-7: #7d1eb8;
+    --display-plum-scale-8: #651d96;
+    --display-plum-scale-9: #471769;
     --display-purple-bgColor-emphasis: #6223d7;
     --display-purple-bgColor-muted: #f1e5ff;
     --display-purple-borderColor-emphasis: #783ae4;
     --display-purple-borderColor-muted: #e6d2fe;
     --display-purple-fgColor: #4f21ab;
+    --display-purple-scale-0: #f1e5ff;
+    --display-purple-scale-1: #e6d2fe;
+    --display-purple-scale-2: #d1b1fc;
+    --display-purple-scale-3: #bc91f8;
+    --display-purple-scale-4: #a672f3;
+    --display-purple-scale-5: #894ceb;
+    --display-purple-scale-6: #783ae4;
+    --display-purple-scale-7: #6223d7;
+    --display-purple-scale-8: #4f21ab;
+    --display-purple-scale-9: #391b79;
     --display-red-bgColor-emphasis: #a60c29;
     --display-red-bgColor-muted: #ffe2e0;
     --display-red-borderColor-emphasis: #c50d28;
     --display-red-borderColor-muted: #fecdcd;
     --display-red-fgColor: #880c27;
+    --display-red-scale-0: #ffe2e0;
+    --display-red-scale-1: #fecdcd;
+    --display-red-scale-2: #fda5a7;
+    --display-red-scale-3: #fb8389;
+    --display-red-scale-4: #f85461;
+    --display-red-scale-5: #df0c24;
+    --display-red-scale-6: #c50d28;
+    --display-red-scale-7: #a60c29;
+    --display-red-scale-8: #880c27;
+    --display-red-scale-9: #610a20;
     --display-teal-bgColor-emphasis: #0d5b63;
     --display-teal-bgColor-muted: #c7f5ef;
     --display-teal-borderColor-emphasis: #106e75;
     --display-teal-borderColor-muted: #89ebe1;
     --display-teal-fgColor: #0a4852;
+    --display-teal-scale-0: #c7f5ef;
+    --display-teal-scale-1: #89ebe1;
+    --display-teal-scale-2: #22d3c7;
+    --display-teal-scale-3: #1db9b4;
+    --display-teal-scale-4: #179b9b;
+    --display-teal-scale-5: #127e81;
+    --display-teal-scale-6: #106e75;
+    --display-teal-scale-7: #0d5b63;
+    --display-teal-scale-8: #0a4852;
+    --display-teal-scale-9: #073740;
     --display-yellow-bgColor-emphasis: #704d00;
     --display-yellow-bgColor-muted: #ffec9e;
     --display-yellow-borderColor-emphasis: #805900;
     --display-yellow-borderColor-muted: #ffd642;
     --display-yellow-fgColor: #5c3d00;
+    --display-yellow-scale-0: #ffec9e;
+    --display-yellow-scale-1: #ffd642;
+    --display-yellow-scale-2: #ebb400;
+    --display-yellow-scale-3: #d19d00;
+    --display-yellow-scale-4: #b88700;
+    --display-yellow-scale-5: #946a00;
+    --display-yellow-scale-6: #805900;
+    --display-yellow-scale-7: #704d00;
+    --display-yellow-scale-8: #5c3d00;
+    --display-yellow-scale-9: #422b00;
     --fgColor-accent: #023b95;
     --fgColor-attention: #603700;
     --fgColor-danger: #86061d;