@primer/react-brand 0.65.1 → 0.66.0-rc.09d71a57

package/lib/design-tokens/css/tokens/base/colors/light.css

@@ -1,140 +1,140 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:28 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:08 GMT
  */
 
 :root {
-  --base-color-scale-indigo-9: #191F5C;
-  --base-color-scale-indigo-8: #22297F;
-  --base-color-scale-indigo-7: #2C33A5;
-  --base-color-scale-indigo-6: #3C42D0;
-  --base-color-scale-indigo-5: #545DF0;
-  --base-color-scale-indigo-4: #7683FF;
-  --base-color-scale-indigo-3: #9AA4FF;
-  --base-color-scale-indigo-2: #B9C2FF;
-  --base-color-scale-indigo-1: #D7DDFF;
+  --base-color-scale-indigo-9: #12144F;
+  --base-color-scale-indigo-8: #212183;
+  --base-color-scale-indigo-7: #262DAE;
+  --base-color-scale-indigo-6: #2D3DD7;
+  --base-color-scale-indigo-5: #4956E5;
+  --base-color-scale-indigo-4: #6B7BEF;
+  --base-color-scale-indigo-3: #8E9DF7;
+  --base-color-scale-indigo-2: #B3C1FD;
+  --base-color-scale-indigo-1: #D4DBFF;
   --base-color-scale-indigo-0: #EFF2FF;
   --base-color-scale-teal-9: #052B2C;
-  --base-color-scale-teal-8: #063A3C;
+  --base-color-scale-teal-8: #083D3D;
   --base-color-scale-teal-7: #024B4D;
   --base-color-scale-teal-6: #136061;
   --base-color-scale-teal-5: #197B7B;
-  --base-color-scale-teal-4: #339D9B;
-  --base-color-scale-teal-3: #49BCB7;
-  --base-color-scale-teal-2: #6BD6D0;
-  --base-color-scale-teal-1: #B0EAE3;
+  --base-color-scale-teal-4: #23B1AE;
+  --base-color-scale-teal-3: #39DAD2;
+  --base-color-scale-teal-2: #6EE5DC;
+  --base-color-scale-teal-1: #A4EFE8;
   --base-color-scale-teal-0: #DAF9F5;
   --base-color-scale-lime-9: #182C01;
-  --base-color-scale-lime-8: #233B03;
-  --base-color-scale-lime-7: #2F4A06;
-  --base-color-scale-lime-6: #425E13;
-  --base-color-scale-lime-5: #5A791B;
-  --base-color-scale-lime-4: #799A2A;
-  --base-color-scale-lime-3: #94B83B;
-  --base-color-scale-lime-2: #B1D353;
-  --base-color-scale-lime-1: #CDEC78;
-  --base-color-scale-lime-0: #EAFABA;
+  --base-color-scale-lime-8: #2C440B;
+  --base-color-scale-lime-7: #425E13;
+  --base-color-scale-lime-6: #698E17;
+  --base-color-scale-lime-5: #92C219;
+  --base-color-scale-lime-4: #B2DE28;
+  --base-color-scale-lime-3: #D1F441;
+  --base-color-scale-lime-2: #DCFA67;
+  --base-color-scale-lime-1: #E8FC97;
+  --base-color-scale-lime-0: #F3FEC8;
   --base-color-scale-lemon-9: #322400;
   --base-color-scale-lemon-8: #413200;
-  --base-color-scale-lemon-7: #534100;
-  --base-color-scale-lemon-6: #685400;
-  --base-color-scale-lemon-5: #866D00;
-  --base-color-scale-lemon-4: #A88D02;
-  --base-color-scale-lemon-3: #C5AA20;
-  --base-color-scale-lemon-2: #DEC741;
-  --base-color-scale-lemon-1: #F4E162;
+  --base-color-scale-lemon-7: #614D01;
+  --base-color-scale-lemon-6: #806803;
+  --base-color-scale-lemon-5: #A98906;
+  --base-color-scale-lemon-4: #C7A60B;
+  --base-color-scale-lemon-3: #E1C50F;
+  --base-color-scale-lemon-2: #F2DA3B;
+  --base-color-scale-lemon-1: #F5E36B;
   --base-color-scale-lemon-0: #FDF5B3;
-  --base-color-scale-coral-9: #510901;
-  --base-color-scale-coral-8: #691105;
-  --base-color-scale-coral-7: #801f0f;
-  --base-color-scale-coral-6: #9e2f1c;
-  --base-color-scale-coral-5: #c4432b;
-  --base-color-scale-coral-4: #ec6547;
-  --base-color-scale-coral-3: #fd8c73;
-  --base-color-scale-coral-2: #ffb4a1;
-  --base-color-scale-coral-1: #ffd6cc;
-  --base-color-scale-coral-0: #fff0eb;
-  --base-color-scale-pink-9: #4d0336;
-  --base-color-scale-pink-8: #611347;
-  --base-color-scale-pink-7: #772057;
-  --base-color-scale-pink-6: #99286e;
-  --base-color-scale-pink-5: #bf3989;
-  --base-color-scale-pink-4: #e85aad;
-  --base-color-scale-pink-3: #ff80c8;
-  --base-color-scale-pink-2: #ffadda;
-  --base-color-scale-pink-1: #ffd3eb;
-  --base-color-scale-pink-0: #ffeff7;
-  --base-color-scale-purple-9: #2e1461;
-  --base-color-scale-purple-8: #3e1f79;
-  --base-color-scale-purple-7: #512a97;
-  --base-color-scale-purple-6: #6639ba;
-  --base-color-scale-purple-5: #8250df;
-  --base-color-scale-purple-4: #a475f9;
-  --base-color-scale-purple-3: #c297ff;
-  --base-color-scale-purple-2: #d8b9ff;
-  --base-color-scale-purple-1: #ecd8ff;
-  --base-color-scale-purple-0: #fbefff;
-  --base-color-scale-red-9: #4c0014;
-  --base-color-scale-red-8: #660018;
-  --base-color-scale-red-7: #82071e;
-  --base-color-scale-red-6: #a40e26;
-  --base-color-scale-red-5: #cf222e;
-  --base-color-scale-red-4: #fa4549;
-  --base-color-scale-red-3: #ff8182;
-  --base-color-scale-red-2: #ffaba8;
-  --base-color-scale-red-1: #ffcecb;
-  --base-color-scale-red-0: #ffebe9;
+  --base-color-scale-coral-9: #500A00;
+  --base-color-scale-coral-8: #801E0F;
+  --base-color-scale-coral-7: #A22710;
+  --base-color-scale-coral-6: #C53211;
+  --base-color-scale-coral-5: #E13F1B;
+  --base-color-scale-coral-4: #FE4C25;
+  --base-color-scale-coral-3: #FF7B56;
+  --base-color-scale-coral-2: #FFA387;
+  --base-color-scale-coral-1: #FFCAB8;
+  --base-color-scale-coral-0: #FFF0EB;
+  --base-color-scale-pink-9: #3D0A28;
+  --base-color-scale-pink-8: #651643;
+  --base-color-scale-pink-7: #952866;
+  --base-color-scale-pink-6: #CA2186;
+  --base-color-scale-pink-5: #EF2AA4;
+  --base-color-scale-pink-4: #FF4AC0;
+  --base-color-scale-pink-3: #FF80D2;
+  --base-color-scale-pink-2: #F67ED2;
+  --base-color-scale-pink-1: #FFC9F2;
+  --base-color-scale-pink-0: #FFF0FC;
+  --base-color-scale-purple-9: #160048;
+  --base-color-scale-purple-8: #26115F;
+  --base-color-scale-purple-7: #43179E;
+  --base-color-scale-purple-6: #6619E1;
+  --base-color-scale-purple-5: #8534F3;
+  --base-color-scale-purple-4: #9F51FA;
+  --base-color-scale-purple-3: #B870FF;
+  --base-color-scale-purple-2: #C898FD;
+  --base-color-scale-purple-1: #DBBFFD;
+  --base-color-scale-purple-0: #F0E5FF;
+  --base-color-scale-red-9: #420011;
+  --base-color-scale-red-8: #730019;
+  --base-color-scale-red-7: #860620;
+  --base-color-scale-red-6: #AE0B29;
+  --base-color-scale-red-5: #CF2230;
+  --base-color-scale-red-4: #FA4549;
+  --base-color-scale-red-3: #FF8182;
+  --base-color-scale-red-2: #FFABA8;
+  --base-color-scale-red-1: #FFCECB;
+  --base-color-scale-red-0: #FFEBE9;
   --base-color-scale-orange-9: #471700;
-  --base-color-scale-orange-8: #5c2200;
-  --base-color-scale-orange-7: #762c00;
-  --base-color-scale-orange-6: #953800;
-  --base-color-scale-orange-5: #bc4c00;
-  --base-color-scale-orange-4: #e16f24;
-  --base-color-scale-orange-3: #fb8f44;
-  --base-color-scale-orange-2: #ffb77c;
-  --base-color-scale-orange-1: #ffd8b5;
-  --base-color-scale-orange-0: #fff1e5;
-  --base-color-scale-yellow-9: #3b2300;
-  --base-color-scale-yellow-8: #4d2d00;
-  --base-color-scale-yellow-7: #633c01;
-  --base-color-scale-yellow-6: #7d4e00;
-  --base-color-scale-yellow-5: #9a6700;
-  --base-color-scale-yellow-4: #bf8700;
-  --base-color-scale-yellow-3: #d4a72c;
-  --base-color-scale-yellow-2: #eac54f;
-  --base-color-scale-yellow-1: #fae17d;
-  --base-color-scale-yellow-0: #fff8c5;
-  --base-color-scale-green-9: #002d11;
-  --base-color-scale-green-8: #003d16;
-  --base-color-scale-green-7: #044f1e;
-  --base-color-scale-green-6: #116329;
-  --base-color-scale-green-5: #1a7f37;
-  --base-color-scale-green-4: #2da44e;
-  --base-color-scale-green-3: #4ac26b;
-  --base-color-scale-green-2: #6fdd8b;
-  --base-color-scale-green-1: #aceebb;
-  --base-color-scale-green-0: #dafbe1;
-  --base-color-scale-blue-9: #002155;
-  --base-color-scale-blue-8: #0a3069;
-  --base-color-scale-blue-7: #033d8b;
-  --base-color-scale-blue-6: #0550ae;
-  --base-color-scale-blue-5: #0969da;
-  --base-color-scale-blue-4: #218bff;
-  --base-color-scale-blue-3: #54aeff;
-  --base-color-scale-blue-2: #80ccff;
-  --base-color-scale-blue-1: #b6e3ff;
-  --base-color-scale-blue-0: #ddf4ff;
-  --base-color-scale-gray-9: #24292f;
-  --base-color-scale-gray-8: #32383f;
-  --base-color-scale-gray-7: #424a53;
-  --base-color-scale-gray-6: #57606a;
-  --base-color-scale-gray-5: #6e7781;
-  --base-color-scale-gray-4: #8c959f;
-  --base-color-scale-gray-3: #afb8c1;
-  --base-color-scale-gray-2: #d0d7de;
-  --base-color-scale-gray-1: #eaeef2;
-  --base-color-scale-gray-0: #f6f8fa;
+  --base-color-scale-orange-8: #5C2300;
+  --base-color-scale-orange-7: #703100;
+  --base-color-scale-orange-6: #954502;
+  --base-color-scale-orange-5: #B85B06;
+  --base-color-scale-orange-4: #DA7210;
+  --base-color-scale-orange-3: #F08A3A;
+  --base-color-scale-orange-2: #F4A876;
+  --base-color-scale-orange-1: #FCCEAB;
+  --base-color-scale-orange-0: #FFF1E5;
+  --base-color-scale-yellow-9: #471F00;
+  --base-color-scale-yellow-8: #653200;
+  --base-color-scale-yellow-7: #824800;
+  --base-color-scale-yellow-6: #A06100;
+  --base-color-scale-yellow-5: #BE7D00;
+  --base-color-scale-yellow-4: #DB9D00;
+  --base-color-scale-yellow-3: #FABF21;
+  --base-color-scale-yellow-2: #FFD743;
+  --base-color-scale-yellow-1: #FFE777;
+  --base-color-scale-yellow-0: #FFF8C5;
+  --base-color-scale-green-9: #0D3024;
+  --base-color-scale-green-8: #0E4A2E;
+  --base-color-scale-green-7: #0D6731;
+  --base-color-scale-green-6: #08872B;
+  --base-color-scale-green-5: #0FBF3E;
+  --base-color-scale-green-4: #23EA57;
+  --base-color-scale-green-3: #5FED83;
+  --base-color-scale-green-2: #8CF2A6;
+  --base-color-scale-green-1: #BFFFD1;
+  --base-color-scale-green-0: #EBF9F4;
+  --base-color-scale-blue-9: #001C4D;
+  --base-color-scale-blue-8: #002F7A;
+  --base-color-scale-blue-7: #0040A7;
+  --base-color-scale-blue-6: #0055D5;
+  --base-color-scale-blue-5: #0377FF;
+  --base-color-scale-blue-4: #3094FF;
+  --base-color-scale-blue-3: #5FB9FF;
+  --base-color-scale-blue-2: #8DD6FF;
+  --base-color-scale-blue-1: #BCECFF;
+  --base-color-scale-blue-0: #DDF4FF;
+  --base-color-scale-gray-9: #191F1B;
+  --base-color-scale-gray-8: #353D37;
+  --base-color-scale-gray-7: #58635B;
+  --base-color-scale-gray-6: #77827A;
+  --base-color-scale-gray-5: #96A199;
+  --base-color-scale-gray-4: #B6BFB8;
+  --base-color-scale-gray-3: #C4CCC6;
+  --base-color-scale-gray-2: #D2D9D4;
+  --base-color-scale-gray-1: #E4EBE6;
+  --base-color-scale-gray-0: #F2F5F3;
   --base-color-scale-white-0: #ffffff;
   --base-color-scale-transparent: #ffffff00;
-  --base-color-scale-black-0: #1f2328;
+  --base-color-scale-black-0: #000000;
 }

