@navikt/ds-css 7.9.0 → 7.9.2

package/dist/darkside/version/{7.9.0 → 7.9.2}/index.css

@@ -94,76 +94,76 @@
 
 @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);
@@ -260,169 +260,174 @@
     --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-800);
+    --ax-bg-strong-hover: var(--ax-neutral-700);
+    --ax-bg-strong: var(--ax-neutral-600);
+    --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-meta-2-raised-hover: var(--ax-meta-2-200);
+    --ax-bg-meta-2-raised: var(--ax-meta-2-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-raised-hover: var(--ax-meta-1-200);
+    --ax-bg-meta-1-raised: var(--ax-meta-1-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-raised-hover: var(--ax-brand-3-200);
+    --ax-bg-brand-3-raised: var(--ax-brand-3-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-raised-hover: var(--ax-brand-2-200);
+    --ax-bg-brand-2-raised: var(--ax-brand-2-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-raised-hover: var(--ax-brand-1-200);
+    --ax-bg-brand-1-raised: var(--ax-brand-1-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-raised-hover: var(--ax-info-200);
     --ax-bg-info-raised: var(--ax-info-100);
     --ax-bg-info-strong-pressed: var(--ax-info-800);
@@ -436,7 +441,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-info-soft: var(--ax-info-100);
     --ax-bg-danger-raised-hover: var(--ax-danger-200);
     --ax-bg-danger-raised: var(--ax-danger-100);
     --ax-bg-danger-strong-pressed: var(--ax-danger-800);
@@ -450,7 +455,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-danger-soft: var(--ax-danger-100);
     --ax-bg-warning-raised-hover: var(--ax-warning-200);
     --ax-bg-warning-raised: var(--ax-warning-100);
     --ax-bg-warning-strong-pressed: var(--ax-warning-800);
@@ -464,7 +469,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-warning-soft: var(--ax-warning-100);
     --ax-bg-success-raised-hover: var(--ax-success-200);
     --ax-bg-success-raised: var(--ax-success-100);
     --ax-bg-success-strong-pressed: var(--ax-success-800);
@@ -478,7 +483,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-success-soft: var(--ax-success-100);
     --ax-bg-accent-raised-hover: var(--ax-accent-200);
     --ax-bg-accent-raised: var(--ax-accent-100);
     --ax-bg-accent-strong-pressed: var(--ax-accent-800);
@@ -492,94 +497,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);
@@ -676,169 +667,174 @@
     --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-text-accent-strong: var(--ax-accent-1000);
+    --ax-text-accent: var(--ax-accent-800);
+    --ax-bg-strong-pressed: var(--ax-neutral-800);
+    --ax-bg-strong-hover: var(--ax-neutral-700);
+    --ax-bg-strong: var(--ax-neutral-600);
+    --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-raised-hover: var(--ax-meta-2-300);
+    --ax-bg-meta-2-raised: var(--ax-meta-2-200);
+    --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-raised-hover: var(--ax-meta-1-300);
+    --ax-bg-meta-1-raised: var(--ax-meta-1-200);
+    --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-raised-hover: var(--ax-brand-3-300);
+    --ax-bg-brand-3-raised: var(--ax-brand-3-200);
+    --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-raised-hover: var(--ax-brand-2-300);
+    --ax-bg-brand-2-raised: var(--ax-brand-2-200);
+    --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-raised-hover: var(--ax-brand-1-300);
+    --ax-bg-brand-1-raised: var(--ax-brand-1-200);
+    --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-raised-hover: var(--ax-info-300);
     --ax-bg-info-raised: var(--ax-info-200);
     --ax-bg-info-strong-pressed: var(--ax-info-800);
@@ -852,7 +848,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-info-soft: var(--ax-info-100);
     --ax-bg-danger-raised-hover: var(--ax-danger-300);
     --ax-bg-danger-raised: var(--ax-danger-200);
     --ax-bg-danger-strong-pressed: var(--ax-danger-800);
@@ -866,7 +862,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-danger-soft: var(--ax-danger-100);
     --ax-bg-warning-raised-hover: var(--ax-warning-300);
     --ax-bg-warning-raised: var(--ax-warning-200);
     --ax-bg-warning-strong-pressed: var(--ax-warning-800);
@@ -880,7 +876,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-warning-soft: var(--ax-warning-100);
     --ax-bg-success-raised-hover: var(--ax-success-300);
     --ax-bg-success-raised: var(--ax-success-200);
     --ax-bg-success-strong-pressed: var(--ax-success-800);
@@ -894,7 +890,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-success-soft: var(--ax-success-100);
     --ax-bg-accent-raised-hover: var(--ax-accent-300);
     --ax-bg-accent-raised: var(--ax-accent-200);
     --ax-bg-accent-strong-pressed: var(--ax-accent-800);
@@ -908,25 +904,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.0";
+    --ax-version: "7.9.2";
     --ax-font-weight-regular: 400;
     --ax-font-weight-bold: 600;
     --ax-font-size-small: .875rem;
@@ -965,27 +947,28 @@
     --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;
   }
 }
 
@@ -1213,7 +1196,7 @@
   }
 
   .navds-heading--xlarge.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-5);
+    margin-bottom: var(--ax-space-20);
   }
 
   .navds-heading--large {
@@ -1223,7 +1206,7 @@
   }
 
   .navds-heading--large.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-4);
+    margin-bottom: var(--ax-space-16);
   }
 
   @media (max-width: 480px) {
@@ -1234,7 +1217,7 @@
     }
 
     .navds-heading--xlarge.navds-typo--spacing {
-      margin-bottom: var(--ax-spacing-4);
+      margin-bottom: var(--ax-space-16);
     }
 
     .navds-heading--large {
@@ -1244,7 +1227,7 @@
     }
 
     .navds-heading--large.navds-typo--spacing {
-      margin-bottom: var(--ax-spacing-3);
+      margin-bottom: var(--ax-space-12);
     }
   }
 
@@ -1255,7 +1238,7 @@
   }
 
   .navds-heading--medium.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-3);
+    margin-bottom: var(--ax-space-12);
   }
 
   .navds-heading--small {
@@ -1265,7 +1248,7 @@
   }
 
   .navds-heading--small.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-3);
+    margin-bottom: var(--ax-space-12);
   }
 
   .navds-heading--xsmall {
@@ -1275,7 +1258,7 @@
   }
 
   .navds-heading--xsmall.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-3);
+    margin-bottom: var(--ax-space-12);
   }
 
   .navds-ingress {
@@ -1287,7 +1270,7 @@
   }
 
   .navds-ingress.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-10);
+    margin-bottom: var(--ax-space-40);
   }
 
   .navds-body-long {
@@ -1299,7 +1282,7 @@
   }
 
   .navds-body-long.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-7);
+    margin-bottom: var(--ax-space-28);
   }
 
   .navds-body-long--large {
@@ -1309,7 +1292,7 @@
   }
 
   .navds-body-long--large.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-10);
+    margin-bottom: var(--ax-space-40);
   }
 
   .navds-body-long--small {
@@ -1319,7 +1302,7 @@
   }
 
   .navds-body-long--small.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-6);
+    margin-bottom: var(--ax-space-24);
   }
 
   .navds-body-short {
@@ -1331,7 +1314,7 @@
   }
 
   .navds-body-short.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-3);
+    margin-bottom: var(--ax-space-12);
   }
 
   .navds-body-short--large {
@@ -1341,7 +1324,7 @@
   }
 
   .navds-body-short--large.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-4);
+    margin-bottom: var(--ax-space-16);
   }
 
   .navds-body-short--small {
@@ -1351,7 +1334,7 @@
   }
 
   .navds-body-short--small.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-2);
+    margin-bottom: var(--ax-space-8);
   }
 
   .navds-label {
@@ -1363,7 +1346,7 @@
   }
 
   .navds-label.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-3);
+    margin-bottom: var(--ax-space-12);
   }
 
   .navds-label--small {
@@ -1373,7 +1356,7 @@
   }
 
   .navds-label--small.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-2);
+    margin-bottom: var(--ax-space-8);
   }
 
   .navds-detail {
@@ -1384,7 +1367,7 @@
   }
 
   .navds-detail.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-2);
+    margin-bottom: var(--ax-space-8);
   }
 
   .navds-detail.navds-typo--uppercase {
@@ -1396,7 +1379,7 @@
   }
 
   .navds-detail--small.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-2);
+    margin-bottom: var(--ax-space-8);
   }
 
   .navds-error-message {
@@ -1404,7 +1387,7 @@
   }
 
   .navds-error-message.navds-error-message--show-icon {
-    gap: var(--ax-spacing-1);
+    gap: var(--ax-space-4);
     display: flex;
   }
 
@@ -1459,12 +1442,12 @@
     --__axc-button-icon-margin: -4px;
     --__axc-button-border-color: transparent;
     --__axc-button-border-width: 2px;
-    padding: var(--ax-spacing-3) var(--ax-spacing-5);
+    padding: var(--ax-space-12) var(--ax-space-20);
     border-radius: var(--ax-border-radius-medium);
     cursor: pointer;
     justify-content: center;
     align-items: center;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     box-shadow: inset 0 0 0 var(--__axc-button-border-width) var(--__axc-button-border-color);
     background: none;
     border: none;
