@navikt/ds-css 7.9.1 → 7.9.2

package/dist/darkside/components.css

@@ -13,7 +13,7 @@
   }
 
   .navds-heading--xlarge.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-5);
+    margin-bottom: var(--ax-space-20);
   }
 
   .navds-heading--large {
@@ -23,7 +23,7 @@
   }
 
   .navds-heading--large.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-4);
+    margin-bottom: var(--ax-space-16);
   }
 
   @media (max-width: 480px) {
@@ -34,7 +34,7 @@
     }
 
     .navds-heading--xlarge.navds-typo--spacing {
-      margin-bottom: var(--ax-spacing-4);
+      margin-bottom: var(--ax-space-16);
     }
 
     .navds-heading--large {
@@ -44,7 +44,7 @@
     }
 
     .navds-heading--large.navds-typo--spacing {
-      margin-bottom: var(--ax-spacing-3);
+      margin-bottom: var(--ax-space-12);
     }
   }
 
@@ -55,7 +55,7 @@
   }
 
   .navds-heading--medium.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-3);
+    margin-bottom: var(--ax-space-12);
   }
 
   .navds-heading--small {
@@ -65,7 +65,7 @@
   }
 
   .navds-heading--small.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-3);
+    margin-bottom: var(--ax-space-12);
   }
 
   .navds-heading--xsmall {
@@ -75,7 +75,7 @@
   }
 
   .navds-heading--xsmall.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-3);
+    margin-bottom: var(--ax-space-12);
   }
 
   .navds-ingress {
@@ -87,7 +87,7 @@
   }
 
   .navds-ingress.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-10);
+    margin-bottom: var(--ax-space-40);
   }
 
   .navds-body-long {
@@ -99,7 +99,7 @@
   }
 
   .navds-body-long.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-7);
+    margin-bottom: var(--ax-space-28);
   }
 
   .navds-body-long--large {
@@ -109,7 +109,7 @@
   }
 
   .navds-body-long--large.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-10);
+    margin-bottom: var(--ax-space-40);
   }
 
   .navds-body-long--small {
@@ -119,7 +119,7 @@
   }
 
   .navds-body-long--small.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-6);
+    margin-bottom: var(--ax-space-24);
   }
 
   .navds-body-short {
@@ -131,7 +131,7 @@
   }
 
   .navds-body-short.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-3);
+    margin-bottom: var(--ax-space-12);
   }
 
   .navds-body-short--large {
@@ -141,7 +141,7 @@
   }
 
   .navds-body-short--large.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-4);
+    margin-bottom: var(--ax-space-16);
   }
 
   .navds-body-short--small {
@@ -151,7 +151,7 @@
   }
 
   .navds-body-short--small.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-2);
+    margin-bottom: var(--ax-space-8);
   }
 
   .navds-label {
@@ -163,7 +163,7 @@
   }
 
   .navds-label.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-3);
+    margin-bottom: var(--ax-space-12);
   }
 
   .navds-label--small {
@@ -173,7 +173,7 @@
   }
 
   .navds-label--small.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-2);
+    margin-bottom: var(--ax-space-8);
   }
 
   .navds-detail {
@@ -184,7 +184,7 @@
   }
 
   .navds-detail.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-2);
+    margin-bottom: var(--ax-space-8);
   }
 
   .navds-detail.navds-typo--uppercase {
@@ -196,7 +196,7 @@
   }
 
   .navds-detail--small.navds-typo--spacing {
-    margin-bottom: var(--ax-spacing-2);
+    margin-bottom: var(--ax-space-8);
   }
 
   .navds-error-message {
@@ -204,7 +204,7 @@
   }
 
   .navds-error-message.navds-error-message--show-icon {
-    gap: var(--ax-spacing-1);
+    gap: var(--ax-space-4);
     display: flex;
   }
 