package/lib/design-tokens/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:28 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:08 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/base/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:28 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:08 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/animation/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:27 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:08 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css

@@ -1,63 +1,83 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:28 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:09 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: #4bc36b99;
-  --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: #ff878599;
-  --brand-color-error-subtle: var(--base-color-scale-red-0);
-  --brand-color-accent-primary: var(--base-color-scale-green-5);
+  --brand-color-success-fg: var(--base-color-scale-green-6);
+  --brand-color-success-emphasis: var(--base-color-scale-green-5);
+  --brand-color-success-muted: #8cf2a699;
+  --brand-color-success-subtle: var(--base-color-scale-green-1);
+  --brand-color-danger-fg: var(--base-color-scale-red-5);
+  --brand-color-danger-emphasis: var(--base-color-scale-red-5);
+  --brand-color-danger-muted: #ffaba899;
+  --brand-color-danger-subtle: var(--base-color-scale-red-0);
+  --brand-color-error-fg: var(--brand-color-danger-fg);
+  --brand-color-error-emphasis: var(--brand-color-danger-emphasis);
+  --brand-color-error-muted: var(--brand-color-danger-muted);
+  --brand-color-error-subtle: var(--brand-color-danger-subtle);
+  --brand-color-accent-primary: var(--base-color-scale-green-7);
   --brand-color-accent-secondary: var(--base-color-scale-yellow-5);