@@ -1483,26 +1466,26 @@
   }
 
   .navds-button--small {
-    padding: var(--ax-spacing-1) var(--ax-spacing-3);
+    padding: var(--ax-space-4) var(--ax-space-12);
     min-width: 2rem;
     min-height: 2rem;
   }
 
   .navds-button--xsmall {
-    padding: var(--ax-spacing-05) var(--ax-spacing-2);
-    gap: var(--ax-spacing-1);
+    padding: var(--ax-space-2) var(--ax-space-8);
+    gap: var(--ax-space-4);
   }
 
   .navds-button--icon-only {
-    padding: var(--ax-spacing-3);
+    padding: var(--ax-space-12);
   }
 
   .navds-button--icon-only.navds-button--small {
-    padding: var(--ax-spacing-1);
+    padding: var(--ax-space-4);
   }
 
   .navds-button--icon-only.navds-button--xsmall {
-    padding: var(--ax-spacing-05);
+    padding: var(--ax-space-2);
   }
 
   @supports not selector(:focus-visible) {
@@ -1557,20 +1540,20 @@
   }
 
   .navds-button--primary-neutral {
-    background-color: var(--ax-bg-neutral-strong);
-    color: var(--ax-text-neutral-contrast);
+    background-color: var(--ax-bg-strong);
+    color: var(--ax-text-contrast);
   }
 
   .navds-button--primary-neutral:hover {
-    background-color: var(--ax-bg-neutral-strong-hover);
+    background-color: var(--ax-bg-strong-hover);
   }
 
   .navds-button--primary-neutral:active {
-    background-color: var(--ax-bg-neutral-strong-pressed);
+    background-color: var(--ax-bg-strong-pressed);
   }
 
   .navds-button--primary-neutral:is(:disabled, .navds-button--disabled) {
-    background-color: var(--ax-bg-neutral-strong);
+    background-color: var(--ax-bg-strong);
   }
 
   .navds-button--secondary {
@@ -1582,7 +1565,6 @@
   .navds-button--secondary:hover {
     --__axc-button-border-color: var(--ax-border-accent-strong);
     background-color: var(--ax-bg-accent-moderate-hoverA);
-    color: var(--ax-text-accent-strong);
   }
 
   .navds-button--secondary:active {
@@ -1605,17 +1587,17 @@
 
   .navds-button--secondary-neutral:hover {
     --__axc-button-border-color: var(--ax-border-strong);
-    background-color: var(--ax-bg-neutral-moderate-hoverA);
+    background-color: var(--ax-bg-moderate-hoverA);
   }
 
   .navds-button--secondary-neutral:active {
     --__axc-button-border-color: transparent;
-    color: var(--ax-text-neutral-contrast);
-    background-color: var(--ax-bg-neutral-strong-pressed);
+    color: var(--ax-text-contrast);
+    background-color: var(--ax-bg-strong-pressed);
   }
 
   .navds-button--secondary-neutral:is(:disabled, .navds-button--disabled) {
-    --__axc-button-border-color: var(--ax-border-neutral);
+    --__axc-button-border-color: var(--ax-border-default);
     color: var(--ax-text-default);
     background-color: rgba(0, 0, 0, 0);
   }
@@ -1627,7 +1609,6 @@
 
   .navds-button--tertiary:hover {
     background-color: var(--ax-bg-accent-moderate-hoverA);
-    color: var(--ax-text-accent-strong);
   }
 
   .navds-button--tertiary:active {
@@ -1646,12 +1627,12 @@
   }
 
   .navds-button--tertiary-neutral:hover {
-    background-color: var(--ax-bg-neutral-moderate-hoverA);
+    background-color: var(--ax-bg-moderate-hoverA);
   }
 
   .navds-button--tertiary-neutral:active {
-    background-color: var(--ax-bg-neutral-strong-pressed);
-    color: var(--ax-text-neutral-contrast);
+    background-color: var(--ax-bg-strong-pressed);
+    color: var(--ax-text-contrast);
   }
 
   .navds-button--tertiary-neutral:is(:disabled, .navds-button--disabled) {
@@ -1733,7 +1714,7 @@
   }
 
   .navds-chips {
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     flex-wrap: wrap;
     margin: 0;
     padding: 0;
@@ -1753,8 +1734,8 @@
     cursor: pointer;
     justify-content: center;
     align-items: center;
-    gap: var(--ax-spacing-05);
-    padding: 0 var(--ax-spacing-3);
+    gap: var(--ax-space-2);
+    padding: 0 var(--ax-space-12);
     border-radius: var(--ax-border-radius-full);
     min-height: 2rem;
     margin: 0;
@@ -1768,12 +1749,12 @@
   }
 
   .navds-chips--readonly .navds-chips__chip {
-    background-color: var(--ax-bg-neutral-moderateA);
+    background-color: var(--ax-bg-moderateA);
   }
 
   .navds-chips--small .navds-chips__chip {
     min-height: 1.5rem;
-    padding: 0 var(--ax-spacing-2);
+    padding: 0 var(--ax-space-8);
   }
 
   .navds-chips--small .navds-chips__toggle-icon {
@@ -1782,7 +1763,7 @@
   }
 
   .navds-chips--small .navds-chips__toggle--with-checkmark {
-    padding-left: var(--ax-spacing-1);
+    padding-left: var(--ax-space-4);
   }
 
   .navds-chips--small .navds-chips__removable-icon {
@@ -1795,7 +1776,7 @@
   }
 
   .navds-chips--small .navds-chips--icon-right {
-    padding-right: var(--ax-spacing-05);
+    padding-right: var(--ax-space-2);
   }
 
   .navds-chips__toggle--action {
@@ -1819,27 +1800,27 @@
   }
 
   .navds-chips__toggle--neutral {
-    box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
-    background-color: var(--ax-bg-neutral-moderate);
+    box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
+    background-color: var(--ax-bg-moderate);
     color: var(--ax-text-default);
   }
 
   .navds-chips__toggle--neutral:hover {
-    background-color: var(--ax-bg-neutral-moderate-hover);
+    background-color: var(--ax-bg-moderate-hover);
   }
 
   .navds-chips__toggle--neutral[data-pressed="true"] {
     box-shadow: none;
-    background-color: var(--ax-bg-neutral-strong-pressed);
-    color: var(--ax-text-neutral-contrast);
+    background-color: var(--ax-bg-strong-pressed);
+    color: var(--ax-text-contrast);
   }
 
   .navds-chips__toggle--neutral[data-pressed="true"]:hover {
-    background-color: var(--ax-bg-neutral-strong-hover);
+    background-color: var(--ax-bg-strong-hover);
   }
 
   .navds-chips--medium .navds-chips__toggle--with-checkmark {
-    padding-left: var(--ax-spacing-1-alt);
+    padding-left: var(--ax-space-6);
   }
 
   .navds-chips__removable {
@@ -1856,12 +1837,12 @@
   }
 
   .navds-chips__removable--neutral {
-    background: var(--ax-bg-neutral-strong-pressed);
-    color: var(--ax-text-neutral-contrast);
+    background: var(--ax-bg-strong-pressed);
+    color: var(--ax-text-contrast);
   }
 
   .navds-chips__removable--neutral:hover {
-    background: var(--ax-bg-neutral-strong-hover);
+    background: var(--ax-bg-strong-hover);
   }
 
   .navds-chips__removable-icon {
@@ -1874,11 +1855,11 @@
   }
 
   .navds-chips--icon-left {
-    padding-left: var(--ax-spacing-1-alt);
+    padding-left: var(--ax-space-6);
   }
 
   .navds-chips--icon-right {
-    padding-right: var(--ax-spacing-1-alt);
+    padding-right: var(--ax-space-6);
   }
 
   @media (forced-colors: active) {
@@ -1915,7 +1896,7 @@
   }
 
   .navds-fieldset > :not(:first-child, :empty) {
-    margin-top: var(--ax-spacing-2);
+    margin-top: var(--ax-space-8);
   }
 
   .navds-fieldset__description {
@@ -1950,16 +1931,16 @@
 
   .navds-dropzone__area {
     --__axc-dropzone-background: var(--ax-bg-input);
-    --__axc-dropzone-icon-padding: var(--ax-spacing-2);
+    --__axc-dropzone-icon-padding: var(--ax-space-8);
     --__axc-dropzone-animation-length-long: .4s;
     --__axc-dropzone-animation-length-short: .25s;
     --__axc-dropzone-animation-ease-out: cubic-bezier(.3, 1, .3, 1);
     --__axc-dropzone-animation-over-under: cubic-bezier(.3, 1, .3, 1);
     align-items: center;
-    gap: var(--ax-spacing-4);
+    gap: var(--ax-space-16);
     text-align: center;
     width: 100%;
-    padding: var(--ax-spacing-4) var(--ax-spacing-5);
+    padding: var(--ax-space-16) var(--ax-space-20);
     border: 1px dashed var(--ax-border-default);
     border-radius: var(--ax-border-radius-xlarge);
     background-color: var(--__axc-dropzone-background);
@@ -2039,7 +2020,7 @@
   }
 
   .navds-dropzone__area-release {
-    top: var(--ax-spacing-4);
+    top: var(--ax-space-16);
     z-index: 1;
     pointer-events: none;
     transition: top var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under), transform var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);
@@ -2050,7 +2031,7 @@
   .navds-dropzone__area-release__icon {
     padding: var(--__axc-dropzone-icon-padding);
     border-radius: var(--ax-border-radius-full);
-    background-color: var(--ax-bg-neutral-moderateA);
+    background-color: var(--ax-bg-moderateA);
     transition: background-color .3s var(--__axc-dropzone-animation-ease-out), font-size .3s var(--__axc-dropzone-animation-ease-out);
     font-size: 1.5rem;
     display: grid;
@@ -2079,7 +2060,7 @@
   .navds-dropzone__area-disabled {
     color: var(--ax-text-subtle);
     align-items: center;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     flex-direction: column;
     display: flex;
   }
@@ -2095,8 +2076,8 @@
     border: 1px solid var(--ax-border-subtleA);
     outline-offset: -1px;
     border-radius: var(--ax-border-radius-xlarge);
-    padding: var(--ax-spacing-3) var(--ax-spacing-4);
-    gap: var(--ax-spacing-3);
+    padding: var(--ax-space-12) var(--ax-space-16);
+    gap: var(--ax-space-12);
     align-items: flex-start;
     transition: outline-color .25s cubic-bezier(0, .3, .15, 1);
     display: flex;
@@ -2107,12 +2088,12 @@
   }
 
   .navds-file-item__icon {
-    background-color: var(--ax-bg-neutral-moderateA);
+    background-color: var(--ax-bg-moderateA);
     color: var(--ax-text-default);
     border-radius: var(--ax-border-radius-full);
     min-width: 2.5rem;
     min-height: 2.5rem;
-    margin-top: var(--ax-spacing-05);
+    margin-top: var(--ax-space-2);
     place-content: center;
     transition: background-color .25s cubic-bezier(0, .3, .15, 1);
     display: grid;
@@ -2146,12 +2127,12 @@
   }
 
   .navds-file-item__error .navds-file-item__error {
-    padding-top: var(--ax-spacing-1);
+    padding-top: var(--ax-space-4);
     grid-template-rows: 1fr;
   }
 
   .navds-file-item__error-content {
-    gap: var(--ax-spacing-1);
+    gap: var(--ax-space-4);
     min-height: 0;
     display: flex;
   }
@@ -2164,7 +2145,7 @@
 
   .navds-form-field {
     justify-items: start;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     display: grid;
   }
 
@@ -2191,8 +2172,8 @@
   }
 
   .navds-form-field__readonly-icon {
-    margin-top: var(--ax-spacing-05);
-    margin-right: var(--ax-spacing-1);
+    margin-top: var(--ax-space-2);
+    margin-right: var(--ax-space-4);
     flex-shrink: 0;
     align-self: flex-start;
   }
@@ -2205,7 +2186,7 @@
 
   .navds-error-summary {
     background-color: var(--ax-bg-default);
-    padding: var(--ax-spacing-4) var(--ax-spacing-5);
+    padding: var(--ax-space-16) var(--ax-space-20);
     border: 4px solid var(--ax-border-danger);
     border-radius: var(--ax-border-radius-xlarge);
     outline-offset: 2px;
@@ -2222,21 +2203,21 @@
   }
 
   .navds-error-summary--small {
-    padding: var(--ax-spacing-3) var(--ax-spacing-4);
+    padding: var(--ax-space-12) var(--ax-space-16);
   }
 
   .navds-error-summary--small .navds-error-summary__heading {
-    scroll-margin-top: var(--ax-spacing-4);
+    scroll-margin-top: var(--ax-space-16);
   }
 
   .navds-error-summary--small > .navds-error-summary__list {
-    margin: var(--ax-spacing-2) 0;
-    gap: var(--ax-spacing-2);
-    padding-left: var(--ax-spacing-5);
+    margin: var(--ax-space-8) 0;
+    gap: var(--ax-space-8);
+    padding-left: var(--ax-space-20);
   }
 
   .navds-error-summary__heading {
-    scroll-margin-top: var(--ax-spacing-6);
+    scroll-margin-top: var(--ax-space-24);
   }
 
   .navds-error-summary__heading:focus {
@@ -2244,9 +2225,9 @@
   }
 
   .navds-error-summary__list {
-    margin: var(--ax-spacing-3) 0;
-    gap: var(--ax-spacing-3);
-    padding-left: var(--ax-spacing-6);
+    margin: var(--ax-space-12) 0;
+    gap: var(--ax-space-12);
+    padding-left: var(--ax-space-24);
     list-style: inherit;
     flex-direction: column;
     display: flex;
@@ -2324,10 +2305,10 @@
   }
 
   .navds-checkbox__label, .navds-radio__label {
-    padding: var(--ax-spacing-3) 0;
+    padding: var(--ax-space-12) 0;
     cursor: pointer;
-    gap: var(--ax-spacing-2);
-    --__axc-radio-checkbox-readonly-bg: var(--ax-bg-neutral-moderate);
+    gap: var(--ax-space-8);
+    --__axc-radio-checkbox-readonly-bg: var(--ax-bg-moderate);
     --__axc-radio-checkbox-readonly-border: var(--ax-border-subtle);
     display: flex;
   }
@@ -2360,7 +2341,7 @@
   }
 
   .navds-checkbox--small > .navds-checkbox__label, .navds-radio--small > .navds-radio__label {
-    padding: var(--ax-spacing-1-alt) 0;
+    padding: var(--ax-space-6) 0;
   }
 
   .navds-checkbox--small > .navds-checkbox__label:before, .navds-radio--small > .navds-radio__label:before {
@@ -2375,7 +2356,7 @@
 
   .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
     content: "";
-    transform: translate(var(--ax-spacing-1-alt), -50%);
+    transform: translate(var(--ax-space-6), -50%);
     background-color: var(--ax-bg-default);
     border-radius: 1px;
     flex-shrink: 0;
@@ -2406,7 +2387,7 @@
   .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
     color: var(--ax-bg-default);
     height: 1.5rem;
-    transform: translate(var(--ax-spacing-1-alt));
+    transform: translate(var(--ax-space-6));
     pointer-events: none;
     align-items: center;
     display: flex;
@@ -2497,8 +2478,8 @@
   }
 
   .navds-radio--readonly > .navds-radio__input:checked + .navds-radio__label:before {
-    background-color: var(--ax-bg-neutral-strong);
-    box-shadow: inset 0 0 0 2px var(--ax-border-subtle), inset 0 0 0 8px var(--ax-bg-neutral-moderate);
+    background-color: var(--ax-bg-strong);
+    box-shadow: inset 0 0 0 2px var(--ax-border-subtle), inset 0 0 0 8px var(--ax-bg-moderate);
     border-width: 0;
   }
 
