@navikt/ds-css 7.10.0 → 7.12.0

package/dist/darkside/components.css

@@ -10,6 +10,7 @@
     font-size: var(--ax-font-size-heading-2xlarge);
     letter-spacing: -.01em;
     line-height: var(--ax-font-line-height-heading-2xlarge);
+    font-weight: 650;
   }
 
   .navds-heading--xlarge.navds-typo--spacing {
@@ -20,6 +21,7 @@
     font-size: var(--ax-font-size-heading-xlarge);
     letter-spacing: -.008em;
     line-height: var(--ax-font-line-height-heading-xlarge);
+    font-weight: 650;
   }
 
   .navds-heading--large.navds-typo--spacing {
@@ -52,6 +54,7 @@
     font-size: var(--ax-font-size-heading-medium);
     letter-spacing: -.002em;
     line-height: var(--ax-font-line-height-heading-medium);
+    font-weight: 650;
   }
 
   .navds-heading--medium.navds-typo--spacing {
@@ -200,7 +203,7 @@
   }
 
   .navds-error-message {
-    color: var(--ax-text-danger);
+    color: var(--ax-text-danger-subtle);
   }
 
   .navds-error-message.navds-error-message--show-icon {
@@ -251,7 +254,7 @@
   }
 
   .navds-typo--color-subtle {
-    color: var(--ax-text-subtle);
+    color: var(--ax-text-neutral-subtle);
   }
 
   .navds-button {
@@ -260,7 +263,7 @@
     --__axc-button-border-color: transparent;
     --__axc-button-border-width: 2px;
     padding: var(--ax-space-12) var(--ax-space-20);
-    border-radius: var(--ax-border-radius-medium);
+    border-radius: var(--ax-border-radius-large);
     cursor: pointer;
     justify-content: center;
     align-items: center;
@@ -308,7 +311,7 @@
 
   @supports not selector(:focus-visible) {
     .navds-button:focus {
-      outline: 2px solid var(--ax-border-focus);
+      outline: 3px solid var(--ax-border-focus);
     }
   }
 
@@ -358,25 +361,25 @@
   }
 
   .navds-button--primary-neutral {
-    background-color: var(--ax-bg-strong);
-    color: var(--ax-text-contrast);
+    background-color: var(--ax-bg-neutral-strong);
+    color: var(--ax-text-neutral-contrast);
   }
 
   .navds-button--primary-neutral:hover {
-    background-color: var(--ax-bg-strong-hover);
+    background-color: var(--ax-bg-neutral-strong-hover);
   }
 
   .navds-button--primary-neutral:active {
-    background-color: var(--ax-bg-strong-pressed);
+    background-color: var(--ax-bg-neutral-strong-pressed);
   }
 
   .navds-button--primary-neutral:is(:disabled, .navds-button--disabled) {
-    background-color: var(--ax-bg-strong);
+    background-color: var(--ax-bg-neutral-strong);
   }
 
   .navds-button--secondary {
     --__axc-button-border-color: var(--ax-border-accent);
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
     background-color: rgba(0, 0, 0, 0);
   }
 
@@ -386,42 +389,38 @@
   }
 
   .navds-button--secondary:active {
-    --__axc-button-border-color: transparent;
-    background-color: var(--ax-bg-accent-strong-pressed);
-    color: var(--ax-text-accent-contrast);
+    background-color: var(--ax-bg-accent-moderate-pressedA);
   }
 
   .navds-button--secondary:is(:disabled, .navds-button--disabled) {
     --__axc-button-border-color: var(--ax-border-accent);
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
     background-color: rgba(0, 0, 0, 0);
   }
 
   .navds-button--secondary-neutral {
-    --__axc-button-border-color: var(--ax-border-strong);
-    color: var(--ax-text-default);
+    --__axc-button-border-color: var(--ax-border-neutral);
+    color: var(--ax-text-neutral);
     background-color: rgba(0, 0, 0, 0);
   }
 
   .navds-button--secondary-neutral:hover {
-    --__axc-button-border-color: var(--ax-border-strong);
-    background-color: var(--ax-bg-moderate-hoverA);
+    --__axc-button-border-color: var(--ax-border-neutral-strong);
+    background-color: var(--ax-bg-neutral-moderate-hoverA);
   }
 
   .navds-button--secondary-neutral:active {
-    --__axc-button-border-color: transparent;
-    color: var(--ax-text-contrast);
-    background-color: var(--ax-bg-strong-pressed);
+    background-color: var(--ax-bg-neutral-moderate-pressedA);
   }
 
   .navds-button--secondary-neutral:is(:disabled, .navds-button--disabled) {
-    --__axc-button-border-color: var(--ax-border-strong);
-    color: var(--ax-text-default);
+    --__axc-button-border-color: var(--ax-border-neutral);
+    color: var(--ax-text-neutral);
     background-color: rgba(0, 0, 0, 0);
   }
 
   .navds-button--tertiary {
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
     background-color: rgba(0, 0, 0, 0);
   }
 
@@ -430,31 +429,29 @@
   }
 
   .navds-button--tertiary:active {
-    background-color: var(--ax-bg-accent-strong-pressed);
-    color: var(--ax-text-accent-contrast);
+    background-color: var(--ax-bg-accent-moderate-pressedA);
   }
 
   .navds-button--tertiary:is(:disabled, .navds-button--disabled) {
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
     background-color: rgba(0, 0, 0, 0);
   }
 
   .navds-button--tertiary-neutral {
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     background-color: rgba(0, 0, 0, 0);
   }
 
   .navds-button--tertiary-neutral:hover {
-    background-color: var(--ax-bg-moderate-hoverA);
+    background-color: var(--ax-bg-neutral-moderate-hoverA);
   }
 
   .navds-button--tertiary-neutral:active {
-    background-color: var(--ax-bg-strong-pressed);
-    color: var(--ax-text-contrast);
+    background-color: var(--ax-bg-neutral-moderate-pressedA);
   }
 
   .navds-button--tertiary-neutral:is(:disabled, .navds-button--disabled) {
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     background-color: rgba(0, 0, 0, 0);
   }
 
@@ -562,12 +559,12 @@
   }
 
   .navds-chips__chip:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
   }
 
   .navds-chips--readonly .navds-chips__chip {
-    background-color: var(--ax-bg-moderateA);
+    background-color: var(--ax-bg-neutral-moderateA);
   }
 
   .navds-chips--small .navds-chips__chip {
@@ -600,7 +597,7 @@
   .navds-chips__toggle--action {
     box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
     background-color: var(--ax-bg-accent-moderate);
-    color: var(--ax-text-accent-strong);
+    color: var(--ax-text-accent);
   }
 
   .navds-chips__toggle--action:hover {
@@ -618,23 +615,23 @@
   }
 
   .navds-chips__toggle--neutral {
-    box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
-    background-color: var(--ax-bg-moderate);
-    color: var(--ax-text-default);
+    box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
+    background-color: var(--ax-bg-neutral-moderate);
+    color: var(--ax-text-neutral);
   }
 
   .navds-chips__toggle--neutral:hover {
-    background-color: var(--ax-bg-moderate-hover);
+    background-color: var(--ax-bg-neutral-moderate-hover);
   }
 
   .navds-chips__toggle--neutral[data-pressed="true"] {
     box-shadow: none;
-    background-color: var(--ax-bg-strong-pressed);
-    color: var(--ax-text-contrast);
+    background-color: var(--ax-bg-neutral-strong-pressed);
+    color: var(--ax-text-neutral-contrast);
   }
 
   .navds-chips__toggle--neutral[data-pressed="true"]:hover {
-    background-color: var(--ax-bg-strong-hover);
+    background-color: var(--ax-bg-neutral-strong-hover);
   }
 
   .navds-chips--medium .navds-chips__toggle--with-checkmark {
@@ -655,12 +652,12 @@
   }
 
   .navds-chips__removable--neutral {
-    background: var(--ax-bg-strong-pressed);
-    color: var(--ax-text-contrast);
+    background: var(--ax-bg-neutral-strong-pressed);
+    color: var(--ax-text-neutral-contrast);
   }
 
   .navds-chips__removable--neutral:hover {
-    background: var(--ax-bg-strong-hover);
+    background: var(--ax-bg-neutral-strong-hover);
   }
 
   .navds-chips__removable-icon {
@@ -718,7 +715,7 @@
   }
 
   .navds-fieldset__description {
-    color: var(--ax-text-subtle);
+    color: var(--ax-text-neutral-subtle);
   }
 
   .navds-fieldset > .navds-fieldset__description:not(:empty) {
@@ -759,10 +756,10 @@
     text-align: center;
     width: 100%;
     padding: var(--ax-space-16) var(--ax-space-20);
-    border: 1px dashed var(--ax-border-default);
+    border: 1px dashed var(--ax-border-neutral);
     border-radius: var(--ax-border-radius-xlarge);
     background-color: var(--__axc-dropzone-background);
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     transition: background-color var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
     cursor: pointer;
     flex-direction: column;
@@ -775,18 +772,19 @@
   }
 
   .navds-dropzone__area:hover:not([data-disabled="true"]) > .navds-dropzone__area-button {
-    color: var(--ax-text-accent-strong);
     background-color: var(--ax-bg-accent-moderate-hover);
     box-shadow: inset 0 0 0 2px var(--ax-bg-accent-strong-hover);
   }
 
-  .navds-dropzone__area:active .navds-dropzone__area-button {
+  .navds-dropzone__area:active:not([data-disabled="true"]) > .navds-dropzone__area-button {
     background-color: var(--ax-bg-accent-strong-pressed);
     color: var(--ax-text-accent-contrast);
     box-shadow: none;
   }
 
   .navds-dropzone__area[data-disabled="true"] {
+    --__axc-dropzone-background: var(--ax-bg-neutral-soft);
+    border-color: var(--ax-border-neutral-subtleA);
     cursor: default;
   }
 
@@ -795,7 +793,7 @@
   }
 
   .navds-dropzone--dragging > .navds-dropzone__area:after {
-    color: var(--ax-text-accent-strong);
+    color: var(--ax-text-accent);
     background-color: var(--ax-bg-accent-moderateA);
     content: "";
     border: 1px dashed var(--ax-border-accent-strong);
@@ -849,7 +847,7 @@
   .navds-dropzone__area-release__icon {
     padding: var(--__axc-dropzone-icon-padding);
     border-radius: var(--ax-border-radius-full);
-    background-color: var(--ax-bg-moderateA);
+    background-color: var(--ax-bg-neutral-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;
@@ -870,13 +868,13 @@
   }
 
   .navds-dropzone--dragging .navds-dropzone__area-release {
-    color: var(--ax-text-accent-strong);
+    color: var(--ax-text-accent-subtle);
     top: 50%;
     transform: translateY(-50%);
   }
 
   .navds-dropzone__area-disabled {
-    color: var(--ax-text-subtle);
+    color: var(--ax-text-neutral-subtle);
     align-items: center;
     gap: var(--ax-space-8);
     flex-direction: column;
@@ -891,7 +889,7 @@
 
   .navds-file-item__inner {
     background-color: var(--ax-bg-raised);
-    border: 1px solid var(--ax-border-subtleA);
+    border: 1px solid var(--ax-border-neutral-subtleA);
     outline-offset: -1px;
     border-radius: var(--ax-border-radius-xlarge);
     padding: var(--ax-space-12) var(--ax-space-16);
@@ -906,8 +904,8 @@
   }
 
   .navds-file-item__icon {
-    background-color: var(--ax-bg-moderateA);
-    color: var(--ax-text-default);
+    background-color: var(--ax-bg-neutral-moderateA);
+    color: var(--ax-text-neutral);
     border-radius: var(--ax-border-radius-full);
     min-width: 2.5rem;
     min-height: 2.5rem;
@@ -935,7 +933,6 @@
   }
 
   .navds-file-item__error {
-    color: var(--ax-text-danger);
     grid-template-rows: 0fr;
     transition-property: grid-template-rows, padding-top;
     transition-duration: .25s;
@@ -944,23 +941,11 @@
     overflow: hidden;
   }
 
-  .navds-file-item__error .navds-file-item__error {
+  .navds-file-item--error .navds-file-item__error {
     padding-top: var(--ax-space-4);
     grid-template-rows: 1fr;
   }
 
-  .navds-file-item__error-content {
-    gap: var(--ax-space-4);
-    min-height: 0;
-    display: flex;
-  }
-
-  .navds-file-item__error-content > svg {
-    flex-shrink: 0;
-    height: 1rem;
-    margin-top: .1rem;
-  }
-
   .navds-form-field {
     justify-items: start;
     gap: var(--ax-space-8);
@@ -968,7 +953,7 @@
   }
 
   .navds-form-field__description {
-    color: var(--ax-text-subtle);
+    color: var(--ax-text-neutral-subtle);
     margin-top: -.375rem;
   }
 
@@ -982,7 +967,7 @@
   }
 
   .navds-form-field__subdescription {
-    color: var(--ax-text-subtle);
+    color: var(--ax-text-neutral-subtle);
   }
 
   .navds-form-field--readonly > :where(.navds-form-field__label) {
@@ -1007,16 +992,16 @@
     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;
+    outline-offset: 3px;
   }
 
   .navds-error-summary:focus-visible, .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
-    outline: 2px solid var(--ax-border-focus);
+    outline: 3px solid var(--ax-border-focus);
   }
 
   @supports not selector(:focus-visible) {
     .navds-error-summary:focus {
-      outline: 2px solid var(--ax-border-focus);
+      outline: 3px solid var(--ax-border-focus);
     }
   }
 
@@ -1126,8 +1111,8 @@
     padding: var(--ax-space-12) 0;
     cursor: pointer;
     gap: var(--ax-space-8);
-    --__axc-radio-checkbox-readonly-bg: var(--ax-bg-moderate);
-    --__axc-radio-checkbox-readonly-border: var(--ax-border-subtle);
+    --__axc-radio-checkbox-readonly-bg: var(--ax-bg-neutral-moderate);
+    --__axc-radio-checkbox-readonly-border: var(--ax-border-neutral-subtle);
     display: flex;
   }
 
@@ -1135,7 +1120,7 @@
     content: "";
     border-radius: var(--ax-border-radius-medium);
     background-color: var(--ax-bg-input);
-    border: 2px solid var(--ax-border-default);
+    border: 2px solid var(--ax-border-neutral);
     flex-shrink: 0;
     width: 1.5rem;
     height: 1.5rem;
@@ -1167,25 +1152,40 @@
     height: 1.25rem;
   }
 
-  .navds-checkbox__input:focus + .navds-checkbox__label:before, .navds-radio__input:focus + .navds-radio__label:before {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+  .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio__input:focus + .navds-radio__label:after {
+    content: "";
+    width: 100%;
+    height: calc(100% - var(--ax-space-24));
+    border-radius: var(--ax-border-radius-medium);
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
+    pointer-events: none;
+    position: absolute;
   }
 
-  .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
-    content: "";
-    transform: translate(var(--ax-space-6), -50%);
+  .navds-checkbox--small > .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio--small > .navds-radio__input:focus + .navds-radio__label:after {
+    height: calc(100% - var(--ax-space-12));
+  }
+
+  .navds-checkbox__icon-indeterminate {
+    display: none;
+  }
+
+  .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
     background-color: var(--ax-bg-default);
-    border-radius: 1px;
-    flex-shrink: 0;
     width: .75rem;
     height: .25rem;
+    transform: translate(var(--ax-space-6), -50%);
+    pointer-events: none;
+    border-radius: 1px;
+    display: block;
     position: absolute;
     top: 50%;
   }
 
-  .navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
-    transform: translate(.25rem, -50%);
+  .navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
+    transform: translate(var(--ax-space-4), -50%);
+    height: .1875rem;
   }
 
   .navds-checkbox__input:where(:checked, :indeterminate) + .navds-checkbox__label:before {
@@ -1234,8 +1234,8 @@
     border-width: 6px;
   }
 