@@ -259,12 +259,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;
@@ -283,26 +283,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) {
@@ -357,20 +357,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 {
@@ -382,7 +382,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 {
@@ -405,17 +404,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);
   }
@@ -427,7 +426,6 @@
 
   .navds-button--tertiary:hover {
     background-color: var(--ax-bg-accent-moderate-hoverA);
-    color: var(--ax-text-accent-strong);
   }
 
   .navds-button--tertiary:active {
@@ -446,12 +444,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) {
@@ -533,7 +531,7 @@
   }
 
   .navds-chips {
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     flex-wrap: wrap;
     margin: 0;
     padding: 0;
@@ -553,8 +551,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;
@@ -568,12 +566,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 {
@@ -582,7 +580,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 {
@@ -595,7 +593,7 @@
   }
 
   .navds-chips--small .navds-chips--icon-right {
-    padding-right: var(--ax-spacing-05);
+    padding-right: var(--ax-space-2);
   }
 
   .navds-chips__toggle--action {
@@ -619,27 +617,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 {
@@ -656,12 +654,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 {
@@ -674,11 +672,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) {
@@ -715,7 +713,7 @@
   }
 
   .navds-fieldset > :not(:first-child, :empty) {
-    margin-top: var(--ax-spacing-2);
+    margin-top: var(--ax-space-8);
   }
 
   .navds-fieldset__description {
@@ -750,16 +748,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);
@@ -839,7 +837,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);
@@ -850,7 +848,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;
@@ -879,7 +877,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;
   }
@@ -895,8 +893,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;
@@ -907,12 +905,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;
@@ -946,12 +944,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;
   }
@@ -964,7 +962,7 @@
 
   .navds-form-field {
     justify-items: start;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     display: grid;
   }
 
@@ -991,8 +989,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;
   }
@@ -1005,7 +1003,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;
@@ -1022,21 +1020,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 {
@@ -1044,9 +1042,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;
@@ -1124,10 +1122,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;
   }
@@ -1160,7 +1158,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 {
@@ -1175,7 +1173,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;
@@ -1206,7 +1204,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;
@@ -1297,8 +1295,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;
   }
 
@@ -1368,8 +1366,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;
   }
@@ -1401,7 +1399,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;
@@ -1450,8 +1448,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;
   }
 
@@ -1509,11 +1507,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 {
@@ -1532,7 +1530,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;
@@ -1543,7 +1541,7 @@
   }
 
   .navds-switch--small > .navds-switch__track {
-    top: var(--ax-spacing-1);
+    top: var(--ax-space-4);
   }
 
   .navds-switch__input:checked ~ .navds-switch__track {
@@ -1572,7 +1570,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;
@@ -1639,8 +1637,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 {
@@ -1656,12 +1654,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) {
@@ -1711,7 +1709,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);
@@ -1737,7 +1735,7 @@
   }
 
   .navds-text-field__input::placeholder {
-    color: var(--ax-text-neutral);
+    color: var(--ax-text-subtle);
   }
 
   .navds-text-field__input[size] {
@@ -1745,7 +1743,7 @@
   }
 
   .navds-form-field--small .navds-text-field__input {
-    padding: 0 var(--ax-spacing-2);
+    padding: 0 var(--ax-space-8);
     min-height: 2rem;
   }
 
@@ -1755,8 +1753,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;
   }
 
@@ -1786,7 +1784,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);
@@ -1817,12 +1815,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;
   }
 
@@ -1913,7 +1911,7 @@
   }
 
   .navds-search__input {
-    padding-right: var(--ax-spacing-10);
+    padding-right: var(--ax-space-40);
   }
 
   .navds-search__input:focus-visible {
@@ -1927,28 +1925,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;
@@ -1961,7 +1959,7 @@
   }
 
   .navds-search__button-clear {
-    right: var(--ax-spacing-2);
+    right: var(--ax-space-8);
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
@@ -2015,9 +2013,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);
@@ -2033,9 +2031,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;
   }
 
@@ -2056,11 +2054,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 {
@@ -2069,7 +2067,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 {
@@ -2176,7 +2174,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 {
@@ -2224,7 +2222,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);
@@ -2249,8 +2247,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;
@@ -2268,9 +2266,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;
@@ -2282,7 +2280,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;
@@ -2326,8 +2324,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;
@@ -2362,7 +2360,7 @@
     }
 
     .navds-combobox__selected-options {
-      gap: var(--ax-spacing-1);
+      gap: var(--ax-space-4);
     }
   }
 