@@ -2568,8 +2549,8 @@
     box-sizing: border-box;
     width: 100%;
     min-height: 3rem;
-    padding: var(--ax-spacing-2);
-    padding-right: var(--ax-spacing-10);
+    padding: var(--ax-space-8);
+    padding-right: var(--ax-space-40);
     display: inline-block;
     position: relative;
   }
@@ -2601,7 +2582,7 @@
   }
 
   .navds-select__chevron {
-    right: var(--ax-spacing-2);
+    right: var(--ax-space-8);
     pointer-events: none;
     color: var(--ax-text-default);
     align-self: center;
@@ -2650,8 +2631,8 @@
   }
 
   .navds-select--readonly .navds-select__input {
-    background-color: var(--ax-bg-neutral-moderate);
-    border-color: var(--ax-border-neutral-subtleA);
+    background-color: var(--ax-bg-moderate);
+    border-color: var(--ax-border-subtleA);
     cursor: default;
   }
 
@@ -2709,11 +2690,11 @@
   }
 
   .navds-switch--small .navds-switch__content {
-    padding: calc(var(--ax-spacing-2)  - var(--ax-spacing-05)) 0 calc(var(--ax-spacing-2)  - var(--ax-spacing-05)) 3.25rem;
+    padding: calc(var(--ax-space-8)  - var(--ax-space-2)) 0 calc(var(--ax-space-8)  - var(--ax-space-2)) 3.25rem;
   }
 
   .navds-switch--right.navds-switch--small .navds-switch__content {
-    padding: calc(var(--ax-spacing-2)  - var(--ax-spacing-05)) 3.25rem calc(var(--ax-spacing-2)  - var(--ax-spacing-05)) 0;
+    padding: calc(var(--ax-space-8)  - var(--ax-space-2)) 3.25rem calc(var(--ax-space-8)  - var(--ax-space-2)) 0;
   }
 
   .navds-switch--with-description {
@@ -2732,7 +2713,7 @@
     background-color: var(--ax-bg-input);
     width: 2.75rem;
     height: 1.5rem;
-    top: var(--ax-spacing-3);
+    top: var(--ax-space-12);
     border-radius: var(--ax-border-radius-full);
     border: 2px solid var(--ax-border-default);
     transition-property: background-color, border-color;
@@ -2743,7 +2724,7 @@
   }
 
   .navds-switch--small > .navds-switch__track {
-    top: var(--ax-spacing-1);
+    top: var(--ax-space-4);
   }
 
   .navds-switch__input:checked ~ .navds-switch__track {
@@ -2772,7 +2753,7 @@
   }
 
   .navds-switch__thumb {
-    background-color: var(--ax-bg-neutral-strong);
+    background-color: var(--ax-bg-strong);
     border-radius: var(--ax-border-radius-full);
     justify-content: center;
     align-items: center;
@@ -2839,8 +2820,8 @@
   }
 
   .navds-switch--readonly > .navds-switch__track, .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__track, .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track, .navds-switch--readonly > .navds-switch__input:checked:hover ~ .navds-switch__track {
-    background-color: var(--ax-bg-neutral-moderate);
-    border-color: var(--ax-border-neutral-subtleA);
+    background-color: var(--ax-bg-moderate);
+    border-color: var(--ax-border-subtleA);
   }
 
   .navds-switch--readonly > .navds-switch__label-wrapper, .navds-switch--readonly > .navds-switch__input {
@@ -2856,12 +2837,12 @@
   }
 
   .navds-switch--readonly .navds-switch__thumb {
-    background-color: var(--ax-bg-neutral-strong);
+    background-color: var(--ax-bg-strong);
   }
 
   .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
-    background-color: var(--ax-bg-neutral-strong);
-    color: var(--ax-text-neutral-contrast);
+    background-color: var(--ax-bg-strong);
+    color: var(--ax-text-contrast);
   }
 
   @media (hover: hover) and (pointer: fine) {
@@ -2911,7 +2892,7 @@
 
   .navds-text-field__input {
     appearance: none;
-    padding: var(--ax-spacing-2);
+    padding: var(--ax-space-8);
     background: var(--ax-bg-input);
     border-radius: var(--ax-border-radius-medium);
     border: 1px solid var(--ax-border-default);
@@ -2937,7 +2918,7 @@
   }
 
   .navds-text-field__input::placeholder {
-    color: var(--ax-text-neutral);
+    color: var(--ax-text-subtle);
   }
 
   .navds-text-field__input[size] {
@@ -2945,7 +2926,7 @@
   }
 
   .navds-form-field--small .navds-text-field__input {
-    padding: 0 var(--ax-spacing-2);
+    padding: 0 var(--ax-space-8);
     min-height: 2rem;
   }
 
@@ -2955,8 +2936,8 @@
   }
 
   .navds-text-field--readonly .navds-text-field__input {
-    background-color: var(--ax-bg-neutral-moderate);
-    border-color: var(--ax-border-neutral-subtleA);
+    background-color: var(--ax-bg-moderate);
+    border-color: var(--ax-border-subtleA);
     cursor: default;
   }
 
@@ -2986,7 +2967,7 @@
   .navds-textarea__input {
     height: var(--__axc-textarea-height);
     appearance: none;
-    padding: var(--ax-spacing-2);
+    padding: var(--ax-space-8);
     background-color: var(--ax-bg-input);
     border-radius: var(--ax-border-radius-medium);
     border: 1px solid var(--ax-border-default);
@@ -3017,12 +2998,12 @@
   }
 
   .navds-form-field--small .navds-textarea__input {
-    padding: var(--ax-spacing-1-alt);
+    padding: var(--ax-space-6);
   }
 
   .navds-textarea--readonly .navds-textarea__input {
-    background-color: var(--ax-bg-neutral-moderate);
-    border-color: var(--ax-border-neutral-subtleA);
+    background-color: var(--ax-bg-moderate);
+    border-color: var(--ax-border-subtleA);
     cursor: default;
   }
 
@@ -3113,7 +3094,7 @@
   }
 
   .navds-search__input {
-    padding-right: var(--ax-spacing-10);
+    padding-right: var(--ax-space-40);
   }
 
   .navds-search__input:focus-visible {
@@ -3127,28 +3108,28 @@
   }
 
   .navds-search__input--simple {
-    padding-left: var(--ax-spacing-10);
+    padding-left: var(--ax-space-40);
   }
 
   .navds-form-field--small .navds-search__input {
-    padding-right: var(--ax-spacing-7);
+    padding-right: var(--ax-space-28);
   }
 
   .navds-form-field--small .navds-search__input--simple {
-    padding-left: var(--ax-spacing-7);
+    padding-left: var(--ax-space-28);
   }
 
   .navds-form-field--small .navds-search__search-icon {
-    left: var(--ax-spacing-1);
+    left: var(--ax-space-4);
     font-size: 1.25rem;
   }
 
   .navds-form-field--small .navds-search__button-clear {
-    right: var(--ax-spacing-1);
+    right: var(--ax-space-4);
   }
 
   .navds-search__search-icon {
-    left: var(--ax-spacing-2);
+    left: var(--ax-space-8);
     pointer-events: none;
     font-size: 1.5rem;
     position: absolute;
@@ -3161,7 +3142,7 @@
   }
 
   .navds-search__button-clear {
-    right: var(--ax-spacing-2);
+    right: var(--ax-space-8);
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
@@ -3215,9 +3196,9 @@
 
   .navds-combobox__wrapper {
     --__axc-combobox-icon-size: 1.5rem;
-    --__axc-combobox-wrapper-inner-padding: var(--ax-spacing-2);
-    --__axc-combobox-list-item-padding-block: var(--ax-spacing-3);
-    --__axc-combobox-list-item-padding-inline: var(--ax-spacing-3);
+    --__axc-combobox-wrapper-inner-padding: var(--ax-space-8);
+    --__axc-combobox-list-item-padding-block: var(--ax-space-12);
+    --__axc-combobox-list-item-padding-inline: var(--ax-space-12);
     --__axc-combobox-border-width: 1px;
     --__axc-combobox-input-height: 2rem;
     border-radius: var(--ax-border-radius-medium);
@@ -3233,9 +3214,9 @@
 
   .navds-form-field--small .navds-combobox__wrapper {
     --__axc-combobox-icon-size: 1.25rem;
-    --__axc-combobox-wrapper-inner-padding: var(--ax-spacing-1);
-    --__axc-combobox-list-item-padding-block: var(--ax-spacing-1-alt);
-    --__axc-combobox-list-item-padding-inline: var(--ax-spacing-2);
+    --__axc-combobox-wrapper-inner-padding: var(--ax-space-4);
+    --__axc-combobox-list-item-padding-block: var(--ax-space-6);
+    --__axc-combobox-list-item-padding-inline: var(--ax-space-8);
     --__axc-combobox-input-height: 1.5rem;
   }
 
@@ -3256,11 +3237,11 @@
   }
 
   .navds-combobox--readonly .navds-combobox__selected-options .navds-chips__chip {
-    background-color: var(--ax-bg-neutral-moderateA);
+    background-color: var(--ax-bg-moderateA);
   }
 
   .navds-combobox--readonly .navds-combobox__button-toggle-list {
-    color: var(--ax-bg-neutral-moderate);
+    color: var(--ax-bg-moderate);
   }
 
   .navds-combobox--readonly .navds-combobox__wrapper {
@@ -3269,7 +3250,7 @@
   }
 
   .navds-combobox--readonly .navds-text-field__input, .navds-combobox--readonly .navds-combobox__input {
-    background-color: var(--ax-bg-neutral-moderate);
+    background-color: var(--ax-bg-moderate);
   }
 
   .navds-combobox__button-toggle-list svg, .navds-combobox__list svg {
@@ -3376,7 +3357,7 @@
   }
 
   .navds-combobox__selected-options > li:only-child > .navds-combobox__input {
-    margin-left: var(--ax-spacing-1);
+    margin-left: var(--ax-space-4);
   }
 
   .navds-combobox__input--hide-caret {
@@ -3424,7 +3405,7 @@
     max-height: 290px;
     left: 0;
     right: 0;
-    top: calc(100% + var(--ax-spacing-2));
+    top: calc(100% + var(--ax-space-8));
     border: 1px solid var(--ax-border-subtleA);
     border-radius: var(--ax-border-radius-large);
     background-color: var(--ax-bg-raised);
@@ -3449,8 +3430,8 @@
     padding-block: var(--__axc-combobox-list-item-padding-block);
     padding-inline: var(--__axc-combobox-list-item-padding-inline);
     border-radius: var(--ax-border-radius-medium);
-    margin-inline: var(--ax-spacing-2);
-    margin-block: var(--ax-spacing-1);
+    margin-inline: var(--ax-space-8);
+    margin-block: var(--ax-space-4);
     border: 0;
     justify-content: space-between;
     align-items: center;
@@ -3468,9 +3449,9 @@
   }
 
   .navds-combobox__list-item--max-selected {
-    background-color: var(--ax-bg-neutral-moderateA);
-    border-bottom: 1px solid var(--ax-border-neutral-subtle);
-    padding-block: var(--ax-spacing-2);
+    background-color: var(--ax-bg-moderateA);
+    border-bottom: 1px solid var(--ax-border-subtle);
+    padding-block: var(--ax-space-8);
     line-height: var(--ax-font-line-height-large);
     border-radius: 0;
     margin: 0;
@@ -3482,7 +3463,7 @@
     gap: inherit;
     background-color: inherit;
     padding: 0;
-    padding-block: var(--ax-spacing-1);
+    padding-block: var(--ax-space-4);
     align-items: stretch;
     margin: 0;
     list-style: none;
@@ -3526,8 +3507,8 @@
     background: var(--ax-bg-accent-moderateA);
     cursor: pointer;
     margin: 0;
-    margin-block: calc(var(--ax-spacing-1) * -1);
-    padding-block: var(--ax-spacing-4);
+    margin-block: calc(var(--ax-space-4) * -1);
+    padding-block: var(--ax-space-16);
     border-radius: 0;
     justify-content: flex-start;
     gap: .25rem;
@@ -3562,7 +3543,7 @@
     }
 
     .navds-combobox__selected-options {
-      gap: var(--ax-spacing-1);
+      gap: var(--ax-space-4);
     }
   }
 