-  --brand-color-text-default: var(--base-color-scale-gray-9);
-  --brand-color-text-muted: var(--base-color-scale-gray-6);
-  --brand-color-text-subtle: var(--base-color-scale-gray-5);
+  --brand-color-text-default: var(--base-color-scale-black-0);
+  --brand-color-text-muted: var(--base-color-scale-gray-7);
+  --brand-color-text-subtle: var(--brand-color-text-muted);
   --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: #b7bfc8fe;
-  --brand-color-neutral-subtle: #e9edf1fe;
+  --brand-color-text-emphasized: var(--base-color-scale-green-6);
+  --brand-color-text-link-rest: #005dd5;
+  --brand-color-text-link-pressed: var(--base-color-scale-blue-8);
+  --brand-color-text-danger: #cf222e;
+  --brand-color-text-error: var(--brand-color-text-danger);
+  --brand-color-neutral-emphasisPlus: var(--base-color-scale-gray-8);
+  --brand-color-neutral-emphasis: var(--base-color-scale-gray-6);
+  --brand-color-neutral-muted: #c4ccc6fe;
+  --brand-color-neutral-subtle: #e4ebe6fe;
   --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: #d3d9dffe;
-  --brand-color-border-subtle: #e9edf1fe;
+  --brand-color-canvas-muted: #fafafa;
+  --brand-color-border-default: var(--base-color-scale-gray-4);
+  --brand-color-border-muted: var(--base-color-scale-gray-1);
+  --brand-color-border-subtle: var(--base-color-scale-gray-2);
   --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: #2e9e4299;