@@ -2432,29 +2430,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;
   }
@@ -2464,24 +2462,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 {
@@ -2490,22 +2488,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);
@@ -2516,7 +2514,7 @@
   }
 
   .navds-form-progress__bar {
-    margin-bottom: var(--ax-spacing-2);
+    margin-bottom: var(--ax-space-8);
   }
 
   .navds-form-progress__button:focus-visible {
@@ -2563,17 +2561,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);
@@ -2598,7 +2596,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 {
@@ -2679,7 +2676,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);
@@ -2708,13 +2705,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) {
@@ -2726,9 +2723,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;
   }
@@ -2743,8 +2740,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;
@@ -2770,8 +2767,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 {
@@ -2834,7 +2831,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 {
@@ -2842,12 +2839,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;
   }
@@ -2890,7 +2887,7 @@
   }
 
   .navds-chat__bubble-wrapper {
-    gap: var(--ax-spacing-3);
+    gap: var(--ax-space-12);
     flex-direction: column;
     margin: 0;
     padding: 0;
@@ -2899,9 +2896,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);
@@ -2911,7 +2908,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 {
@@ -2919,12 +2916,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;
@@ -2948,7 +2945,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);
@@ -2962,15 +2959,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 {
@@ -3001,17 +2998,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 {
@@ -3019,21 +3016,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 {
@@ -3041,7 +3038,7 @@
   }
 
   .navds-copybutton--xsmall > .navds-copybutton__content {
-    gap: var(--ax-spacing-1);
+    gap: var(--ax-space-4);
   }
 
   .navds-copybutton__icon {
@@ -3118,17 +3115,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 {
@@ -3138,7 +3135,7 @@
   }
 
   .navds-date .rdp-month, .navds-date.rdp-month {
-    gap: var(--ax-spacing-5);
+    gap: var(--ax-space-20);
     display: grid;
   }
 
@@ -3187,7 +3184,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;
   }
@@ -3230,8 +3227,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;
   }
 
@@ -3276,18 +3273,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;
@@ -3306,7 +3303,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 {
@@ -3331,7 +3328,7 @@
 
   .navds-date__week-row {
     align-items: center;
-    gap: var(--ax-spacing-05);
+    gap: var(--ax-space-2);
     display: flex;
   }
 
@@ -3345,7 +3342,7 @@
   }
 
   .navds-date__weeknumber:active .navds-date__weeknumber-number {
-    color: var(--ax-text-neutral-contrast);
+    color: var(--ax-text-contrast);
   }
 
   .navds-date__week-wrapper {
@@ -3357,24 +3354,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 {
@@ -3507,9 +3504,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);
@@ -3525,7 +3522,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);
@@ -3556,15 +3553,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 {
@@ -3582,12 +3579,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;
   }
 
@@ -3605,10 +3602,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;
@@ -3634,7 +3631,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);
   }
 
@@ -3657,8 +3654,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);
@@ -3671,12 +3668,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) {
@@ -3689,7 +3686,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);
@@ -3700,7 +3697,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"] {
@@ -3728,11 +3725,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 {
@@ -3772,7 +3769,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 {
@@ -3872,22 +3869,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%;
@@ -3900,7 +3897,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 {
@@ -3915,20 +3912,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);
     }
   }
@@ -3937,7 +3934,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;
@@ -3953,7 +3950,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);
   }
@@ -4006,7 +4003,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);
@@ -4024,7 +4021,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) {
@@ -4032,20 +4029,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);
@@ -4057,7 +4054,7 @@
   }
 
   .navds-internalheader__button:hover {
-    background: var(--ax-bg-neutral-moderate-hover);
+    background: var(--ax-bg-moderate-hover);
   }
 
   @media (forced-colors: active) {
@@ -4076,18 +4073,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;
@@ -4204,7 +4201,7 @@
   }
 
   .navds-loader__background {
-    stroke: var(--ax-border-neutral-subtleA);
+    stroke: var(--ax-border-subtleA);
     stroke-width: var(--__axc-loader-stroke-width);
   }
 