-  .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled) + .navds-radio__label {
-    color: var(--ax-text-accent);
+  .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label {
+    color: var(--ax-text-accent-subtle);
   }
 
   .navds-checkbox__input:hover:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label:before {
@@ -1277,7 +1277,7 @@
   }
 
   .navds-checkbox--readonly > .navds-checkbox__input:hover + .navds-checkbox__label, .navds-radio--readonly > .navds-radio__input:hover + .navds-radio__label {
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
   }
 
   .navds-checkbox--readonly > .navds-checkbox__input:not(:disabled) + .navds-checkbox__label:before, .navds-checkbox--readonly > .navds-checkbox__input:hover .navds-checkbox__label:before, .navds-radio--readonly > .navds-radio__input:not(:disabled, :checked) + .navds-radio__label:before, .navds-radio--readonly > .navds-radio__input:hover:not(:checked, :focus) + .navds-radio__label:before {
@@ -1291,17 +1291,17 @@
   }
 
   .navds-checkbox--readonly > .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
-    color: var(--ax-text-subtle);
+    color: var(--ax-text-neutral-subtle);
   }
 
   .navds-radio--readonly > .navds-radio__input:checked + .navds-radio__label:before {
-    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);
+    background-color: var(--ax-bg-neutral-strong);
+    box-shadow: inset 0 0 0 2px var(--ax-border-neutral-subtle), inset 0 0 0 8px var(--ax-bg-neutral-moderate);
     border-width: 0;
   }
 
-  .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
-    background-color: var(--ax-text-subtle);
+  .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
+    background-color: var(--ax-text-neutral-subtle);
   }
 
   @media (forced-colors: active) {
@@ -1321,7 +1321,7 @@
       color: var(--__axc-radio-checkbox-high-contrast-text);
     }
 
-    .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
+    .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
       background-color: var(--__axc-radio-checkbox-high-contrast-text);
     }
 
@@ -1338,7 +1338,7 @@
       background-color: var(--__axc-radio-checkbox-high-contrast-bg);
     }
 
-    .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
+    .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
       background-color: var(--__axc-radio-checkbox-high-contrast-text);
     }
 
@@ -1360,9 +1360,9 @@
   .navds-select__input {
     appearance: none;
     background-color: var(--ax-bg-input);
-    border-radius: var(--ax-border-radius-medium);
-    border: 1px solid var(--ax-border-default);
-    color: var(--ax-text-default);
+    border-radius: var(--ax-border-radius-large);
+    border: 1px solid var(--ax-border-neutral);
+    color: var(--ax-text-neutral);
     box-sizing: border-box;
     width: 100%;
     min-height: 3rem;
@@ -1378,8 +1378,8 @@
   }
 
   .navds-select__input:focus {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
     border-color: var(--ax-border-accent-strong);
   }
 
@@ -1393,7 +1393,7 @@
 
   .navds-select__container {
     width: 100%;
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     display: flex;
     position: relative;
   }
@@ -1401,7 +1401,7 @@
   .navds-select__chevron {
     right: var(--ax-space-8);
     pointer-events: none;
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     align-self: center;
     font-size: 1.5rem;
     position: absolute;
@@ -1425,15 +1425,15 @@
 
   .navds-select__input:disabled {
     background-color: var(--ax-bg-input);
-    border: 1px solid var(--ax-border-default);
+    border: 1px solid var(--ax-border-neutral);
     box-shadow: none;
     cursor: not-allowed;
     opacity: 1;
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
   }
 
   .navds-select__input:disabled > option {
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
   }
 
   @media (forced-colors: active) {
@@ -1443,8 +1443,8 @@
   }
 
   .navds-select--readonly .navds-select__input {
-    background-color: var(--ax-bg-moderate);
-    border-color: var(--ax-border-subtleA);
+    background-color: var(--ax-bg-neutral-moderate);
+    border-color: var(--ax-border-neutral-subtleA);
     cursor: default;
   }
 
@@ -1457,7 +1457,7 @@
   }
 
   .navds-select--readonly .navds-select__chevron {
-    color: var(--ax-text-subtle);
+    color: var(--ax-text-neutral-subtle);
   }
 
   .navds-switch {
@@ -1487,34 +1487,48 @@
 
   .navds-switch__label-wrapper {
     cursor: pointer;
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
   }
 
   .navds-switch__content {
+    --__axc-switch-block-padding: .75rem;
+    gap: var(--ax-space-2);
+    padding: var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) 3.25rem;
     flex-direction: column;
-    gap: .125rem;
-    padding: .75rem 0 .75rem 3.25rem;
     display: flex;
+    position: relative;
   }
 
   .navds-switch--right .navds-switch__content {
-    padding: .75rem 3.25rem .75rem 0;
+    padding: var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0;
   }
 
   .navds-switch--small .navds-switch__content {
-    padding: calc(var(--ax-space-8)  - var(--ax-space-2)) 0 calc(var(--ax-space-8)  - var(--ax-space-2)) 3.25rem;
+    --__axc-switch-block-padding: .375rem;
   }
 