-  --brand-color-success-subtle: #2e9e42d9;
-  --brand-color-error-fg: var(--base-color-scale-red-4);
-  --brand-color-error-emphasis: var(--base-color-scale-red-5);
-  --brand-color-error-muted: #f8524999;
-  --brand-color-error-subtle: #f85249d9;
-  --brand-color-accent-primary: var(--base-color-scale-green-3);
+  --brand-color-success-emphasis: var(--base-color-scale-green-6);
+  --brand-color-success-muted: #0d302499;
+  --brand-color-success-subtle: #0e422cd9;
+  --brand-color-danger-fg: var(--base-color-scale-red-4);
+  --brand-color-danger-emphasis: var(--base-color-scale-red-5);
+  --brand-color-danger-muted: #5e021799;
+  --brand-color-danger-subtle: #fa383dd9;
+  --brand-color-error-fg: var(--brand-color-danger-fg);
+  --brand-color-error-emphasis: var(--brand-color-danger-emphasis);
+  --brand-color-error-muted: var(--brand-color-danger-muted);
+  --brand-color-error-subtle: var(--brand-color-danger-subtle);
+  --brand-color-accent-primary: var(--base-color-scale-green-2);
   --brand-color-accent-secondary: var(--base-color-scale-yellow-3);
   --brand-color-text-default: var(--base-color-scale-white-0);