@@ -4316,7 +4313,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) {
@@ -4352,17 +4349,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;
   }
 
@@ -4372,7 +4369,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;
@@ -4383,12 +4380,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;
   }
@@ -4440,7 +4437,7 @@
   }
 
   .navds-pagination__list {
-    gap: var(--ax-spacing-3);
+    gap: var(--ax-space-12);
     margin: 0;
     padding: 0;
     list-style: none;
@@ -4469,8 +4466,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 {
@@ -4483,11 +4480,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 {
@@ -4503,7 +4500,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;
@@ -4512,7 +4509,7 @@
   }
 
   .navds-tag:has(.navds-tag__icon--left) {
-    gap: var(--ax-spacing-05);
+    gap: var(--ax-space-2);
   }
 
   .navds-tag--info, .navds-tag--alt3 {
@@ -4548,38 +4545,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;
   }
@@ -4633,7 +4630,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;
   }
@@ -4641,9 +4638,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;
@@ -4660,8 +4657,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;
   }
@@ -4708,7 +4705,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;
@@ -4790,18 +4787,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;
   }
 
@@ -4837,7 +4834,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;
   }
@@ -4871,7 +4868,7 @@
   }
 
   .navds-timeline__zoom {
-    margin-top: var(--ax-spacing-6);
+    margin-top: var(--ax-space-24);
     float: right;
     list-style-type: none;
     display: flex;
@@ -4900,13 +4897,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 {
@@ -4930,7 +4927,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) {
@@ -4963,7 +4960,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);
@@ -5041,17 +5038,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;
@@ -5067,7 +5064,7 @@
 
   .navds-toggle-group__wrapper {
     justify-items: start;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     display: grid;
   }
 
@@ -5086,7 +5083,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);
@@ -5128,7 +5125,7 @@
 
   .navds-toggle-group__button-inner {
     align-items: center;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     display: flex;
   }
 
@@ -5141,16 +5138,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;
   }
 
@@ -5241,14 +5238,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);
@@ -5273,7 +5270,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);
   }
 
@@ -5288,21 +5285,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"] {
@@ -5316,12 +5313,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) {
@@ -5333,9 +5330,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;
   }
@@ -5438,7 +5435,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;
@@ -5518,7 +5515,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;
   }
 
@@ -5532,11 +5529,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 {
@@ -5555,7 +5552,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);
@@ -5640,23 +5637,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 {
@@ -5750,7 +5747,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);
   }
 
@@ -5763,11 +5760,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)) {
@@ -5775,11 +5772,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;
@@ -5806,11 +5803,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 {
@@ -5829,8 +5826,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;
@@ -5842,11 +5839,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 {
@@ -5872,7 +5869,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);
   }
 
@@ -5880,14 +5877,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);
   }
@@ -5898,11 +5891,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 {
@@ -5928,7 +5921,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) {
@@ -5952,15 +5945,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;
   }
@@ -5980,7 +5973,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;
@@ -5994,7 +5987,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;
   }
 
@@ -6004,11 +5997,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;
@@ -6034,7 +6027,7 @@
 
   .navds-tabs__tab-inner {
     align-items: center;
-    gap: var(--ax-spacing-1);
+    gap: var(--ax-space-4);
     display: flex;
   }
 
@@ -6053,11 +6046,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 {
@@ -6084,29 +6077,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 {
@@ -6123,7 +6116,7 @@
   }
 
   .navds-list ul > .navds-list__item {
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     grid-template-columns: auto 1fr;
     display: grid;
   }
@@ -6159,7 +6152,7 @@
   }
 
   .navds-list__item {
-    margin-block-end: var(--ax-spacing-2);
+    margin-block-end: var(--ax-space-8);
   }
 
   .navds-list__item:last-child {
@@ -7167,7 +7160,7 @@
   }
 
   .navds-page__content--padding {
-    padding-block-end: var(--ax-spacing-16);
+    padding-block-end: var(--ax-space-64);
   }
 
   .navds-pageblock--text {