-  .navds-switch--right.navds-switch--small .navds-switch__content {
-    padding: calc(var(--ax-space-8)  - var(--ax-space-2)) 3.25rem calc(var(--ax-space-8)  - var(--ax-space-2)) 0;
+  .navds-switch__content.navds-switch--with-description {
+    padding-bottom: 0;
   }
 
-  .navds-switch--with-description {
-    padding-bottom: 0;
+  .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after {
+    content: "";
+    width: 100%;
+    height: calc(100% - var(--__axc-switch-block-padding) * 2);
+    border-radius: var(--ax-border-radius-medium);
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
+    pointer-events: none;
+    position: absolute;
+    left: 0;
+  }
+
+  .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content.navds-switch--with-description:after {
+    height: calc(100% - var(--__axc-switch-block-padding) * 1);
   }
 
   .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
   }
 
   .navds-switch__input:disabled:hover ~ .navds-switch__label-wrapper {
@@ -1527,7 +1541,7 @@
     height: 1.5rem;
     top: var(--ax-space-12);
     border-radius: var(--ax-border-radius-full);
-    border: 2px solid var(--ax-border-default);
+    border: 2px solid var(--ax-border-neutral);
     transition-property: background-color, border-color;
     transition-duration: .1s;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
@@ -1551,7 +1565,7 @@
 
   .navds-switch__input:disabled ~ .navds-switch__track {
     background-color: var(--ax-bg-input);
-    border-color: var(--ax-border-default);
+    border-color: var(--ax-border-neutral);
   }
 
   .navds-switch__input:checked:disabled ~ .navds-switch__track {
@@ -1559,13 +1573,13 @@
     border-color: var(--ax-bg-accent-strong-pressed);
   }
 
-  .navds-switch__input:focus-visible ~ .navds-switch__track {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+  .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
   }
 
   .navds-switch__thumb {
-    background-color: var(--ax-bg-strong);
+    background-color: var(--ax-bg-neutral-strong);
     border-radius: var(--ax-border-radius-full);
     justify-content: center;
     align-items: center;
@@ -1581,7 +1595,7 @@
 
   .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
     background-color: var(--ax-bg-raised);
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
     width: 1.25rem;
     height: 1.25rem;
     top: 0;
@@ -1632,8 +1646,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-moderate);
-    border-color: var(--ax-border-subtleA);
+    background-color: var(--ax-bg-neutral-moderate);
+    border-color: var(--ax-border-neutral-subtleA);
   }
 
   .navds-switch--readonly > .navds-switch__label-wrapper, .navds-switch--readonly > .navds-switch__input {
@@ -1641,7 +1655,7 @@
   }
 
   .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch--readonly .navds-switch__label-wrapper:hover {
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
   }
 
   .navds-switch--readonly .navds-switch__label {
@@ -1649,12 +1663,12 @@
   }
 
   .navds-switch--readonly .navds-switch__thumb {
-    background-color: var(--ax-bg-strong);
+    background-color: var(--ax-bg-neutral-strong);
   }
 
   .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
-    background-color: var(--ax-bg-strong);
-    color: var(--ax-text-contrast);
+    background-color: var(--ax-bg-neutral-strong);
+    color: var(--ax-text-neutral-contrast);
   }
 
   @media (hover: hover) and (pointer: fine) {
@@ -1680,9 +1694,8 @@
       color: field;
     }
 
-    .navds-switch__input:focus-visible ~ .navds-switch__track {
-      outline-offset: 2px;
-      outline: 2px solid highlight;
+    .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after, .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
+      outline: 3px solid highlight;
     }
 
     .navds-switch--disabled:not(.navds-switch--loading) {
@@ -1690,7 +1703,7 @@
     }
 
     .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb {
-      background-color: graytext;
+      background-color: graytext !important;
     }
 
     .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track {
@@ -1706,11 +1719,11 @@
     appearance: none;
     padding: var(--ax-space-8);
     background: var(--ax-bg-input);
-    border-radius: var(--ax-border-radius-medium);
-    border: 1px solid var(--ax-border-default);
+    border-radius: var(--ax-border-radius-large);
+    border: 1px solid var(--ax-border-neutral);
     width: 100%;
     min-height: 3rem;
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
   }
 
   .navds-text-field__input:hover {
@@ -1719,18 +1732,18 @@
 
   .navds-text-field__input:focus-visible {
     border-color: var(--ax-border-accent-strong);
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
   }
 
   .navds-text-field__input:disabled {
     background-color: var(--ax-bg-input);
-    border-color: var(--ax-border-default);
+    border-color: var(--ax-border-neutral);
     cursor: not-allowed;
   }
 
   .navds-text-field__input::placeholder {
-    color: var(--ax-text-subtle);
+    color: var(--ax-text-neutral-subtle);
   }
 
   .navds-text-field__input[size] {
@@ -1748,8 +1761,8 @@
   }
 
   .navds-text-field--readonly .navds-text-field__input {
-    background-color: var(--ax-bg-moderate);
-    border-color: var(--ax-border-subtleA);
+    background-color: var(--ax-bg-neutral-moderate);
+    border-color: var(--ax-border-neutral-subtleA);
     cursor: default;
   }
 
@@ -1781,16 +1794,16 @@
     appearance: none;
     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);
+    border-radius: var(--ax-border-radius-large);
+    border: 1px solid var(--ax-border-neutral);
     resize: none;
     width: 100%;
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     display: block;
   }
 
   .navds-textarea__input::placeholder {
-    color: var(--ax-text-subtle);
+    color: var(--ax-text-neutral-subtle);
   }
 
   .navds-textarea__input:hover {
@@ -1798,14 +1811,14 @@
   }
 
   .navds-textarea__input:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
     border-color: var(--ax-border-accent-strong);
   }
 
   .navds-textarea__input:disabled {
     background-color: var(--ax-bg-input);
-    border-color: var(--ax-border-default);
+    border-color: var(--ax-border-neutral);
     cursor: not-allowed;
   }
 
@@ -1814,18 +1827,18 @@
   }
 
   .navds-textarea--readonly .navds-textarea__input {
-    background-color: var(--ax-bg-moderate);
-    border-color: var(--ax-border-subtleA);
+    background-color: var(--ax-bg-neutral-moderate);
+    border-color: var(--ax-border-neutral-subtleA);
     cursor: default;
   }
 
   .navds-textarea__counter {
-    color: var(--ax-text-subtle);
+    color: var(--ax-text-neutral-subtle);
     margin-top: -.25rem;
   }
 
   .navds-textarea__counter--error {
-    color: var(--ax-text-danger);
+    color: var(--ax-text-danger-subtle);
   }
 
   .navds-textarea__sr-counter {
@@ -1895,14 +1908,14 @@
   }
 
   .navds-search__wrapper {
-    border-radius: var(--ax-border-radius-medium);
+    border-radius: var(--ax-border-radius-large);
     align-items: center;
     display: inline-flex;
   }
 
   .navds-search__wrapper:has(.navds-search__input:focus-visible) {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
   }
 
   .navds-search__input {
@@ -1962,14 +1975,14 @@
 
   .navds-search__button-search {
     border-radius: 0;
-    border-top-right-radius: var(--ax-border-radius-medium);
-    border-bottom-right-radius: var(--ax-border-radius-medium);
+    border-top-right-radius: var(--ax-border-radius-large);
+    border-bottom-right-radius: var(--ax-border-radius-large);
     flex-shrink: 0;
   }
 
   .navds-search__button-search.navds-button--secondary {
     --__axc-button-border-width: 1px;
-    --__axc-button-border-color: var(--ax-border-default);
+    --__axc-button-border-color: var(--ax-border-neutral);
   }
 
   .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
@@ -1980,10 +1993,6 @@
     --__axc-button-border-color: var(--ax-border-accent-strong);
   }
 
-  .navds-search__button-search.navds-button--secondary:active:not(:disabled) {
-    --__axc-button-border-color: transparent;
-  }
-
   .navds-search:not(.navds-search--error, .navds-search--disabled) .navds-search__wrapper:has(.navds-search__input:is(:hover, :focus-visible)) .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
     --__axc-button-border-color: var(--ax-border-accent-strong);
   }
@@ -2013,7 +2022,7 @@
     --__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);
+    border-radius: var(--ax-border-radius-large);
     flex-direction: column;
     width: 100%;
     display: flex;
@@ -2037,7 +2046,7 @@
   }
 
   .navds-combobox--disabled .navds-combobox__wrapper:hover {
-    border-color: var(--ax-border-default);
+    border-color: var(--ax-border-neutral);
   }
 
   .navds-combobox--disabled .navds-combobox__wrapper :hover {
@@ -2053,20 +2062,20 @@
   }
 
   .navds-combobox--readonly .navds-combobox__selected-options .navds-chips__chip {
-    background-color: var(--ax-bg-moderateA);
+    background-color: var(--ax-bg-neutral-moderateA);
   }
 
   .navds-combobox--readonly .navds-combobox__button-toggle-list {
-    color: var(--ax-bg-moderate);
+    color: var(--ax-bg-neutral-moderate);
   }
 
   .navds-combobox--readonly .navds-combobox__wrapper {
-    border-color: var(--ax-border-subtle);
+    border-color: var(--ax-border-neutral-subtle);
     overflow: clip;
   }
 
   .navds-combobox--readonly .navds-text-field__input, .navds-combobox--readonly .navds-combobox__input {
-    background-color: var(--ax-bg-moderate);
+    background-color: var(--ax-bg-neutral-moderate);
   }
 
   .navds-combobox__button-toggle-list svg, .navds-combobox__list svg {
@@ -2075,8 +2084,8 @@
   }
 
   .navds-combobox__wrapper-inner {
-    border: 1px solid var(--ax-border-default);
-    border-radius: var(--ax-border-radius-medium);
+    border: 1px solid var(--ax-border-neutral);
+    border-radius: var(--ax-border-radius-large);
   }
 
   .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
@@ -2086,7 +2095,7 @@
   }
 
   .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused {
-    border-color: var(--ax-border-default);
+    border-color: var(--ax-border-neutral);
     outline: none;
   }
 