-  --brand-color-text-muted: var(--base-color-scale-gray-3);
-  --brand-color-text-subtle: var(--base-color-scale-gray-4);
+  --brand-color-text-muted: var(--base-color-scale-gray-2);
+  --brand-color-text-subtle: var(--brand-color-text-muted);
   --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: #6e7681fe;
-  --brand-color-neutral-subtle: #6e7681ff;
+  --brand-color-text-emphasized: var(--base-color-scale-green-3);
+  --brand-color-text-link-rest: #8dd6ff;
+  --brand-color-text-link-pressed: var(--base-color-scale-blue-1);
+  --brand-color-text-danger: #ff8182;
+  --brand-color-text-error: var(--brand-color-text-danger);
+  --brand-color-neutral-emphasisPlus: var(--base-color-scale-gray-3);
+  --brand-color-neutral-emphasis: var(--base-color-scale-gray-3);
+  --brand-color-neutral-muted: #7c8980fe;
+  --brand-color-neutral-subtle: #7c8980ff;
   --brand-color-canvas-default: var(--base-color-scale-black-0);
-  --brand-color-canvas-overlay: var(--base-color-scale-gray-8);
+  --brand-color-canvas-overlay: var(--base-color-scale-gray-6);
   --brand-color-canvas-inset: var(--base-color-scale-black-0);
   --brand-color-canvas-subtle: var(--base-color-scale-gray-8);