@@ -3632,29 +3613,29 @@
   }
 
   .navds-form-summary {
-    border: 1px solid var(--ax-border-neutral-subtleA);
+    border: 1px solid var(--ax-border-subtleA);
     border-radius: var(--ax-border-radius-xlarge);
     background: var(--ax-bg-raised);
     overflow: hidden;
   }
 
   .navds-form-summary__header {
-    background: var(--ax-bg-neutral-moderateA);
-    padding: var(--ax-spacing-4) var(--ax-spacing-6);
+    background: var(--ax-bg-moderateA);
+    padding: var(--ax-space-16) var(--ax-space-24);
     justify-content: space-between;
-    gap: 0 var(--ax-spacing-3);
+    gap: 0 var(--ax-space-12);
     display: flex;
   }
 
   @media (max-width: 479px) {
     .navds-form-summary__header {
-      padding: var(--ax-spacing-3) var(--ax-spacing-4);
+      padding: var(--ax-space-12) var(--ax-space-16);
       flex-direction: column;
     }
   }
 
   .navds-form-summary__edit {
-    margin-top: var(--ax-spacing-1);
+    margin-top: var(--ax-space-4);
     flex-shrink: 0;
     align-self: flex-start;
   }
@@ -3664,24 +3645,24 @@
   }
 
   .navds-form-summary__answers {
-    padding: var(--ax-spacing-4) var(--ax-spacing-5);
+    padding: var(--ax-space-16) var(--ax-space-20);
     margin: 0;
   }
 
   @media (max-width: 479px) {
     .navds-form-summary__answers {
-      padding: var(--ax-spacing-4);
+      padding: var(--ax-space-16);
     }
   }
 
   .navds-form-summary__answer:not(:last-child) {
-    margin-bottom: var(--ax-spacing-4);
-    padding-bottom: var(--ax-spacing-4);
+    margin-bottom: var(--ax-space-16);
+    padding-bottom: var(--ax-space-16);
     border-bottom: 1px solid var(--ax-border-subtleA);
   }
 
   .navds-form-summary__answer:has(.navds-form-summary__answer) {
-    padding-bottom: var(--ax-spacing-6);
+    padding-bottom: var(--ax-space-24);
   }
 
   .navds-form-summary__answer:has(.navds-form-summary__answer):last-child {
@@ -3690,22 +3671,22 @@
 
   @media (max-width: 479px) {
     .navds-form-summary__answer:not(:last-child) {
-      margin-bottom: var(--ax-spacing-3);
-      padding-bottom: var(--ax-spacing-3);
+      margin-bottom: var(--ax-space-12);
+      padding-bottom: var(--ax-space-12);
     }
 
     .navds-form-summary__answer:has(.navds-form-summary__answer) {
-      padding-bottom: var(--ax-spacing-5);
+      padding-bottom: var(--ax-space-20);
     }
   }
 
   .navds-form-summary__value:first-of-type {
-    margin-top: var(--ax-spacing-1);
+    margin-top: var(--ax-space-4);
   }
 
   .navds-form-summary__value .navds-form-summary__answers {
-    margin-top: var(--ax-spacing-2);
-    padding: var(--ax-spacing-4) var(--ax-spacing-5);
+    margin-top: var(--ax-space-8);
+    padding: var(--ax-space-16) var(--ax-space-20);
     background: var(--ax-bg-info-moderateA);
     border-radius: var(--ax-border-radius-large);
     border: 1px solid var(--ax-border-info-subtleA);
@@ -3716,7 +3697,7 @@
   }
 
   .navds-form-progress__bar {
-    margin-bottom: var(--ax-spacing-2);
+    margin-bottom: var(--ax-space-8);
   }
 
   .navds-form-progress__button:focus-visible {
@@ -3763,17 +3744,17 @@
   .navds-form-progress__stepper {
     border: 1px solid var(--ax-border-subtle);
     border-radius: var(--ax-border-radius-large);
-    padding: var(--ax-spacing-4) var(--ax-spacing-5);
-    margin-top: var(--ax-spacing-1);
+    padding: var(--ax-space-16) var(--ax-space-20);
+    margin-top: var(--ax-space-4);
     background: var(--ax-bg-raised);
   }
 
   .navds-accordion__header {
     justify-content: flex-start;
     align-items: flex-start;
-    gap: var(--ax-spacing-3);
+    gap: var(--ax-space-12);
     width: 100%;
-    padding: var(--ax-spacing-3);
+    padding: var(--ax-space-12);
     text-align: left;
     cursor: pointer;
     border-radius: var(--ax-border-radius-large);
@@ -3798,7 +3779,6 @@
 
   .navds-accordion__header:hover {
     background-color: var(--ax-bg-accent-hoverA);
-    color: var(--ax-text-accent-strong);
   }
 
   .navds-accordion__header:hover:before, .navds-accordion__header:hover:after {
@@ -3879,7 +3859,7 @@
 
   .navds-accordion__content {
     --__acx-accordion-content-line-width: 2px;
-    padding-inline: var(--ax-spacing-6) var(--ax-spacing-3);
+    padding-inline: var(--ax-space-24) var(--ax-space-12);
     max-height: 0;
     transition: all .25s cubic-bezier(.2, 0, 0, 1) allow-discrete;
     border-color: rgba(0, 0, 0, 0);
@@ -3908,13 +3888,13 @@
   }
 
   .navds-accordion--indent > .navds-accordion__item > .navds-accordion__content {
-    padding-inline: var(--ax-spacing-6) var(--ax-spacing-3);
+    padding-inline: var(--ax-space-24) var(--ax-space-12);
   }
 
   .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
     box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
-    padding-block: var(--ax-spacing-2);
-    padding-inline: calc(var(--ax-spacing-5)  + 2px) var(--ax-spacing-5);
+    padding-block: var(--ax-space-8);
+    padding-inline: calc(var(--ax-space-20)  + 2px) var(--ax-space-20);
   }
 
   @media (forced-colors: active) {
@@ -3926,9 +3906,9 @@
   .navds-accordion__item[data-expanded="true"] > .navds-accordion__content {
     opacity: 1;
     max-height: fit-content;
-    padding-block: var(--ax-spacing-2);
+    padding-block: var(--ax-space-8);
     border-color: var(--ax-border-subtleA);
-    padding-block-end: var(--ax-spacing-6);
+    padding-block-end: var(--ax-space-24);
     display: block;
     overflow: visible;
   }
@@ -3943,8 +3923,8 @@
 
   .navds-alert {
     border-radius: var(--ax-border-radius-xlarge);
-    padding: var(--ax-spacing-4) var(--ax-spacing-5);
-    gap: var(--ax-spacing-3);
+    padding: var(--ax-space-16) var(--ax-space-20);
+    gap: var(--ax-space-12);
     border: 1px solid;
     align-items: center;
     display: flex;
@@ -3970,8 +3950,8 @@
   }
 
   .navds-alert--small {
-    padding: var(--ax-spacing-3) var(--ax-spacing-4);
-    gap: var(--ax-spacing-2);
+    padding: var(--ax-space-12) var(--ax-space-16);
+    gap: var(--ax-space-8);
   }
 
   .navds-alert--small > .navds-alert__icon {
@@ -4034,7 +4014,7 @@
   }
 
   .navds-alert--close-button > .navds-alert__wrapper, .navds-alert--close-button > .navds-alert__icon {
-    margin-block-start: var(--ax-spacing-05);
+    margin-block-start: var(--ax-space-2);
   }
 
   .navds-alert--close-button.navds-alert--small {
@@ -4042,12 +4022,12 @@
   }
 
   .navds-alert--close-button.navds-alert--small > .navds-alert__wrapper, .navds-alert--close-button.navds-alert--small > .navds-alert__icon {
-    margin-block-start: var(--ax-spacing-1);
+    margin-block-start: var(--ax-space-4);
   }
 
   .navds-chat {
     align-items: flex-end;
-    gap: var(--ax-spacing-3);
+    gap: var(--ax-space-12);
     max-width: 40.75rem;
     display: flex;
   }
@@ -4090,7 +4070,7 @@
   }
 
   .navds-chat__bubble-wrapper {
-    gap: var(--ax-spacing-3);
+    gap: var(--ax-space-12);
     flex-direction: column;
     margin: 0;
     padding: 0;
@@ -4099,9 +4079,9 @@
   }
 
   .navds-chat__bubble {
-    padding: var(--ax-spacing-4) var(--ax-spacing-5);
+    padding: var(--ax-space-16) var(--ax-space-20);
     background-color: var(--ax-bg-raised);
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     border-radius: var(--ax-border-radius-xlarge);
     border-bottom-left-radius: var(--ax-border-radius-small);
     border: 1px solid var(--ax-border-subtleA);
@@ -4111,7 +4091,7 @@
   }
 
   .navds-chat--small .navds-chat__bubble {
-    padding: var(--ax-spacing-3) var(--ax-spacing-4);
+    padding: var(--ax-space-12) var(--ax-space-16);
   }
 
   .navds-chat--info .navds-chat__bubble, .navds-chat--info .navds-chat__avatar {
@@ -4119,12 +4099,12 @@
   }
 
   .navds-chat--neutral .navds-chat__bubble, .navds-chat--neutral .navds-chat__avatar {
-    background-color: var(--ax-bg-neutral-raised);
+    background-color: var(--ax-bg-raised);
   }
 
   .navds-chat__top-text {
     color: var(--ax-text-default);
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     align-items: baseline;
     margin: 0;
     font-weight: normal;
@@ -4148,7 +4128,7 @@
   }
 
   .navds-copybutton {
-    --__axc-copybutton-padding: var(--ax-spacing-3) var(--ax-spacing-5) var(--ax-spacing-3) var(--ax-spacing-4);
+    --__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-20) var(--ax-space-12) var(--ax-space-16);
     cursor: pointer;
     border-radius: var(--ax-border-radius-medium);
     padding: var(--__axc-copybutton-padding);
@@ -4162,15 +4142,15 @@
   }
 
   .navds-copybutton.navds-copybutton--icon-only {
-    --__axc-copybutton-padding: var(--ax-spacing-3);
+    --__axc-copybutton-padding: var(--ax-space-12);
   }
 
   .navds-copybutton.navds-copybutton--icon-right {
-    --__axc-copybutton-padding: var(--ax-spacing-3) var(--ax-spacing-4) var(--ax-spacing-3) var(--ax-spacing-5);
+    --__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-16) var(--ax-space-12) var(--ax-space-20);
   }
 
   .navds-copybutton:hover {
-    background-color: var(--ax-bg-neutral-moderate-hoverA);
+    background-color: var(--ax-bg-moderate-hoverA);
   }
 
   .navds-copybutton:focus-visible {
@@ -4201,17 +4181,17 @@
   }
 
   .navds-copybutton--small {
-    --__axc-copybutton-padding: var(--ax-spacing-1) var(--ax-spacing-3) var(--ax-spacing-1) var(--ax-spacing-2);
+    --__axc-copybutton-padding: var(--ax-space-4) var(--ax-space-12) var(--ax-space-4) var(--ax-space-8);
     min-width: 2rem;
     min-height: 2rem;
   }
 
   .navds-copybutton--small.navds-copybutton--icon-right {
-    --__axc-copybutton-padding: var(--ax-spacing-1) var(--ax-spacing-2) var(--ax-spacing-1) var(--ax-spacing-3);
+    --__axc-copybutton-padding: var(--ax-space-4) var(--ax-space-8) var(--ax-space-4) var(--ax-space-12);
   }
 
   .navds-copybutton--small.navds-copybutton--icon-only {
-    --__axc-copybutton-padding: var(--ax-spacing-1);
+    --__axc-copybutton-padding: var(--ax-space-4);
   }
 
   .navds-copybutton--small .navds-copybutton__icon {
@@ -4219,21 +4199,21 @@
   }
 
   .navds-copybutton--small > .navds-copybutton__content {
-    gap: var(--ax-spacing-1-alt);
+    gap: var(--ax-space-6);
   }
 
   .navds-copybutton--xsmall {
-    --__axc-copybutton-padding: var(--ax-spacing-05) var(--ax-spacing-2) var(--ax-spacing-05) var(--ax-spacing-1);
+    --__axc-copybutton-padding: var(--ax-space-2) var(--ax-space-8) var(--ax-space-2) var(--ax-space-4);
     min-width: 1.5rem;
     min-height: 1.5rem;
   }
 
   .navds-copybutton--xsmall.navds-copybutton--icon-right {
-    --__axc-copybutton-padding: var(--ax-spacing-05) var(--ax-spacing-1) var(--ax-spacing-05) var(--ax-spacing-2);
+    --__axc-copybutton-padding: var(--ax-space-2) var(--ax-space-4) var(--ax-space-2) var(--ax-space-8);
   }
 
   .navds-copybutton--xsmall.navds-copybutton--icon-only {
-    --__axc-copybutton-padding: var(--ax-spacing-05);
+    --__axc-copybutton-padding: var(--ax-space-2);
   }
 
   .navds-copybutton--xsmall .navds-copybutton__icon {
@@ -4241,7 +4221,7 @@
   }
 
   .navds-copybutton--xsmall > .navds-copybutton__content {
-    gap: var(--ax-spacing-1);
+    gap: var(--ax-space-4);
   }
 
   .navds-copybutton__icon {
@@ -4318,17 +4298,17 @@
   .navds-copybutton__content {
     justify-content: center;
     align-items: center;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     display: inline-flex;
   }
 
   .navds-date {
-    padding: var(--ax-spacing-4) var(--ax-spacing-3);
+    padding: var(--ax-space-16) var(--ax-space-12);
   }
 
   .navds-date .rdp-day_range_middle.rdp-day_disabled {
     color: var(--ax-text-default);
-    background: var(--ax-bg-neutral-moderateA);
+    background: var(--ax-bg-moderateA);
   }
 
   .navds-date .rdp-day_range_middle.rdp-day_selected {
@@ -4338,7 +4318,7 @@
   }
 
   .navds-date .rdp-month, .navds-date.rdp-month {
-    gap: var(--ax-spacing-5);
+    gap: var(--ax-space-20);
     display: grid;
   }
 
@@ -4387,7 +4367,7 @@
 
   .navds-date .rdp-day_disabled {
     cursor: not-allowed;
-    background-color: var(--ax-bg-neutral-moderateA);
+    background-color: var(--ax-bg-moderateA);
     color: var(--ax-text-subtle);
     text-decoration: line-through;
   }
@@ -4430,8 +4410,8 @@
   .navds-date__caption {
     justify-content: space-between;
     align-items: center;
-    gap: var(--ax-spacing-1);
-    padding-inline: var(--ax-spacing-1);
+    gap: var(--ax-space-4);
+    padding-inline: var(--ax-space-4);
     display: flex;
   }
 
@@ -4476,18 +4456,18 @@
   }
 
   .navds-date__field-input.navds-text-field__input {
-    padding-right: var(--ax-spacing-12);
+    padding-right: var(--ax-space-48);
   }
 
   .navds-form-field--small .navds-date__field-input {
-    padding-right: var(--ax-spacing-8);
+    padding-right: var(--ax-space-32);
   }
 
   .navds-date__field-button {
     color: var(--ax-text-default);
     cursor: pointer;
     border-radius: calc(var(--ax-border-radius-medium)  - 1px);
-    padding: var(--ax-spacing-3);
+    padding: var(--ax-space-12);
     background: none;
     border: none;
     border-start-start-radius: 0;
@@ -4506,7 +4486,7 @@
   }
 
   .navds-form-field--small .navds-date__field-button {
-    padding: var(--ax-spacing-1);
+    padding: var(--ax-space-4);
   }
 
   .navds-form-field--disabled .navds-date__field-button {
@@ -4531,7 +4511,7 @@
 
   .navds-date__week-row {
     align-items: center;
-    gap: var(--ax-spacing-05);
+    gap: var(--ax-space-2);
     display: flex;
   }
 
@@ -4545,7 +4525,7 @@
   }
 
   .navds-date__weeknumber:active .navds-date__weeknumber-number {
-    color: var(--ax-text-neutral-contrast);
+    color: var(--ax-text-contrast);
   }
 
   .navds-date__week-wrapper {
@@ -4557,24 +4537,24 @@
   }
 
   .navds-date__modal-body {
-    padding: var(--ax-spacing-4);
+    padding: var(--ax-space-16);
     align-items: flex-end;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     flex-direction: column;
     display: flex;
   }
 
   @media (min-width: 480px) {
     .navds-date {
-      padding: var(--ax-spacing-5) var(--ax-spacing-4);
+      padding: var(--ax-space-20) var(--ax-space-16);
     }
 
     .navds-date__modal-body {
-      padding: var(--ax-spacing-6);
+      padding: var(--ax-space-24);
     }
 
     .navds-date__caption {
-      gap: var(--ax-spacing-2);
+      gap: var(--ax-space-8);
     }
 
     .navds-date .rdp-button, .navds-date__caption-button {
@@ -4707,9 +4687,9 @@
   }
 
   .navds-action-menu__content > .navds-action-menu__content-inner {
-    --__axc-action-menu-content-p: var(--ax-spacing-2);
-    --__axc-action-menu-item-pr: var(--ax-spacing-2);
-    --__axc-action-menu-item-pl: var(--ax-spacing-2);
+    --__axc-action-menu-content-p: var(--ax-space-8);
+    --__axc-action-menu-item-pr: var(--ax-space-8);
+    --__axc-action-menu-item-pl: var(--ax-space-8);
     --__axc-action-menu-item-height: 2rem;
     border-radius: var(--ax-border-radius-large);
     background-color: var(--ax-bg-raised);
@@ -4725,7 +4705,7 @@
 
   .navds-action-menu__item {
     align-items: center;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     min-height: var(--__axc-action-menu-item-height);
     cursor: default;
     border-radius: var(--ax-border-radius-medium);
@@ -4756,15 +4736,15 @@
   }
 
   .navds-action-menu__item--has-icon {
-    --__axc-action-menu-item-pl: var(--ax-spacing-6);
+    --__axc-action-menu-item-pl: var(--ax-space-24);
   }
 
   .navds-action-menu__sub-trigger {
-    --__axc-action-menu-item-pr: var(--ax-spacing-05);
+    --__axc-action-menu-item-pr: var(--ax-space-2);
   }
 
   .navds-action-menu__sub-trigger[data-state="open"] {
-    background-color: var(--ax-bg-neutral-moderate-pressed);
+    background-color: var(--ax-bg-moderate-pressed);
   }
 
   .navds-action-menu__sub-trigger:focus {
@@ -4782,12 +4762,12 @@
 
   .navds-action-menu__marker {
     align-items: center;
-    gap: var(--ax-spacing-1);
+    gap: var(--ax-space-4);
     display: flex;
   }
 
   .navds-action-menu__marker--right {
-    padding-left: var(--ax-spacing-4);
+    padding-left: var(--ax-space-16);
     margin-left: auto;
   }
 
@@ -4805,10 +4785,10 @@
   }
 
   .navds-action-menu__shortcut {
-    background-color: var(--ax-bg-neutral-moderateA);
+    background-color: var(--ax-bg-moderateA);
     color: var(--ax-text-default);
     border-radius: var(--ax-border-radius-small);
-    padding: 0 var(--ax-spacing-1);
+    padding: 0 var(--ax-space-4);
     min-width: 1.125rem;
     height: 1.125rem;
     line-height: 1;
@@ -4834,7 +4814,7 @@
 
   .navds-action-menu__divider {
     height: 1px;
-    margin-block: var(--ax-spacing-2);
+    margin-block: var(--ax-space-8);
     background-color: var(--ax-border-subtleA);
   }
 
@@ -4857,8 +4837,8 @@
 
   .navds-expansioncard {
     --__axc-expansioncard-border-radius: calc(var(--ax-border-radius-xlarge)  - 1px);
-    --__axc-expansioncard-padding-block: var(--ax-spacing-4);
-    --__axc-expansioncard-padding-inline: var(--ax-spacing-5);
+    --__axc-expansioncard-padding-block: var(--ax-space-16);
+    --__axc-expansioncard-padding-inline: var(--ax-space-20);
     border-radius: var(--ax-border-radius-xlarge);
     background-color: var(--ax-bg-raised);
     border: 1px solid var(--ax-border-default);
@@ -4871,12 +4851,12 @@
   }
 
   .navds-expansioncard--small {
-    --__axc-expansioncard-padding-inline: var(--ax-spacing-4);
-    --__axc-expansioncard-padding-block: var(--ax-spacing-3);
+    --__axc-expansioncard-padding-inline: var(--ax-space-16);
+    --__axc-expansioncard-padding-block: var(--ax-space-12);
   }
 
   .navds-expansioncard--small > .navds-expansioncard__header .navds-expansioncard__title--small {
-    margin-top: var(--ax-spacing-05);
+    margin-top: var(--ax-space-2);
   }
 
   .navds-expansioncard--small :is(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
@@ -4889,7 +4869,7 @@
   }
 
   .navds-expansioncard__header {
-    gap: var(--ax-spacing-4);
+    gap: var(--ax-space-16);
     width: 100%;
     padding: var(--__axc-expansioncard-padding-block) var(--__axc-expansioncard-padding-inline);
     border-radius: var(--__axc-expansioncard-border-radius);
@@ -4900,7 +4880,7 @@
   }
 
   .navds-expansioncard__header:hover {
-    background-color: var(--ax-bg-neutral-raised-hover);
+    background-color: var(--ax-bg-hover);
   }
 
   .navds-expansioncard__header[data-open="true"] {
@@ -4928,11 +4908,11 @@
   }
 
   .navds-expansioncard__title--medium {
-    margin-top: var(--ax-spacing-2);
+    margin-top: var(--ax-space-8);
   }
 
   .navds-expansioncard__title--large {
-    margin-top: var(--ax-spacing-1);
+    margin-top: var(--ax-space-4);
   }
 
   .navds-expansioncard__header-button {
@@ -4972,7 +4952,7 @@
   }
 
   .navds-expansioncard__header:hover > .navds-expansioncard__header-button {
-    background-color: var(--ax-bg-neutral-moderate-hoverA);
+    background-color: var(--ax-bg-moderate-hoverA);
   }
 
   .navds-expansioncard__header-chevron {
@@ -5072,22 +5052,22 @@
   }
 
   .navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
-    margin-top: var(--ax-spacing-5);
+    margin-top: var(--ax-space-20);
   }
 
   .navds-guide-panel[data-poster="false"] > .navds-guide-panel__content {
-    margin-left: var(--ax-spacing-5);
+    margin-left: var(--ax-space-20);
   }
 
   @media (min-width: 480px) {
     .navds-guide-panel[data-responsive="true"] > .navds-guide-panel__content {
       margin-top: 0;
-      margin-left: var(--ax-spacing-5);
+      margin-left: var(--ax-space-20);
     }
   }
 
   .navds-guide-panel__content-inner {
-    padding: var(--ax-spacing-3) var(--ax-spacing-4);
+    padding: var(--ax-space-12) var(--ax-space-16);
     border-radius: var(--ax-border-radius-xlarge);
     background-color: var(--ax-bg-raised);
     height: 100%;
@@ -5100,7 +5080,7 @@
 
   @media (min-width: 480px) {
     .navds-guide-panel__content-inner {
-      padding: var(--ax-spacing-4) var(--ax-spacing-5);
+      padding: var(--ax-space-16) var(--ax-space-20);
     }
 
     .navds-guide-panel[data-responsive="true"] .navds-guide-panel__content-inner {
@@ -5115,20 +5095,20 @@
 
   .navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
     left: 50%;
-    top: calc(var(--ax-spacing-4) * -1 - 2px);
+    top: calc(var(--ax-space-16) * -1 - 2px);
     transform: translateX(-48%);
   }
 
   .navds-guide-panel[data-poster="false"] .navds-guide-panel__tail {
     top: calc(var(--__axc-guide-panel-guide-size) / 2);
-    left: calc(var(--ax-spacing-5) * -1 - 2px);
+    left: calc(var(--ax-space-20) * -1 - 2px);
     transform: translateY(-48%)rotateZ(-90deg)scaleX(-1);
   }
 
   @media (min-width: 480px) {
     .navds-guide-panel[data-responsive="true"] .navds-guide-panel__tail {
       top: calc(var(--__axc-guide-panel-guide-size) / 2);
-      left: calc(var(--ax-spacing-5) * -1 - 2px);
+      left: calc(var(--ax-space-20) * -1 - 2px);
       transform: translateY(-48%)rotateZ(-90deg)scaleX(-1);
     }
   }
@@ -5137,7 +5117,7 @@
     cursor: pointer;
     border-radius: var(--ax-border-radius-full);
     color: var(--ax-bg-accent-strong);
-    padding: calc(var(--ax-spacing-1) / 2);
+    padding: calc(var(--ax-space-4) / 2);
     background-color: rgba(0, 0, 0, 0);
     border: 0;
     justify-content: center;
@@ -5153,7 +5133,7 @@
 
   .navds-help-text__popover.navds-popover {
     background-color: var(--ax-bg-info-moderate);
-    max-width: min(65ch, calc(100vw - var(--ax-spacing-6)));
+    max-width: min(65ch, calc(100vw - var(--ax-space-24)));
     border-radius: var(--ax-border-radius-large);
     border: 1px solid var(--ax-border-info);
   }
@@ -5206,7 +5186,7 @@
     font-weight: var(--ax-font-weight-bold);
     text-align: left;
     padding-block: 0;
-    padding-inline: var(--ax-spacing-6) var(--ax-spacing-5);
+    padding-inline: var(--ax-space-24) var(--ax-space-20);
     border: none;
     border-right: 1px solid var(--ax-border-subtleA);
     color: var(--ax-text-default);
@@ -5224,7 +5204,7 @@
   }
 
   .navds-internalheader__title:hover {
-    background: var(--ax-bg-neutral-moderate-hover);
+    background: var(--ax-bg-moderate-hover);
   }
 
   .navds-internalheader__title:is(:hover, :active):not(button, a) {
@@ -5232,20 +5212,20 @@
   }
 
   .navds-internalheader__user {
-    padding: 0 var(--ax-spacing-5);
+    padding: 0 var(--ax-space-20);
     border-left: 1px solid var(--ax-border-subtleA);
     align-items: center;
     display: flex;
   }
 
   .navds-internalheader__button {
-    padding: 0 var(--ax-spacing-3);
+    padding: 0 var(--ax-space-12);
     font: inherit;
     cursor: pointer;
     text-align: left;
     justify-self: center;
     align-items: center;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     border: none;
     border-left: 1px solid var(--ax-border-subtleA);
     color: var(--ax-text-default);
@@ -5257,7 +5237,7 @@
   }
 
   .navds-internalheader__button:hover {
-    background: var(--ax-bg-neutral-moderate-hover);
+    background: var(--ax-bg-moderate-hover);
   }
 
   @media (forced-colors: active) {
@@ -5276,18 +5256,18 @@
   }
 
   :is(.navds-internalheader__title, .navds-internalheader__button):active {
-    background: var(--ax-bg-neutral-moderate-pressed);
+    background: var(--ax-bg-moderate-pressed);
   }
 
   .navds-internalheader__user-button {
-    padding-left: var(--ax-spacing-5);
-    gap: var(--ax-spacing-4);
+    padding-left: var(--ax-space-20);
+    gap: var(--ax-space-16);
   }
 
   .navds-link {
     color: var(--ax-text-accent);
     align-items: center;
-    gap: var(--ax-spacing-05);
+    gap: var(--ax-space-2);
     text-underline-offset: .1em;
     text-decoration: underline;
     text-decoration-thickness: .05em;
@@ -5404,7 +5384,7 @@
   }
 
   .navds-loader__background {
-    stroke: var(--ax-border-neutral-subtleA);
+    stroke: var(--ax-border-subtleA);
     stroke-width: var(--__axc-loader-stroke-width);
   }
 
@@ -5516,7 +5496,7 @@
   }
 
   .navds-modal--small .navds-modal__header, .navds-modal--small .navds-modal__body, .navds-modal--small .navds-modal__footer {
-    padding: var(--ax-spacing-3) var(--ax-spacing-4);
+    padding: var(--ax-space-12) var(--ax-space-16);
   }
 
   @media (min-width: 480px) {
@@ -5552,17 +5532,17 @@
   }
 
   .navds-modal__button {
-    margin-left: var(--ax-spacing-4);
+    margin-left: var(--ax-space-16);
     float: right;
   }
 
   .navds-modal__header {
-    padding: var(--ax-spacing-4) var(--ax-spacing-5);
+    padding: var(--ax-space-16) var(--ax-space-20);
   }
 
   .navds-modal__header-icon svg {
     vertical-align: -.25rem;
-    margin-right: var(--ax-spacing-1);
+    margin-right: var(--ax-space-4);
     display: inline;
   }
 
@@ -5572,7 +5552,7 @@
   }
 
   .navds-modal__body {
-    padding: var(--ax-spacing-4) var(--ax-spacing-5);
+    padding: var(--ax-space-16) var(--ax-space-20);
     overscroll-behavior: contain;
     background: linear-gradient(var(--__axc-modal-bg) 30%, transparent) top, linear-gradient(transparent, var(--__axc-modal-bg) 60%) bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .3), transparent) top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .3), transparent) bottom;
     background-repeat: no-repeat;