@@ -2115,7 +2124,7 @@
   }
 
   .navds-combobox--disabled .navds-combobox__wrapper-inner:hover {
-    border-color: var(--ax-border-default);
+    border-color: var(--ax-border-neutral);
   }
 
   .navds-combobox--error .navds-combobox__wrapper-inner {
@@ -2200,8 +2209,7 @@
   }
 
   .navds-combobox__button-toggle-list {
-    border-radius: var(--ax-border-radius-medium);
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     cursor: pointer;
     background: none;
     border: none;
@@ -2213,11 +2221,11 @@
   }
 
   .navds-combobox__button-toggle-list:hover {
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
   }
 
   .navds-combobox__button-toggle-list:hover:active {
-    color: var(--ax-text-accent-strong);
+    color: var(--ax-text-accent);
   }
 
   .navds-combobox__list {
@@ -2226,10 +2234,10 @@
     left: 0;
     right: 0;
     top: calc(100% + var(--ax-space-8));
-    border: 1px solid var(--ax-border-subtleA);
+    border: 1px solid var(--ax-border-neutral-subtleA);
     border-radius: var(--ax-border-radius-large);
     background-color: var(--ax-bg-raised);
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     overscroll-behavior: contain;
     box-shadow: var(--ax-shadow-dialog);
     flex-direction: column;
@@ -2249,7 +2257,7 @@
   .navds-combobox__list-item, .navds-combobox__list-item--loading, .navds-combobox__list-item--no-options, .navds-combobox__list-item--new-option, .navds-combobox__list-item--max-selected {
     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);
+    border-radius: var(--ax-border-radius-large);
     margin-inline: var(--ax-space-8);
     margin-block: var(--ax-space-2);
     border: 0;
@@ -2269,8 +2277,8 @@
   }
 
   .navds-combobox__list-item--max-selected {
-    background-color: var(--ax-bg-moderateA);
-    border-bottom: 1px solid var(--ax-border-subtle);
+    background-color: var(--ax-bg-neutral-moderateA);
+    border-bottom: 1px solid var(--ax-border-neutral-subtle);
     padding-block: var(--ax-space-8);
     line-height: var(--ax-font-line-height-large);
     border-radius: 0;
@@ -2306,12 +2314,12 @@
 
   .navds-combobox__list-item mark {
     font-weight: var(--ax-font-weight-bold);
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     background-color: rgba(0, 0, 0, 0);
   }
 
   .navds-combobox__list-item svg {
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
   }
 
   .navds-combobox__list-item--selected {
@@ -2334,7 +2342,7 @@
   }
 
   .navds-combobox__list-item--new-option svg {
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
   }
 
   .navds-combobox__list-item--new-option:only-child {
@@ -2433,15 +2441,15 @@
   }
 
   .navds-form-summary {
-    border: 1px solid var(--ax-border-subtleA);
+    border: 1px solid var(--ax-border-neutral-subtleA);
     border-radius: var(--ax-border-radius-xlarge);
     background: var(--ax-bg-raised);
     overflow: hidden;
   }
 
   .navds-form-summary__header {
-    background: var(--ax-bg-moderateA);
-    padding: var(--ax-space-16) var(--ax-space-24);
+    background: var(--ax-bg-neutral-moderateA);
+    padding: var(--ax-space-20) var(--ax-space-20) var(--ax-space-16) var(--ax-space-20);
     justify-content: space-between;
     gap: 0 var(--ax-space-12);
     display: flex;
@@ -2449,7 +2457,7 @@
 
   @media (max-width: 479px) {
     .navds-form-summary__header {
-      padding: var(--ax-space-12) var(--ax-space-16);
+      padding: var(--ax-space-16) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);
       flex-direction: column;
     }
   }
@@ -2461,24 +2469,24 @@
   }
 
   .navds-form-summary > .navds-form-summary__answers {
-    border-top: 1px solid var(--ax-border-subtleA);
+    border-top: 1px solid var(--ax-border-neutral-subtleA);
   }
 
   .navds-form-summary__answers {
-    padding: var(--ax-space-16) var(--ax-space-20);
+    padding: var(--ax-space-16) var(--ax-space-20) var(--ax-space-20) var(--ax-space-20);
     margin: 0;
   }
 
   @media (max-width: 479px) {
     .navds-form-summary__answers {
-      padding: var(--ax-space-16);
+      padding: var(--ax-space-12) var(--ax-space-16) var(--ax-space-16) var(--ax-space-16);
     }
   }
 
   .navds-form-summary__answer:not(:last-child) {
     margin-bottom: var(--ax-space-16);
     padding-bottom: var(--ax-space-16);
-    border-bottom: 1px solid var(--ax-border-subtleA);
+    border-bottom: 1px solid var(--ax-border-neutral-subtleA);
   }
 
   .navds-form-summary__answer:has(.navds-form-summary__answer) {
@@ -2533,40 +2541,36 @@
   }
 
   .navds-form-progress__collapsible {
+    visibility: hidden;
+    border: 1px solid var(--ax-border-neutral-subtleA);
+    border-radius: var(--ax-border-radius-xlarge);
+    background: var(--ax-bg-raised);
+    padding-inline: var(--ax-space-20);
+    opacity: .001;
     grid-template-rows: 0fr;
-    transition: grid-template-rows .25s cubic-bezier(.2, 0, 0, 1);
+    margin-top: -2px;
+    padding-block: 0;
+    transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
+    transition-duration: 1s;
+    transition-timing-function: cubic-bezier(.2, 0, 0, 1);
     display: grid;
     overflow: hidden;
   }
 
   .navds-form-progress__collapsible[hidden] {
-    display: grid !important;
+    display: grid;
   }
 
   .navds-form-progress__collapsible[data-state="open"] {
+    margin-top: var(--ax-space-4);
+    visibility: visible;
+    padding-block: var(--ax-space-16);
+    opacity: 1;
     grid-template-rows: 1fr;
   }
 
   .navds-form-progress__collapsible-content {
-    opacity: .01;
-    visibility: hidden;
     min-height: 0;
-    transition-property: opacity, visibility;
-    transition-duration: .25s;
-    transition-timing-function: cubic-bezier(.2, 0, 0, 1);
-  }
-
-  .navds-form-progress__collapsible[data-state="open"] .navds-form-progress__collapsible-content {
-    visibility: visible;
-    opacity: 1;
-  }
-
-  .navds-form-progress__stepper {
-    border: 1px solid var(--ax-border-subtle);
-    border-radius: var(--ax-border-radius-large);
-    padding: var(--ax-space-16) var(--ax-space-20);
-    margin-top: var(--ax-space-4);
-    background: var(--ax-bg-raised);
   }
 
   .navds-accordion__header {
@@ -2578,7 +2582,7 @@
     text-align: left;
     cursor: pointer;
     border-radius: var(--ax-border-radius-large);
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
     background: none;
     border: none;
     display: flex;
@@ -2598,7 +2602,7 @@
   }
 
   .navds-accordion__header:hover {
-    background-color: var(--ax-bg-accent-hoverA);
+    background-color: var(--ax-bg-accent-moderate-hoverA);
   }
 
   .navds-accordion__header:hover:before, .navds-accordion__header:hover:after {
@@ -2619,8 +2623,8 @@
   }
 
   .navds-accordion__header:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
     z-index: 1;
   }
 
@@ -2629,12 +2633,12 @@
   }
 
   .navds-accordion--small .navds-accordion__header {
-    padding-block: var(--a-spacing-2);
+    padding-block: var(--ax-space-8);
   }
 
   .navds-accordion__header:before, .navds-accordion__header:after {
     content: "";
-    background-color: var(--ax-border-subtleA);
+    background-color: var(--ax-border-neutral-subtleA);
     width: 100%;
     height: 1px;
     display: block;
@@ -2644,10 +2648,6 @@
     right: 0;
   }
 
-  .navds-accordion__item:last-child > .navds-accordion__content {
-    border-bottom: 1px solid rgba(0, 0, 0, 0);
-  }
-
   .navds-accordion__header:after {
     top: initial;
     bottom: 0;
@@ -2662,7 +2662,7 @@
     background-color: var(--ax-bg-accent-moderateA);
     width: 22px;
     height: 22px;
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
     align-self: center;
   }
 
@@ -2677,68 +2677,59 @@
     transform: rotateX(-180deg);
   }
 
-  .navds-accordion__content {
-    --__acx-accordion-content-line-width: 2px;
-    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);
-    padding-block: 0;
-    animation: .25s cubic-bezier(.2, 0, 0, 1) navds-accordion-content-animation;
-    display: none;
-    overflow: hidden;
-  }
-
-  .navds-accordion__item--no-animation {
-    animation: none;
+  .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
+    padding-block: var(--ax-space-8);
+    padding-inline: calc(var(--ax-space-20)  + 2px) var(--ax-space-20);
   }
 
-  @keyframes navds-accordion-content-animation {
-    0% {
-      opacity: .01;
-    }
-
-    20% {
-      opacity: .01;
-    }
-
-    100% {
-      opacity: 1;
+  @media (forced-colors: active) {
+    .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
+      border-left: 1px solid canvastext;
     }
   }
 
   .navds-accordion--indent > .navds-accordion__item > .navds-accordion__content {
-    padding-inline: var(--ax-space-24) var(--ax-space-12);
+    box-shadow: -2px 0 0 0 var(--ax-border-neutral-subtleA);
   }
 
-  .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
-    box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
-    padding-block: var(--ax-space-8);
-    padding-inline: calc(var(--ax-space-20)  + 2px) var(--ax-space-20);
+  .navds-accordion__item > .navds-accordion__content {
+    visibility: hidden;
+    margin-inline: var(--ax-space-24) var(--ax-space-12);
+    opacity: 0;
+    border-color: rgba(0, 0, 0, 0);
+    grid-template-rows: 0fr;
+    margin-block: 0;
+    transition-property: visibility, opacity, grid-template-rows, margin, min-height;
+    transition-duration: .25s;
+    transition-timing-function: cubic-bezier(.2, 0, 0, 1);
+    display: grid;
+    overflow: hidden;
   }
 
-  @media (forced-colors: active) {
-    .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
-      border-left: 1px solid canvastext;
-    }
+  .navds-accordion__item > .navds-accordion__content .navds-accordion__content-inner {
+    min-height: 0;
+    padding-block: 0;
   }
 
   .navds-accordion__item[data-expanded="true"] > .navds-accordion__content {
+    visibility: visible;
+    margin-block: var(--ax-space-8);
+    border-color: var(--ax-border-neutral-subtleA);
     opacity: 1;
-    max-height: fit-content;
-    padding-block: var(--ax-space-8);
-    border-color: var(--ax-border-subtleA);
-    padding-block-end: var(--ax-space-24);
-    display: block;
-    overflow: visible;
+    grid-template-rows: 1fr;
+    margin-block-end: var(--ax-space-24);
   }
 
-  @starting-style {
-    .navds-accordion__item[data-expanded="true"]:not(.navds-accordion__item--no-animation) > .navds-accordion__content {
-      border-color: rgba(0, 0, 0, 0);
-      max-height: 0;
-      padding-block: 0;
-    }
+  .navds-accordion__item[data-expanded="true"] > .navds-accordion__content .navds-accordion__content-inner {
+    min-height: fit-content;
+  }
+
+  .navds-accordion__item[data-expanded="true"]:last-child {
+    border-bottom: 1px solid var(--ax-border-neutral-subtleA);
+  }
+
+  .navds-accordion__item--no-animation > .navds-accordion__content {
+    transition: none;
   }
 
   .navds-alert {
@@ -2868,8 +2859,8 @@
   .navds-chat__avatar {
     background-color: var(--ax-bg-raised);
     border-radius: var(--ax-border-radius-full);
-    border: 1px solid var(--ax-border-subtleA);
-    color: var(--ax-text-default);
+    border: 1px solid var(--ax-border-neutral-subtleA);
+    color: var(--ax-text-neutral);
     letter-spacing: .024rem;
     flex-shrink: 0;
     justify-content: center;
@@ -2904,7 +2895,7 @@
     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);
+    border: 1px solid var(--ax-border-neutral-subtleA);
     flex-direction: column;
     width: fit-content;
     display: flex;
@@ -2919,11 +2910,11 @@
   }
 
   .navds-chat--neutral .navds-chat__bubble, .navds-chat--neutral .navds-chat__avatar {
-    background-color: var(--ax-bg-moderateA);
+    background-color: var(--ax-bg-neutral-moderateA);
   }
 
   .navds-chat__top-text {
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     gap: var(--ax-space-8);
     align-items: baseline;
     margin: 0;
@@ -2947,105 +2938,7 @@
     align-self: flex-start;
   }
 
-  .navds-copybutton {
-    --__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);
-    background-color: rgba(0, 0, 0, 0);
-    border: none;
-    place-content: center;
-    margin: 0;
-    text-decoration: none;
-    transition: color .2s cubic-bezier(.05, .7, .1, 1);
-    display: grid;
-  }
-
-  .navds-copybutton.navds-copybutton--icon-only {
-    --__axc-copybutton-padding: var(--ax-space-12);
-  }
-
-  .navds-copybutton.navds-copybutton--icon-right {
-    --__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-moderate-hoverA);
-  }
-
-  .navds-copybutton:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
-  }
-
-  .navds-copybutton:disabled {
-    cursor: not-allowed;
-    opacity: var(--ax-opacity-disabled);
-  }
-
-  .navds-copybutton:disabled:hover {
-    background-color: rgba(0, 0, 0, 0);
-  }
-
-  @media (forced-colors: active) {
-    .navds-copybutton {
-      color: buttontext;
-      background-color: buttonface;
-      border: 1px solid buttontext;
-    }
-
-    .navds-copybutton:disabled {
-      opacity: 1;
-      border-color: graytext;
-    }
-  }
-
-  .navds-copybutton--small {
-    --__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-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-space-4);
-  }
-
-  .navds-copybutton--small > .navds-copybutton__content {
-    gap: var(--ax-space-4);
-  }
-
-  .navds-copybutton--xsmall {
-    --__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-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-space-2);
-  }
-
-  .navds-copybutton--xsmall .navds-copybutton__icon {
-    font-size: 1.25rem;
-  }
-
-  .navds-copybutton--xsmall > .navds-copybutton__content {
-    gap: var(--ax-space-2);
-  }
-
-  .navds-copybutton__icon {
-    font-size: 1.5rem;
-    display: flex;
-  }
-
-  .navds-copybutton--active .navds-copybutton__icon {
+  .navds-copybutton[data-active="true"] .navds-copybutton__icon {
     animation: 2s cubic-bezier(.05, .7, .1, 1) akselCopyButtonIconAnimation;
   }
 
@@ -3067,46 +2960,19 @@
     }
   }
 