-  --brand-color-border-default: var(--base-color-scale-gray-6);
+  --brand-color-canvas-muted: #090d0a;
+  --brand-color-border-default: var(--base-color-scale-gray-5);
   --brand-color-border-muted: var(--base-color-scale-gray-7);
-  --brand-color-border-subtle: var(--base-color-scale-gray-8);
+  --brand-color-border-subtle: var(--base-color-scale-gray-6);
   --brand-color-focus: var(--base-color-scale-blue-3);
 }

package/lib/design-tokens/css/tokens/functional/colors/global.css

@@ -1,33 +1,43 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:27 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:08 GMT
  */
 
 :root {
   --brand-color-focus: var(--base-color-scale-blue-5);
-  --brand-color-border-subtle: #e9edf1fe;
-  --brand-color-border-muted: #d3d9dffe;
-  --brand-color-border-default: var(--base-color-scale-gray-3);
+  --brand-color-border-subtle: var(--base-color-scale-gray-2);
+  --brand-color-border-muted: var(--base-color-scale-gray-1);
+  --brand-color-border-default: var(--base-color-scale-gray-4);
+  --brand-color-canvas-muted: #FAFAFA;
   --brand-color-canvas-subtle: var(--base-color-scale-gray-0);
   --brand-color-canvas-inset: var(--base-color-scale-gray-0);
   --brand-color-canvas-overlay: var(--base-color-scale-white-0);
   --brand-color-canvas-default: var(--base-color-scale-white-0);
-  --brand-color-neutral-subtle: #e9edf1fe;
-  --brand-color-neutral-muted: #b7bfc8fe;
-  --brand-color-neutral-emphasis: var(--base-color-scale-gray-5);
-  --brand-color-neutral-emphasisPlus: var(--base-color-scale-gray-9);
+  --brand-color-neutral-subtle: #E4EBE6fe;
+  --brand-color-neutral-muted: #C4CCC6fe;
+  --brand-color-neutral-emphasis: var(--base-color-scale-gray-6);
+  --brand-color-neutral-emphasisPlus: var(--base-color-scale-gray-8);
+  --brand-color-text-error: var(--brand-color-text-danger);
+  --brand-color-text-danger: #CF222E;
+  --brand-color-text-link-pressed: var(--base-color-scale-blue-8);
+  --brand-color-text-link-rest: #005DD5;
+  --brand-color-text-emphasized: var(--base-color-scale-green-6);
   --brand-color-text-onEmphasis: var(--base-color-scale-white-0);
-  --brand-color-text-subtle: var(--base-color-scale-gray-5);
-  --brand-color-text-muted: var(--base-color-scale-gray-6);
-  --brand-color-text-default: var(--base-color-scale-gray-9);
+  --brand-color-text-subtle: var(--brand-color-text-muted);
+  --brand-color-text-muted: var(--base-color-scale-gray-7);
+  --brand-color-text-default: var(--base-color-scale-black-0);
   --brand-color-accent-secondary: var(--base-color-scale-yellow-5);
-  --brand-color-accent-primary: var(--base-color-scale-green-5);
-  --brand-color-error-subtle: var(--base-color-scale-red-0);
-  --brand-color-error-muted: #ff878599;
-  --brand-color-error-emphasis: var(--base-color-scale-red-5);
-  --brand-color-error-fg: var(--base-color-scale-red-5);
-  --brand-color-success-subtle: var(--base-color-scale-green-0);
-  --brand-color-success-muted: #4bc36b99;
-  --brand-color-success-emphasis: var(--base-color-scale-green-4);
-  --brand-color-success-fg: var(--base-color-scale-green-5);
+  --brand-color-accent-primary: var(--base-color-scale-green-7);
+  --brand-color-error-subtle: var(--brand-color-danger-subtle);
+  --brand-color-error-muted: var(--brand-color-danger-muted);
+  --brand-color-error-emphasis: var(--brand-color-danger-emphasis);
+  --brand-color-error-fg: var(--brand-color-danger-fg);
+  --brand-color-danger-subtle: var(--base-color-scale-red-0);
+  --brand-color-danger-muted: #FFABA899;
+  --brand-color-danger-emphasis: var(--base-color-scale-red-5);
+  --brand-color-danger-fg: var(--base-color-scale-red-5);
+  --brand-color-success-subtle: var(--base-color-scale-green-1);
+  --brand-color-success-muted: #8CF2A699;
+  --brand-color-success-emphasis: var(--base-color-scale-green-5);
+  --brand-color-success-fg: var(--base-color-scale-green-6);
 }

