@viasat/beam-tokens 2.30.0 → 2.37.0

package/tokens.css

@@ -134,6 +134,7 @@
   --bm-primitive-color-gray-alpha-400: rgba(20, 29, 36, 0.28);
   --bm-primitive-color-gray-alpha-500: rgba(20, 29, 36, 0.4);
   --bm-primitive-color-gray-alpha-600: rgba(20, 29, 36, 0.52);
+  --bm-primitive-color-gray-alpha-650: rgba(20, 29, 36, 0.56);
   --bm-primitive-color-gray-alpha-700: rgba(20, 29, 36, 0.6);
   --bm-primitive-color-gray-alpha-800: rgba(20, 29, 36, 0.72);
   --bm-primitive-color-gray-alpha-900: rgba(20, 29, 36, 0.8);
@@ -145,6 +146,7 @@
   --bm-primitive-color-white-alpha-400: rgba(255, 255, 255, 0.28);
   --bm-primitive-color-white-alpha-500: rgba(255, 255, 255, 0.4);
   --bm-primitive-color-white-alpha-600: rgba(255, 255, 255, 0.52);
+  --bm-primitive-color-white-alpha-650: rgba(255, 255, 255, 0.56);
   --bm-primitive-color-white-alpha-700: rgba(255, 255, 255, 0.6);
   --bm-primitive-color-white-alpha-800: rgba(255, 255, 255, 0.72);
   --bm-primitive-color-white-alpha-900: rgba(255, 255, 255, 0.8);
@@ -189,274 +191,412 @@
   --bm-primitive-opacity-92: 0.92;
   --bm-primitive-opacity-96: 0.96;
   --bm-primitive-opacity-100: 1;