-  .navds-copybutton--action {
-    color: var(--ax-text-accent);
-  }
-
-  .navds-copybutton--action.navds-copybutton--active {
-    color: var(--ax-text-success);
-  }
-
-  .navds-copybutton--action:disabled {
-    color: var(--ax-text-accent);
-  }
-
-  .navds-copybutton--neutral {
-    color: var(--ax-text-subtle);
-  }
-
-  .navds-copybutton--neutral:disabled {
-    color: var(--ax-text-subtle);
-  }
-
-  .navds-copybutton__content {
-    justify-content: center;
-    align-items: center;
-    gap: var(--ax-space-6);
-    display: inline-flex;
-  }
-
   .navds-date {
     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-moderateA);
+    color: var(--ax-text-neutral);
+    background: var(--ax-bg-neutral-moderateA);
   }
 
   .navds-date .rdp-day_range_middle.rdp-day_selected {
-    background-color: var(--ax-bg-accent-moderateA);
+    background-color: var(--ax-bg-accent-moderate-pressedA);
     box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
   }
 
   .navds-date .rdp-month, .navds-date.rdp-month {
@@ -3126,22 +2992,22 @@
   .navds-date .rdp-button {
     all: unset;
     text-align: center;
-    border-radius: var(--ax-border-radius-medium);
+    border-radius: var(--ax-border-radius-large);
     width: 2.5rem;
     height: 2.5rem;
     display: block;
   }
 
   .navds-date .rdp-day_range_start {
-    border-radius: var(--ax-border-radius-xlarge) var(--ax-border-radius-medium) var(--ax-border-radius-medium) var(--ax-border-radius-xlarge);
+    border-radius: 100% var(--ax-border-radius-xlarge) var(--ax-border-radius-xlarge) 100%;
   }
 
   .navds-date .rdp-day_range_end:not(.rdp-day_range_start) {
-    border-radius: var(--ax-border-radius-medium) var(--ax-border-radius-xlarge) var(--ax-border-radius-xlarge) var(--ax-border-radius-medium);
+    border-radius: var(--ax-border-radius-large) 100% 100% var(--ax-border-radius-large);
   }
 
   .navds-date .rdp-day_range_start.rdp-day_range_end {
-    border-radius: var(--ax-border-radius-xlarge);
+    border-radius: var(--ax-border-radius-large);
   }
 
   .navds-date .navds-date__field {
@@ -3159,8 +3025,8 @@
 
   .navds-date .rdp-day_disabled {
     cursor: not-allowed;
-    background-color: var(--ax-bg-moderateA);
-    color: var(--ax-text-subtle);
+    background-color: var(--ax-bg-neutral-moderateA);
+    color: var(--ax-text-neutral-subtle);
     text-decoration: line-through;
   }
 
@@ -3174,7 +3040,7 @@
   }
 
   .navds-date .rdp-day_today:before {
-    background-color: var(--ax-text-accent);
+    background-color: var(--ax-text-accent-subtle);
     border-radius: var(--ax-border-radius-full);
     content: "";
     width: 6px;
@@ -3210,7 +3076,7 @@
   .navds-date__caption-button {
     width: 2rem;
     height: 2rem;
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
   }
 
   .navds-date__caption__month .navds-select__container select {
@@ -3221,7 +3087,7 @@
     all: unset;
     text-align: center;
     text-transform: capitalize;
-    border-radius: var(--ax-border-radius-medium);
+    border-radius: var(--ax-border-radius-large);
     cursor: pointer;
     width: 3rem;
     height: 3rem;
@@ -3238,8 +3104,8 @@
   }
 
   :is(:is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button):focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 1px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
   }
 
   :is(:is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button):active:not(:disabled) {
@@ -3256,9 +3122,9 @@
   }
 
   .navds-date__field-button {
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     cursor: pointer;
-    border-radius: calc(var(--ax-border-radius-medium)  - 1px);
+    border-radius: calc(var(--ax-border-radius-large)  - 1px);
     padding: var(--ax-space-12);
     background: none;
     border: none;
@@ -3312,14 +3178,10 @@
   }
 
   .navds-date__weeknumber-number {
-    color: var(--ax-text-subtle);
+    color: var(--ax-text-neutral-subtle);
     font-size: .875rem;
   }
 
-  .navds-date__weeknumber:active .navds-date__weeknumber-number {
-    color: var(--ax-text-contrast);
-  }
-
   .navds-date__week-wrapper {
     justify-content: center;
     align-items: center;
@@ -3447,8 +3309,8 @@
   }
 
   .navds-action-menu__content {
-    border-radius: var(--ax-border-radius-large);
-    border: 1px solid var(--ax-border-subtleA);
+    border-radius: var(--ax-border-radius-xlarge);
+    border: 1px solid var(--ax-border-neutral-subtleA);
     box-shadow: var(--ax-shadow-dialog);
     transition: transform .25s cubic-bezier(0, 0, 0, 1) allow-discrete;
     overflow: hidden;
@@ -3483,7 +3345,7 @@
     --__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);
+    border-radius: var(--ax-border-radius-xlarge);
     background-color: var(--ax-bg-raised);
     min-width: 128px;
     max-width: min(95vw, 640px);
@@ -3500,12 +3362,12 @@
     gap: var(--ax-space-8);
     min-height: var(--__axc-action-menu-item-height);
     cursor: default;
-    border-radius: var(--ax-border-radius-medium);
+    border-radius: var(--ax-border-radius-large);
     padding-left: var(--__axc-action-menu-item-pl);
     padding-right: var(--__axc-action-menu-item-pr);
     font-size: var(--ax-font-size-medium);
     scroll-margin-block: var(--__axc-action-menu-content-p);
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     line-height: 1.5;
     text-decoration: none;
     display: flex;
@@ -3518,7 +3380,7 @@
 
   .navds-action-menu__item:focus {
     background-color: var(--ax-bg-accent-moderate-hoverA);
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     outline: none;
   }
 
@@ -3536,7 +3398,7 @@
   }
 
   .navds-action-menu__sub-trigger[data-state="open"] {
-    background-color: var(--ax-bg-moderate-pressed);
+    background-color: var(--ax-bg-neutral-moderate-pressedA);
   }
 
   .navds-action-menu__sub-trigger:focus {
@@ -3544,12 +3406,12 @@
   }
 
   .navds-action-menu__item--danger {
-    color: var(--ax-text-danger);
+    color: var(--ax-text-danger-subtle);
   }
 
   .navds-action-menu__item--danger:focus {
     background-color: var(--ax-bg-danger-moderate-hoverA);
-    color: var(--ax-text-danger);
+    color: var(--ax-text-danger-subtle);
   }
 
   .navds-action-menu__marker {
@@ -3577,8 +3439,8 @@
   }
 
   .navds-action-menu__shortcut {
-    background-color: var(--ax-bg-moderateA);
-    color: var(--ax-text-default);
+    background-color: var(--ax-bg-neutral-moderateA);
+    color: var(--ax-text-neutral);
     border-radius: var(--ax-border-radius-small);
     padding: 0 var(--ax-space-4);
     min-width: 1.125rem;
@@ -3594,7 +3456,7 @@
     min-height: calc(var(--__axc-action-menu-item-height)  - 6px);
     padding-right: var(--__axc-action-menu-item-pr);
     padding-left: var(--__axc-action-menu-item-pl);
-    color: var(--ax-text-subtle);
+    color: var(--ax-text-neutral-subtle);
     border-radius: var(--ax-border-radius-medium);
     -webkit-user-select: none;
     user-select: none;
@@ -3607,7 +3469,7 @@
   .navds-action-menu__divider {
     height: 1px;
     margin-block: var(--ax-space-8);
-    background-color: var(--ax-border-subtleA);
+    background-color: var(--ax-border-neutral-subtleA);
   }
 
   .navds-action-menu__indicator-icon--unchecked, .navds-action-menu__indicator-icon--checked, .navds-action-menu__indicator-icon--indeterminate {
@@ -3629,22 +3491,22 @@
 
   .navds-expansioncard {
     --__axc-expansioncard-border-radius: calc(var(--ax-border-radius-xlarge)  - 1px);
-    --__axc-expansioncard-padding-block: var(--ax-space-16);
+    --__axc-expansioncard-padding-block: var(--ax-space-20);
     --__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);
+    border: 1px solid var(--ax-border-neutral);
     height: fit-content;
   }
 
   .navds-expansioncard:has(.navds-expansioncard__header:hover) {
-    box-shadow: 0 0 0 1px var(--ax-border-strong);
-    border-color: var(--ax-border-strong);
+    box-shadow: 0 0 0 1px var(--ax-border-neutral-strong);
+    border-color: var(--ax-border-neutral-strong);
   }
 
   .navds-expansioncard--small {
     --__axc-expansioncard-padding-inline: var(--ax-space-16);
-    --__axc-expansioncard-padding-block: var(--ax-space-12);
+    --__axc-expansioncard-padding-block: var(--ax-space-16);
   }
 
   .navds-expansioncard--small > .navds-expansioncard__header .navds-expansioncard__title--small {
@@ -3672,7 +3534,7 @@
   }
 
   .navds-expansioncard__header:hover {
-    background-color: var(--ax-bg-hover);
+    background-color: var(--ax-bg-neutral-moderate-hoverA);
   }
 
   .navds-expansioncard__header[data-open="true"] {
@@ -3682,7 +3544,7 @@
 
   .navds-expansioncard__header[data-open="true"]:after {
     content: "";
-    background-color: var(--ax-border-subtle);
+    background-color: var(--ax-border-neutral-subtleA);
     bottom: 0;
     left: var(--__axc-expansioncard-padding-inline);
     height: 1px;
@@ -3722,15 +3584,7 @@
   }
 
   .navds-expansioncard__header-button:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
-  }
-
-  @supports not selector(:focus-visible) {
-    .navds-expansioncard__header-button:focus {
-      outline: 2px solid var(--ax-border-focus);
-      outline-offset: 2px;
-    }
+    outline: 3px solid var(--ax-border-focus);
   }
 
   .navds-expansioncard__header-button:after {
@@ -3744,7 +3598,7 @@
   }
 
   .navds-expansioncard__header:hover > .navds-expansioncard__header-button {
-    background-color: var(--ax-bg-moderate-hoverA);
+    background-color: var(--ax-bg-neutral-moderate-hoverA);
   }
 
   .navds-expansioncard__header-chevron {
@@ -3794,7 +3648,7 @@
   }
 
   .navds-guide-panel {
-    --__axc-guide-panel-guide-size: 3.75rem;
+    --__axc-guide-panel-guide-size: 5rem;
     width: fit-content;
     display: flex;
     position: relative;
@@ -3810,8 +3664,12 @@
     align-items: flex-start;
   }
 
+  .navds-guide-panel[data-poster="false"][data-responsive="false"] {
+    --__axc-guide-panel-guide-size: 3.75rem;
+  }
+
   @media (min-width: 480px) {
-    .navds-guide-panel {
+    .navds-guide-panel[data-poster="false"][data-responsive="false"] {
       --__axc-guide-panel-guide-size: 5rem;
     }
 
@@ -3908,7 +3766,7 @@
   .navds-help-text__button {
     cursor: pointer;
     border-radius: var(--ax-border-radius-full);
-    color: var(--ax-bg-accent-strong);
+    color: var(--ax-bg-info-strong);
     padding: calc(var(--ax-space-4) / 2);
     background-color: rgba(0, 0, 0, 0);
     border: 0;
@@ -3936,11 +3794,11 @@
 
   .navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon--filled {
     display: inherit;
-    color: var(--ax-bg-accent-strong-hover);
+    color: var(--ax-bg-info-strong-hover);
   }
 
   .navds-help-text__button[aria-expanded="true"] > .navds-help-text__icon--filled {
-    color: var(--ax-bg-accent-strong-pressed);
+    color: var(--ax-bg-info-strong-pressed);
   }
 
   @media (forced-colors: active) {
@@ -3959,7 +3817,7 @@
 
   .navds-internalheader {
     background: var(--ax-bg-raised);
-    border-bottom: 1px solid var(--ax-border-subtleA);
+    border-bottom: 1px solid var(--ax-border-neutral-subtleA);
     align-self: stretch;
     min-height: 3rem;
     display: flex;
@@ -3980,8 +3838,8 @@
     padding-block: 0;
     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);
+    border-right: 1px solid var(--ax-border-neutral-subtleA);
+    color: var(--ax-text-neutral);
     background: none;
     align-items: center;
     margin: 0;
@@ -3996,7 +3854,7 @@
   }
 
   .navds-internalheader__title:hover {
-    background: var(--ax-bg-moderate-hover);
+    background: var(--ax-bg-neutral-moderate-hoverA);
   }
 
   .navds-internalheader__title:is(:hover, :active):not(button, a) {
@@ -4005,7 +3863,7 @@
 
   .navds-internalheader__user {
     padding: 0 var(--ax-space-20);
-    border-left: 1px solid var(--ax-border-subtleA);
+    border-left: 1px solid var(--ax-border-neutral-subtleA);
     align-items: center;
     display: flex;
   }
@@ -4019,8 +3877,8 @@
     align-items: center;
     gap: var(--ax-space-8);
     border: none;
-    border-left: 1px solid var(--ax-border-subtleA);
-    color: var(--ax-text-default);
+    border-left: 1px solid var(--ax-border-neutral-subtleA);
+    color: var(--ax-text-neutral);
     background: none;
     margin: 0;
     line-height: normal;
@@ -4029,7 +3887,7 @@
   }
 
   .navds-internalheader__button:hover {
-    background: var(--ax-bg-moderate-hover);
+    background: var(--ax-bg-neutral-moderate-hoverA);
   }
 
   @media (forced-colors: active) {
@@ -4044,11 +3902,11 @@
 
   :is(.navds-internalheader__title, .navds-internalheader__button):focus-visible {
     outline: 3px solid var(--ax-border-focus);
-    outline-offset: -3px;
+    outline-offset: -4px;
   }
 
   :is(.navds-internalheader__title, .navds-internalheader__button):active {
-    background: var(--ax-bg-moderate-pressed);
+    background: var(--ax-bg-neutral-moderate-pressedA);
   }
 
   .navds-internalheader__user-button {
@@ -4057,7 +3915,7 @@
   }
 
   .navds-link {
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
     align-items: center;
     gap: var(--ax-space-2);
     text-underline-offset: .1em;
@@ -4071,8 +3929,9 @@
   }
 
   .navds-link:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
+    border-radius: 1px;
   }
 
   .navds-link.navds-link--inline-text {
@@ -4100,19 +3959,19 @@
   }
 
   :is(.navds-alert:not(.navds-alert--inline), .navds-confirmation-panel) .navds-link {
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
   }
 
   .navds-link--action {
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
   }
 
   .navds-link--neutral {
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
   }
 
   .navds-link--subtle {
-    color: var(--ax-text-subtle);
+    color: var(--ax-text-neutral-subtle);
   }
 
   .navds-loader {
@@ -4169,19 +4028,19 @@
   .navds-loader__foreground {
     stroke-dasharray: 80 200;
     stroke-dashoffset: 0;
-    stroke: var(--ax-border-strong);
+    stroke: var(--ax-border-neutral-strong);
     stroke-linecap: round;
     stroke-width: var(--__axc-loader-stroke-width);
     animation: 1.5s ease-in-out infinite loader-dasharray;
   }
 
   .navds-loader__background {
-    stroke: var(--ax-border-subtleA);
+    stroke: var(--ax-border-neutral-subtleA);
     stroke-width: var(--__axc-loader-stroke-width);
   }
 
   .navds-loader--neutral .navds-loader__foreground {
-    stroke: var(--ax-border-strong);
+    stroke: var(--ax-border-neutral-strong);
   }
 
   .navds-loader--interaction .navds-loader__foreground {
@@ -4193,11 +4052,11 @@
   }
 
   .navds-loader--inverted .navds-loader__foreground {
-    stroke: var(--ax-border-subtle);
+    stroke: var(--ax-border-neutral-subtle);
   }
 
   .navds-loader--inverted .navds-loader__background {
-    stroke: var(--ax-border-strong);
+    stroke: var(--ax-border-neutral-strong);
   }
 
   .navds-loader--transparent .navds-loader__background {
@@ -4240,12 +4099,13 @@
   .navds-modal {
     --__axc-modal-bg: var(--ax-bg-raised);
     background-color: var(--__axc-modal-bg);
-    border: 1px solid var(--ax-border-subtleA);
+    border: 1px solid var(--ax-border-neutral-subtleA);
     border-radius: var(--ax-border-radius-xlarge);
     box-shadow: var(--ax-shadow-dialog);
     max-width: 100%;
     max-height: 100%;
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
+    margin: auto;
     padding: 0;
     position: fixed;
   }
@@ -4340,7 +4200,7 @@
 
   .navds-modal__label {
     font-weight: var(--ax-font-weight-bold);
-    color: var(--ax-text-subtle);
+    color: var(--ax-text-neutral-subtle);
   }
 
   .navds-modal__body {
@@ -4441,8 +4301,8 @@
   }
 
   .navds-pagination__item[data-selected="true"] {
-    background-color: var(--ax-bg-strong-pressed);
-    color: var(--ax-text-contrast);
+    background-color: var(--ax-bg-neutral-strong-pressed);
+    color: var(--ax-text-neutral-contrast);
   }
 
   .navds-pagination--invisible {
@@ -4453,13 +4313,19 @@
     z-index: 1000;
     background: var(--ax-bg-raised);
     box-shadow: var(--ax-shadow-dialog);
-    border: 1px solid var(--ax-border-subtleA);
+    border: 1px solid var(--ax-border-neutral-subtleA);
     border-radius: var(--ax-border-radius-xlarge);
     max-width: calc(100vw - var(--ax-space-24));
   }
 
   .navds-popover__content {
-    padding: var(--ax-space-16) var(--ax-space-20);
+    padding: var(--ax-space-16);
+  }
+
+  @media (min-width: 480px) {
+    .navds-popover__content {
+      padding: var(--ax-space-20);
+    }
   }
 
   .navds-popover--hidden {
@@ -4491,7 +4357,7 @@
     --__axc-tag-border: var(--ax-border-info);
     --__axc-tag-bg: var(--ax-bg-info-moderateA);
     --__axc-tag-bg-strong: var(--ax-bg-info-strong);
-    --__axc-tag-text: var(--ax-text-info-strong);
+    --__axc-tag-text: var(--ax-text-info);
     --__axc-tag-text-strong: var(--ax-text-info-contrast);
   }
 
@@ -4499,7 +4365,7 @@
     --__axc-tag-border: var(--ax-border-success);
     --__axc-tag-bg: var(--ax-bg-success-moderateA);
     --__axc-tag-bg-strong: var(--ax-bg-success-strong);
-    --__axc-tag-text: var(--ax-text-success-strong);
+    --__axc-tag-text: var(--ax-text-success);
     --__axc-tag-text-strong: var(--ax-text-success-contrast);
   }
 
@@ -4507,7 +4373,7 @@
     --__axc-tag-border: var(--ax-border-warning);
     --__axc-tag-bg: var(--ax-bg-warning-moderateA);
     --__axc-tag-bg-strong: var(--ax-bg-warning-strong);
-    --__axc-tag-text: var(--ax-text-warning-strong);
+    --__axc-tag-text: var(--ax-text-warning);
     --__axc-tag-text-strong: var(--ax-text-warning-contrast);
   }
 
@@ -4515,32 +4381,32 @@
     --__axc-tag-border: var(--ax-border-danger);
     --__axc-tag-bg: var(--ax-bg-danger-moderateA);
     --__axc-tag-bg-strong: var(--ax-bg-danger-strong);
-    --__axc-tag-text: var(--ax-text-danger-strong);
+    --__axc-tag-text: var(--ax-text-danger);
     --__axc-tag-text-strong: var(--ax-text-danger-contrast);
   }
 
   .navds-tag--neutral {
-    --__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);
+    --__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);
+    --__axc-tag-text-strong: var(--ax-text-neutral-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-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);
+    --__axc-tag-text-strong: var(--ax-text-meta-purple-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--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);
+    --__axc-tag-text-strong: var(--ax-text-meta-lime-contrast);
   }
 
   .navds-tag--small {
@@ -4626,20 +4492,20 @@
   }
 
   .navds-timeline__axislabels-label {
-    color: var(--ax-text-subtle);
+    color: var(--ax-text-neutral-subtle);
     white-space: nowrap;
     position: absolute;
   }
 
   .navds-timeline__row {
-    background: var(--ax-bg-soft);
+    background: var(--ax-bg-neutral-softA);
     margin: var(--ax-space-16) 0;
     grid-column: 2;
     display: flex;
   }
 
   .navds-timeline__row--active {
-    background: var(--ax-bg-accent-moderateA);
+    background: var(--ax-bg-accent-moderate);
   }
 
   .navds-timeline__row:last-of-type {
@@ -4659,12 +4525,12 @@
 
   .navds-timeline__period:focus-visible {
     z-index: 4;
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
   }
 
   .navds-timeline__period:focus-visible.navds-timeline__period:focus-visible {
-    box-shadow: 0 0 0 2px var(--ax-bg-default);
+    box-shadow: 0 0 0 3px var(--ax-bg-default);
   }
 
   .navds-timeline__period {
@@ -4705,6 +4571,7 @@
 
   .navds-timeline__period--success.navds-timeline__period--clickable:hover {
     background: var(--ax-bg-success-moderate-hover);
+    border-color: var(--ax-border-success-strong);
   }
 
   .navds-timeline__period--success.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -4721,6 +4588,7 @@
 
   .navds-timeline__period--warning.navds-timeline__period--clickable:hover {
     background: var(--ax-bg-warning-moderate-hover);
+    border-color: var(--ax-border-warning-strong);
   }
 
   .navds-timeline__period--warning.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -4737,6 +4605,7 @@
 
   .navds-timeline__period--danger.navds-timeline__period--clickable:hover {
     background: var(--ax-bg-danger-moderate-hover);
+    border-color: var(--ax-border-danger-strong);
   }
 
   .navds-timeline__period--danger.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -4753,6 +4622,7 @@
 
   .navds-timeline__period--info.navds-timeline__period--clickable:hover {
     background: var(--ax-bg-info-moderate-hover);
+    border-color: var(--ax-border-info-strong);
   }
 
   .navds-timeline__period--info.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -4762,18 +4632,19 @@
   }
 
   .navds-timeline__period--neutral {
-    background: var(--ax-bg-moderate);
-    border: solid 1px var(--ax-border-default);
-    color: var(--ax-text-icon);
+    background: var(--ax-bg-neutral-moderate);
+    border: solid 1px var(--ax-border-neutral);
+    color: var(--ax-text-neutral-icon);
   }
 
   .navds-timeline__period--neutral.navds-timeline__period--clickable:hover {
-    background: var(--ax-bg-moderate-hover);
+    background: var(--ax-bg-neutral-moderate-hover);
+    border-color: var(--ax-border-neutral-strong);
   }
 
   .navds-timeline__period--neutral.navds-timeline__period--clickable.navds-timeline__period--selected {
-    background: var(--ax-bg-strong-pressed);
-    color: var(--ax-text-contrast);
+    background: var(--ax-bg-neutral-strong-pressed);
+    color: var(--ax-text-neutral-contrast);
     border: none;
   }
 
@@ -4828,16 +4699,16 @@
   }
 
   .navds-timeline__pin-button:focus-visible {
-    box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0 2px var(--ax-bg-default);
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0 3px var(--ax-bg-default);
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
   }
 
   .navds-timeline__pin-wrapper:before {
     content: "";
     top: var(--navdsc-timeline-pin-size);
     height: calc(100% - var(--navdsc-timeline-pin-size) * 2);
-    background: var(--ax-border-strong);
+    background: var(--ax-border-neutral-strong);
     width: 1px;
     margin: 0 auto;
   }
@@ -4852,7 +4723,7 @@
   .navds-timeline__zoom-button {
     all: unset;
     cursor: pointer;
-    border: 1px solid var(--ax-border-default);
+    border: 1px solid var(--ax-border-neutral);
     background: var(--ax-bg-default);
     border-width: 1px 0 1px 1px;
     padding: 6px 9px 6px 8px;
@@ -4872,13 +4743,13 @@
   }
 
   .navds-timeline__zoom-button:not([aria-pressed="true"]):hover {
-    background: var(--ax-bg-moderate-hoverA);
+    background: var(--ax-bg-neutral-moderate-hoverA);
   }
 
   .navds-timeline__zoom-button[aria-pressed="true"] {
-    background: var(--ax-bg-strong-pressed);
-    border-color: var(--ax-bg-strong-pressed);
-    color: var(--ax-text-contrast);
+    background: var(--ax-bg-neutral-strong-pressed);
+    border-color: var(--ax-bg-neutral-strong-pressed);
+    color: var(--ax-text-neutral-contrast);
   }
 
   .navds-timeline__zoom li:focus-within {
@@ -4886,7 +4757,7 @@
   }
 
   .navds-timeline__zoom-button:focus-visible {
-    box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0 3px var(--ax-border-focus);
+    box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0 4px var(--ax-border-focus);
     border-width: 1px;
   }
 
@@ -4900,15 +4771,15 @@
     background-color: var(--ax-bg-raised);
     box-shadow: var(--ax-shadow-dialog);
     border: 1px solid;
-    border-color: var(--ax-border-subtleA);
+    border-color: var(--ax-border-neutral-subtleA);
     border-radius: var(--ax-border-radius-large);
     padding: var(--ax-space-16) var(--ax-space-20);
   }
 
   @media (forced-colors: active) {
     .navds-timeline__period:focus {
-      outline-offset: 2px;
-      outline: 2px solid highlight;
+      outline-offset: 3px;
+      outline: 3px solid highlight;
     }
 
     .navds-timeline__period--success, .navds-timeline__period--warning, .navds-timeline__period--info, .navds-timeline__period--neutral, .navds-timeline__period--danger {
@@ -4924,7 +4795,7 @@
     }
 
     .navds-timeline__pin-button:focus, .navds-timeline__pin-button:focus-visible {
-      outline-offset: 2px;
+      outline-offset: 3px;
       box-shadow: none;
       outline: 4px solid highlight;
     }
@@ -4933,11 +4804,11 @@
   .navds-tooltip {
     z-index: 3000;
     background-color: var(--ax-bg-raised);
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     border-radius: var(--ax-border-radius-medium);
     padding: 0 var(--ax-space-6);
     text-align: center;
-    border: 1px solid var(--ax-border-subtleA);
+    border: 1px solid var(--ax-border-neutral-subtleA);
     box-shadow: var(--ax-shadow-dialog);
     flex-direction: column;
     align-items: center;
@@ -5020,10 +4891,10 @@
 
   .navds-tooltip__key {
     font-family: var(--ax-font-family);
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     padding: 0 var(--ax-space-4);
     border-radius: var(--ax-border-radius-small);
-    background: var(--ax-bg-moderateA);
+    background: var(--ax-bg-neutral-moderateA);
     justify-content: center;
     align-items: center;
     min-width: 1.125rem;
@@ -5048,8 +4919,8 @@
   }
 
   .navds-toggle-group {
-    border-radius: var(--ax-border-radius-medium);
-    box-shadow: inset 0 0 0 1px var(--ax-border-default);
+    border-radius: var(--ax-border-radius-large);
+    box-shadow: inset 0 0 0 1px var(--ax-border-neutral);
     background-color: rgba(0, 0, 0, 0);
     grid-auto-columns: 1fr;
     grid-auto-flow: column;
@@ -5061,8 +4932,8 @@
     padding: var(--ax-space-4) var(--ax-space-12);
     cursor: pointer;
     min-height: 3rem;
-    color: var(--ax-text-default);
-    border-radius: var(--ax-border-radius-medium);
+    color: var(--ax-text-neutral);
+    border-radius: var(--ax-border-radius-large);
     background-color: rgba(0, 0, 0, 0);
     border: none;
     justify-content: center;
@@ -5074,12 +4945,12 @@
 
   .navds-toggle-group__button:hover {
     background-color: var(--ax-bg-accent-moderate-hoverA);
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
   }
 
   .navds-toggle-group__button:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
     z-index: 1;
   }
 
@@ -5090,7 +4961,7 @@
 
   .navds-toggle-group__button:not([data-selected="true"], :first-child, .navds-toggle-group__button[data-selected="true"] + .navds-toggle-group__button):before {
     content: "";
-    background-color: var(--ax-border-subtleA);
+    background-color: var(--ax-border-neutral-subtleA);
     width: 1px;
     height: 50%;
     display: block;
@@ -5113,12 +4984,12 @@
   }
 
   :where(.navds-toggle-group--neutral) .navds-toggle-group__button:hover {
-    background-color: var(--ax-bg-moderate-hoverA);
+    background-color: var(--ax-bg-neutral-moderate-hoverA);
   }
 
   :where(.navds-toggle-group--neutral) .navds-toggle-group__button[data-selected="true"] {
-    background-color: var(--ax-bg-strong-pressed);
-    color: var(--ax-text-contrast);
+    background-color: var(--ax-bg-neutral-strong-pressed);
+    color: var(--ax-text-neutral-contrast);
   }
 
   .navds-toggle-group--small .navds-toggle-group__button {
@@ -5163,53 +5034,6 @@
     border-color: var(--ac-panel-border, var(--a-border-default));
   }
 
-  .navds-link-panel {
-    color: var(--ac-link-panel-text, var(--a-text-default));
-    justify-content: space-between;
-    align-items: center;
-    gap: var(--a-spacing-4);
-    text-decoration: none;
-    display: flex;
-  }
-
-  .navds-link-panel:hover .navds-link-panel__title {
-    color: var(--ac-link-panel-hover-text, var(--a-text-action-hover));
-    text-decoration: underline;
-  }
-
-  .navds-link-panel:hover {
-    box-shadow: var(--a-shadow-small);
-    border-color: var(--ac-link-panel-hover-border, var(--a-border-action-hover));
-  }
-
-  .navds-link-panel:focus-visible {
-    outline-offset: 2px;
-    box-shadow: var(--a-shadow-focus);
-    outline: 3px solid rgba(0, 0, 0, 0);
-  }
-
-  @supports not selector(:focus-visible) {
-    .navds-link-panel:focus {
-      outline-offset: 2px;
-      box-shadow: var(--a-shadow-focus);
-      outline: 3px solid rgba(0, 0, 0, 0);
-    }
-  }
-
-  .navds-link-panel__chevron {
-    flex-shrink: 0;
-    font-size: 1.5rem;
-    transition: transform .2s;
-  }
-
-  .navds-link-panel:hover > .navds-link-panel__chevron, .navds-link-panel:focus-within > .navds-link-panel__chevron {
-    transform: translateX(4px);
-  }
-
-  .navds-link-panel__description {
-    margin-top: var(--a-spacing-1);
-  }
-
   .navds-read-more {
     --__axc-read-more-icon-size: 1.5rem;
     --__axc-read-more-pi-start: 0px;
@@ -5221,7 +5045,7 @@
     cursor: pointer;
     align-items: flex-start;
     gap: var(--ax-space-4);
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
     padding-inline: var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);
     padding-block: var(--__axc-read-more-pb);
     text-align: start;
@@ -5245,8 +5069,7 @@
   }
 
   .navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button:hover {
-    background-color: var(--ax-bg-hoverA);
-    color: var(--ax-text-accent-strong);
+    background-color: var(--ax-bg-neutral-moderate-hoverA);
   }
 
   .navds-read-more[data-volume="high"] .navds-read-more__button {
@@ -5256,7 +5079,7 @@
 
   .navds-read-more[data-volume="high"] .navds-read-more__button:hover {
     background-color: var(--ax-bg-accent-moderate-hoverA);
-    color: var(--ax-text-accent-strong);
+    color: var(--ax-text-accent);
   }
 
   .navds-read-more[data-volume="high"].navds-read-more--large {
@@ -5271,8 +5094,8 @@
 
   .navds-read-more__content {
     margin-top: var(--ax-space-8);
-    border-left: 2px solid var(--ax-border-subtleA);
-    color: var(--ax-text-default);
+    border-left: 2px solid var(--ax-border-neutral-subtleA);
+    color: var(--ax-text-neutral);
     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-space-4));
   }
@@ -5305,9 +5128,9 @@
   }
 
   .navds-progress-bar {
-    background: var(--ax-bg-moderateA);
+    background: var(--ax-bg-neutral-moderateA);
     border-radius: var(--ax-border-radius-full);
-    box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
+    box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
     position: relative;
     overflow: hidden;
   }