@@ -5583,12 +5563,12 @@
   }
 
   .navds-modal__header + .navds-modal__body {
-    padding-top: var(--ax-spacing-0);
+    padding-top: var(--ax-space-0);
   }
 
   .navds-modal__footer {
-    gap: var(--ax-spacing-4);
-    padding: var(--ax-spacing-4) var(--ax-spacing-5);
+    gap: var(--ax-space-16);
+    padding: var(--ax-space-16) var(--ax-space-20);
     flex-flow: row-reverse wrap;
     display: flex;
   }
@@ -5640,7 +5620,7 @@
   }
 
   .navds-pagination__list {
-    gap: var(--ax-spacing-3);
+    gap: var(--ax-space-12);
     margin: 0;
     padding: 0;
     list-style: none;
@@ -5669,8 +5649,8 @@
   }
 
   .navds-pagination__item[data-selected="true"] {
-    background-color: var(--ax-bg-neutral-strong-pressed);
-    color: var(--ax-text-neutral-contrast);
+    background-color: var(--ax-bg-strong-pressed);
+    color: var(--ax-text-contrast);
   }
 
   .navds-pagination--invisible {
@@ -5683,11 +5663,11 @@
     box-shadow: var(--ax-shadow-dialog);
     border: 1px solid var(--ax-border-subtleA);
     border-radius: var(--ax-border-radius-xlarge);
-    max-width: calc(100vw - var(--ax-spacing-6));
+    max-width: calc(100vw - var(--ax-space-24));
   }
 
   .navds-popover__content {
-    padding: var(--ax-spacing-4) var(--ax-spacing-5);
+    padding: var(--ax-space-16) var(--ax-space-20);
   }
 
   .navds-popover--hidden {
@@ -5703,7 +5683,7 @@
     --__axc-tag-text: ;
     --__axc-tag-text-strong: ;
     border-radius: var(--ax-border-radius-medium);
-    padding: var(--ax-spacing-05) var(--ax-spacing-2);
+    padding: var(--ax-space-2) var(--ax-space-8);
     justify-content: center;
     align-items: center;
     min-height: 2rem;
@@ -5712,7 +5692,7 @@
   }
 
   .navds-tag:has(.navds-tag__icon--left) {
-    gap: var(--ax-spacing-05);
+    gap: var(--ax-space-2);
   }
 
   .navds-tag--info, .navds-tag--alt3 {
@@ -5748,38 +5728,38 @@
   }
 
   .navds-tag--neutral {
-    --__axc-tag-border: var(--ax-border-neutral);
-    --__axc-tag-bg: var(--ax-bg-neutral-moderateA);
-    --__axc-tag-bg-strong: var(--ax-bg-neutral-strong);
-    --__axc-tag-text: var(--ax-text-neutral-strong);
-    --__axc-tag-text-strong: var(--ax-text-neutral-contrast);
+    --__axc-tag-border: var(--ax-border-default);
+    --__axc-tag-bg: var(--ax-bg-moderateA);
+    --__axc-tag-bg-strong: var(--ax-bg-strong);
+    --__axc-tag-text: var(--ax-text-default);
+    --__axc-tag-text-strong: var(--ax-text-contrast);
   }
 