-  --bm-utility-color-accent-subtlest: var(--bm-theme-color-brand-100, #e9fcff);
-  --bm-utility-color-accent-subtler: var(--bm-theme-color-brand-200, #d7f4f9);
-  --bm-utility-color-accent-subtle: var(--bm-theme-color-brand-300, #b2e7f0);
-  --bm-utility-color-accent-muter: var(--bm-theme-color-brand-400, #8cd8e6);
-  --bm-utility-color-accent-mute: var(--bm-theme-color-brand-600, #00a2c0);
-  --bm-utility-color-accent-default: var(--bm-theme-color-brand-700, #00768f);
-  --bm-utility-color-accent-strong: var(--bm-theme-color-brand-800, #005b75);
-  --bm-utility-color-accent-stronger: var(--bm-theme-color-brand-900, #00414d);
-  --bm-utility-color-accent-strongest: var(
+  --bm-alias-color-ramp-accent-subtlest: var(
+    --bm-theme-color-brand-100,
+    #e9fcff
+  );
+  --bm-alias-color-ramp-accent-subtler: var(
+    --bm-theme-color-brand-200,
+    #d7f4f9
+  );
+  --bm-alias-color-ramp-accent-subtle: var(--bm-theme-color-brand-300, #b2e7f0);
+  --bm-alias-color-ramp-accent-muter: var(--bm-theme-color-brand-400, #8cd8e6);
+  --bm-alias-color-ramp-accent-mute: var(--bm-theme-color-brand-600, #00a2c0);
+  --bm-alias-color-ramp-accent-base: var(--bm-theme-color-brand-700, #00768f);
+  --bm-alias-color-ramp-accent-strong: var(--bm-theme-color-brand-800, #005b75);
+  --bm-alias-color-ramp-accent-stronger: var(
+    --bm-theme-color-brand-900,
+    #00414d
+  );
+  --bm-alias-color-ramp-accent-strongest: var(
     --bm-theme-color-brand-1100,
     #01262d
   );
-  --bm-utility-color-accent-inverse: var(--bm-theme-color-brand-500, #43bfd6);
-  --bm-utility-color-gray-subtlest: var(--bm-theme-color-neutral-100, #f2f5f8);
-  --bm-utility-color-gray-subtler: var(--bm-theme-color-neutral-200, #dfe7ec);
-  --bm-utility-color-gray-subtle: var(--bm-theme-color-neutral-300, #d1dae0);
-  --bm-utility-color-gray-muter: var(--bm-theme-color-neutral-400, #c3cdd5);
-  --bm-utility-color-gray-mute: var(--bm-theme-color-neutral-600, #8697a5);
-  --bm-utility-color-gray-default: var(--bm-theme-color-neutral-700, #576775);
-  --bm-utility-color-gray-strong: var(--bm-theme-color-neutral-800, #465967);
-  --bm-utility-color-gray-stronger: var(--bm-theme-color-neutral-900, #32424e);
-  --bm-utility-color-gray-strongest: var(
-    --bm-theme-color-neutral-1100,
+  --bm-alias-color-ramp-accent-inverse: var(
+    --bm-theme-color-brand-500,
+    #43bfd6
+  );
+  --bm-alias-color-ramp-accent-secondary-subtlest: var(
+    --bm-theme-color-brand-secondary-100,
+    #e9fcff
+  );
+  --bm-alias-color-ramp-accent-secondary-subtler: var(
+    --bm-theme-color-brand-secondary-200,
+    #d7f4f9
+  );
+  --bm-alias-color-ramp-accent-secondary-subtle: var(
+    --bm-theme-color-brand-secondary-300,
+    #b2e7f0
+  );
+  --bm-alias-color-ramp-accent-secondary-muter: var(
+    --bm-theme-color-brand-secondary-400,
+    #8cd8e6
+  );
+  --bm-alias-color-ramp-accent-secondary-mute: var(
+    --bm-theme-color-brand-secondary-650,
+    #00859e
+  );
+  --bm-alias-color-ramp-accent-secondary-base: var(
+    --bm-theme-color-brand-secondary-700,
+    #00768f
+  );
+  --bm-alias-color-ramp-accent-secondary-strong: var(
+    --bm-theme-color-brand-secondary-800,
+    #005b75
+  );
+  --bm-alias-color-ramp-accent-secondary-stronger: var(
+    --bm-theme-color-brand-secondary-900,
+    #00414d
+  );
+  --bm-alias-color-ramp-accent-secondary-strongest: var(
+    --bm-theme-color-brand-secondary-1100,
+    #01262d
+  );
+  --bm-alias-color-ramp-accent-secondary-inverse: var(
+    --bm-theme-color-brand-secondary-500,
+    #43bfd6
+  );
+  --bm-alias-color-ramp-gray-subtlest: var(
+    --bm-primitive-color-gray-100,
+    #f2f5f8
+  );
+  --bm-alias-color-ramp-gray-subtler: var(
+    --bm-primitive-color-gray-200,
+    #dfe7ec
+  );
+  --bm-alias-color-ramp-gray-subtle: var(
+    --bm-primitive-color-gray-300,
+    #d1dae0
+  );
+  --bm-alias-color-ramp-gray-muter: var(--bm-primitive-color-gray-400, #c3cdd5);
+  --bm-alias-color-ramp-gray-mute: var(--bm-primitive-color-gray-600, #8697a5);
+  --bm-alias-color-ramp-gray-base: var(--bm-primitive-color-gray-700, #576775);
+  --bm-alias-color-ramp-gray-strong: var(
+    --bm-primitive-color-gray-800,
+    #465967
+  );
+  --bm-alias-color-ramp-gray-stronger: var(
+    --bm-primitive-color-gray-900,
+    #32424e
+  );
+  --bm-alias-color-ramp-gray-strongest: var(
+    --bm-primitive-color-gray-1100,
     #141d24
   );
-  --bm-utility-color-blue-subtlest: var(--bm-primitive-color-blue-100, #ebf9ff);
-  --bm-utility-color-blue-subtler: var(--bm-primitive-color-blue-200, #ccf0ff);
-  --bm-utility-color-blue-subtle: var(--bm-primitive-color-blue-300, #9be1ff);
-  --bm-utility-color-blue-muter: var(--bm-primitive-color-blue-400, #64cefb);
-  --bm-utility-color-blue-mute: var(--bm-primitive-color-blue-600, #0095e0);
-  --bm-utility-color-blue-default: var(--bm-primitive-color-blue-700, #006ead);
-  --bm-utility-color-blue-strong: var(--bm-primitive-color-blue-800, #00528c);
-  --bm-utility-color-blue-stronger: var(--bm-primitive-color-blue-900, #003f73);
-  --bm-utility-color-blue-strongest: var(
+  --bm-alias-color-ramp-gray-inverse: var(
+    --bm-primitive-color-gray-500,
+    #9fafbc
+  );
+  --bm-alias-color-ramp-blue-subtlest: var(
+    --bm-primitive-color-blue-100,
+    #ebf9ff
+  );
+  --bm-alias-color-ramp-blue-subtler: var(
+    --bm-primitive-color-blue-200,
+    #ccf0ff
+  );
+  --bm-alias-color-ramp-blue-subtle: var(
+    --bm-primitive-color-blue-300,
+    #9be1ff
+  );
+  --bm-alias-color-ramp-blue-muter: var(--bm-primitive-color-blue-400, #64cefb);
+  --bm-alias-color-ramp-blue-mute: var(--bm-primitive-color-blue-600, #0095e0);
+  --bm-alias-color-ramp-blue-base: var(--bm-primitive-color-blue-700, #006ead);
+  --bm-alias-color-ramp-blue-strong: var(
+    --bm-primitive-color-blue-800,
+    #00528c
+  );
+  --bm-alias-color-ramp-blue-stronger: var(
+    --bm-primitive-color-blue-900,
+    #003f73
+  );
+  --bm-alias-color-ramp-blue-strongest: var(
     --bm-primitive-color-blue-1100,
     #001c33
   );
-  --bm-utility-color-blue-inverse: var(--bm-primitive-color-blue-500, #14b9ff);
-  --bm-utility-color-violet-subtlest: var(
+  --bm-alias-color-ramp-blue-inverse: var(
+    --bm-primitive-color-blue-500,
+    #14b9ff
+  );
+  --bm-alias-color-ramp-violet-subtlest: var(
     --bm-primitive-color-violet-100,
     #f8f6fe
   );
-  --bm-utility-color-violet-subtler: var(
+  --bm-alias-color-ramp-violet-subtler: var(
     --bm-primitive-color-violet-200,
     #eae5fb
   );
-  --bm-utility-color-violet-subtle: var(
+  --bm-alias-color-ramp-violet-subtle: var(
     --bm-primitive-color-violet-300,
     #dcd3f8
   );
-  --bm-utility-color-violet-muter: var(
+  --bm-alias-color-ramp-violet-muter: var(
     --bm-primitive-color-violet-400,
     #c8baf3
   );
-  --bm-utility-color-violet-mute: var(--bm-primitive-color-violet-600, #977de8);
-  --bm-utility-color-violet-default: var(
+  --bm-alias-color-ramp-violet-mute: var(
+    --bm-primitive-color-violet-600,
+    #977de8
+  );
+  --bm-alias-color-ramp-violet-base: var(
     --bm-primitive-color-violet-700,
     #6e49df
   );
-  --bm-utility-color-violet-strong: var(
+  --bm-alias-color-ramp-violet-strong: var(
     --bm-primitive-color-violet-800,
     #592fda
   );
-  --bm-utility-color-violet-stronger: var(
+  --bm-alias-color-ramp-violet-stronger: var(
     --bm-primitive-color-violet-900,
     #3f1da6
   );
-  --bm-utility-color-violet-strongest: var(
+  --bm-alias-color-ramp-violet-strongest: var(
     --bm-primitive-color-violet-1100,
     #1c0d4a
   );
-  --bm-utility-color-violet-inverse: var(
+  --bm-alias-color-ramp-violet-inverse: var(
     --bm-primitive-color-violet-500,
     #b4a0ee
   );
-  --bm-utility-color-pink-subtlest: var(--bm-primitive-color-pink-100, #fef5fc);
-  --bm-utility-color-pink-subtler: var(--bm-primitive-color-pink-200, #fdddf4);
-  --bm-utility-color-pink-subtle: var(--bm-primitive-color-pink-300, #fccfef);
-  --bm-utility-color-pink-muter: var(--bm-primitive-color-pink-400, #f9aae4);
-  --bm-utility-color-pink-mute: var(--bm-primitive-color-pink-600, #dc5bbc);
-  --bm-utility-color-pink-default: var(--bm-primitive-color-pink-700, #ad258b);
-  --bm-utility-color-pink-strong: var(--bm-primitive-color-pink-800, #931f76);
-  --bm-utility-color-pink-stronger: var(--bm-primitive-color-pink-900, #661652);
-  --bm-utility-color-pink-strongest: var(
+  --bm-alias-color-ramp-pink-subtlest: var(
+    --bm-primitive-color-pink-100,
+    #fef5fc
+  );
+  --bm-alias-color-ramp-pink-subtler: var(
+    --bm-primitive-color-pink-200,
+    #fdddf4
+  );
+  --bm-alias-color-ramp-pink-subtle: var(
+    --bm-primitive-color-pink-300,
+    #fccfef
+  );
+  --bm-alias-color-ramp-pink-muter: var(--bm-primitive-color-pink-400, #f9aae4);
+  --bm-alias-color-ramp-pink-mute: var(--bm-primitive-color-pink-600, #dc5bbc);
+  --bm-alias-color-ramp-pink-base: var(--bm-primitive-color-pink-700, #ad258b);
+  --bm-alias-color-ramp-pink-strong: var(
+    --bm-primitive-color-pink-800,
+    #931f76
+  );
+  --bm-alias-color-ramp-pink-stronger: var(
+    --bm-primitive-color-pink-900,
+    #661652
+  );
+  --bm-alias-color-ramp-pink-strongest: var(
     --bm-primitive-color-pink-1100,
     #360c2b
   );
-  --bm-utility-color-pink-inverse: var(--bm-primitive-color-pink-500, #fa83dc);
-  --bm-utility-color-teal-subtlest: var(--bm-primitive-color-teal-100, #e9fcff);
-  --bm-utility-color-teal-subtler: var(--bm-primitive-color-teal-200, #d7f4f9);
-  --bm-utility-color-teal-subtle: var(--bm-primitive-color-teal-300, #b2e7f0);
-  --bm-utility-color-teal-muter: var(--bm-primitive-color-teal-400, #8cd8e6);
-  --bm-utility-color-teal-mute: var(--bm-primitive-color-teal-600, #00a2c0);
-  --bm-utility-color-teal-default: var(--bm-primitive-color-teal-700, #00768f);
-  --bm-utility-color-teal-strong: var(--bm-primitive-color-teal-800, #005b75);
-  --bm-utility-color-teal-stronger: var(--bm-primitive-color-teal-900, #00414d);
-  --bm-utility-color-teal-strongest: var(
+  --bm-alias-color-ramp-pink-inverse: var(
+    --bm-primitive-color-pink-500,
+    #fa83dc
+  );
+  --bm-alias-color-ramp-teal-subtlest: var(
+    --bm-primitive-color-teal-100,
+    #e9fcff
+  );
+  --bm-alias-color-ramp-teal-subtler: var(
+    --bm-primitive-color-teal-200,
+    #d7f4f9
+  );
+  --bm-alias-color-ramp-teal-subtle: var(
+    --bm-primitive-color-teal-300,
+    #b2e7f0
+  );
+  --bm-alias-color-ramp-teal-muter: var(--bm-primitive-color-teal-400, #8cd8e6);
+  --bm-alias-color-ramp-teal-mute: var(--bm-primitive-color-teal-600, #00a2c0);
+  --bm-alias-color-ramp-teal-base: var(--bm-primitive-color-teal-700, #00768f);
+  --bm-alias-color-ramp-teal-strong: var(
+    --bm-primitive-color-teal-800,
+    #005b75
+  );
+  --bm-alias-color-ramp-teal-stronger: var(
+    --bm-primitive-color-teal-900,
+    #00414d
+  );
+  --bm-alias-color-ramp-teal-strongest: var(
     --bm-primitive-color-teal-1100,
     #01262d
   );
-  --bm-utility-color-teal-inverse: var(--bm-primitive-color-teal-500, #43bfd6);
-  --bm-utility-color-lime-subtlest: var(
+  --bm-alias-color-ramp-teal-inverse: var(
+    --bm-primitive-color-teal-500,
+    #43bfd6
+  );
+  --bm-alias-color-ramp-lime-subtlest: var(
     --bm-primitive-color-lime-green-100,
     #f7ffcc
   );
-  --bm-utility-color-lime-subtler: var(
+  --bm-alias-color-ramp-lime-subtler: var(
     --bm-primitive-color-lime-green-200,
     #f1ffa4
   );
-  --bm-utility-color-lime-subtle: var(
+  --bm-alias-color-ramp-lime-subtle: var(
     --bm-primitive-color-lime-green-300,
     #daee6b
   );
-  --bm-utility-color-lime-muter: var(
+  --bm-alias-color-ramp-lime-muter: var(
     --bm-primitive-color-lime-green-400,
     #bed733
   );
-  --bm-utility-color-lime-mute: var(
+  --bm-alias-color-ramp-lime-mute: var(
     --bm-primitive-color-lime-green-600,
     #5c9e14
   );
-  --bm-utility-color-lime-default: var(
+  --bm-alias-color-ramp-lime-base: var(
     --bm-primitive-color-lime-green-700,
     #358000
   );
-  --bm-utility-color-lime-strong: var(
+  --bm-alias-color-ramp-lime-strong: var(
     --bm-primitive-color-lime-green-800,
     #1d5700
   );
-  --bm-utility-color-lime-stronger: var(
+  --bm-alias-color-ramp-lime-stronger: var(
     --bm-primitive-color-lime-green-900,
     #1e4700
   );
-  --bm-utility-color-lime-strongest: var(
+  --bm-alias-color-ramp-lime-strongest: var(
     --bm-primitive-color-lime-green-1100,
     #0d1f00
   );
-  --bm-utility-color-lime-inverse: var(
+  --bm-alias-color-ramp-lime-inverse: var(
     --bm-primitive-color-lime-green-500,
     #8dc002
   );
-  --bm-utility-color-warm-subtlest: var(--bm-primitive-color-warm-100, #fff6e1);
-  --bm-utility-color-warm-subtler: var(--bm-primitive-color-warm-200, #ffe9b3);
-  --bm-utility-color-warm-subtle: var(--bm-primitive-color-warm-300, #ffdb7d);
-  --bm-utility-color-warm-muter: var(--bm-primitive-color-warm-400, #ffb029);
-  --bm-utility-color-warm-mute: var(--bm-primitive-color-warm-600, #df6901);
-  --bm-utility-color-warm-default: var(--bm-primitive-color-warm-700, #a82200);
-  --bm-utility-color-warm-strong: var(--bm-primitive-color-warm-800, #941e00);
-  --bm-utility-color-warm-stronger: var(--bm-primitive-color-warm-900, #86090f);
-  --bm-utility-color-warm-strongest: var(
+  --bm-alias-color-ramp-warm-subtlest: var(
+    --bm-primitive-color-warm-100,
+    #fff6e1
+  );
+  --bm-alias-color-ramp-warm-subtler: var(
+    --bm-primitive-color-warm-200,
+    #ffe9b3
+  );
+  --bm-alias-color-ramp-warm-subtle: var(
+    --bm-primitive-color-warm-300,
+    #ffdb7d
+  );
+  --bm-alias-color-ramp-warm-muter: var(--bm-primitive-color-warm-400, #ffb029);
+  --bm-alias-color-ramp-warm-mute: var(--bm-primitive-color-warm-600, #df6901);
+  --bm-alias-color-ramp-warm-base: var(--bm-primitive-color-warm-700, #a82200);
+  --bm-alias-color-ramp-warm-strong: var(
+    --bm-primitive-color-warm-800,
+    #941e00
+  );
+  --bm-alias-color-ramp-warm-stronger: var(
+    --bm-primitive-color-warm-900,
+    #86090f
+  );
+  --bm-alias-color-ramp-warm-strongest: var(
     --bm-primitive-color-warm-1100,
     #3a0406
   );
-  --bm-utility-color-warm-inverse: var(--bm-primitive-color-warm-500, #fe9110);
-  --bm-utility-color-green-subtlest: var(
+  --bm-alias-color-ramp-warm-inverse: var(
+    --bm-primitive-color-warm-500,
+    #fe9110
+  );
+  --bm-alias-color-ramp-green-subtlest: var(
     --bm-primitive-color-green-100,
     #e9ffe0
   );
-  --bm-utility-color-green-subtler: var(
+  --bm-alias-color-ramp-green-subtler: var(
     --bm-primitive-color-green-200,
     #daf7cf
   );
-  --bm-utility-color-green-subtle: var(--bm-primitive-color-green-300, #b3eb9e);
-  --bm-utility-color-green-muter: var(--bm-primitive-color-green-400, #71d963);
-  --bm-utility-color-green-mute: var(--bm-primitive-color-green-600, #24a148);
-  --bm-utility-color-green-default: var(
+  --bm-alias-color-ramp-green-subtle: var(
+    --bm-primitive-color-green-300,
+    #b3eb9e
+  );
+  --bm-alias-color-ramp-green-muter: var(
+    --bm-primitive-color-green-400,
+    #71d963
+  );
+  --bm-alias-color-ramp-green-mute: var(
+    --bm-primitive-color-green-600,
+    #24a148
+  );
+  --bm-alias-color-ramp-green-base: var(
     --bm-primitive-color-green-700,
     #187c36
   );
-  --bm-utility-color-green-strong: var(--bm-primitive-color-green-800, #0d630d);
-  --bm-utility-color-green-stronger: var(
+  --bm-alias-color-ramp-green-strong: var(
+    --bm-primitive-color-green-800,
+    #0d630d
+  );
+  --bm-alias-color-ramp-green-stronger: var(
     --bm-primitive-color-green-900,
     #044819
   );
-  --bm-utility-color-green-strongest: var(
+  --bm-alias-color-ramp-green-strongest: var(
     --bm-primitive-color-green-1100,
     #09200a
   );
-  --bm-utility-color-green-inverse: var(
+  --bm-alias-color-ramp-green-inverse: var(
     --bm-primitive-color-green-500,
     #42be53
   );
-  --bm-utility-color-red-subtlest: var(--bm-primitive-color-red-100, #fef2f2);
-  --bm-utility-color-red-subtler: var(--bm-primitive-color-red-200, #fee6e7);
-  --bm-utility-color-red-subtle: var(--bm-primitive-color-red-300, #fdcbcd);
-  --bm-utility-color-red-muter: var(--bm-primitive-color-red-400, #fba6a9);
-  --bm-utility-color-red-mute: var(--bm-primitive-color-red-600, #ed464c);
-  --bm-utility-color-red-default: var(--bm-primitive-color-red-700, #cc2429);
-  --bm-utility-color-red-strong: var(--bm-primitive-color-red-800, #a61b20);
-  --bm-utility-color-red-stronger: var(--bm-primitive-color-red-900, #7e1e21);
-  --bm-utility-color-red-strongest: var(--bm-primitive-color-red-1100, #370a0b);
-  --bm-utility-color-red-inverse: var(--bm-primitive-color-red-500, #f67378);
-  --bm-utility-color-orange-subtlest: var(
+  --bm-alias-color-ramp-red-subtlest: var(
+    --bm-primitive-color-red-100,
+    #fef2f2
+  );
+  --bm-alias-color-ramp-red-subtler: var(--bm-primitive-color-red-200, #fee6e7);
+  --bm-alias-color-ramp-red-subtle: var(--bm-primitive-color-red-300, #fdcbcd);
+  --bm-alias-color-ramp-red-muter: var(--bm-primitive-color-red-400, #fba6a9);
+  --bm-alias-color-ramp-red-mute: var(--bm-primitive-color-red-600, #ed464c);
+  --bm-alias-color-ramp-red-base: var(--bm-primitive-color-red-700, #cc2429);
+  --bm-alias-color-ramp-red-strong: var(--bm-primitive-color-red-800, #a61b20);
+  --bm-alias-color-ramp-red-stronger: var(
+    --bm-primitive-color-red-900,
+    #7e1e21
+  );
+  --bm-alias-color-ramp-red-strongest: var(
+    --bm-primitive-color-red-1100,
+    #370a0b
+  );
+  --bm-alias-color-ramp-red-inverse: var(--bm-primitive-color-red-500, #f67378);
+  --bm-alias-color-ramp-orange-subtlest: var(
     --bm-primitive-color-orange-100,
     #fff3eb
   );
-  --bm-utility-color-orange-subtler: var(
+  --bm-alias-color-ramp-orange-subtler: var(
     --bm-primitive-color-orange-200,
     #ffe4c9
   );
-  --bm-utility-color-orange-subtle: var(
+  --bm-alias-color-ramp-orange-subtle: var(
     --bm-primitive-color-orange-300,
     #ffd4a8
   );
-  --bm-utility-color-orange-muter: var(
+  --bm-alias-color-ramp-orange-muter: var(
     --bm-primitive-color-orange-400,
     #ffb17a
   );
-  --bm-utility-color-orange-mute: var(--bm-primitive-color-orange-600, #eb6200);
-  --bm-utility-color-orange-default: var(
+  --bm-alias-color-ramp-orange-mute: var(
+    --bm-primitive-color-orange-600,
+    #eb6200
+  );
+  --bm-alias-color-ramp-orange-base: var(
     --bm-primitive-color-orange-700,
     #ac4902
   );
-  --bm-utility-color-orange-strong: var(
+  --bm-alias-color-ramp-orange-strong: var(
     --bm-primitive-color-orange-800,
     #8a3800
   );
-  --bm-utility-color-orange-stronger: var(
+  --bm-alias-color-ramp-orange-stronger: var(
     --bm-primitive-color-orange-900,
     #662c00
   );
-  --bm-utility-color-orange-strongest: var(
+  --bm-alias-color-ramp-orange-strongest: var(
     --bm-primitive-color-orange-1100,
     #2e1500
   );
-  --bm-utility-color-orange-inverse: var(
+  --bm-alias-color-ramp-orange-inverse: var(
     --bm-primitive-color-orange-500,
     #ff8e3d
   );
-  --bm-utility-color-accent-secondary-subtlest: var(
-    --bm-theme-color-brand-secondary-100,
-    #e9fcff
-  );
-  --bm-utility-color-accent-secondary-subtler: var(
-    --bm-theme-color-brand-secondary-200,
-    #d7f4f9
-  );
-  --bm-utility-color-accent-secondary-subtle: var(
-    --bm-theme-color-brand-secondary-300,
-    #b2e7f0
-  );
-  --bm-utility-color-accent-secondary-muter: var(
-    --bm-theme-color-brand-secondary-400,
-    #8cd8e6
-  );
-  --bm-utility-color-accent-secondary-mute: var(
-    --bm-theme-color-brand-secondary-650,
-    #00859e
-  );
-  --bm-utility-color-accent-secondary-default: var(
-    --bm-theme-color-brand-secondary-700,
+  --bm-alias-color-brand-primary-default: var(
+    --bm-theme-color-brand-700,
     #00768f
   );
-  --bm-utility-color-accent-secondary-strong: var(
-    --bm-theme-color-brand-secondary-800,
-    #005b75
-  );
-  --bm-utility-color-accent-secondary-stronger: var(
-    --bm-theme-color-brand-secondary-900,
-    #00414d
-  );
-  --bm-utility-color-accent-secondary-strongest: var(
-    --bm-theme-color-brand-secondary-1100,
-    #01262d
-  );
-  --bm-utility-color-accent-secondary-inverse: var(
-    --bm-theme-color-brand-secondary-500,
-    #43bfd6
+  --bm-alias-color-brand-secondary-default: var(
+    --bm-theme-color-brand-700,
+    #00768f
   );
   --bm-theme-color-brand-100: var(--bm-primitive-color-teal-100, #e9fcff);
   --bm-theme-color-brand-200: var(--bm-primitive-color-teal-200, #d7f4f9);
@@ -698,10 +838,7 @@
     --bm-theme-color-neutral-700,
     #576775
   );
-  --bm-sem-color-surface-selected: var(
-    --bm-utility-color-accent-subtlest,
-    #e9fcff
-  );
+  --bm-sem-color-surface-selected: var(--bm-theme-color-brand-100, #e9fcff);
   --bm-sem-color-surface-selected-subtle: rgba(159, 175, 188, 0.16);
   --bm-sem-color-surface-highlight: rgba(159, 175, 188, 0.16);
   --bm-sem-color-surface-transparent: var(--bm-sem-color-none, #ffffff00);
@@ -719,7 +856,10 @@
     --bm-theme-color-info-secondary-800,
     #465967
   );
-  --bm-sem-color-text-selected: var(--bm-utility-color-accent-default, #00768f);
+  --bm-sem-color-text-selected: var(
+    --bm-alias-color-brand-primary-default,
+    #00768f
+  );
   --bm-sem-color-text-primary-inverse: var(--bm-primitive-color-white, #ffffff);
   --bm-sem-color-text-secondary-inverse: var(
     --bm-theme-color-neutral-400,
@@ -759,7 +899,10 @@
     --bm-theme-color-info-secondary-800,
     #465967
   );
-  --bm-sem-color-icon-selected: var(--bm-utility-color-accent-default, #00768f);
+  --bm-sem-color-icon-selected: var(
+    --bm-alias-color-brand-primary-default,
+    #00768f
+  );
   --bm-sem-color-icon-primary-inverse: var(--bm-primitive-color-white, #ffffff);
   --bm-sem-color-icon-secondary-inverse: var(
     --bm-theme-color-neutral-400,
@@ -797,7 +940,7 @@
     #576775
   );
   --bm-sem-color-border-selected: var(
-    --bm-utility-color-accent-default,
+    --bm-alias-color-brand-primary-default,
     #00768f
   );
   --bm-sem-color-border-focus: var(--bm-primitive-color-blue-600, #0095e0);
@@ -806,25 +949,28 @@
     #ffffff00
   );
   --bm-sem-color-border-inverse: var(--bm-theme-color-neutral-800, #465967);
-  --bm-sem-color-link-primary: var(--bm-utility-color-accent-default, #00768f);
-  --bm-sem-color-link-primary-inverse: var(
-    --bm-utility-color-accent-inverse,
-    #43bfd6
+  --bm-sem-color-link-primary: var(
+    --bm-alias-color-brand-primary-default,
+    #00768f
   );
-  --bm-sem-color-link-secondary: var(--bm-sem-color-text-primary, #141d24);
+  --bm-sem-color-link-primary-inverse: var(--bm-theme-color-brand-500, #43bfd6);
+  --bm-sem-color-link-secondary: var(--bm-theme-color-neutral-1100, #141d24);
   --bm-sem-color-link-secondary-inverse: var(
     --bm-primitive-color-white,
     #ffffff
   );
   --bm-sem-color-action-primary: var(
-    --bm-utility-color-accent-default,
+    --bm-alias-color-brand-primary-default,
     #00768f
   );
-  --bm-sem-color-action-onPrimary: var(
-    --bm-sem-color-text-primary-inverse,
-    #ffffff
+  --bm-sem-color-action-primary-hover: var(--bm-theme-color-brand-800, #005b75);
+  --bm-sem-color-action-primary-active: var(
+    --bm-theme-color-brand-900,
+    #00414d
   );
-  --bm-sem-color-action-neutral: var(--bm-sem-color-surface-inverse, #202e39);
+  --bm-sem-color-action-onPrimary: var(--bm-primitive-color-white, #ffffff);
+  --bm-sem-color-action-secondary: var(--bm-theme-color-neutral-1100, #141d24);
+  --bm-sem-color-action-neutral: var(--bm-theme-color-neutral-1100, #141d24);
   --bm-sem-color-action-neutral-subtle: var(
     --bm-sem-color-surface-highlight,
     rgba(159, 175, 188, 0.16)
@@ -889,7 +1035,7 @@
     0.32
   );
   --bm-sem-opacity-disabled: var(--bm-primitive-opacity-40, 0.4);
-  --bm-dataviz-color-primary: var(--bm-theme-color-brand-600, #00a2c0);
+  --bm-dataviz-color-primary: var(--bm-theme-color-brand-650, #00859e);
   --bm-dataviz-color-neutral: var(--bm-theme-color-neutral-600, #8697a5);
   --bm-dataviz-color-border: var(--bm-primitive-color-white, #ffffff);
   --bm-dataviz-color-border-inverse: var(
@@ -1070,280 +1216,412 @@
 [data-bm-theme~="bm-light"] .bm-inverse,
 [data-bm-theme~="bm-light"].bm-inverse,
 [data-bm-theme~="bm-dark"] {
-  --bm-utility-color-accent-subtlest: var(--bm-theme-color-brand-1100, #01262d);
-  --bm-utility-color-accent-subtler: var(--bm-theme-color-brand-900, #00414d);
-  --bm-utility-color-accent-subtle: var(--bm-theme-color-brand-800, #005b75);
-  --bm-utility-color-accent-muter: var(--bm-theme-color-brand-700, #00768f);
-  --bm-utility-color-accent-mute: var(--bm-theme-color-brand-600, #00a2c0);
-  --bm-utility-color-accent-default: var(--bm-theme-color-brand-500, #43bfd6);
-  --bm-utility-color-accent-strong: var(--bm-theme-color-brand-300, #b2e7f0);
-  --bm-utility-color-accent-stronger: var(--bm-theme-color-brand-200, #d7f4f9);
-  --bm-utility-color-accent-strongest: var(--bm-theme-color-brand-100, #e9fcff);
-  --bm-utility-color-accent-inverse: var(--bm-theme-color-brand-700, #00768f);
-  --bm-utility-color-gray-subtlest: var(--bm-theme-color-neutral-1100, #141d24);
-  --bm-utility-color-gray-subtler: var(--bm-theme-color-neutral-900, #32424e);
-  --bm-utility-color-gray-subtle: var(--bm-theme-color-neutral-800, #465967);
-  --bm-utility-color-gray-muter: var(--bm-theme-color-neutral-700, #576775);
-  --bm-utility-color-gray-mute: var(--bm-theme-color-neutral-600, #8697a5);
-  --bm-utility-color-gray-default: var(--bm-theme-color-neutral-500, #9fafbc);
-  --bm-utility-color-gray-strong: var(--bm-theme-color-neutral-300, #d1dae0);
-  --bm-utility-color-gray-stronger: var(--bm-theme-color-neutral-200, #dfe7ec);
-  --bm-utility-color-gray-strongest: var(--bm-theme-color-neutral-100, #f2f5f8);
-  --bm-utility-color-blue-subtlest: var(
+  --bm-alias-color-ramp-accent-subtlest: var(
+    --bm-theme-color-brand-1100,
+    #01262d
+  );
+  --bm-alias-color-ramp-accent-subtler: var(
+    --bm-theme-color-brand-900,
+    #00414d
+  );
+  --bm-alias-color-ramp-accent-subtle: var(--bm-theme-color-brand-800, #005b75);
+  --bm-alias-color-ramp-accent-muter: var(--bm-theme-color-brand-700, #00768f);
+  --bm-alias-color-ramp-accent-mute: var(--bm-theme-color-brand-600, #00a2c0);
+  --bm-alias-color-ramp-accent-base: var(--bm-theme-color-brand-500, #43bfd6);
+  --bm-alias-color-ramp-accent-strong: var(--bm-theme-color-brand-300, #b2e7f0);
+  --bm-alias-color-ramp-accent-stronger: var(
+    --bm-theme-color-brand-200,
+    #d7f4f9
+  );
+  --bm-alias-color-ramp-accent-strongest: var(
+    --bm-theme-color-brand-100,
+    #e9fcff
+  );
+  --bm-alias-color-ramp-accent-inverse: var(
+    --bm-theme-color-brand-700,
+    #00768f
+  );
+  --bm-alias-color-ramp-accent-secondary-subtlest: var(
+    --bm-theme-color-brand-secondary-1100,
+    #01262d
+  );
+  --bm-alias-color-ramp-accent-secondary-subtler: var(
+    --bm-theme-color-brand-secondary-900,
+    #00414d
+  );
+  --bm-alias-color-ramp-accent-secondary-subtle: var(
+    --bm-theme-color-brand-secondary-800,
+    #005b75
+  );
+  --bm-alias-color-ramp-accent-secondary-muter: var(
+    --bm-theme-color-brand-secondary-700,
+    #00768f
+  );
+  --bm-alias-color-ramp-accent-secondary-mute: var(
+    --bm-theme-color-brand-secondary-650,
+    #00859e
+  );
+  --bm-alias-color-ramp-accent-secondary-base: var(
+    --bm-theme-color-brand-secondary-500,
+    #43bfd6
+  );
+  --bm-alias-color-ramp-accent-secondary-strong: var(
+    --bm-theme-color-brand-secondary-300,
+    #b2e7f0
+  );
+  --bm-alias-color-ramp-accent-secondary-stronger: var(
+    --bm-theme-color-brand-secondary-200,
+    #d7f4f9
+  );
+  --bm-alias-color-ramp-accent-secondary-strongest: var(
+    --bm-theme-color-brand-secondary-100,
+    #e9fcff
+  );
+  --bm-alias-color-ramp-accent-secondary-inverse: var(
+    --bm-theme-color-brand-secondary-700,
+    #00768f
+  );
+  --bm-alias-color-ramp-gray-subtlest: var(
+    --bm-primitive-color-gray-1100,
+    #141d24
+  );
+  --bm-alias-color-ramp-gray-subtler: var(
+    --bm-primitive-color-gray-900,
+    #32424e
+  );
+  --bm-alias-color-ramp-gray-subtle: var(
+    --bm-primitive-color-gray-800,
+    #465967
+  );
+  --bm-alias-color-ramp-gray-muter: var(--bm-primitive-color-gray-700, #576775);
+  --bm-alias-color-ramp-gray-mute: var(--bm-primitive-color-gray-600, #8697a5);
+  --bm-alias-color-ramp-gray-base: var(--bm-primitive-color-gray-500, #9fafbc);
+  --bm-alias-color-ramp-gray-strong: var(
+    --bm-primitive-color-gray-300,
+    #d1dae0
+  );
+  --bm-alias-color-ramp-gray-stronger: var(
+    --bm-primitive-color-gray-200,
+    #dfe7ec
+  );
+  --bm-alias-color-ramp-gray-strongest: var(
+    --bm-primitive-color-gray-100,
+    #f2f5f8
+  );
+  --bm-alias-color-ramp-gray-inverse: var(
+    --bm-primitive-color-gray-700,
+    #576775
+  );
+  --bm-alias-color-ramp-blue-subtlest: var(
     --bm-primitive-color-blue-1100,
     #001c33
   );
-  --bm-utility-color-blue-subtler: var(--bm-primitive-color-blue-900, #003f73);
-  --bm-utility-color-blue-subtle: var(--bm-primitive-color-blue-800, #00528c);
-  --bm-utility-color-blue-muter: var(--bm-primitive-color-blue-700, #006ead);
-  --bm-utility-color-blue-mute: var(--bm-primitive-color-blue-600, #0095e0);
-  --bm-utility-color-blue-default: var(--bm-primitive-color-blue-500, #14b9ff);
-  --bm-utility-color-blue-strong: var(--bm-primitive-color-blue-300, #9be1ff);
-  --bm-utility-color-blue-stronger: var(--bm-primitive-color-blue-200, #ccf0ff);
-  --bm-utility-color-blue-strongest: var(
+  --bm-alias-color-ramp-blue-subtler: var(
+    --bm-primitive-color-blue-900,
+    #003f73
+  );
+  --bm-alias-color-ramp-blue-subtle: var(
+    --bm-primitive-color-blue-800,
+    #00528c
+  );
+  --bm-alias-color-ramp-blue-muter: var(--bm-primitive-color-blue-700, #006ead);
+  --bm-alias-color-ramp-blue-mute: var(--bm-primitive-color-blue-600, #0095e0);
+  --bm-alias-color-ramp-blue-base: var(--bm-primitive-color-blue-500, #14b9ff);
+  --bm-alias-color-ramp-blue-strong: var(
+    --bm-primitive-color-blue-300,
+    #9be1ff
+  );
+  --bm-alias-color-ramp-blue-stronger: var(
+    --bm-primitive-color-blue-200,
+    #ccf0ff
+  );
+  --bm-alias-color-ramp-blue-strongest: var(
     --bm-primitive-color-blue-100,
     #ebf9ff
   );
-  --bm-utility-color-blue-inverse: var(--bm-primitive-color-blue-700, #006ead);
-  --bm-utility-color-pink-subtlest: var(
+  --bm-alias-color-ramp-blue-inverse: var(
+    --bm-primitive-color-blue-700,
+    #006ead
+  );
+  --bm-alias-color-ramp-pink-subtlest: var(
     --bm-primitive-color-pink-1100,
     #360c2b
   );
-  --bm-utility-color-pink-subtler: var(--bm-primitive-color-pink-900, #661652);
-  --bm-utility-color-pink-subtle: var(--bm-primitive-color-pink-800, #931f76);
-  --bm-utility-color-pink-muter: var(--bm-primitive-color-pink-700, #ad258b);
-  --bm-utility-color-pink-mute: var(--bm-primitive-color-pink-600, #dc5bbc);
-  --bm-utility-color-pink-default: var(--bm-primitive-color-pink-500, #fa83dc);
-  --bm-utility-color-pink-strong: var(--bm-primitive-color-pink-300, #fccfef);
-  --bm-utility-color-pink-stronger: var(--bm-primitive-color-pink-200, #fdddf4);
-  --bm-utility-color-pink-strongest: var(
+  --bm-alias-color-ramp-pink-subtler: var(
+    --bm-primitive-color-pink-900,
+    #661652
+  );
+  --bm-alias-color-ramp-pink-subtle: var(
+    --bm-primitive-color-pink-800,
+    #931f76
+  );
+  --bm-alias-color-ramp-pink-muter: var(--bm-primitive-color-pink-700, #ad258b);
+  --bm-alias-color-ramp-pink-mute: var(--bm-primitive-color-pink-600, #dc5bbc);
+  --bm-alias-color-ramp-pink-base: var(--bm-primitive-color-pink-500, #fa83dc);
+  --bm-alias-color-ramp-pink-strong: var(
+    --bm-primitive-color-pink-300,
+    #fccfef
+  );
+  --bm-alias-color-ramp-pink-stronger: var(
+    --bm-primitive-color-pink-200,
+    #fdddf4
+  );
+  --bm-alias-color-ramp-pink-strongest: var(
     --bm-primitive-color-pink-100,
     #fef5fc
   );
-  --bm-utility-color-pink-inverse: var(--bm-primitive-color-pink-700, #ad258b);
-  --bm-utility-color-teal-subtlest: var(
+  --bm-alias-color-ramp-pink-inverse: var(
+    --bm-primitive-color-pink-700,
+    #ad258b
+  );
+  --bm-alias-color-ramp-teal-subtlest: var(
     --bm-primitive-color-teal-1100,
     #01262d
   );
-  --bm-utility-color-teal-subtler: var(--bm-primitive-color-teal-900, #00414d);
-  --bm-utility-color-teal-subtle: var(--bm-primitive-color-teal-800, #005b75);
-  --bm-utility-color-teal-muter: var(--bm-primitive-color-teal-700, #00768f);
-  --bm-utility-color-teal-mute: var(--bm-primitive-color-teal-600, #00a2c0);
-  --bm-utility-color-teal-default: var(--bm-primitive-color-teal-500, #43bfd6);
-  --bm-utility-color-teal-strong: var(--bm-primitive-color-teal-300, #b2e7f0);
-  --bm-utility-color-teal-stronger: var(--bm-primitive-color-teal-200, #d7f4f9);
-  --bm-utility-color-teal-strongest: var(
+  --bm-alias-color-ramp-teal-subtler: var(
+    --bm-primitive-color-teal-900,
+    #00414d
+  );
+  --bm-alias-color-ramp-teal-subtle: var(
+    --bm-primitive-color-teal-800,
+    #005b75
+  );
+  --bm-alias-color-ramp-teal-muter: var(--bm-primitive-color-teal-700, #00768f);
+  --bm-alias-color-ramp-teal-mute: var(--bm-primitive-color-teal-600, #00a2c0);
+  --bm-alias-color-ramp-teal-base: var(--bm-primitive-color-teal-500, #43bfd6);
+  --bm-alias-color-ramp-teal-strong: var(
+    --bm-primitive-color-teal-300,
+    #b2e7f0
+  );
+  --bm-alias-color-ramp-teal-stronger: var(
+    --bm-primitive-color-teal-200,
+    #d7f4f9
+  );
+  --bm-alias-color-ramp-teal-strongest: var(
     --bm-primitive-color-teal-100,
     #e9fcff
   );
-  --bm-utility-color-teal-inverse: var(--bm-primitive-color-teal-700, #00768f);
-  --bm-utility-color-violet-subtlest: var(
+  --bm-alias-color-ramp-teal-inverse: var(
+    --bm-primitive-color-teal-700,
+    #00768f
+  );
+  --bm-alias-color-ramp-violet-subtlest: var(
     --bm-primitive-color-violet-1100,
     #1c0d4a
   );
-  --bm-utility-color-violet-subtler: var(
+  --bm-alias-color-ramp-violet-subtler: var(
     --bm-primitive-color-violet-900,
     #3f1da6
   );
-  --bm-utility-color-violet-subtle: var(
+  --bm-alias-color-ramp-violet-subtle: var(
     --bm-primitive-color-violet-800,
     #592fda
   );
-  --bm-utility-color-violet-muter: var(
+  --bm-alias-color-ramp-violet-muter: var(
     --bm-primitive-color-violet-700,
     #6e49df
   );
-  --bm-utility-color-violet-mute: var(--bm-primitive-color-violet-600, #977de8);
-  --bm-utility-color-violet-default: var(
+  --bm-alias-color-ramp-violet-mute: var(
+    --bm-primitive-color-violet-600,
+    #977de8
+  );
+  --bm-alias-color-ramp-violet-base: var(
     --bm-primitive-color-violet-500,
     #b4a0ee
   );
-  --bm-utility-color-violet-strong: var(
+  --bm-alias-color-ramp-violet-strong: var(
     --bm-primitive-color-violet-300,
     #dcd3f8
   );
-  --bm-utility-color-violet-stronger: var(
+  --bm-alias-color-ramp-violet-stronger: var(
     --bm-primitive-color-violet-200,
     #eae5fb
   );
-  --bm-utility-color-violet-strongest: var(
+  --bm-alias-color-ramp-violet-strongest: var(
     --bm-primitive-color-violet-100,
     #f8f6fe
   );
-  --bm-utility-color-violet-inverse: var(
+  --bm-alias-color-ramp-violet-inverse: var(
     --bm-primitive-color-violet-700,
     #6e49df
   );
-  --bm-utility-color-lime-subtlest: var(
+  --bm-alias-color-ramp-lime-subtlest: var(
     --bm-primitive-color-lime-green-1100,
     #0d1f00
   );
-  --bm-utility-color-lime-subtler: var(
+  --bm-alias-color-ramp-lime-subtler: var(
     --bm-primitive-color-lime-green-900,
     #1e4700
   );
-  --bm-utility-color-lime-subtle: var(
+  --bm-alias-color-ramp-lime-subtle: var(
     --bm-primitive-color-lime-green-800,
     #1d5700
   );
-  --bm-utility-color-lime-muter: var(
+  --bm-alias-color-ramp-lime-muter: var(
     --bm-primitive-color-lime-green-700,
     #358000
   );
-  --bm-utility-color-lime-mute: var(
+  --bm-alias-color-ramp-lime-mute: var(
     --bm-primitive-color-lime-green-600,
     #5c9e14
   );
-  --bm-utility-color-lime-default: var(
+  --bm-alias-color-ramp-lime-base: var(
     --bm-primitive-color-lime-green-500,
     #8dc002
   );
-  --bm-utility-color-lime-strong: var(
+  --bm-alias-color-ramp-lime-strong: var(
     --bm-primitive-color-lime-green-300,
     #daee6b
   );
-  --bm-utility-color-lime-stronger: var(
+  --bm-alias-color-ramp-lime-stronger: var(
     --bm-primitive-color-lime-green-200,
     #f1ffa4
   );
-  --bm-utility-color-lime-strongest: var(
+  --bm-alias-color-ramp-lime-strongest: var(
     --bm-primitive-color-lime-green-100,
     #f7ffcc
   );
-  --bm-utility-color-lime-inverse: var(
+  --bm-alias-color-ramp-lime-inverse: var(
     --bm-primitive-color-lime-green-700,
     #358000
   );
-  --bm-utility-color-warm-subtlest: var(
+  --bm-alias-color-ramp-warm-subtlest: var(
     --bm-primitive-color-warm-1100,
     #3a0406
   );
-  --bm-utility-color-warm-subtler: var(--bm-primitive-color-warm-900, #86090f);
-  --bm-utility-color-warm-subtle: var(--bm-primitive-color-warm-800, #941e00);
-  --bm-utility-color-warm-muter: var(--bm-primitive-color-warm-700, #a82200);
-  --bm-utility-color-warm-mute: var(--bm-primitive-color-warm-600, #df6901);
-  --bm-utility-color-warm-default: var(--bm-primitive-color-warm-500, #fe9110);
-  --bm-utility-color-warm-strong: var(--bm-primitive-color-warm-300, #ffdb7d);
-  --bm-utility-color-warm-stronger: var(--bm-primitive-color-warm-200, #ffe9b3);
-  --bm-utility-color-warm-strongest: var(
+  --bm-alias-color-ramp-warm-subtler: var(
+    --bm-primitive-color-warm-900,
+    #86090f
+  );
+  --bm-alias-color-ramp-warm-subtle: var(
+    --bm-primitive-color-warm-800,
+    #941e00
+  );
+  --bm-alias-color-ramp-warm-muter: var(--bm-primitive-color-warm-700, #a82200);
+  --bm-alias-color-ramp-warm-mute: var(--bm-primitive-color-warm-600, #df6901);
+  --bm-alias-color-ramp-warm-base: var(--bm-primitive-color-warm-500, #fe9110);
+  --bm-alias-color-ramp-warm-strong: var(
+    --bm-primitive-color-warm-300,
+    #ffdb7d
+  );
+  --bm-alias-color-ramp-warm-stronger: var(
+    --bm-primitive-color-warm-200,
+    #ffe9b3
+  );
+  --bm-alias-color-ramp-warm-strongest: var(
     --bm-primitive-color-warm-100,
     #fff6e1
   );
-  --bm-utility-color-warm-inverse: var(--bm-primitive-color-warm-700, #a82200);
-  --bm-utility-color-green-subtlest: var(
+  --bm-alias-color-ramp-warm-inverse: var(
+    --bm-primitive-color-warm-700,
+    #a82200
+  );
+  --bm-alias-color-ramp-green-subtlest: var(
     --bm-primitive-color-green-1100,
     #09200a
   );
-  --bm-utility-color-green-subtler: var(
+  --bm-alias-color-ramp-green-subtler: var(
     --bm-primitive-color-green-900,
     #044819
   );
-  --bm-utility-color-green-subtle: var(--bm-primitive-color-green-800, #0d630d);
-  --bm-utility-color-green-muter: var(--bm-primitive-color-green-700, #187c36);
-  --bm-utility-color-green-mute: var(--bm-primitive-color-green-600, #24a148);
-  --bm-utility-color-green-default: var(
+  --bm-alias-color-ramp-green-subtle: var(
+    --bm-primitive-color-green-800,
+    #0d630d
+  );
+  --bm-alias-color-ramp-green-muter: var(
+    --bm-primitive-color-green-700,
+    #187c36
+  );
+  --bm-alias-color-ramp-green-mute: var(
+    --bm-primitive-color-green-600,
+    #24a148
+  );
+  --bm-alias-color-ramp-green-base: var(
     --bm-primitive-color-green-500,
     #42be53
   );
-  --bm-utility-color-green-strong: var(--bm-primitive-color-green-300, #b3eb9e);
-  --bm-utility-color-green-stronger: var(
+  --bm-alias-color-ramp-green-strong: var(
+    --bm-primitive-color-green-300,
+    #b3eb9e
+  );
+  --bm-alias-color-ramp-green-stronger: var(
     --bm-primitive-color-green-200,
     #daf7cf
   );
-  --bm-utility-color-green-strongest: var(
+  --bm-alias-color-ramp-green-strongest: var(
     --bm-primitive-color-green-100,
     #e9ffe0
   );
-  --bm-utility-color-green-inverse: var(
+  --bm-alias-color-ramp-green-inverse: var(
     --bm-primitive-color-green-700,
     #187c36
   );
-  --bm-utility-color-red-subtlest: var(--bm-primitive-color-red-1100, #370a0b);
-  --bm-utility-color-red-subtler: var(--bm-primitive-color-red-900, #7e1e21);
-  --bm-utility-color-red-subtle: var(--bm-primitive-color-red-800, #a61b20);
-  --bm-utility-color-red-muter: var(--bm-primitive-color-red-700, #cc2429);
-  --bm-utility-color-red-mute: var(--bm-primitive-color-red-600, #ed464c);
-  --bm-utility-color-red-default: var(--bm-primitive-color-red-500, #f67378);
-  --bm-utility-color-red-strong: var(--bm-primitive-color-red-300, #fdcbcd);
-  --bm-utility-color-red-stronger: var(--bm-primitive-color-red-200, #fee6e7);
-  --bm-utility-color-red-strongest: var(--bm-primitive-color-red-100, #fef2f2);
-  --bm-utility-color-red-inverse: var(--bm-primitive-color-red-700, #cc2429);
-  --bm-utility-color-orange-subtlest: var(
+  --bm-alias-color-ramp-red-subtlest: var(
+    --bm-primitive-color-red-1100,
+    #370a0b
+  );
+  --bm-alias-color-ramp-red-subtler: var(--bm-primitive-color-red-900, #7e1e21);
+  --bm-alias-color-ramp-red-subtle: var(--bm-primitive-color-red-800, #a61b20);
+  --bm-alias-color-ramp-red-muter: var(--bm-primitive-color-red-700, #cc2429);
+  --bm-alias-color-ramp-red-mute: var(--bm-primitive-color-red-600, #ed464c);
+  --bm-alias-color-ramp-red-base: var(--bm-primitive-color-red-500, #f67378);
+  --bm-alias-color-ramp-red-strong: var(--bm-primitive-color-red-300, #fdcbcd);
+  --bm-alias-color-ramp-red-stronger: var(
+    --bm-primitive-color-red-200,
+    #fee6e7
+  );
+  --bm-alias-color-ramp-red-strongest: var(
+    --bm-primitive-color-red-100,
+    #fef2f2
+  );
+  --bm-alias-color-ramp-red-inverse: var(--bm-primitive-color-red-700, #cc2429);
+  --bm-alias-color-ramp-orange-subtlest: var(
     --bm-primitive-color-orange-1100,
     #2e1500
   );
-  --bm-utility-color-orange-subtler: var(
+  --bm-alias-color-ramp-orange-subtler: var(
     --bm-primitive-color-orange-900,
     #662c00
   );
-  --bm-utility-color-orange-subtle: var(
+  --bm-alias-color-ramp-orange-subtle: var(
     --bm-primitive-color-orange-800,
     #8a3800
   );
-  --bm-utility-color-orange-muter: var(
+  --bm-alias-color-ramp-orange-muter: var(
     --bm-primitive-color-orange-700,
     #ac4902
   );
-  --bm-utility-color-orange-mute: var(--bm-primitive-color-orange-600, #eb6200);
-  --bm-utility-color-orange-default: var(
+  --bm-alias-color-ramp-orange-mute: var(
+    --bm-primitive-color-orange-600,
+    #eb6200
+  );
+  --bm-alias-color-ramp-orange-base: var(
     --bm-primitive-color-orange-500,
     #ff8e3d
   );
-  --bm-utility-color-orange-strong: var(
+  --bm-alias-color-ramp-orange-strong: var(
     --bm-primitive-color-orange-300,
     #ffd4a8
   );
-  --bm-utility-color-orange-stronger: var(
+  --bm-alias-color-ramp-orange-stronger: var(
     --bm-primitive-color-orange-200,
     #ffe4c9
   );
-  --bm-utility-color-orange-strongest: var(
+  --bm-alias-color-ramp-orange-strongest: var(
     --bm-primitive-color-orange-100,
     #fff3eb
   );
-  --bm-utility-color-orange-inverse: var(
+  --bm-alias-color-ramp-orange-inverse: var(
     --bm-primitive-color-orange-700,
     #ac4902
   );
-  --bm-utility-color-accent-secondary-subtlest: var(
-    --bm-theme-color-brand-secondary-1100,
-    #01262d
-  );
-  --bm-utility-color-accent-secondary-subtler: var(
-    --bm-theme-color-brand-secondary-900,
-    #00414d
-  );
-  --bm-utility-color-accent-secondary-subtle: var(
-    --bm-theme-color-brand-secondary-800,
-    #005b75
-  );
-  --bm-utility-color-accent-secondary-muter: var(
-    --bm-theme-color-brand-secondary-700,
-    #00768f
-  );
-  --bm-utility-color-accent-secondary-mute: var(
-    --bm-theme-color-brand-secondary-650,
-    #00859e
-  );
-  --bm-utility-color-accent-secondary-default: var(
+  --bm-alias-color-brand-primary-default: var(
     --bm-theme-color-brand-secondary-500,
     #43bfd6
   );
-  --bm-utility-color-accent-secondary-strong: var(
-    --bm-theme-color-brand-secondary-300,
-    #b2e7f0
-  );
-  --bm-utility-color-accent-secondary-stronger: var(
-    --bm-theme-color-brand-secondary-200,
-    #d7f4f9
-  );
-  --bm-utility-color-accent-secondary-strongest: var(
-    --bm-theme-color-brand-secondary-100,
-    #e9fcff
-  );
-  --bm-utility-color-accent-secondary-inverse: var(
-    --bm-theme-color-brand-secondary-700,
-    #00768f
+  --bm-alias-color-brand-secondary-default: var(
+    --bm-theme-color-brand-secondary-500,
+    #43bfd6
   );
   --bm-theme-color-brand-100: var(--bm-primitive-color-teal-100, #e9fcff);
   --bm-theme-color-brand-200: var(--bm-primitive-color-teal-200, #d7f4f9);
@@ -1585,10 +1863,7 @@
     --bm-theme-color-neutral-300,
     #d1dae0
   );
-  --bm-sem-color-surface-selected: var(
-    --bm-utility-color-accent-subtler,
-    #00414d
-  );
+  --bm-sem-color-surface-selected: var(--bm-theme-color-brand-1100, #01262d);
   --bm-sem-color-surface-selected-subtle: rgba(134, 151, 165, 0.16);
   --bm-sem-color-surface-highlight: rgba(134, 151, 165, 0.16);
   --bm-sem-color-surface-transparent: var(--bm-sem-color-none, #ffffff00);
@@ -1606,7 +1881,10 @@
     --bm-theme-color-info-secondary-400,
     #c3cdd5
   );
-  --bm-sem-color-text-selected: var(--bm-utility-color-accent-default, #43bfd6);
+  --bm-sem-color-text-selected: var(
+    --bm-alias-color-brand-primary-default,
+    #43bfd6
+  );
   --bm-sem-color-text-primary-inverse: var(
     --bm-theme-color-neutral-1100,
     #141d24
@@ -1649,7 +1927,10 @@
     --bm-theme-color-info-secondary-400,
     #c3cdd5
   );
-  --bm-sem-color-icon-selected: var(--bm-utility-color-accent-default, #43bfd6);
+  --bm-sem-color-icon-selected: var(
+    --bm-alias-color-brand-primary-default,
+    #43bfd6
+  );
   --bm-sem-color-icon-primary-inverse: var(
     --bm-theme-color-neutral-1100,
     #141d24
@@ -1690,7 +1971,7 @@
     #c3cdd5
   );
   --bm-sem-color-border-selected: var(
-    --bm-utility-color-accent-default,
+    --bm-alias-color-brand-primary-default,
     #43bfd6
   );
   --bm-sem-color-border-focus: var(--bm-primitive-color-blue-500, #14b9ff);
@@ -1699,25 +1980,28 @@
     #ffffff00
   );
   --bm-sem-color-border-inverse: var(--bm-theme-color-neutral-200, #dfe7ec);
-  --bm-sem-color-link-primary: var(--bm-utility-color-accent-default, #43bfd6);
-  --bm-sem-color-link-primary-inverse: var(
-    --bm-utility-color-accent-inverse,
-    #00768f
+  --bm-sem-color-link-primary: var(
+    --bm-alias-color-brand-primary-default,
+    #43bfd6
   );
+  --bm-sem-color-link-primary-inverse: var(--bm-theme-color-brand-700, #00768f);
   --bm-sem-color-link-secondary: var(--bm-primitive-color-white, #ffffff);
   --bm-sem-color-link-secondary-inverse: var(
-    --bm-sem-color-text-primary-inverse,
+    --bm-theme-color-neutral-1100,
     #141d24
   );
   --bm-sem-color-action-primary: var(
-    --bm-utility-color-accent-default,
+    --bm-alias-color-brand-primary-default,
     #43bfd6
   );
-  --bm-sem-color-action-onPrimary: var(
-    --bm-sem-color-text-primary-inverse,
-    #141d24
+  --bm-sem-color-action-primary-hover: var(--bm-theme-color-brand-400, #8cd8e6);
+  --bm-sem-color-action-primary-active: var(
+    --bm-theme-color-brand-300,
+    #b2e7f0
   );
-  --bm-sem-color-action-neutral: var(--bm-sem-color-surface-inverse, #ffffff);
+  --bm-sem-color-action-onPrimary: var(--bm-theme-color-neutral-1100, #141d24);
+  --bm-sem-color-action-secondary: var(--bm-primitive-color-white, #ffffff);
+  --bm-sem-color-action-neutral: var(--bm-primitive-color-white, #ffffff);
   --bm-sem-color-action-neutral-subtle: var(
     --bm-sem-color-surface-highlight,
     rgba(134, 151, 165, 0.16)
@@ -1965,7 +2249,11 @@
 .bm-light,
 .bm-dark,
 .bm-enterprise,
-.bm-consumer {
+.bm-consumer,
+[data-bm-theme~="bm-light"],
+[data-bm-theme~="bm-dark"],
+[data-bm-theme~="bm-enterprise"],
+[data-bm-theme~="bm-consumer"] {
   --bm-primitive-dimension-0: 0;
   --bm-primitive-dimension-6: 0.0625rem;
   --bm-primitive-dimension-12: 0.125rem;
@@ -2034,8 +2322,7 @@
     var(--bm-primitive-dimension-100) * var(--bm-utility-radius-scale)
   );
   --bm-sem-radius-round: 624.9375rem;
-  --bm-sem-radius-action-md: var(--bm-sem-radius-sm);
-  --bm-sem-radius-action-lg: var(--bm-sem-radius-round);
+  --bm-sem-radius-action-default: var(--bm-alias-action-radius-container);
   --bm-sem-radius-input-sm: var(--bm-sem-radius-xs);
   --bm-sem-radius-input-md: var(--bm-sem-radius-sm);
   --bm-sem-radius-input-lg: var(--bm-sem-radius-round);
@@ -2979,45 +3266,33 @@
 :root,
 .bm-enterprise,
 [data-bm-theme~="bm-enterprise"] {
-  --bm-utility-comp-btn-radius-container: var(
-    --bm-sem-radius-action-md,
-    0.25rem
-  );
-  --bm-utility-comp-btn-radius-focus: var(--bm-sem-radius-md, 0.5rem);
-  --bm-utility-comp-btn-space-sm-x: var(--bm-sem-space-50, 0.5rem);
-  --bm-utility-comp-btn-space-md-x: var(--bm-sem-space-75, 0.75rem);
-  --bm-utility-comp-btn-space-lg-x: var(--bm-sem-space-100, 1rem);
-  --bm-utility-comp-badge-radius: var(--bm-sem-radius-round, 624.938rem);
-  --bm-utility-comp-badge-space-x: var(--bm-sem-space-75, 0.75rem);
-  --bm-utility-comp-chip-radius-container: var(
-    --bm-sem-radius-action-md,
-    0.25rem
-  );
-  --bm-utility-comp-chip-radius-focus: var(--bm-sem-radius-md, 0.5rem);
-  --bm-utility-comp-chip-space-sm-x: var(--bm-sem-space-50, 0.5rem);
-  --bm-utility-comp-chip-space-md-x: var(--bm-sem-space-50, 0.5rem);
-  --bm-utility-comp-chip-space-lg-x: var(--bm-sem-space-75, 0.75rem);
+  --bm-alias-action-radius-container: 0.25rem;
+  --bm-alias-action-radius-focus: 0.5rem;
+  --bm-alias-action-space-sm-x: 0.5rem;
+  --bm-alias-action-space-md-x: 0.75rem;
+  --bm-alias-action-space-lg-x: 1rem;
+  --bm-alias-badge-radius: 624.938rem;
+  --bm-alias-badge-space-x: 0.75rem;
+  --bm-alias-chip-radius-container: 0.25rem;
+  --bm-alias-chip-radius-focus: 0.5rem;
+  --bm-alias-chip-space-sm-x: 0.5rem;
+  --bm-alias-chip-space-md-x: 0.5rem;
+  --bm-alias-chip-space-lg-x: 0.75rem;
 }
 .bm-consumer,
 [data-bm-theme~="bm-consumer"] {
-  --bm-utility-comp-btn-radius-container: var(
-    --bm-sem-radius-action-lg,
-    624.938rem
-  );
-  --bm-utility-comp-btn-radius-focus: var(--bm-sem-radius-round, 624.938rem);
-  --bm-utility-comp-btn-space-sm-x: var(--bm-sem-space-100, 1rem);
-  --bm-utility-comp-btn-space-md-x: var(--bm-sem-space-125, 1.25rem);
-  --bm-utility-comp-btn-space-lg-x: var(--bm-sem-space-150, 1.5rem);
-  --bm-utility-comp-badge-radius: var(--bm-sem-radius-sm, 0.25rem);
-  --bm-utility-comp-badge-space-x: var(--bm-sem-space-50, 0.5rem);
-  --bm-utility-comp-chip-radius-container: var(
-    --bm-sem-radius-action-lg,
-    624.938rem
-  );
-  --bm-utility-comp-chip-radius-focus: var(--bm-sem-radius-round, 624.938rem);
-  --bm-utility-comp-chip-space-sm-x: var(--bm-sem-space-75, 0.75rem);
-  --bm-utility-comp-chip-space-md-x: var(--bm-sem-space-75, 0.75rem);
-  --bm-utility-comp-chip-space-lg-x: var(--bm-sem-space-125, 1.25rem);
+  --bm-alias-action-radius-container: 624.938rem;
+  --bm-alias-action-radius-focus: 624.938rem;
+  --bm-alias-action-space-sm-x: 1rem;
+  --bm-alias-action-space-md-x: 1.25rem;
+  --bm-alias-action-space-lg-x: 1.5rem;
+  --bm-alias-badge-radius: 0.25rem;
+  --bm-alias-badge-space-x: 0.5rem;
+  --bm-alias-chip-radius-container: 624.938rem;
+  --bm-alias-chip-radius-focus: 624.938rem;
+  --bm-alias-chip-space-sm-x: 0.75rem;
+  --bm-alias-chip-space-md-x: 0.75rem;
+  --bm-alias-chip-space-lg-x: 1.25rem;
 }
 :root,
 .bm-light,
@@ -3493,27 +3768,30 @@
 }
 .bm-expressive-accent,
 [data-bm-theme~="bm-expressive-accent"] {
-  --bm-expressive-color-bg: var(--bm-utility-color-accent-subtlest, #e9fcff);
+  --bm-expressive-color-bg: var(--bm-alias-color-ramp-accent-subtlest, #e9fcff);
   --bm-expressive-color-bg-stronger: var(
-    --bm-utility-color-accent-subtler,
+    --bm-alias-color-ramp-accent-subtler,
     #d7f4f9
   );
-  --bm-expressive-color-fg: var(--bm-utility-color-accent-default, #00768f);
+  --bm-expressive-color-fg: var(--bm-alias-color-ramp-accent-base, #00768f);
   --bm-expressive-color-fg-stronger: var(
-    --bm-utility-color-accent-strong,
+    --bm-alias-color-ramp-accent-strong,
     #005b75
   );
-  --bm-expressive-color-border: var(--bm-utility-color-accent-subtle, #b2e7f0);
+  --bm-expressive-color-border: var(
+    --bm-alias-color-ramp-accent-subtle,
+    #b2e7f0
+  );
   --bm-expressive-color-border-stronger: var(
-    --bm-utility-color-accent-default,
+    --bm-alias-color-ramp-accent-base,
     #00768f
   );
   --bm-expressive-color-inverse-bg: var(
-    --bm-utility-color-accent-default,
+    --bm-alias-color-ramp-accent-base,
     #00768f
   );
   --bm-expressive-color-inverse-fg: var(
-    --bm-utility-color-accent-subtler,
+    --bm-alias-color-ramp-accent-subtler,
     #d7f4f9
   );
   --bm-expressive-color-inverse-fg-stronger: var(
@@ -3523,27 +3801,27 @@
 }
 .bm-expressive-blue,
 [data-bm-theme~="bm-expressive-blue"] {
-  --bm-expressive-color-bg: var(--bm-utility-color-blue-subtlest, #ebf9ff);
+  --bm-expressive-color-bg: var(--bm-alias-color-ramp-blue-subtlest, #ebf9ff);
   --bm-expressive-color-bg-stronger: var(
-    --bm-utility-color-blue-subtler,
+    --bm-alias-color-ramp-blue-subtler,
     #ccf0ff
   );
-  --bm-expressive-color-fg: var(--bm-utility-color-blue-default, #006ead);
+  --bm-expressive-color-fg: var(--bm-alias-color-ramp-blue-base, #006ead);
   --bm-expressive-color-fg-stronger: var(
-    --bm-utility-color-blue-strong,
+    --bm-alias-color-ramp-blue-strong,
     #00528c
   );
-  --bm-expressive-color-border: var(--bm-utility-color-blue-subtle, #9be1ff);
+  --bm-expressive-color-border: var(--bm-alias-color-ramp-blue-subtle, #9be1ff);
   --bm-expressive-color-border-stronger: var(
-    --bm-utility-color-blue-default,
+    --bm-alias-color-ramp-blue-base,
     #006ead
   );
   --bm-expressive-color-inverse-bg: var(
-    --bm-utility-color-blue-default,
+    --bm-alias-color-ramp-blue-base,
     #006ead
   );
   --bm-expressive-color-inverse-fg: var(
-    --bm-utility-color-blue-subtler,
+    --bm-alias-color-ramp-blue-subtler,
     #ccf0ff
   );
   --bm-expressive-color-inverse-fg-stronger: var(
@@ -3553,27 +3831,27 @@
 }
 .bm-expressive-gray,
 [data-bm-theme~="bm-expressive-gray"] {
-  --bm-expressive-color-bg: var(--bm-utility-color-gray-subtlest, #f2f5f8);
+  --bm-expressive-color-bg: var(--bm-alias-color-ramp-gray-subtlest, #f2f5f8);
   --bm-expressive-color-bg-stronger: var(
-    --bm-utility-color-gray-subtler,
+    --bm-alias-color-ramp-gray-subtler,
     #dfe7ec
   );
-  --bm-expressive-color-fg: var(--bm-utility-color-gray-default, #576775);
+  --bm-expressive-color-fg: var(--bm-alias-color-ramp-gray-base, #576775);
   --bm-expressive-color-fg-stronger: var(
-    --bm-utility-color-gray-strong,
+    --bm-alias-color-ramp-gray-strong,
     #465967
   );
-  --bm-expressive-color-border: var(--bm-utility-color-gray-subtle, #d1dae0);
+  --bm-expressive-color-border: var(--bm-alias-color-ramp-gray-subtle, #d1dae0);
   --bm-expressive-color-border-stronger: var(
-    --bm-utility-color-gray-default,
+    --bm-alias-color-ramp-gray-base,
     #576775
   );
   --bm-expressive-color-inverse-bg: var(
-    --bm-utility-color-gray-default,
+    --bm-alias-color-ramp-gray-base,
     #576775
   );
   --bm-expressive-color-inverse-fg: var(
-    --bm-utility-color-gray-subtler,
+    --bm-alias-color-ramp-gray-subtler,
     #dfe7ec
   );
   --bm-expressive-color-inverse-fg-stronger: var(
@@ -3583,27 +3861,27 @@
 }
 .bm-expressive-green,
 [data-bm-theme~="bm-expressive-green"] {
-  --bm-expressive-color-bg: var(--bm-utility-color-lime-subtlest, #f7ffcc);
+  --bm-expressive-color-bg: var(--bm-alias-color-ramp-lime-subtlest, #f7ffcc);
   --bm-expressive-color-bg-stronger: var(
-    --bm-utility-color-lime-subtler,
+    --bm-alias-color-ramp-lime-subtler,
     #f1ffa4
   );
-  --bm-expressive-color-fg: var(--bm-utility-color-lime-default, #358000);
+  --bm-expressive-color-fg: var(--bm-alias-color-ramp-lime-base, #358000);
   --bm-expressive-color-fg-stronger: var(
-    --bm-utility-color-lime-strong,
+    --bm-alias-color-ramp-lime-strong,
     #1d5700
   );
-  --bm-expressive-color-border: var(--bm-utility-color-lime-subtle, #daee6b);
+  --bm-expressive-color-border: var(--bm-alias-color-ramp-lime-subtle, #daee6b);
   --bm-expressive-color-border-stronger: var(
-    --bm-utility-color-lime-default,
+    --bm-alias-color-ramp-lime-base,
     #358000
   );
   --bm-expressive-color-inverse-bg: var(
-    --bm-utility-color-lime-default,
+    --bm-alias-color-ramp-lime-base,
     #358000
   );
   --bm-expressive-color-inverse-fg: var(
-    --bm-utility-color-lime-subtler,
+    --bm-alias-color-ramp-lime-subtler,
     #f1ffa4
   );
   --bm-expressive-color-inverse-fg-stronger: var(
@@ -3613,27 +3891,27 @@
 }
 .bm-expressive-orange,
 [data-bm-theme~="bm-expressive-orange"] {
-  --bm-expressive-color-bg: var(--bm-utility-color-warm-subtlest, #fff6e1);
+  --bm-expressive-color-bg: var(--bm-alias-color-ramp-warm-subtlest, #fff6e1);
   --bm-expressive-color-bg-stronger: var(
-    --bm-utility-color-warm-subtler,
+    --bm-alias-color-ramp-warm-subtler,
     #ffe9b3
   );
-  --bm-expressive-color-fg: var(--bm-utility-color-warm-default, #a82200);
+  --bm-expressive-color-fg: var(--bm-alias-color-ramp-warm-base, #a82200);
   --bm-expressive-color-fg-stronger: var(
-    --bm-utility-color-warm-strong,
+    --bm-alias-color-ramp-warm-strong,
     #941e00
   );
-  --bm-expressive-color-border: var(--bm-utility-color-warm-subtle, #ffdb7d);
+  --bm-expressive-color-border: var(--bm-alias-color-ramp-warm-subtle, #ffdb7d);
   --bm-expressive-color-border-stronger: var(
-    --bm-utility-color-warm-default,
+    --bm-alias-color-ramp-warm-base,
     #a82200
   );
   --bm-expressive-color-inverse-bg: var(
-    --bm-utility-color-warm-default,
+    --bm-alias-color-ramp-warm-base,
     #a82200
   );
   --bm-expressive-color-inverse-fg: var(
-    --bm-utility-color-warm-subtler,
+    --bm-alias-color-ramp-warm-subtler,
     #ffe9b3
   );
   --bm-expressive-color-inverse-fg-stronger: var(
@@ -3643,27 +3921,27 @@
 }
 .bm-expressive-pink,
 [data-bm-theme~="bm-expressive-pink"] {
-  --bm-expressive-color-bg: var(--bm-utility-color-pink-subtlest, #fef5fc);
+  --bm-expressive-color-bg: var(--bm-alias-color-ramp-pink-subtlest, #fef5fc);
   --bm-expressive-color-bg-stronger: var(
-    --bm-utility-color-pink-subtler,
+    --bm-alias-color-ramp-pink-subtler,
     #fdddf4
   );
-  --bm-expressive-color-fg: var(--bm-utility-color-pink-default, #ad258b);
+  --bm-expressive-color-fg: var(--bm-alias-color-ramp-pink-base, #ad258b);
   --bm-expressive-color-fg-stronger: var(
-    --bm-utility-color-pink-strong,
+    --bm-alias-color-ramp-pink-strong,
     #931f76
   );
-  --bm-expressive-color-border: var(--bm-utility-color-pink-subtle, #fccfef);
+  --bm-expressive-color-border: var(--bm-alias-color-ramp-pink-subtle, #fccfef);
   --bm-expressive-color-border-stronger: var(
-    --bm-utility-color-pink-default,
+    --bm-alias-color-ramp-pink-base,
     #ad258b
   );
   --bm-expressive-color-inverse-bg: var(
-    --bm-utility-color-pink-default,
+    --bm-alias-color-ramp-pink-base,
     #ad258b
   );
   --bm-expressive-color-inverse-fg: var(
-    --bm-utility-color-pink-subtler,
+    --bm-alias-color-ramp-pink-subtler,
     #fdddf4
   );
   --bm-expressive-color-inverse-fg-stronger: var(
@@ -3673,27 +3951,27 @@
 }
 .bm-expressive-red,
 [data-bm-theme~="bm-expressive-red"] {
-  --bm-expressive-color-bg: var(--bm-utility-color-red-subtlest, #fef2f2);
+  --bm-expressive-color-bg: var(--bm-alias-color-ramp-red-subtlest, #fef2f2);
   --bm-expressive-color-bg-stronger: var(
-    --bm-utility-color-red-subtler,
+    --bm-alias-color-ramp-red-subtler,
     #fee6e7
   );
-  --bm-expressive-color-fg: var(--bm-utility-color-red-default, #cc2429);
+  --bm-expressive-color-fg: var(--bm-alias-color-ramp-red-base, #cc2429);
   --bm-expressive-color-fg-stronger: var(
-    --bm-utility-color-red-strong,
+    --bm-alias-color-ramp-red-strong,
     #a61b20
   );
-  --bm-expressive-color-border: var(--bm-utility-color-red-subtle, #fdcbcd);
+  --bm-expressive-color-border: var(--bm-alias-color-ramp-red-subtle, #fdcbcd);
   --bm-expressive-color-border-stronger: var(
-    --bm-utility-color-red-default,
+    --bm-alias-color-ramp-red-base,
     #cc2429
   );
   --bm-expressive-color-inverse-bg: var(
-    --bm-utility-color-red-default,
+    --bm-alias-color-ramp-red-base,
     #cc2429
   );
   --bm-expressive-color-inverse-fg: var(
-    --bm-utility-color-red-subtler,
+    --bm-alias-color-ramp-red-subtler,
     #fee6e7
   );
   --bm-expressive-color-inverse-fg-stronger: var(
@@ -3703,27 +3981,27 @@
 }
 .bm-expressive-teal,
 [data-bm-theme~="bm-expressive-teal"] {
-  --bm-expressive-color-bg: var(--bm-utility-color-teal-subtlest, #e9fcff);
+  --bm-expressive-color-bg: var(--bm-alias-color-ramp-teal-subtlest, #e9fcff);
   --bm-expressive-color-bg-stronger: var(
-    --bm-utility-color-teal-subtler,
+    --bm-alias-color-ramp-teal-subtler,
     #d7f4f9
   );
-  --bm-expressive-color-fg: var(--bm-utility-color-teal-default, #00768f);
+  --bm-expressive-color-fg: var(--bm-alias-color-ramp-teal-base, #00768f);
   --bm-expressive-color-fg-stronger: var(
-    --bm-utility-color-teal-strong,
+    --bm-alias-color-ramp-teal-strong,
     #005b75
   );
-  --bm-expressive-color-border: var(--bm-utility-color-teal-subtle, #b2e7f0);
+  --bm-expressive-color-border: var(--bm-alias-color-ramp-teal-subtle, #b2e7f0);
   --bm-expressive-color-border-stronger: var(
-    --bm-utility-color-teal-default,
+    --bm-alias-color-ramp-teal-base,
     #00768f
   );
   --bm-expressive-color-inverse-bg: var(
-    --bm-utility-color-teal-default,
+    --bm-alias-color-ramp-teal-base,
     #00768f
   );
   --bm-expressive-color-inverse-fg: var(
-    --bm-utility-color-teal-subtler,
+    --bm-alias-color-ramp-teal-subtler,
     #d7f4f9
   );
   --bm-expressive-color-inverse-fg-stronger: var(
@@ -3733,27 +4011,30 @@
 }
 .bm-expressive-violet,
 [data-bm-theme~="bm-expressive-violet"] {
-  --bm-expressive-color-bg: var(--bm-utility-color-violet-subtlest, #f8f6fe);
+  --bm-expressive-color-bg: var(--bm-alias-color-ramp-violet-subtlest, #f8f6fe);
   --bm-expressive-color-bg-stronger: var(
-    --bm-utility-color-violet-subtler,
+    --bm-alias-color-ramp-violet-subtler,
     #eae5fb
   );
-  --bm-expressive-color-fg: var(--bm-utility-color-violet-default, #6e49df);
+  --bm-expressive-color-fg: var(--bm-alias-color-ramp-violet-base, #6e49df);
   --bm-expressive-color-fg-stronger: var(
-    --bm-utility-color-violet-strong,
+    --bm-alias-color-ramp-violet-strong,
     #592fda
   );
-  --bm-expressive-color-border: var(--bm-utility-color-violet-subtle, #dcd3f8);
+  --bm-expressive-color-border: var(
+    --bm-alias-color-ramp-violet-subtle,
+    #dcd3f8
+  );
   --bm-expressive-color-border-stronger: var(
-    --bm-utility-color-violet-default,
+    --bm-alias-color-ramp-violet-base,
     #6e49df
   );
   --bm-expressive-color-inverse-bg: var(
-    --bm-utility-color-violet-default,
+    --bm-alias-color-ramp-violet-base,
     #6e49df
   );
   --bm-expressive-color-inverse-fg: var(
-    --bm-utility-color-violet-subtler,
+    --bm-alias-color-ramp-violet-subtler,
     #eae5fb
   );
   --bm-expressive-color-inverse-fg-stronger: var(