@@ -5410,7 +5233,7 @@
   }
 
   .navds-skeleton {
-    background-color: var(--ax-bg-moderateA);
+    background-color: var(--ax-bg-neutral-moderateA);
     pointer-events: none;
     height: 1.3em;
     animation: 2s cubic-bezier(.4, 0, .6, 1) infinite akselSkeletonAnimation;
@@ -5478,7 +5301,7 @@
     --__axc-stepper-circle-size: 1.75rem;
     --__axc-stepper-border-width: 2px;
     --__axc-stepper-line-length: 1rem;
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
     font-weight: var(--ax-font-weight-bold);
     margin: 0;
     padding-left: 0;
@@ -5504,11 +5327,11 @@
   }
 
   .navds-stepper__item--non-interactive .navds-stepper__line {
-    background-color: var(--ax-border-strong);
+    background-color: var(--ax-border-neutral-strong);
   }
 
   .navds-stepper__item:has( + .navds-stepper__item > .navds-stepper__step[data-interactive="false"]) .navds-stepper__line--2 {
-    background-color: var(--ax-border-strong);
+    background-color: var(--ax-border-neutral-strong);
   }
 
   .navds-stepper__line--1 {
@@ -5532,12 +5355,13 @@
     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);
     justify-content: flex-start;
+    width: 100%;
     display: grid;
   }
 
   .navds-stepper__step:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 4px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
     isolation: isolate;
   }
 