package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:28 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:09 GMT
  */
 
 :root,
@@ -12,8 +12,8 @@
   --brand-Accordion-toggle-color-blue-purple-start: var(--base-color-scale-blue-5);
   --brand-Accordion-toggle-color-blue-purple-end: var(--base-color-scale-purple-5);
   --brand-Accordion-toggle-color-coral: var(--base-color-scale-coral-5);
-  --brand-Accordion-toggle-color-green: var(--base-color-scale-green-5);
-  --brand-Accordion-toggle-color-green-blue-start: var(--base-color-scale-green-5);
+  --brand-Accordion-toggle-color-green: var(--base-color-scale-green-6);
+  --brand-Accordion-toggle-color-green-blue-start: var(--base-color-scale-green-6);
   --brand-Accordion-toggle-color-green-blue-end: var(--base-color-scale-blue-5);
   --brand-Accordion-toggle-color-gray: var(--base-color-scale-gray-5);
   --brand-Accordion-toggle-color-indigo: var(--base-color-scale-indigo-5);

package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:28 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:09 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:28 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:09 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/bento/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:27 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:08 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/blinking-cursor/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:28 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:09 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:28 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:09 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:28 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:09 GMT
  */
 
 :root,
@@ -16,11 +16,11 @@
   --brand-button-primary-fgColor-rest: var(--brand-color-text-onEmphasis);
   --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-accent-bgColor-rest: var(--base-color-scale-green-5);
-  --brand-button-accent-bgColor-hover: var(--base-color-scale-green-4);
-  --brand-button-accent-bgColor-active: var(--base-color-scale-green-5);
+  --brand-button-accent-bgColor-rest: var(--base-color-scale-green-6);
+  --brand-button-accent-bgColor-hover: var(--base-color-scale-green-7);
+  --brand-button-accent-bgColor-active: var(--base-color-scale-green-6);
   --brand-button-accent-bgColor-disabled: var(--base-color-scale-gray-4);
-  --brand-button-accent-borderColor-active: var(--base-color-scale-green-6);
+  --brand-button-accent-borderColor-active: var(--base-color-scale-green-7);
   --brand-button-accent-fgColor-rest: var(--base-color-scale-white-0);
   --brand-button-accent-fgColor-disabled: var(--base-color-scale-gray-2);
   --brand-button-secondary-bgColor-rest: transparent;
@@ -49,7 +49,7 @@
   --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-accent-bgColor-rest: var(--base-color-scale-green-5);
-  --brand-button-accent-bgColor-hover: var(--base-color-scale-green-4);
+  --brand-button-accent-bgColor-hover: var(--base-color-scale-green-6);
   --brand-button-accent-bgColor-active: var(--base-color-scale-green-5);
   --brand-button-accent-bgColor-disabled: var(--base-color-scale-gray-4);
   --brand-button-accent-borderColor-active: var(--base-color-scale-green-6);

package/lib/design-tokens/css/tokens/functional/components/card/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:27 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:08 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:28 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:09 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/card/colors.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:27 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:08 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:28 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:09 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:28 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:09 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Mar 2026 15:02:28 GMT
+ * Generated on Fri, 03 Apr 2026 20:31:09 GMT
  */
 
 :root,