-  .navds-tag--meta-purple, .navds-tag--alt1 {
-    --__axc-tag-border: var(--ax-border-meta-purple);
-    --__axc-tag-bg: var(--ax-bg-meta-purple-moderateA);
-    --__axc-tag-bg-strong: var(--ax-bg-meta-purple-strong);
-    --__axc-tag-text: var(--ax-text-meta-purple-strong);
-    --__axc-tag-text-strong: var(--ax-text-meta-purple-contrast);
+  .navds-tag--meta-1, .navds-tag--alt1 {
+    --__axc-tag-border: var(--ax-border-meta-1);
+    --__axc-tag-bg: var(--ax-bg-meta-1-moderateA);
+    --__axc-tag-bg-strong: var(--ax-bg-meta-1-strong);
+    --__axc-tag-text: var(--ax-text-meta-1-strong);
+    --__axc-tag-text-strong: var(--ax-text-meta-1-contrast);
   }
 
-  .navds-tag--meta-lime, .navds-tag--alt2 {
-    --__axc-tag-border: var(--ax-border-meta-lime);
-    --__axc-tag-bg: var(--ax-bg-meta-lime-moderateA);
-    --__axc-tag-bg-strong: var(--ax-bg-meta-lime-strong);
-    --__axc-tag-text: var(--ax-text-meta-lime-strong);
-    --__axc-tag-text-strong: var(--ax-text-meta-lime-contrast);
+  .navds-tag--meta-2, .navds-tag--alt2 {
+    --__axc-tag-border: var(--ax-border-meta-2);
+    --__axc-tag-bg: var(--ax-bg-meta-2-moderateA);
+    --__axc-tag-bg-strong: var(--ax-bg-meta-2-strong);
+    --__axc-tag-text: var(--ax-text-meta-2-strong);
+    --__axc-tag-text-strong: var(--ax-text-meta-2-contrast);
   }
 
   .navds-tag--small {
     min-height: 1.5rem;
-    padding: 0 var(--ax-spacing-1-alt);
+    padding: 0 var(--ax-space-6);
     --__axc-tag-icon-size: 1.25rem;
   }
 
   .navds-tag--xsmall {
     min-height: 1.25rem;
-    padding: 0 var(--ax-spacing-1);
+    padding: 0 var(--ax-space-4);
     --__axc-tag-icon-size: 1rem;
     --__axc-tag-icon-margin: -1px;
   }
@@ -5833,7 +5813,7 @@
   .navds-timeline__axislabels {
     box-sizing: content-box;
     height: 1rem;
-    margin-bottom: var(--ax-spacing-1);
+    margin-bottom: var(--ax-space-4);
     grid-column: 2;
     position: relative;
   }
@@ -5841,9 +5821,9 @@
   .navds-timeline__row-label {
     white-space: nowrap;
     width: auto;
-    margin-right: var(--ax-spacing-4);
+    margin-right: var(--ax-space-16);
     align-items: center;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     grid-column: 1;
     min-height: 1.5rem;
     display: flex;
@@ -5860,8 +5840,8 @@
   }
 
   .navds-timeline__row {
-    background: var(--ax-bg-neutral);
-    margin: var(--ax-spacing-4) 0;
+    background: var(--ax-bg-soft);
+    margin: var(--ax-space-16) 0;
     grid-column: 2;
     display: flex;
   }
@@ -5908,7 +5888,7 @@
   }
 
   .navds-timeline__period--inner {
-    margin: 0 var(--ax-spacing-2);
+    margin: 0 var(--ax-space-8);
     white-space: nowrap;
     text-overflow: clip;
     text-align: left;
@@ -5990,18 +5970,18 @@
   }
 
   .navds-timeline__period--neutral {
-    background: var(--ax-bg-neutral-moderate);
-    border: solid 1px var(--ax-border-neutral);
-    color: var(--ax-text-neutral-icon);
+    background: var(--ax-bg-moderate);
+    border: solid 1px var(--ax-border-default);
+    color: var(--ax-text-icon);
   }
 
   .navds-timeline__period--neutral.navds-timeline__period--clickable:hover {
-    background: var(--ax-bg-neutral-moderate-hover);
+    background: var(--ax-bg-moderate-hover);
   }
 
   .navds-timeline__period--neutral.navds-timeline__period--clickable.navds-timeline__period--selected {
-    background: var(--ax-bg-neutral-strong-pressed);
-    color: var(--ax-text-neutral-contrast);
+    background: var(--ax-bg-strong-pressed);
+    color: var(--ax-text-contrast);
     border: none;
   }
 
@@ -6037,7 +6017,7 @@
     box-shadow: inset 0 0 0 4px var(--ax-bg-danger-strong);
     z-index: 2;
     border-radius: var(--ax-border-radius-full);
-    padding: var(--ax-spacing-2);
+    padding: var(--ax-space-8);
     border: none;
     position: relative;
   }