@@ -5571,7 +5395,7 @@
   }
 
   .navds-stepper__step[data-interactive="true"] {
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
     border-radius: var(--ax-border-radius-medium);
     text-decoration: none;
   }
@@ -5586,17 +5410,12 @@
     text-decoration-thickness: .111em;
   }
 
-  .navds-stepper__step[data-interactive="true"]:hover .navds-stepper__circle {
-    color: var(--ax-text-accent-strong);
-  }
-
   .navds-stepper__step[data-interactive="true"] .navds-stepper__circle {
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
     border-color: var(--ax-border-accent-strong);
   }
 
   .navds-stepper__step[data-interactive="true"][data-active="true"] .navds-stepper__content {
-    color: var(--ax-text-accent-strong);
     text-decoration: none;
   }
 
@@ -5612,23 +5431,18 @@
   }
 
   .navds-stepper__step[data-interactive="false"] {
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral-subtle);
     cursor: default;
   }
 
   .navds-stepper__step[data-interactive="false"] .navds-stepper__circle {
-    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-subtle);
+    border-color: var(--ax-border-neutral-strong);
   }
 
   .navds-stepper__step[data-interactive="false"][data-active="true"] .navds-stepper__circle {
-    color: var(--ax-text-contrast);
-    background-color: var(--ax-bg-strong-pressed);
-    border-color: var(--ax-bg-strong-pressed);
+    color: var(--ax-text-neutral-contrast);
+    background-color: var(--ax-bg-neutral-strong-pressed);
+    border-color: var(--ax-bg-neutral-strong-pressed);
   }
 
   .navds-stepper__content {
@@ -5722,12 +5536,12 @@
   }
 
   .navds-table__body .navds-table__row--shade-on-hover:not(.navds-table__expandable-row--expansion-disabled):hover {
-    background-color: var(--ax-bg-hoverA);
+    background-color: var(--ax-bg-neutral-moderate-hoverA);
     transition: background-color 70ms cubic-bezier(.2, 0, 0, 1);
   }
 
   .navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover {
-    background-color: var(--ax-bg-accent-hoverA);
+    background-color: var(--ax-bg-accent-moderate-hoverA);
   }
 
   .navds-table__row {
@@ -5735,11 +5549,15 @@
   }
 
   .navds-table__row--selected {
-    background-color: var(--ax-bg-accent-soft);
+    background-color: var(--ax-bg-accent-softA);
+  }
+
+  .navds-table__row--selected + .navds-table__expanded-row {
+    background-color: var(--ax-bg-accent-softA);
   }
 
   .navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)) {
-    background-color: var(--ax-bg-soft);
+    background-color: var(--ax-bg-neutral-softA);
   }
 
   .navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)) {
@@ -5747,12 +5565,16 @@
   }
 
   .navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n) {
-    background-color: var(--ax-bg-soft);
+    background-color: var(--ax-bg-neutral-softA);
+  }
+
+  .navds-table--zebra-stripes .navds-table__row--selected + .navds-table__expanded-row:nth-child(4n) {
+    background-color: var(--ax-bg-accent-softA);
   }
 
   .navds-table__header-cell, .navds-table__data-cell {
     padding: var(--ax-space-12) var(--ax-space-8);
-    border-bottom: 1px solid var(--ax-border-default);
+    border-bottom: 1px solid var(--ax-border-neutral-subtleA);
     text-align: left;
     display: table-cell;
   }
