@navikt/ds-css 7.9.1 → 7.10.0

package/dist/darkside/global/tokens.css

@@ -1,75 +1,75 @@
 @layer aksel.theming {
   :root, :host, .light, .light-theme {
-    --ax-meta-lime-400A: #d0dc00;
-    --ax-meta-lime-300A: rgba(202, 223, 0, .58);
-    --ax-meta-lime-200A: rgba(196, 223, 0, .337);
-    --ax-meta-lime-100A: rgba(195, 222, 0, .18);
-    --ax-meta-lime-1000: #2a2800;
-    --ax-meta-lime-900: #515400;
-    --ax-meta-lime-800: #5c6100;
-    --ax-meta-lime-700: #646900;
-    --ax-meta-lime-600: #757c00;
-    --ax-meta-lime-500: #878f00;
-    --ax-meta-lime-400: #d0dc00;
-    --ax-meta-lime-300: #e0ec6b;
-    --ax-meta-lime-200: #ebf4a9;
-    --ax-meta-lime-100: #f4f9d1;
-    --ax-meta-purple-400A: rgba(43, 0, 107, .19);
-    --ax-meta-purple-300A: rgba(43, 0, 102, .118);
-    --ax-meta-purple-200A: rgba(43, 0, 100, .07);
-    --ax-meta-purple-100A: rgba(51, 0, 102, .04);
-    --ax-meta-purple-1000: #331a4d;
-    --ax-meta-purple-900: #5e467c;
-    --ax-meta-purple-800: #6a5289;
-    --ax-meta-purple-700: #725a91;
-    --ax-meta-purple-600: #846ca4;
-    --ax-meta-purple-500: #9580b1;
-    --ax-meta-purple-400: #d7cfe3;
-    --ax-meta-purple-300: #e6e1ed;
-    --ax-meta-purple-200: #f0edf4;
-    --ax-meta-purple-100: #f7f5f9;
-    --ax-brand-blue-400A: rgba(0, 90, 146, .247);
-    --ax-brand-blue-300A: rgba(0, 96, 160, .157);
-    --ax-brand-blue-200A: rgba(0, 110, 183, .11);
-    --ax-brand-blue-100A: rgba(0, 120, 210, .067);
-    --ax-brand-blue-1000: #002942;
-    --ax-brand-blue-900: #00557d;
-    --ax-brand-blue-800: #156389;
-    --ax-brand-blue-700: #246b91;
-    --ax-brand-blue-600: #417da0;
-    --ax-brand-blue-500: #5a8fae;
-    --ax-brand-blue-400: #c0d6e4;
-    --ax-brand-blue-300: #d7e6f0;
-    --ax-brand-blue-200: #e3eff7;
-    --ax-brand-blue-100: #eef6fc;
-    --ax-brand-beige-400A: rgba(233, 76, 0, .306);
-    --ax-brand-beige-300A: rgba(240, 82, 0, .196);
-    --ax-brand-beige-200A: rgba(239, 91, 0, .12);
-    --ax-brand-beige-100A: rgba(255, 90, 0, .067);
-    --ax-brand-beige-1000: #3c1f15;
-    --ax-brand-beige-900: #764332;
-    --ax-brand-beige-800: #874e3b;
-    --ax-brand-beige-700: #915541;
-    --ax-brand-beige-600: #a9654e;
-    --ax-brand-beige-500: #c0765d;
-    --ax-brand-beige-400: #f8c8b1;
-    --ax-brand-beige-300: #fcddcd;
-    --ax-brand-beige-200: #fdebe0;
-    --ax-brand-beige-100: #fff4ee;
-    --ax-brand-magenta-400A: rgba(164, 0, 58, .208);
-    --ax-brand-magenta-300A: rgba(165, 0, 60, .133);
-    --ax-brand-magenta-200A: rgba(170, 0, 61, .082);
-    --ax-brand-magenta-100A: rgba(170, 0, 64, .047);
-    --ax-brand-magenta-1000: #52002b;
-    --ax-brand-magenta-900: #98185d;
-    --ax-brand-magenta-800: #a33069;
-    --ax-brand-magenta-700: #a93d70;
-    --ax-brand-magenta-600: #b65781;
-    --ax-brand-magenta-500: #c26f92;
-    --ax-brand-magenta-400: #eccad6;
-    --ax-brand-magenta-300: #f3dde5;
-    --ax-brand-magenta-200: #f8eaef;
-    --ax-brand-magenta-100: #fbf3f6;
+    --ax-meta-2-400A: #d0dc00;
+    --ax-meta-2-300A: rgba(202, 223, 0, .58);
+    --ax-meta-2-200A: rgba(196, 223, 0, .337);
+    --ax-meta-2-100A: rgba(195, 222, 0, .18);
+    --ax-meta-2-1000: #2a2800;
+    --ax-meta-2-900: #515400;
+    --ax-meta-2-800: #5c6100;
+    --ax-meta-2-700: #646900;
+    --ax-meta-2-600: #757c00;
+    --ax-meta-2-500: #878f00;
+    --ax-meta-2-400: #d0dc00;
+    --ax-meta-2-300: #e0ec6b;
+    --ax-meta-2-200: #ebf4a9;
+    --ax-meta-2-100: #f4f9d1;
+    --ax-meta-1-400A: rgba(43, 0, 107, .19);
+    --ax-meta-1-300A: rgba(43, 0, 102, .118);
+    --ax-meta-1-200A: rgba(43, 0, 100, .07);
+    --ax-meta-1-100A: rgba(51, 0, 102, .04);
+    --ax-meta-1-1000: #331a4d;
+    --ax-meta-1-900: #5e467c;
+    --ax-meta-1-800: #6a5289;
+    --ax-meta-1-700: #725a91;
+    --ax-meta-1-600: #846ca4;
+    --ax-meta-1-500: #9580b1;
+    --ax-meta-1-400: #d7cfe3;
+    --ax-meta-1-300: #e6e1ed;
+    --ax-meta-1-200: #f0edf4;
+    --ax-meta-1-100: #f7f5f9;
+    --ax-brand-3-400A: rgba(0, 90, 146, .247);
+    --ax-brand-3-300A: rgba(0, 96, 160, .157);
+    --ax-brand-3-200A: rgba(0, 110, 183, .11);
+    --ax-brand-3-100A: rgba(0, 120, 210, .067);
+    --ax-brand-3-1000: #002942;
+    --ax-brand-3-900: #00557d;
+    --ax-brand-3-800: #156389;
+    --ax-brand-3-700: #246b91;
+    --ax-brand-3-600: #417da0;
+    --ax-brand-3-500: #5a8fae;
+    --ax-brand-3-400: #c0d6e4;
+    --ax-brand-3-300: #d7e6f0;
+    --ax-brand-3-200: #e3eff7;
+    --ax-brand-3-100: #eef6fc;
+    --ax-brand-2-400A: rgba(233, 76, 0, .306);
+    --ax-brand-2-300A: rgba(240, 82, 0, .196);
+    --ax-brand-2-200A: rgba(239, 91, 0, .12);
+    --ax-brand-2-100A: rgba(255, 90, 0, .067);
+    --ax-brand-2-1000: #3c1f15;
+    --ax-brand-2-900: #764332;
+    --ax-brand-2-800: #874e3b;
+    --ax-brand-2-700: #915541;
+    --ax-brand-2-600: #a9654e;
+    --ax-brand-2-500: #c0765d;
+    --ax-brand-2-400: #f8c8b1;
+    --ax-brand-2-300: #fcddcd;
+    --ax-brand-2-200: #fdebe0;
+    --ax-brand-2-100: #fff4ee;
+    --ax-brand-1-400A: rgba(164, 0, 58, .208);
+    --ax-brand-1-300A: rgba(165, 0, 60, .133);
+    --ax-brand-1-200A: rgba(170, 0, 61, .082);
+    --ax-brand-1-100A: rgba(170, 0, 64, .047);
+    --ax-brand-1-1000: #52002b;
+    --ax-brand-1-900: #98185d;
+    --ax-brand-1-800: #a33069;
+    --ax-brand-1-700: #a93d70;
+    --ax-brand-1-600: #b65781;
+    --ax-brand-1-500: #c26f92;
+    --ax-brand-1-400: #eccad6;
+    --ax-brand-1-300: #f3dde5;
+    --ax-brand-1-200: #f8eaef;
+    --ax-brand-1-100: #fbf3f6;
     --ax-info-400A: rgba(0, 90, 146, .247);
     --ax-info-300A: rgba(0, 96, 160, .157);
     --ax-info-200A: rgba(0, 110, 183, .11);
@@ -161,176 +161,169 @@
     --ax-bg-default: #fff;
     --ax-opacity-disabled: .3;
     --ax-shadow-dialog: 0px 0px 1px 0px rgba(7, 9, 13, .02), 0px 2px 5px 0px rgba(7, 9, 13, .1), 0px 5px 12px 0px rgba(7, 9, 13, .12);
-    --ax-border-focus: var(--ax-accent-700);
+    --ax-border-focus: var(--ax-neutral-1000);
     --ax-border-strong: var(--ax-neutral-600);
     --ax-border-subtleA: var(--ax-neutral-400A);
     --ax-border-subtle: var(--ax-neutral-400);
     --ax-border-default: var(--ax-neutral-500);
-    --ax-border-meta-lime-strong: var(--ax-meta-lime-600);
-    --ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
-    --ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
-    --ax-border-meta-lime: var(--ax-meta-lime-500);
-    --ax-border-meta-purple-strong: var(--ax-meta-purple-600);
-    --ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
-    --ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
-    --ax-border-meta-purple: var(--ax-meta-purple-500);
-    --ax-border-brand-blue-strong: var(--ax-brand-blue-600);
-    --ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
-    --ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
-    --ax-border-brand-blue: var(--ax-brand-blue-500);
-    --ax-border-brand-beige-strong: var(--ax-brand-beige-600);
-    --ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
-    --ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
-    --ax-border-brand-beige: var(--ax-brand-beige-500);
-    --ax-border-brand-magenta-strong: var(--ax-brand-magenta-600);
-    --ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
-    --ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
-    --ax-border-brand-magenta: var(--ax-brand-magenta-500);
-    --ax-border-info-strong: var(--ax-info-600);
+    --ax-border-meta-2-strong: var(--ax-meta-2-700);
+    --ax-border-meta-2-subtleA: var(--ax-meta-2-400A);
+    --ax-border-meta-2-subtle: var(--ax-meta-2-400);
+    --ax-border-meta-2: var(--ax-meta-2-600);
+    --ax-border-meta-1-strong: var(--ax-meta-1-700);
+    --ax-border-meta-1-subtleA: var(--ax-meta-1-400A);
+    --ax-border-meta-1-subtle: var(--ax-meta-1-400);
+    --ax-border-meta-1: var(--ax-meta-1-600);
+    --ax-border-brand-3-strong: var(--ax-brand-3-700);
+    --ax-border-brand-3-subtleA: var(--ax-brand-3-400A);
+    --ax-border-brand-3-subtle: var(--ax-brand-3-400);
+    --ax-border-brand-3: var(--ax-brand-3-600);
+    --ax-border-brand-2-strong: var(--ax-brand-2-700);
+    --ax-border-brand-2-subtleA: var(--ax-brand-2-400A);
+    --ax-border-brand-2-subtle: var(--ax-brand-2-400);
+    --ax-border-brand-2: var(--ax-brand-2-600);
+    --ax-border-brand-1-strong: var(--ax-brand-1-700);
+    --ax-border-brand-1-subtleA: var(--ax-brand-1-400A);
+    --ax-border-brand-1-subtle: var(--ax-brand-1-400);
+    --ax-border-brand-1: var(--ax-brand-1-600);
+    --ax-border-info-strong: var(--ax-info-700);
     --ax-border-info-subtleA: var(--ax-info-400A);
     --ax-border-info-subtle: var(--ax-info-400);
-    --ax-border-info: var(--ax-info-500);
-    --ax-border-danger-strong: var(--ax-danger-600);
+    --ax-border-info: var(--ax-info-600);
+    --ax-border-danger-strong: var(--ax-danger-700);
     --ax-border-danger-subtleA: var(--ax-danger-400A);
     --ax-border-danger-subtle: var(--ax-danger-400);
-    --ax-border-danger: var(--ax-danger-500);
-    --ax-border-warning-strong: var(--ax-warning-600);
+    --ax-border-danger: var(--ax-danger-600);
+    --ax-border-warning-strong: var(--ax-warning-700);
     --ax-border-warning-subtleA: var(--ax-warning-400A);
     --ax-border-warning-subtle: var(--ax-warning-400);
-    --ax-border-warning: var(--ax-warning-500);
-    --ax-border-success-strong: var(--ax-success-600);
+    --ax-border-warning: var(--ax-warning-600);
+    --ax-border-success-strong: var(--ax-success-700);
     --ax-border-success-subtleA: var(--ax-success-400A);
     --ax-border-success-subtle: var(--ax-success-400);
-    --ax-border-success: var(--ax-success-500);
-    --ax-border-accent-strong: var(--ax-accent-600);
+    --ax-border-success: var(--ax-success-600);
+    --ax-border-accent-strong: var(--ax-accent-700);
     --ax-border-accent-subtleA: var(--ax-accent-400A);
     --ax-border-accent-subtle: var(--ax-accent-400);
-    --ax-border-accent: var(--ax-accent-500);
-    --ax-border-neutral-strong: var(--ax-neutral-600);
-    --ax-border-neutral-subtleA: var(--ax-neutral-400A);
-    --ax-border-neutral-subtle: var(--ax-neutral-400);
-    --ax-border-neutral: var(--ax-neutral-500);
+    --ax-border-accent: var(--ax-accent-600);
+    --ax-text-contrast: var(--ax-neutral-000);
     --ax-text-icon: var(--ax-neutral-600);
     --ax-text-subtle: var(--ax-neutral-900);
     --ax-text-default: var(--ax-neutral-1000);
-    --ax-text-meta-lime-contrast: var(--ax-neutral-000);
-    --ax-text-meta-purple-contrast: var(--ax-neutral-000);
-    --ax-text-brand-blue-contrast: var(--ax-neutral-000);
-    --ax-text-brand-beige-contrast: var(--ax-neutral-000);
-    --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
+    --ax-text-meta-2-contrast: var(--ax-neutral-000);
+    --ax-text-meta-1-contrast: var(--ax-neutral-000);
+    --ax-text-brand-3-contrast: var(--ax-neutral-000);
+    --ax-text-brand-2-contrast: var(--ax-neutral-000);
+    --ax-text-brand-1-contrast: var(--ax-neutral-000);
     --ax-text-warning-contrast: var(--ax-neutral-000);
     --ax-text-success-contrast: var(--ax-neutral-000);
     --ax-text-info-contrast: var(--ax-neutral-000);
     --ax-text-danger-contrast: var(--ax-neutral-000);
-    --ax-text-neutral-contrast: var(--ax-neutral-000);
     --ax-text-accent-contrast: var(--ax-neutral-000);
-    --ax-text-meta-lime-icon: var(--ax-meta-lime-600);
-    --ax-text-meta-lime-strong: var(--ax-meta-lime-900);
-    --ax-text-meta-lime: var(--ax-meta-lime-700);
-    --ax-text-meta-purple-icon: var(--ax-meta-purple-600);
-    --ax-text-meta-purple-strong: var(--ax-meta-purple-900);
-    --ax-text-meta-purple: var(--ax-meta-purple-700);
-    --ax-text-brand-blue-icon: var(--ax-brand-blue-600);
-    --ax-text-brand-blue-strong: var(--ax-brand-blue-900);
-    --ax-text-brand-blue: var(--ax-brand-blue-700);
-    --ax-text-brand-beige-icon: var(--ax-brand-beige-600);
-    --ax-text-brand-beige-strong: var(--ax-brand-beige-900);
-    --ax-text-brand-beige: var(--ax-brand-beige-700);
-    --ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
-    --ax-text-brand-magenta-strong: var(--ax-brand-magenta-900);
-    --ax-text-brand-magenta: var(--ax-brand-magenta-700);
+    --ax-text-meta-2-icon: var(--ax-meta-2-600);
+    --ax-text-meta-2-strong: var(--ax-meta-2-1000);
+    --ax-text-meta-2: var(--ax-meta-2-800);
+    --ax-text-meta-1-icon: var(--ax-meta-1-600);
+    --ax-text-meta-1-strong: var(--ax-meta-1-1000);
+    --ax-text-meta-1: var(--ax-meta-1-800);
+    --ax-text-brand-3-icon: var(--ax-brand-3-600);
+    --ax-text-brand-3-strong: var(--ax-brand-3-1000);
+    --ax-text-brand-3: var(--ax-brand-3-800);
+    --ax-text-brand-2-icon: var(--ax-brand-2-600);
+    --ax-text-brand-2-strong: var(--ax-brand-2-1000);
+    --ax-text-brand-2: var(--ax-brand-2-800);
+    --ax-text-brand-1-icon: var(--ax-brand-1-600);
+    --ax-text-brand-1-strong: var(--ax-brand-1-1000);
+    --ax-text-brand-1: var(--ax-brand-1-800);
     --ax-text-info-icon: var(--ax-info-600);
-    --ax-text-info-strong: var(--ax-info-900);
-    --ax-text-info: var(--ax-info-700);
+    --ax-text-info-strong: var(--ax-info-1000);
+    --ax-text-info: var(--ax-info-800);
     --ax-text-danger-icon: var(--ax-danger-600);
-    --ax-text-danger-strong: var(--ax-danger-900);
-    --ax-text-danger: var(--ax-danger-700);
+    --ax-text-danger-strong: var(--ax-danger-1000);
+    --ax-text-danger: var(--ax-danger-800);
     --ax-text-warning-icon: var(--ax-warning-600);
-    --ax-text-warning-strong: var(--ax-warning-900);
-    --ax-text-warning: var(--ax-warning-700);
+    --ax-text-warning-strong: var(--ax-warning-1000);
+    --ax-text-warning: var(--ax-warning-800);
     --ax-text-success-icon: var(--ax-success-600);
-    --ax-text-success-strong: var(--ax-success-900);
-    --ax-text-success: var(--ax-success-700);
+    --ax-text-success-strong: var(--ax-success-1000);
+    --ax-text-success: var(--ax-success-800);
     --ax-text-accent-icon: var(--ax-accent-600);
-    --ax-text-accent-strong: var(--ax-accent-900);
-    --ax-text-accent: var(--ax-accent-700);
-    --ax-text-neutral-icon: var(--ax-neutral-600);
-    --ax-text-neutral-strong: var(--ax-neutral-900);
-    --ax-text-neutral: var(--ax-neutral-700);
+    --ax-text-accent-strong: var(--ax-accent-1000);
+    --ax-text-accent: var(--ax-accent-800);
+    --ax-bg-strong-pressed: var(--ax-neutral-900);
+    --ax-bg-strong-hover: var(--ax-neutral-800);
+    --ax-bg-strong: var(--ax-neutral-700);
+    --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
+    --ax-bg-moderate-pressed: var(--ax-neutral-400);
+    --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
+    --ax-bg-moderate-hover: var(--ax-neutral-300);
+    --ax-bg-moderateA: var(--ax-neutral-200A);
+    --ax-bg-moderate: var(--ax-neutral-200);
+    --ax-bg-hoverA: var(--ax-neutral-200A);
+    --ax-bg-hover: var(--ax-neutral-200);
+    --ax-bg-soft: var(--ax-neutral-100);
     --ax-bg-sunken: var(--ax-neutral-200);
     --ax-bg-raised: var(--ax-neutral-000);
-    --ax-bg-meta-lime-raised-hover: var(--ax-meta-lime-200);
-    --ax-bg-meta-lime-raised: var(--ax-meta-lime-100);
-    --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
-    --ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
-    --ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
-    --ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
-    --ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
-    --ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
-    --ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
-    --ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
-    --ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
-    --ax-bg-meta-lime-hoverA: var(--ax-meta-lime-200A);
-    --ax-bg-meta-lime-hover: var(--ax-meta-lime-200);
-    --ax-bg-meta-lime: var(--ax-meta-lime-100);
-    --ax-bg-meta-purple-raised-hover: var(--ax-meta-purple-200);
-    --ax-bg-meta-purple-raised: var(--ax-meta-purple-100);
-    --ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
-    --ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
-    --ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
-    --ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
-    --ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
-    --ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
-    --ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
-    --ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
-    --ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
-    --ax-bg-meta-purple-hoverA: var(--ax-meta-purple-200A);
-    --ax-bg-meta-purple-hover: var(--ax-meta-purple-200);
-    --ax-bg-meta-purple: var(--ax-meta-purple-100);
-    --ax-bg-brand-blue-raised-hover: var(--ax-brand-blue-200);
-    --ax-bg-brand-blue-raised: var(--ax-brand-blue-100);
-    --ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
-    --ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
-    --ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
-    --ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
-    --ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
-    --ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
-    --ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
-    --ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
-    --ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
-    --ax-bg-brand-blue-hoverA: var(--ax-brand-blue-200A);
-    --ax-bg-brand-blue-hover: var(--ax-brand-blue-200);
-    --ax-bg-brand-blue: var(--ax-brand-blue-100);
-    --ax-bg-brand-beige-raised-hover: var(--ax-brand-beige-200);
-    --ax-bg-brand-beige-raised: var(--ax-brand-beige-100);
-    --ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
-    --ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
-    --ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
-    --ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
-    --ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
-    --ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
-    --ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
-    --ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
-    --ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
-    --ax-bg-brand-beige-hoverA: var(--ax-brand-beige-200A);
-    --ax-bg-brand-beige-hover: var(--ax-brand-beige-200);
-    --ax-bg-brand-beige: var(--ax-brand-beige-100);
-    --ax-bg-brand-magenta-raised-hover: var(--ax-brand-magenta-200);
-    --ax-bg-brand-magenta-raised: var(--ax-brand-magenta-100);
-    --ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
-    --ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
-    --ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
-    --ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
-    --ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
-    --ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
-    --ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
-    --ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
-    --ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
-    --ax-bg-brand-magenta-hoverA: var(--ax-brand-magenta-200A);
-    --ax-bg-brand-magenta-hover: var(--ax-brand-magenta-200);
-    --ax-bg-brand-magenta: var(--ax-brand-magenta-100);
-    --ax-bg-info-raised-hover: var(--ax-info-200);
-    --ax-bg-info-raised: var(--ax-info-100);
+    --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
+    --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
+    --ax-bg-meta-2-strong: var(--ax-meta-2-600);
+    --ax-bg-meta-2-moderate-pressedA: var(--ax-meta-2-400A);
+    --ax-bg-meta-2-moderate-pressed: var(--ax-meta-2-400);
+    --ax-bg-meta-2-moderate-hoverA: var(--ax-meta-2-300A);
+    --ax-bg-meta-2-moderate-hover: var(--ax-meta-2-300);
+    --ax-bg-meta-2-moderateA: var(--ax-meta-2-200A);
+    --ax-bg-meta-2-moderate: var(--ax-meta-2-200);
+    --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
+    --ax-bg-meta-2-hover: var(--ax-meta-2-200);
+    --ax-bg-meta-2-soft: var(--ax-meta-2-100);
+    --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
+    --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
+    --ax-bg-meta-1-strong: var(--ax-meta-1-600);
+    --ax-bg-meta-1-moderate-pressedA: var(--ax-meta-1-400A);
+    --ax-bg-meta-1-moderate-pressed: var(--ax-meta-1-400);
+    --ax-bg-meta-1-moderate-hoverA: var(--ax-meta-1-300A);
+    --ax-bg-meta-1-moderate-hover: var(--ax-meta-1-300);
+    --ax-bg-meta-1-moderateA: var(--ax-meta-1-200A);
+    --ax-bg-meta-1-moderate: var(--ax-meta-1-200);
+    --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
+    --ax-bg-meta-1-hover: var(--ax-meta-1-200);
+    --ax-bg-meta-1-soft: var(--ax-meta-1-100);
+    --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
+    --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
+    --ax-bg-brand-3-strong: var(--ax-brand-3-600);
+    --ax-bg-brand-3-moderate-pressedA: var(--ax-brand-3-400A);
+    --ax-bg-brand-3-moderate-pressed: var(--ax-brand-3-400);
+    --ax-bg-brand-3-moderate-hoverA: var(--ax-brand-3-300A);
+    --ax-bg-brand-3-moderate-hover: var(--ax-brand-3-300);
+    --ax-bg-brand-3-moderateA: var(--ax-brand-3-200A);
+    --ax-bg-brand-3-moderate: var(--ax-brand-3-200);
+    --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
+    --ax-bg-brand-3-hover: var(--ax-brand-3-200);
+    --ax-bg-brand-3-soft: var(--ax-brand-3-100);
+    --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
+    --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
+    --ax-bg-brand-2-strong: var(--ax-brand-2-600);
+    --ax-bg-brand-2-moderate-pressedA: var(--ax-brand-2-400A);
+    --ax-bg-brand-2-moderate-pressed: var(--ax-brand-2-400);
+    --ax-bg-brand-2-moderate-hoverA: var(--ax-brand-2-300A);
+    --ax-bg-brand-2-moderate-hover: var(--ax-brand-2-300);
+    --ax-bg-brand-2-moderateA: var(--ax-brand-2-200A);
+    --ax-bg-brand-2-moderate: var(--ax-brand-2-200);
+    --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
+    --ax-bg-brand-2-hover: var(--ax-brand-2-200);
+    --ax-bg-brand-2-soft: var(--ax-brand-2-100);
+    --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
+    --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
+    --ax-bg-brand-1-strong: var(--ax-brand-1-600);
+    --ax-bg-brand-1-moderate-pressedA: var(--ax-brand-1-400A);
+    --ax-bg-brand-1-moderate-pressed: var(--ax-brand-1-400);
+    --ax-bg-brand-1-moderate-hoverA: var(--ax-brand-1-300A);
+    --ax-bg-brand-1-moderate-hover: var(--ax-brand-1-300);
+    --ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
+    --ax-bg-brand-1-moderate: var(--ax-brand-1-200);
+    --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
+    --ax-bg-brand-1-hover: var(--ax-brand-1-200);
+    --ax-bg-brand-1-soft: var(--ax-brand-1-100);
     --ax-bg-info-strong-pressed: var(--ax-info-800);
     --ax-bg-info-strong-hover: var(--ax-info-700);
     --ax-bg-info-strong: var(--ax-info-600);
@@ -342,9 +335,7 @@
     --ax-bg-info-moderate: var(--ax-info-200);
     --ax-bg-info-hoverA: var(--ax-info-200A);
     --ax-bg-info-hover: var(--ax-info-200);
-    --ax-bg-info: var(--ax-info-100);
-    --ax-bg-danger-raised-hover: var(--ax-danger-200);
-    --ax-bg-danger-raised: var(--ax-danger-100);
+    --ax-bg-info-soft: var(--ax-info-100);
     --ax-bg-danger-strong-pressed: var(--ax-danger-800);
     --ax-bg-danger-strong-hover: var(--ax-danger-700);
     --ax-bg-danger-strong: var(--ax-danger-600);
@@ -356,9 +347,7 @@
     --ax-bg-danger-moderate: var(--ax-danger-200);
     --ax-bg-danger-hoverA: var(--ax-danger-200A);
     --ax-bg-danger-hover: var(--ax-danger-200);
-    --ax-bg-danger: var(--ax-danger-100);
-    --ax-bg-warning-raised-hover: var(--ax-warning-200);
-    --ax-bg-warning-raised: var(--ax-warning-100);
+    --ax-bg-danger-soft: var(--ax-danger-100);
     --ax-bg-warning-strong-pressed: var(--ax-warning-800);
     --ax-bg-warning-strong-hover: var(--ax-warning-700);
     --ax-bg-warning-strong: var(--ax-warning-600);
@@ -370,9 +359,7 @@
     --ax-bg-warning-moderate: var(--ax-warning-200);
     --ax-bg-warning-hoverA: var(--ax-warning-200A);
     --ax-bg-warning-hover: var(--ax-warning-200);
-    --ax-bg-warning: var(--ax-warning-100);
-    --ax-bg-success-raised-hover: var(--ax-success-200);
-    --ax-bg-success-raised: var(--ax-success-100);
+    --ax-bg-warning-soft: var(--ax-warning-100);
     --ax-bg-success-strong-pressed: var(--ax-success-800);
     --ax-bg-success-strong-hover: var(--ax-success-700);
     --ax-bg-success-strong: var(--ax-success-600);
@@ -384,9 +371,7 @@
     --ax-bg-success-moderate: var(--ax-success-200);
     --ax-bg-success-hoverA: var(--ax-success-200A);
     --ax-bg-success-hover: var(--ax-success-200);
-    --ax-bg-success: var(--ax-success-100);
-    --ax-bg-accent-raised-hover: var(--ax-accent-200);
-    --ax-bg-accent-raised: var(--ax-accent-100);
+    --ax-bg-success-soft: var(--ax-success-100);
     --ax-bg-accent-strong-pressed: var(--ax-accent-800);
     --ax-bg-accent-strong-hover: var(--ax-accent-700);
     --ax-bg-accent-strong: var(--ax-accent-600);
@@ -398,94 +383,80 @@
     --ax-bg-accent-moderate: var(--ax-accent-200);
     --ax-bg-accent-hoverA: var(--ax-accent-200A);
     --ax-bg-accent-hover: var(--ax-accent-200);
-    --ax-bg-accent: var(--ax-accent-100);
-    --ax-bg-neutral-raised-hover: var(--ax-neutral-200);
-    --ax-bg-neutral-raised: var(--ax-neutral-100);
-    --ax-bg-neutral-strong-pressed: var(--ax-neutral-800);
-    --ax-bg-neutral-strong-hover: var(--ax-neutral-700);
-    --ax-bg-neutral-strong: var(--ax-neutral-600);
-    --ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
-    --ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
-    --ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
-    --ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
-    --ax-bg-neutral-moderateA: var(--ax-neutral-200A);
-    --ax-bg-neutral-moderate: var(--ax-neutral-200);
-    --ax-bg-neutral-hoverA: var(--ax-neutral-200A);
-    --ax-bg-neutral-hover: var(--ax-neutral-200);
-    --ax-bg-neutral: var(--ax-neutral-100);
+    --ax-bg-accent-soft: var(--ax-accent-100);
   }
 
   .dark, .dark-theme {
-    --ax-meta-lime-400A: rgba(251, 245, 0, .16);
-    --ax-meta-lime-300A: rgba(252, 233, 0, .114);
-    --ax-meta-lime-200A: rgba(246, 207, 0, .086);
-    --ax-meta-lime-100A: rgba(252, 191, 0, .06);
-    --ax-meta-lime-1000: #c5d14c;
-    --ax-meta-lime-900: #a9b325;
-    --ax-meta-lime-800: #99a200;
-    --ax-meta-lime-700: #8f9800;
-    --ax-meta-lime-600: #7c8400;
-    --ax-meta-lime-500: #6a7200;
-    --ax-meta-lime-400: #343900;
-    --ax-meta-lime-300: #292d00;
-    --ax-meta-lime-200: #222500;
-    --ax-meta-lime-100: #1c1f00;
-    --ax-meta-purple-400A: rgba(253, 179, 238, .184);
-    --ax-meta-purple-300A: rgba(255, 153, 228, .137);
-    --ax-meta-purple-200A: rgba(250, 125, 211, .106);
-    --ax-meta-purple-100A: rgba(246, 79, 182, .086);
-    --ax-meta-purple-1000: #cdc5d9;
-    --ax-meta-purple-900: #b2a7c3;
-    --ax-meta-purple-800: #a495b7;
-    --ax-meta-purple-700: #9b8bb0;
-    --ax-meta-purple-600: #8876a1;
-    --ax-meta-purple-500: #776491;
-    --ax-meta-purple-400: #3a3245;
-    --ax-meta-purple-300: #2f273a;
-    --ax-meta-purple-200: #272032;
-    --ax-meta-purple-100: #221a2c;
-    --ax-brand-blue-400A: rgba(68, 198, 252, .204);
-    --ax-brand-blue-300A: rgba(43, 191, 251, .14);
-    --ax-brand-blue-200A: rgba(4, 191, 255, .094);
-    --ax-brand-blue-100A: rgba(0, 165, 255, .063);
-    --ax-brand-blue-1000: #b7cbd7;
-    --ax-brand-blue-900: #93afc0;
-    --ax-brand-blue-800: #7f9fb3;
-    --ax-brand-blue-700: #7396ab;
-    --ax-brand-blue-600: #5a839b;
-    --ax-brand-blue-500: #43718d;
-    --ax-brand-blue-400: #19394c;
-    --ax-brand-blue-300: #122d3e;
-    --ax-brand-blue-200: #0d2534;
-    --ax-brand-blue-100: #071e2d;
-    --ax-brand-beige-400A: rgba(252, 131, 64, .247);
-    --ax-brand-beige-300A: rgba(254, 98, 16, .196);
-    --ax-brand-beige-200A: rgba(251, 69, 0, .165);
-    --ax-brand-beige-100A: rgba(254, 29, 0, .13);
-    --ax-brand-beige-1000: #e3c2b1;
-    --ax-brand-beige-900: #d1a08c;
-    --ax-brand-beige-800: #c78e79;
-    --ax-brand-beige-700: #c0836e;
-    --ax-brand-beige-600: #ab6f5b;
-    --ax-brand-beige-500: #975e4a;
-    --ax-brand-beige-400: #493027;
-    --ax-brand-beige-300: #3d241c;
-    --ax-brand-beige-200: #351d15;
-    --ax-brand-beige-100: #2d160e;
-    --ax-brand-magenta-400A: rgba(254, 100, 129, .267);
-    --ax-brand-magenta-300A: rgba(251, 72, 100, .22);
-    --ax-brand-magenta-200A: rgba(253, 38, 75, .184);
-    --ax-brand-magenta-100A: rgba(250, 2, 38, .153);
-    --ax-brand-magenta-1000: #e1c0cc;
-    --ax-brand-magenta-900: #cf9eb1;
-    --ax-brand-magenta-800: #c58aa2;
-    --ax-brand-magenta-700: #be7f99;
-    --ax-brand-magenta-600: #b06886;
-    --ax-brand-magenta-500: #a35276;
-    --ax-brand-magenta-400: #4e2a39;
-    --ax-brand-magenta-300: #42202e;
-    --ax-brand-magenta-200: #3a1827;
-    --ax-brand-magenta-100: #321220;
+    --ax-meta-2-400A: rgba(251, 245, 0, .16);
+    --ax-meta-2-300A: rgba(252, 233, 0, .114);
+    --ax-meta-2-200A: rgba(246, 207, 0, .086);
+    --ax-meta-2-100A: rgba(252, 191, 0, .06);
+    --ax-meta-2-1000: #c5d14c;
+    --ax-meta-2-900: #a9b325;
+    --ax-meta-2-800: #99a200;
+    --ax-meta-2-700: #8f9800;
+    --ax-meta-2-600: #7c8400;
+    --ax-meta-2-500: #6a7200;
+    --ax-meta-2-400: #343900;
+    --ax-meta-2-300: #292d00;
+    --ax-meta-2-200: #222500;
+    --ax-meta-2-100: #1c1f00;
+    --ax-meta-1-400A: rgba(253, 179, 238, .184);
+    --ax-meta-1-300A: rgba(255, 153, 228, .137);
+    --ax-meta-1-200A: rgba(250, 125, 211, .106);
+    --ax-meta-1-100A: rgba(246, 79, 182, .086);
+    --ax-meta-1-1000: #cdc5d9;
+    --ax-meta-1-900: #b2a7c3;
+    --ax-meta-1-800: #a495b7;
+    --ax-meta-1-700: #9b8bb0;
+    --ax-meta-1-600: #8876a1;
+    --ax-meta-1-500: #776491;
+    --ax-meta-1-400: #3a3245;
+    --ax-meta-1-300: #2f273a;
+    --ax-meta-1-200: #272032;
+    --ax-meta-1-100: #221a2c;
+    --ax-brand-3-400A: rgba(68, 198, 252, .204);
+    --ax-brand-3-300A: rgba(43, 191, 251, .14);
+    --ax-brand-3-200A: rgba(4, 191, 255, .094);
+    --ax-brand-3-100A: rgba(0, 165, 255, .063);
+    --ax-brand-3-1000: #b7cbd7;
+    --ax-brand-3-900: #93afc0;
+    --ax-brand-3-800: #7f9fb3;
+    --ax-brand-3-700: #7396ab;
+    --ax-brand-3-600: #5a839b;
+    --ax-brand-3-500: #43718d;
+    --ax-brand-3-400: #19394c;
+    --ax-brand-3-300: #122d3e;
+    --ax-brand-3-200: #0d2534;
+    --ax-brand-3-100: #071e2d;
+    --ax-brand-2-400A: rgba(252, 131, 64, .247);
+    --ax-brand-2-300A: rgba(254, 98, 16, .196);
+    --ax-brand-2-200A: rgba(251, 69, 0, .165);
+    --ax-brand-2-100A: rgba(254, 29, 0, .13);
+    --ax-brand-2-1000: #e3c2b1;
+    --ax-brand-2-900: #d1a08c;
+    --ax-brand-2-800: #c78e79;
+    --ax-brand-2-700: #c0836e;
+    --ax-brand-2-600: #ab6f5b;
+    --ax-brand-2-500: #975e4a;
+    --ax-brand-2-400: #493027;
+    --ax-brand-2-300: #3d241c;
+    --ax-brand-2-200: #351d15;
+    --ax-brand-2-100: #2d160e;
+    --ax-brand-1-400A: rgba(254, 100, 129, .267);
+    --ax-brand-1-300A: rgba(251, 72, 100, .22);
+    --ax-brand-1-200A: rgba(253, 38, 75, .184);
+    --ax-brand-1-100A: rgba(250, 2, 38, .153);
+    --ax-brand-1-1000: #e1c0cc;
+    --ax-brand-1-900: #cf9eb1;
+    --ax-brand-1-800: #c58aa2;
+    --ax-brand-1-700: #be7f99;
+    --ax-brand-1-600: #b06886;
+    --ax-brand-1-500: #a35276;
+    --ax-brand-1-400: #4e2a39;
+    --ax-brand-1-300: #42202e;
+    --ax-brand-1-200: #3a1827;
+    --ax-brand-1-100: #321220;
     --ax-info-400A: rgba(68, 198, 252, .204);
     --ax-info-300A: rgba(43, 191, 251, .14);
     --ax-info-200A: rgba(4, 191, 255, .094);
@@ -577,176 +548,169 @@
     --ax-bg-default: #0e151f;
     --ax-opacity-disabled: .4;
     --ax-shadow-dialog: 0px 0px 1px 0px rgba(7, 9, 13, 0), 0px 2px 5px 0px rgba(7, 9, 13, .35), 0px 5px 12px 0px rgba(7, 9, 13, .5);
-    --ax-border-focus: var(--ax-accent-700);
+    --ax-border-focus: var(--ax-neutral-1000);
     --ax-border-strong: var(--ax-neutral-600);
     --ax-border-subtleA: var(--ax-neutral-400A);
     --ax-border-subtle: var(--ax-neutral-400);
     --ax-border-default: var(--ax-neutral-500);
-    --ax-border-meta-lime-strong: var(--ax-meta-lime-600);
-    --ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
-    --ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
-    --ax-border-meta-lime: var(--ax-meta-lime-500);
-    --ax-border-meta-purple-strong: var(--ax-meta-purple-600);
-    --ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
-    --ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
-    --ax-border-meta-purple: var(--ax-meta-purple-500);
-    --ax-border-brand-blue-strong: var(--ax-brand-blue-600);
-    --ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
-    --ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
-    --ax-border-brand-blue: var(--ax-brand-blue-500);
-    --ax-border-brand-beige-strong: var(--ax-brand-beige-600);
-    --ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
-    --ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
-    --ax-border-brand-beige: var(--ax-brand-beige-500);
-    --ax-border-brand-magenta-strong: var(--ax-brand-magenta-600);
-    --ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
-    --ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
-    --ax-border-brand-magenta: var(--ax-brand-magenta-500);
-    --ax-border-info-strong: var(--ax-info-600);
+    --ax-border-meta-2-strong: var(--ax-meta-2-700);
+    --ax-border-meta-2-subtleA: var(--ax-meta-2-400A);
+    --ax-border-meta-2-subtle: var(--ax-meta-2-400);
+    --ax-border-meta-2: var(--ax-meta-2-600);
+    --ax-border-meta-1-strong: var(--ax-meta-1-700);
+    --ax-border-meta-1-subtleA: var(--ax-meta-1-400A);
+    --ax-border-meta-1-subtle: var(--ax-meta-1-400);
+    --ax-border-meta-1: var(--ax-meta-1-600);
+    --ax-border-brand-3-strong: var(--ax-brand-3-700);
+    --ax-border-brand-3-subtleA: var(--ax-brand-3-400A);
+    --ax-border-brand-3-subtle: var(--ax-brand-3-400);
+    --ax-border-brand-3: var(--ax-brand-3-600);
+    --ax-border-brand-2-strong: var(--ax-brand-2-700);
+    --ax-border-brand-2-subtleA: var(--ax-brand-2-400A);
+    --ax-border-brand-2-subtle: var(--ax-brand-2-400);
+    --ax-border-brand-2: var(--ax-brand-2-600);
+    --ax-border-brand-1-strong: var(--ax-brand-1-700);
+    --ax-border-brand-1-subtleA: var(--ax-brand-1-400A);
+    --ax-border-brand-1-subtle: var(--ax-brand-1-400);
+    --ax-border-brand-1: var(--ax-brand-1-600);
+    --ax-border-info-strong: var(--ax-info-700);
     --ax-border-info-subtleA: var(--ax-info-400A);
     --ax-border-info-subtle: var(--ax-info-400);
-    --ax-border-info: var(--ax-info-500);
-    --ax-border-danger-strong: var(--ax-danger-600);
+    --ax-border-info: var(--ax-info-600);
+    --ax-border-danger-strong: var(--ax-danger-700);
     --ax-border-danger-subtleA: var(--ax-danger-400A);
     --ax-border-danger-subtle: var(--ax-danger-400);
-    --ax-border-danger: var(--ax-danger-500);
-    --ax-border-warning-strong: var(--ax-warning-600);
+    --ax-border-danger: var(--ax-danger-600);
+    --ax-border-warning-strong: var(--ax-warning-700);
     --ax-border-warning-subtleA: var(--ax-warning-400A);
     --ax-border-warning-subtle: var(--ax-warning-400);
-    --ax-border-warning: var(--ax-warning-500);
-    --ax-border-success-strong: var(--ax-success-600);
+    --ax-border-warning: var(--ax-warning-600);
+    --ax-border-success-strong: var(--ax-success-700);
     --ax-border-success-subtleA: var(--ax-success-400A);
     --ax-border-success-subtle: var(--ax-success-400);
-    --ax-border-success: var(--ax-success-500);
-    --ax-border-accent-strong: var(--ax-accent-600);
+    --ax-border-success: var(--ax-success-600);
+    --ax-border-accent-strong: var(--ax-accent-700);
     --ax-border-accent-subtleA: var(--ax-accent-400A);
     --ax-border-accent-subtle: var(--ax-accent-400);
-    --ax-border-accent: var(--ax-accent-500);
-    --ax-border-neutral-strong: var(--ax-neutral-600);
-    --ax-border-neutral-subtleA: var(--ax-neutral-400A);
-    --ax-border-neutral-subtle: var(--ax-neutral-400);
-    --ax-border-neutral: var(--ax-neutral-500);
+    --ax-border-accent: var(--ax-accent-600);
+    --ax-text-contrast: var(--ax-neutral-000);
     --ax-text-logo: var(--ax-neutral-1000);
     --ax-text-icon: var(--ax-neutral-600);
     --ax-text-subtle: var(--ax-neutral-900);
     --ax-text-default: var(--ax-neutral-1000);
-    --ax-text-meta-lime-contrast: var(--ax-neutral-000);
-    --ax-text-meta-purple-contrast: var(--ax-neutral-000);
-    --ax-text-brand-blue-contrast: var(--ax-neutral-000);
-    --ax-text-brand-beige-contrast: var(--ax-neutral-000);
-    --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
+    --ax-text-meta-2-contrast: var(--ax-neutral-000);
+    --ax-text-meta-1-contrast: var(--ax-neutral-000);
+    --ax-text-brand-3-contrast: var(--ax-neutral-000);
+    --ax-text-brand-2-contrast: var(--ax-neutral-000);
+    --ax-text-brand-1-contrast: var(--ax-neutral-000);
     --ax-text-warning-contrast: var(--ax-neutral-000);
     --ax-text-success-contrast: var(--ax-neutral-000);
     --ax-text-info-contrast: var(--ax-neutral-000);
     --ax-text-danger-contrast: var(--ax-neutral-000);
-    --ax-text-neutral-contrast: var(--ax-neutral-000);
     --ax-text-accent-contrast: var(--ax-neutral-000);
-    --ax-text-meta-lime-icon: var(--ax-meta-lime-600);
-    --ax-text-meta-lime-strong: var(--ax-meta-lime-900);
-    --ax-text-meta-lime: var(--ax-meta-lime-700);
-    --ax-text-meta-purple-icon: var(--ax-meta-purple-600);
-    --ax-text-meta-purple-strong: var(--ax-meta-purple-900);
-    --ax-text-meta-purple: var(--ax-meta-purple-700);
-    --ax-text-brand-blue-icon: var(--ax-brand-blue-600);
-    --ax-text-brand-blue-strong: var(--ax-brand-blue-900);
-    --ax-text-brand-blue: var(--ax-brand-blue-700);
-    --ax-text-brand-beige-icon: var(--ax-brand-beige-600);
-    --ax-text-brand-beige-strong: var(--ax-brand-beige-900);
-    --ax-text-brand-beige: var(--ax-brand-beige-700);
-    --ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
-    --ax-text-brand-magenta-strong: var(--ax-brand-magenta-900);
-    --ax-text-brand-magenta: var(--ax-brand-magenta-700);
+    --ax-text-meta-2-icon: var(--ax-meta-2-600);
+    --ax-text-meta-2-strong: var(--ax-meta-2-1000);
+    --ax-text-meta-2: var(--ax-meta-2-800);
+    --ax-text-meta-1-icon: var(--ax-meta-1-600);
+    --ax-text-meta-1-strong: var(--ax-meta-1-1000);
+    --ax-text-meta-1: var(--ax-meta-1-800);
+    --ax-text-brand-3-icon: var(--ax-brand-3-600);
+    --ax-text-brand-3-strong: var(--ax-brand-3-1000);
+    --ax-text-brand-3: var(--ax-brand-3-800);
+    --ax-text-brand-2-icon: var(--ax-brand-2-600);
+    --ax-text-brand-2-strong: var(--ax-brand-2-1000);
+    --ax-text-brand-2: var(--ax-brand-2-800);
+    --ax-text-brand-1-icon: var(--ax-brand-1-600);
+    --ax-text-brand-1-strong: var(--ax-brand-1-1000);
+    --ax-text-brand-1: var(--ax-brand-1-800);
     --ax-text-info-icon: var(--ax-info-600);
-    --ax-text-info-strong: var(--ax-info-900);
-    --ax-text-info: var(--ax-info-700);
+    --ax-text-info-strong: var(--ax-info-1000);
+    --ax-text-info: var(--ax-info-800);
     --ax-text-danger-icon: var(--ax-danger-600);
-    --ax-text-danger-strong: var(--ax-danger-900);
-    --ax-text-danger: var(--ax-danger-700);
+    --ax-text-danger-strong: var(--ax-danger-1000);
+    --ax-text-danger: var(--ax-danger-800);
     --ax-text-warning-icon: var(--ax-warning-600);
-    --ax-text-warning-strong: var(--ax-warning-900);
-    --ax-text-warning: var(--ax-warning-700);
+    --ax-text-warning-strong: var(--ax-warning-1000);
+    --ax-text-warning: var(--ax-warning-800);
     --ax-text-success-icon: var(--ax-success-600);
-    --ax-text-success-strong: var(--ax-success-900);
-    --ax-text-success: var(--ax-success-700);
+    --ax-text-success-strong: var(--ax-success-1000);
+    --ax-text-success: var(--ax-success-800);
     --ax-text-accent-icon: var(--ax-accent-600);
-    --ax-text-accent-strong: var(--ax-accent-900);
-    --ax-text-accent: var(--ax-accent-700);
-    --ax-text-neutral-icon: var(--ax-neutral-600);
-    --ax-text-neutral-strong: var(--ax-neutral-900);
-    --ax-text-neutral: var(--ax-neutral-700);
-    --ax-bg-raised: var(--ax-neutral-200);
-    --ax-bg-meta-lime-raised-hover: var(--ax-meta-lime-300);
-    --ax-bg-meta-lime-raised: var(--ax-meta-lime-200);
-    --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
-    --ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
-    --ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
-    --ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
-    --ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
-    --ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
-    --ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
-    --ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
-    --ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
-    --ax-bg-meta-lime-hoverA: var(--ax-meta-lime-200A);
-    --ax-bg-meta-lime-hover: var(--ax-meta-lime-200);
-    --ax-bg-meta-lime: var(--ax-meta-lime-100);
-    --ax-bg-meta-purple-raised-hover: var(--ax-meta-purple-300);
-    --ax-bg-meta-purple-raised: var(--ax-meta-purple-200);
-    --ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
-    --ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
-    --ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
-    --ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
-    --ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
-    --ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
-    --ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
-    --ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
-    --ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
-    --ax-bg-meta-purple-hoverA: var(--ax-meta-purple-200A);
-    --ax-bg-meta-purple-hover: var(--ax-meta-purple-200);
-    --ax-bg-meta-purple: var(--ax-meta-purple-100);
-    --ax-bg-brand-blue-raised-hover: var(--ax-brand-blue-300);
-    --ax-bg-brand-blue-raised: var(--ax-brand-blue-200);
-    --ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
-    --ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
-    --ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
-    --ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
-    --ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
-    --ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
-    --ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
-    --ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
-    --ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
-    --ax-bg-brand-blue-hoverA: var(--ax-brand-blue-200A);
-    --ax-bg-brand-blue-hover: var(--ax-brand-blue-200);
-    --ax-bg-brand-blue: var(--ax-brand-blue-100);
-    --ax-bg-brand-beige-raised-hover: var(--ax-brand-beige-300);
-    --ax-bg-brand-beige-raised: var(--ax-brand-beige-200);
-    --ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
-    --ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
-    --ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
-    --ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
-    --ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
-    --ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
-    --ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
-    --ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
-    --ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
-    --ax-bg-brand-beige-hoverA: var(--ax-brand-beige-200A);
-    --ax-bg-brand-beige-hover: var(--ax-brand-beige-200);
-    --ax-bg-brand-beige: var(--ax-brand-beige-100);
-    --ax-bg-brand-magenta-raised-hover: var(--ax-brand-magenta-300);
-    --ax-bg-brand-magenta-raised: var(--ax-brand-magenta-200);
-    --ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
-    --ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
-    --ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
-    --ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
-    --ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
-    --ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
-    --ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
-    --ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
-    --ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
-    --ax-bg-brand-magenta-hoverA: var(--ax-brand-magenta-200A);
-    --ax-bg-brand-magenta-hover: var(--ax-brand-magenta-200);
-    --ax-bg-brand-magenta: var(--ax-brand-magenta-100);
-    --ax-bg-info-raised-hover: var(--ax-info-300);
-    --ax-bg-info-raised: var(--ax-info-200);
+    --ax-text-accent-strong: var(--ax-accent-1000);
+    --ax-text-accent: var(--ax-accent-800);
+    --ax-bg-strong-pressed: var(--ax-neutral-900);
+    --ax-bg-strong-hover: var(--ax-neutral-800);
+    --ax-bg-strong: var(--ax-neutral-700);
+    --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
+    --ax-bg-moderate-pressed: var(--ax-neutral-400);
+    --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
+    --ax-bg-moderate-hover: var(--ax-neutral-300);
+    --ax-bg-moderateA: var(--ax-neutral-200A);
+    --ax-bg-moderate: var(--ax-neutral-200);
+    --ax-bg-hoverA: var(--ax-neutral-200A);
+    --ax-bg-hover: var(--ax-neutral-200);
+    --ax-bg-soft: var(--ax-neutral-100);
+    --ax-bg-raised: var(--ax-neutral-100);
+    --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
+    --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
+    --ax-bg-meta-2-strong: var(--ax-meta-2-600);
+    --ax-bg-meta-2-moderate-pressedA: var(--ax-meta-2-400A);
+    --ax-bg-meta-2-moderate-pressed: var(--ax-meta-2-400);
+    --ax-bg-meta-2-moderate-hoverA: var(--ax-meta-2-300A);
+    --ax-bg-meta-2-moderate-hover: var(--ax-meta-2-300);
+    --ax-bg-meta-2-moderateA: var(--ax-meta-2-200A);
+    --ax-bg-meta-2-moderate: var(--ax-meta-2-200);
+    --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
+    --ax-bg-meta-2-hover: var(--ax-meta-2-200);
+    --ax-bg-meta-2-soft: var(--ax-meta-2-100);
+    --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
+    --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
+    --ax-bg-meta-1-strong: var(--ax-meta-1-600);
+    --ax-bg-meta-1-moderate-pressedA: var(--ax-meta-1-400A);
+    --ax-bg-meta-1-moderate-pressed: var(--ax-meta-1-400);
+    --ax-bg-meta-1-moderate-hoverA: var(--ax-meta-1-300A);
+    --ax-bg-meta-1-moderate-hover: var(--ax-meta-1-300);
+    --ax-bg-meta-1-moderateA: var(--ax-meta-1-200A);
+    --ax-bg-meta-1-moderate: var(--ax-meta-1-200);
+    --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
+    --ax-bg-meta-1-hover: var(--ax-meta-1-200);
+    --ax-bg-meta-1-soft: var(--ax-meta-1-100);
+    --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
+    --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
+    --ax-bg-brand-3-strong: var(--ax-brand-3-600);
+    --ax-bg-brand-3-moderate-pressedA: var(--ax-brand-3-400A);
+    --ax-bg-brand-3-moderate-pressed: var(--ax-brand-3-400);
+    --ax-bg-brand-3-moderate-hoverA: var(--ax-brand-3-300A);
+    --ax-bg-brand-3-moderate-hover: var(--ax-brand-3-300);
+    --ax-bg-brand-3-moderateA: var(--ax-brand-3-200A);
+    --ax-bg-brand-3-moderate: var(--ax-brand-3-200);
+    --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
+    --ax-bg-brand-3-hover: var(--ax-brand-3-200);
+    --ax-bg-brand-3-soft: var(--ax-brand-3-100);
+    --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
+    --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
+    --ax-bg-brand-2-strong: var(--ax-brand-2-600);
+    --ax-bg-brand-2-moderate-pressedA: var(--ax-brand-2-400A);
+    --ax-bg-brand-2-moderate-pressed: var(--ax-brand-2-400);
+    --ax-bg-brand-2-moderate-hoverA: var(--ax-brand-2-300A);
+    --ax-bg-brand-2-moderate-hover: var(--ax-brand-2-300);
+    --ax-bg-brand-2-moderateA: var(--ax-brand-2-200A);
+    --ax-bg-brand-2-moderate: var(--ax-brand-2-200);
+    --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
+    --ax-bg-brand-2-hover: var(--ax-brand-2-200);
+    --ax-bg-brand-2-soft: var(--ax-brand-2-100);
+    --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
+    --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
+    --ax-bg-brand-1-strong: var(--ax-brand-1-600);
+    --ax-bg-brand-1-moderate-pressedA: var(--ax-brand-1-400A);
+    --ax-bg-brand-1-moderate-pressed: var(--ax-brand-1-400);
+    --ax-bg-brand-1-moderate-hoverA: var(--ax-brand-1-300A);
+    --ax-bg-brand-1-moderate-hover: var(--ax-brand-1-300);
+    --ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
+    --ax-bg-brand-1-moderate: var(--ax-brand-1-200);
+    --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
+    --ax-bg-brand-1-hover: var(--ax-brand-1-200);
+    --ax-bg-brand-1-soft: var(--ax-brand-1-100);
     --ax-bg-info-strong-pressed: var(--ax-info-800);
     --ax-bg-info-strong-hover: var(--ax-info-700);
     --ax-bg-info-strong: var(--ax-info-600);
@@ -758,9 +722,7 @@
     --ax-bg-info-moderate: var(--ax-info-200);
     --ax-bg-info-hoverA: var(--ax-info-200A);
     --ax-bg-info-hover: var(--ax-info-200);
-    --ax-bg-info: var(--ax-info-100);
-    --ax-bg-danger-raised-hover: var(--ax-danger-300);
-    --ax-bg-danger-raised: var(--ax-danger-200);
+    --ax-bg-info-soft: var(--ax-info-100);
     --ax-bg-danger-strong-pressed: var(--ax-danger-800);
     --ax-bg-danger-strong-hover: var(--ax-danger-700);
     --ax-bg-danger-strong: var(--ax-danger-600);
@@ -772,9 +734,7 @@
     --ax-bg-danger-moderate: var(--ax-danger-200);
     --ax-bg-danger-hoverA: var(--ax-danger-200A);
     --ax-bg-danger-hover: var(--ax-danger-200);
-    --ax-bg-danger: var(--ax-danger-100);
-    --ax-bg-warning-raised-hover: var(--ax-warning-300);
-    --ax-bg-warning-raised: var(--ax-warning-200);
+    --ax-bg-danger-soft: var(--ax-danger-100);
     --ax-bg-warning-strong-pressed: var(--ax-warning-800);
     --ax-bg-warning-strong-hover: var(--ax-warning-700);
     --ax-bg-warning-strong: var(--ax-warning-600);
@@ -786,9 +746,7 @@
     --ax-bg-warning-moderate: var(--ax-warning-200);
     --ax-bg-warning-hoverA: var(--ax-warning-200A);
     --ax-bg-warning-hover: var(--ax-warning-200);
-    --ax-bg-warning: var(--ax-warning-100);
-    --ax-bg-success-raised-hover: var(--ax-success-300);
-    --ax-bg-success-raised: var(--ax-success-200);
+    --ax-bg-warning-soft: var(--ax-warning-100);
     --ax-bg-success-strong-pressed: var(--ax-success-800);
     --ax-bg-success-strong-hover: var(--ax-success-700);
     --ax-bg-success-strong: var(--ax-success-600);
@@ -800,9 +758,7 @@
     --ax-bg-success-moderate: var(--ax-success-200);
     --ax-bg-success-hoverA: var(--ax-success-200A);
     --ax-bg-success-hover: var(--ax-success-200);
-    --ax-bg-success: var(--ax-success-100);
-    --ax-bg-accent-raised-hover: var(--ax-accent-300);
-    --ax-bg-accent-raised: var(--ax-accent-200);
+    --ax-bg-success-soft: var(--ax-success-100);
     --ax-bg-accent-strong-pressed: var(--ax-accent-800);
     --ax-bg-accent-strong-hover: var(--ax-accent-700);
     --ax-bg-accent-strong: var(--ax-accent-600);
@@ -814,25 +770,11 @@
     --ax-bg-accent-moderate: var(--ax-accent-200);
     --ax-bg-accent-hoverA: var(--ax-accent-200A);
     --ax-bg-accent-hover: var(--ax-accent-200);
-    --ax-bg-accent: var(--ax-accent-100);
-    --ax-bg-neutral-raised-hover: var(--ax-neutral-300);
-    --ax-bg-neutral-raised: var(--ax-neutral-200);
-    --ax-bg-neutral-strong-pressed: var(--ax-neutral-800);
-    --ax-bg-neutral-strong-hover: var(--ax-neutral-700);
-    --ax-bg-neutral-strong: var(--ax-neutral-600);
-    --ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
-    --ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
-    --ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
-    --ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
-    --ax-bg-neutral-moderateA: var(--ax-neutral-200A);
-    --ax-bg-neutral-moderate: var(--ax-neutral-200);
-    --ax-bg-neutral-hoverA: var(--ax-neutral-200A);
-    --ax-bg-neutral-hover: var(--ax-neutral-200);
-    --ax-bg-neutral: var(--ax-neutral-100);
+    --ax-bg-accent-soft: var(--ax-accent-100);
   }
 
   :root, :host {
-    --ax-version: "7.9.1";
+    --ax-version: "7.10.0";
     --ax-font-weight-regular: 400;
     --ax-font-weight-bold: 600;
     --ax-font-size-small: .875rem;
@@ -871,26 +813,27 @@
     --ax-border-radius-large: 8px;
     --ax-border-radius-medium: 4px;
     --ax-border-radius-small: 2px;
-    --ax-spacing-1-alt: .375rem;
-    --ax-spacing-05: .125rem;
-    --ax-spacing-32: 8rem;
-    --ax-spacing-24: 6rem;
-    --ax-spacing-20: 5rem;
-    --ax-spacing-18: 4.5rem;
-    --ax-spacing-16: 4rem;
-    --ax-spacing-14: 3.5rem;
-    --ax-spacing-12: 3rem;
-    --ax-spacing-11: 2.75rem;
-    --ax-spacing-10: 2.5rem;
-    --ax-spacing-9: 2.25rem;
-    --ax-spacing-8: 2rem;
-    --ax-spacing-7: 1.75rem;
-    --ax-spacing-6: 1.5rem;
-    --ax-spacing-5: 1.25rem;
-    --ax-spacing-4: 1rem;
-    --ax-spacing-3: .75rem;
-    --ax-spacing-2: .5rem;
-    --ax-spacing-1: .25rem;
-    --ax-spacing-0: 0;
+    --ax-space-128: 8rem;
+    --ax-space-96: 6rem;
+    --ax-space-80: 5rem;
+    --ax-space-72: 4.5rem;
+    --ax-space-64: 4rem;
+    --ax-space-56: 3.5rem;
+    --ax-space-48: 3rem;
+    --ax-space-44: 2.75rem;
+    --ax-space-40: 2.5rem;
+    --ax-space-36: 2.25rem;
+    --ax-space-32: 2rem;
+    --ax-space-28: 1.75rem;
+    --ax-space-24: 1.5rem;
+    --ax-space-20: 1.25rem;
+    --ax-space-16: 1rem;
+    --ax-space-12: .75rem;
+    --ax-space-8: .5rem;
+    --ax-space-6: .375rem;
+    --ax-space-4: .25rem;
+    --ax-space-2: .125rem;
+    --ax-space-1: .0625rem;
+    --ax-space-0: 0rem;
   }
 }