@@ -6071,7 +6051,7 @@
   }
 
   .navds-timeline__zoom {
-    margin-top: var(--ax-spacing-6);
+    margin-top: var(--ax-space-24);
     float: right;
     list-style-type: none;
     display: flex;
@@ -6100,13 +6080,13 @@
   }
 
   .navds-timeline__zoom-button:not([aria-pressed="true"]):hover {
-    background: var(--ax-bg-neutral-moderate-hoverA);
+    background: var(--ax-bg-moderate-hoverA);
   }
 
   .navds-timeline__zoom-button[aria-pressed="true"] {
-    background: var(--ax-bg-neutral-strong-pressed);
-    border-color: var(--ax-bg-neutral-strong-pressed);
-    color: var(--ax-text-neutral-contrast);
+    background: var(--ax-bg-strong-pressed);
+    border-color: var(--ax-bg-strong-pressed);
+    color: var(--ax-text-contrast);
   }
 
   .navds-timeline__zoom li:focus-within {
@@ -6130,7 +6110,7 @@
     border: 1px solid;
     border-color: var(--ax-border-subtleA);
     border-radius: var(--ax-border-radius-large);
-    padding: var(--ax-spacing-4) var(--ax-spacing-5);
+    padding: var(--ax-space-16) var(--ax-space-20);
   }
 
   @media (forced-colors: active) {
@@ -6163,7 +6143,7 @@
     background-color: var(--ax-bg-raised);
     color: var(--ax-text-default);
     border-radius: var(--ax-border-radius-medium);
-    padding: 0 var(--ax-spacing-1-alt);
+    padding: 0 var(--ax-space-6);
     text-align: center;
     border: 1px solid var(--ax-border-subtleA);
     box-shadow: var(--ax-shadow-dialog);
@@ -6241,17 +6221,17 @@
   }
 
   .navds-tooltip__keys {
-    padding-bottom: var(--ax-spacing-1);
-    gap: var(--ax-spacing-1);
+    padding-bottom: var(--ax-space-4);
+    gap: var(--ax-space-4);
     display: flex;
   }
 
   .navds-tooltip__key {
     font-family: var(--ax-font-family);
     color: var(--ax-text-default);
-    padding: 0 var(--ax-spacing-1);
+    padding: 0 var(--ax-space-4);
     border-radius: var(--ax-border-radius-small);
-    background: var(--ax-bg-neutral-moderateA);
+    background: var(--ax-bg-moderateA);
     justify-content: center;
     align-items: center;
     min-width: 1.125rem;
@@ -6267,7 +6247,7 @@
 
   .navds-toggle-group__wrapper {
     justify-items: start;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     display: grid;
   }
 
@@ -6286,7 +6266,7 @@
   }
 
   .navds-toggle-group__button {
-    padding: var(--ax-spacing-1) var(--ax-spacing-3);
+    padding: var(--ax-space-4) var(--ax-space-12);
     cursor: pointer;
     min-height: 3rem;
     color: var(--ax-text-default);
@@ -6328,7 +6308,7 @@
 
   .navds-toggle-group__button-inner {
     align-items: center;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     display: flex;
   }
 
@@ -6341,16 +6321,16 @@
   }
 
   :where(.navds-toggle-group--neutral) .navds-toggle-group__button:hover {
-    background-color: var(--ax-bg-neutral-moderate-hoverA);
+    background-color: var(--ax-bg-moderate-hoverA);
   }
 
   :where(.navds-toggle-group--neutral) .navds-toggle-group__button[data-selected="true"] {
-    background-color: var(--ax-bg-neutral-strong-pressed);
-    color: var(--ax-text-neutral-contrast);
+    background-color: var(--ax-bg-strong-pressed);
+    color: var(--ax-text-contrast);
   }
 
   .navds-toggle-group--small .navds-toggle-group__button {
-    padding: var(--ax-spacing-05) var(--ax-spacing-3);
+    padding: var(--ax-space-2) var(--ax-space-12);
     min-height: 2rem;
   }
 
@@ -6441,14 +6421,14 @@
   .navds-read-more {
     --__axc-read-more-icon-size: 1.5rem;
     --__axc-read-more-pi-start: 0px;
-    --__axc-read-more-pi-end: var(--ax-spacing-1);
-    --__axc-read-more-pb: var(--ax-spacing-1);
+    --__axc-read-more-pi-end: var(--ax-space-4);
+    --__axc-read-more-pb: var(--ax-space-4);
   }
 
   .navds-read-more__button {
     cursor: pointer;
     align-items: flex-start;
-    gap: var(--ax-spacing-1);
+    gap: var(--ax-space-4);
     color: var(--ax-text-accent);
     padding-inline: var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);
     padding-block: var(--__axc-read-more-pb);
@@ -6473,7 +6453,7 @@
   }
 
   .navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button:hover {
-    background-color: var(--ax-bg-neutral-hoverA);
+    background-color: var(--ax-bg-hoverA);
     color: var(--ax-text-accent-strong);
   }
 
@@ -6488,21 +6468,21 @@
   }
 
   .navds-read-more[data-volume="high"].navds-read-more--large {
-    --__axc-read-more-pi-start: var(--ax-spacing-3);
-    --__axc-read-more-pi-end: var(--ax-spacing-6);
+    --__axc-read-more-pi-start: var(--ax-space-12);
+    --__axc-read-more-pi-end: var(--ax-space-24);
   }
 
   .navds-read-more[data-volume="high"].navds-read-more--small, .navds-read-more[data-volume="high"].navds-read-more--medium {
-    --__axc-read-more-pi-start: var(--ax-spacing-2);
-    --__axc-read-more-pi-end: var(--ax-spacing-4);
+    --__axc-read-more-pi-start: var(--ax-space-8);
+    --__axc-read-more-pi-end: var(--ax-space-16);
   }
 
   .navds-read-more__content {
-    margin-top: var(--ax-spacing-2);
-    border-left: 2px solid var(--ax-border-neutral-subtleA);
+    margin-top: var(--ax-space-8);
+    border-left: 2px solid var(--ax-border-subtleA);
     color: var(--ax-text-default);
     margin-left: calc(var(--__axc-read-more-pi-start)  + var(--__axc-read-more-icon-size) / 2 - 1px);
-    padding-left: calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-spacing-1));
+    padding-left: calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-space-4));
   }
 
   .navds-read-more__content[data-state="closed"] {
@@ -6516,12 +6496,12 @@
   }
 
   .navds-read-more--large {
-    --__axc-read-more-pb: var(--ax-spacing-3);
+    --__axc-read-more-pb: var(--ax-space-12);
   }
 
   .navds-read-more--small {
     --__axc-read-more-icon-size: 1.25rem;
-    --__axc-read-more-pb: var(--ax-spacing-05);
+    --__axc-read-more-pb: var(--ax-space-2);
   }
 
   @media (forced-colors: active) {
@@ -6533,9 +6513,9 @@
   }
 
   .navds-progress-bar {
-    background: var(--ax-bg-neutral-moderateA);
+    background: var(--ax-bg-moderateA);
     border-radius: var(--ax-border-radius-full);
-    box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
+    box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
     position: relative;
     overflow: hidden;
   }
@@ -6638,7 +6618,7 @@
   }
 
   .navds-skeleton {
-    background-color: var(--ax-bg-neutral-moderateA);
+    background-color: var(--ax-bg-moderateA);
     pointer-events: none;
     height: 1.3em;
     animation: 2s cubic-bezier(.4, 0, .6, 1) infinite akselSkeletonAnimation;
@@ -6718,7 +6698,7 @@
     grid-template-rows: [line-1] auto [step-start] var(--__axc-stepper-circle-size) [line-2 step-end] auto;
     grid-template-columns: var(--__axc-stepper-circle-size) auto;
     justify-items: flex-start;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     display: grid;
   }
 