@@ -5769,10 +5591,6 @@
     text-align: center;
   }
 
-  :where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell, :where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell {
-    border-color: var(--ax-border-strong);
-  }
-
   :where(.navds-table__expandable-row--open:hover) .navds-table__data-cell {
     border-bottom-color: rgba(0, 0, 0, 0);
   }
@@ -5793,16 +5611,24 @@
     top: -.375rem;
   }
 
-  .navds-table :not(.navds-checkboxes) > .navds-checkbox .navds-checkbox__label, .navds-table__header-cell[aria-sort] {
+  .navds-table :not(.navds-checkboxes) > .navds-checkbox .navds-checkbox__label {
+    padding: 0;
+  }
+
+  .navds-table .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-table .navds-radio__input:focus + .navds-radio__label:after {
+    height: 100%;
+  }
+
+  .navds-table__header-cell[aria-sort] {
     padding: 0;
   }
 
   .navds-table__sort-button {
     appearance: none;
-    color: var(--ax-text-accent);
+    color: var(--ax-text-accent-subtle);
     cursor: pointer;
     padding: var(--ax-space-16) var(--ax-space-12);
-    gap: var(--ax-space-8);
+    gap: var(--ax-space-4);
     width: 100%;
     line-height: inherit;
     font-weight: inherit;
@@ -5818,17 +5644,17 @@
   }
 
   .navds-table__sort-button:hover {
-    background-color: var(--ax-bg-hoverA);
+    background-color: var(--ax-bg-neutral-moderate-hoverA);
   }
 
   .navds-table__sort-button:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: -4px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: -5px;
   }
 
   .navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button, .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
-    background-color: var(--ax-bg-accent-moderate);
-    color: var(--ax-text-accent-strong);
+    background-color: var(--ax-bg-accent-moderate-pressedA);
+    color: var(--ax-text-accent);
   }
 
   .navds-table__header-cell--align-right .navds-table__sort-button {
@@ -5841,7 +5667,7 @@
 
   .navds-table__sort-button svg {
     flex-shrink: 0;
-    font-size: 1rem;
+    font-size: 1.5rem;
   }
 
   .navds-table__expandable-row:not(.navds-table__expandable-row--open) :where(.navds-table__data-cell, .navds-table__header-cell) {
@@ -5896,7 +5722,11 @@
   }
 
   .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-hoverA);
+    background-color: var(--ax-bg-neutral-moderate-hoverA);
+  }
+
+  .navds-table__row--selected :is(:scope .navds-table__toggle-expand-button:hover, :scope .navds-table__toggle-expand-cell:hover > .navds-table__toggle-expand-button, :scope .navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button) {
+    background-color: var(--ax-bg-accent-moderate-hoverA);
   }
 
   .navds-table__toggle-expand-cell--open > :where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon) {
@@ -5904,7 +5734,7 @@
   }
 
   .navds-table__toggle-expand-button:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
+    outline: 3px solid var(--ax-border-focus);
   }
 
   .navds-table__expanded-row-cell {
@@ -5916,7 +5746,7 @@
   }
 
   .navds-table__expanded-row-collapse:not([style*="height: 0px;"]), .navds-table__expanded-row-collapse[style*="transition:"] {
-    border-bottom: 1px solid var(--ax-border-default);
+    border-bottom: 1px solid var(--ax-border-neutral-subtleA);
   }
 
   .navds-table__expanded-row-content {
@@ -5945,7 +5775,7 @@
   }
 
   .navds-tabs__tablist-wrapper {
-    box-shadow: inset 0 -1px var(--ax-border-subtle);
+    box-shadow: inset 0 -1px var(--ax-border-neutral-subtleA);
     width: 100%;
     display: flex;
   }
@@ -5990,10 +5820,10 @@
   .navds-tabs__tab {
     min-height: 3rem;
     padding: var(--ax-space-12) var(--ax-space-16);
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
     cursor: pointer;
     --__axc-tabs-line-width: 0;
-    --__axc-tabs-line-color: var(--ax-border-subtle);
+    --__axc-tabs-line-color: var(--ax-border-neutral-subtleA);
     box-shadow: inset 0 var(--__axc-tabs-line-width) var(--__axc-tabs-line-color);
     background: none;
     border: none;
@@ -6013,8 +5843,8 @@
   }
 
   .navds-tabs__tab:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: -2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: -3px;
   }
 
   .navds-tabs__tab-inner {
@@ -6062,8 +5892,8 @@
   }
 
   .navds-tabs__tabpanel:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: -2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: -4px;
   }
 
   @media (forced-colors: active) {
@@ -6082,14 +5912,10 @@
   }
 
   .navds-list ul, .navds-list ol {
-    margin-block: var(--ax-space-16);
+    margin: 0;
     padding: 0;
   }
 
-  .navds-list--small ul, .navds-list--small ol {
-    margin-block: var(--ax-space-12);
-  }
-
   .navds-list .navds-list :where(ul, ol) {
     margin-block: var(--ax-space-8) 0;
   }
@@ -6169,7 +5995,7 @@
   }
 
   .navds-theme {
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
   }
 
   .navds-theme[data-background="true"] {
@@ -7176,13 +7002,13 @@
   }
 
   .navds-pageblock--gutters {
-    --__axc-page-padding-inline: var(--a-spacing-4);
+    --__axc-page-padding-inline: var(--ax-space-16);
     padding-inline: var(--__axc-page-padding-inline);
   }
 
   @media (min-width: 1024px) {
     .navds-pageblock--gutters {
-      --__axc-page-padding-inline: var(--a-spacing-12);
+      --__axc-page-padding-inline: var(--ax-space-48);
     }
   }