@@ -6732,11 +6712,11 @@
   }
 
   .navds-stepper__item--non-interactive .navds-stepper__line {
-    background-color: var(--ax-border-neutral-strong);
+    background-color: var(--ax-border-strong);
   }
 
   .navds-stepper__item:has( + .navds-stepper__item > .navds-stepper__step[data-interactive="false"]) .navds-stepper__line--2 {
-    background-color: var(--ax-border-neutral-strong);
+    background-color: var(--ax-border-strong);
   }
 
   .navds-stepper__line--1 {
@@ -6755,7 +6735,7 @@
   .navds-stepper__step {
     grid-area: 2 / 1 / -1 / -1;
     grid-template-columns: [circle] var(--__axc-stepper-circle-size) [content] auto;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     cursor: pointer;
     padding: var(--__axc-stepper-border-width);
     margin: calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1) var(--__axc-stepper-circle-size);
@@ -6840,23 +6820,23 @@
   }
 
   .navds-stepper__step[data-interactive="false"] {
-    color: var(--ax-text-neutral);
+    color: var(--ax-text-default);
     cursor: default;
   }
 
   .navds-stepper__step[data-interactive="false"] .navds-stepper__circle {
-    color: var(--ax-text-neutral);
-    border-color: var(--ax-border-neutral-strong);
+    color: var(--ax-text-default);
+    border-color: var(--ax-border-strong);
   }
 
   .navds-stepper__step[data-interactive="false"][data-active="true"] .navds-stepper__content {
-    color: var(--ax-text-neutral-strong);
+    color: var(--ax-text-subtle);
   }
 
   .navds-stepper__step[data-interactive="false"][data-active="true"] .navds-stepper__circle {
-    color: var(--ax-text-neutral-contrast);
-    background-color: var(--ax-bg-neutral-strong-pressed);
-    border-color: var(--ax-bg-neutral-strong-pressed);
+    color: var(--ax-text-contrast);
+    background-color: var(--ax-bg-strong-pressed);
+    border-color: var(--ax-bg-strong-pressed);
   }
 
   .navds-stepper__content {
@@ -6950,7 +6930,7 @@
   }
 
   .navds-table__body .navds-table__row--shade-on-hover:not(.navds-table__expandable-row--expansion-disabled):hover {
-    background-color: var(--ax-bg-neutral-hoverA);
+    background-color: var(--ax-bg-hoverA);
     transition: background-color 70ms cubic-bezier(.2, 0, 0, 1);
   }
 
@@ -6963,11 +6943,11 @@
   }
 
   .navds-table__row--selected {
-    background-color: var(--ax-bg-accent);
+    background-color: var(--ax-bg-accent-soft);
   }
 
   .navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)) {
-    background-color: var(--ax-bg-neutral);
+    background-color: var(--ax-bg-soft);
   }
 
   .navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)) {
@@ -6975,11 +6955,11 @@
   }
 
   .navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n) {
-    background-color: var(--ax-bg-neutral);
+    background-color: var(--ax-bg-soft);
   }
 
   .navds-table__header-cell, .navds-table__data-cell {
-    padding: var(--ax-spacing-3) var(--ax-spacing-2);
+    padding: var(--ax-space-12) var(--ax-space-8);
     border-bottom: 1px solid var(--ax-border-default);
     text-align: left;
     display: table-cell;
@@ -7006,11 +6986,11 @@
   }
 
   .navds-table--large .navds-table__header-cell, .navds-table--large .navds-table__data-cell {
-    padding: var(--ax-spacing-4) var(--ax-spacing-2);
+    padding: var(--ax-space-16) var(--ax-space-8);
   }
 
   .navds-table--small .navds-table__header-cell, .navds-table--small .navds-table__data-cell {
-    padding: var(--ax-spacing-1) var(--ax-spacing-2);
+    padding: var(--ax-space-4) var(--ax-space-8);
   }
 
   .navds-table :not(.navds-checkboxes) > .navds-checkbox .navds-checkbox__input {
@@ -7029,8 +7009,8 @@
     appearance: none;
     color: var(--ax-text-accent);
     cursor: pointer;
-    padding: var(--ax-spacing-4) var(--ax-spacing-3);
-    gap: var(--ax-spacing-2);
+    padding: var(--ax-space-16) var(--ax-space-12);
+    gap: var(--ax-space-8);
     width: 100%;
     line-height: inherit;
     font-weight: inherit;
@@ -7042,11 +7022,11 @@
   }
 
   .navds-table--small .navds-table__sort-button {
-    padding: var(--ax-spacing-2) var(--ax-spacing-3);
+    padding: var(--ax-space-8) var(--ax-space-12);
   }
 
   .navds-table__sort-button:hover {
-    background-color: var(--ax-bg-neutral-hoverA);
+    background-color: var(--ax-bg-hoverA);
   }
 
   .navds-table__sort-button:focus-visible {
@@ -7072,7 +7052,7 @@
     font-size: 1rem;
   }
 
-  .navds-table__expandable-row:not(.navds-table__expandable-row--open) .navds-table__data-cell {
+  .navds-table__expandable-row:not(.navds-table__expandable-row--open) :where(.navds-table__data-cell, .navds-table__header-cell) {
     transition: border-bottom-color .15s cubic-bezier(.95, .05, .8, .04);
   }
 
@@ -7080,14 +7060,10 @@
     cursor: pointer;
   }
 
-  .navds-table__expandable-row--open .navds-table__data-cell {
+  .navds-table__expandable-row--open :where(.navds-table__data-cell, .navds-table__header-cell) {
     border-bottom-color: rgba(0, 0, 0, 0);
   }
 
-  .navds-table__expandable-row--open .navds-table__header-cell {
-    border-color: var(--ax-border-default);
-  }
-
   .navds-table__expandable-row--open .navds-table__toggle-expand-cell--open {
     border-color: rgba(0, 0, 0, 0);
   }
@@ -7098,11 +7074,11 @@
   }
 
   .navds-table--large .navds-table__toggle-expand-cell {
-    padding: 0 var(--ax-spacing-2);
+    padding: 0 var(--ax-space-8);
   }
 
   .navds-table--small .navds-table__toggle-expand-cell {
-    padding: var(--ax-spacing-1) var(--ax-spacing-2);
+    padding: var(--ax-space-4) var(--ax-space-8);
   }
 
   .navds-table__toggle-expand-button {
@@ -7128,7 +7104,7 @@
   }
 
   .navds-table__toggle-expand-button:hover, .navds-table__toggle-expand-cell:hover > .navds-table__toggle-expand-button, .navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button {
-    background-color: var(--ax-bg-neutral-hoverA);
+    background-color: var(--ax-bg-hoverA);
   }
 
   .navds-table__toggle-expand-cell--open > :where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon) {
@@ -7152,15 +7128,15 @@
   }
 
   .navds-table__expanded-row-content {
-    padding: var(--ax-spacing-4) calc(var(--ax-spacing-2)  + 3rem);
+    padding: var(--ax-space-16) calc(var(--ax-space-8)  + 3rem);
   }
 
   .navds-table--small .navds-table__expanded-row-content {
-    padding: var(--ax-spacing-2) calc(var(--ax-spacing-2)  + 3rem);
+    padding: var(--ax-space-8) calc(var(--ax-space-8)  + 3rem);
   }
 
   .navds-tabs__tablist-wrapper {
-    box-shadow: inset 0 -1px var(--ax-border-neutral-subtle);
+    box-shadow: inset 0 -1px var(--ax-border-subtle);
     width: 100%;
     display: flex;
   }
@@ -7180,7 +7156,7 @@
   }
 
   .navds-tabs__scroll-button {
-    padding: var(--ax-spacing-3) var(--ax-spacing-4);
+    padding: var(--ax-space-12) var(--ax-space-16);
     cursor: pointer;
     justify-content: center;
     align-items: center;
@@ -7194,7 +7170,7 @@
   }
 
   .navds-tabs--small .navds-tabs__scroll-button {
-    padding: var(--ax-spacing-1-alt) var(--ax-spacing-4);
+    padding: var(--ax-space-6) var(--ax-space-16);
     width: 2rem;
   }
 
@@ -7204,11 +7180,11 @@
 
   .navds-tabs__tab {
     min-height: 3rem;
-    padding: var(--ax-spacing-3) var(--ax-spacing-4);
+    padding: var(--ax-space-12) var(--ax-space-16);
     color: var(--ax-text-default);
     cursor: pointer;
     --__axc-tabs-line-width: 0;
-    --__axc-tabs-line-color: var(--ax-border-neutral-subtle);
+    --__axc-tabs-line-color: var(--ax-border-subtle);
     box-shadow: inset 0 var(--__axc-tabs-line-width) var(--__axc-tabs-line-color);
     background: none;
     border: none;
@@ -7234,7 +7210,7 @@
 
   .navds-tabs__tab-inner {
     align-items: center;
-    gap: var(--ax-spacing-1);
+    gap: var(--ax-space-4);
     display: flex;
   }
 
@@ -7253,11 +7229,11 @@
 
   .navds-tabs__tab--small {
     min-height: 2rem;
-    padding: var(--ax-spacing-1-alt) var(--ax-spacing-4);
+    padding: var(--ax-space-6) var(--ax-space-16);
   }
 
   .navds-tabs__tab-icon--top, .navds-tabs__tab--small.navds-tabs__tab-icon--top {
-    padding: var(--ax-spacing-1) var(--ax-spacing-4);
+    padding: var(--ax-space-4) var(--ax-space-16);
   }
 
   :is(.navds-tabs__tab, .navds-tabs__tab--small.navds-tabs__tab--icon-only, .navds-tabs__tab--small.navds-tabs__tab-icon--top) svg {
@@ -7284,29 +7260,29 @@
   @media (forced-colors: active) {
     .navds-tabs__tab[data-state="active"] {
       border-bottom: 3px solid canvastext;
-      padding-block-end: calc(var(--ax-spacing-3)  - 3px);
+      padding-block-end: calc(var(--ax-space-12)  - 3px);
     }
 
     .navds-tabs__tab--small[data-state="active"] {
-      padding-block-end: calc(var(--ax-spacing-1-alt)  - 3px);
+      padding-block-end: calc(var(--ax-space-6)  - 3px);
     }
 
     .navds-tabs__tab-icon--top[data-state="active"], .navds-tabs__tab--small.navds-tabs__tab-icon--top[data-state="active"] {
-      padding-block-end: calc(var(--ax-spacing-1)  - 3px);
+      padding-block-end: calc(var(--ax-space-4)  - 3px);
     }
   }
 
   .navds-list ul, .navds-list ol {
-    margin-block: var(--ax-spacing-4);
+    margin-block: var(--ax-space-16);
     padding: 0;
   }
 
   .navds-list--small ul, .navds-list--small ol {
-    margin-block: var(--ax-spacing-3);
+    margin-block: var(--ax-space-12);
   }
 
   .navds-list .navds-list :where(ul, ol) {
-    margin-block: var(--ax-spacing-2) 0;
+    margin-block: var(--ax-space-8) 0;
   }
 
   .navds-list ol {
@@ -7323,7 +7299,7 @@
   }
 
   .navds-list ul > .navds-list__item {
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     grid-template-columns: auto 1fr;
     display: grid;
   }
@@ -7359,7 +7335,7 @@
   }
 
   .navds-list__item {
-    margin-block-end: var(--ax-spacing-2);
+    margin-block-end: var(--ax-space-8);
   }
 
   .navds-list__item:last-child {
@@ -8367,7 +8343,7 @@
   }
 
   .navds-page__content--padding {
-    padding-block-end: var(--ax-spacing-16);
+    padding-block-end: var(--ax-space-64);
   }
 
   .navds-pageblock--text {