@ivds/core 0.1.1 → 1.0.0

package/lib/components/all.css

@@ -1,42 +1,74 @@
-@charset "UTF-8";
-/* All components bundle*/
-/* This file imports all component styles for the IVDS Core package*/
-/* Form components*/
+/* stylelint-disable no-descending-specificity */
+/* stylelint-disable no-descending-specificity, at-rule-empty-line-before */
 @keyframes ivds-button-spin {
   to {
     transform: translate(-50%, -50%) rotate(360deg);
   }
 }
 .ivds-button {
+  --background-color: transparent;
+  --color: var(--ivds-text-primary, #121a24);
+  --border-color: transparent;
+  --hover-background-color: transparent;
+  --hover-border-color: transparent;
+  --active-background-color: transparent;
+  --disabled-background-color: var(--ivds-surface-muted, #f1f3f5);
+  --disabled-border-color: var(--ivds-border-subtle, #e2e7ec);
+  --disabled-color: var(--ivds-text-muted, #6b7785);
+  --font-size: var(--fontSize-base, 1rem);
+  --min-height: 48px;
+  --padding-block: var(--spacing-3, 0.75rem);
+  --padding-inline: var(--spacing-6, 1.5rem);
+  --border-radius: var(--ivds-radius-s, 0.125rem);
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  border: var(--borderWidth-1, 1px) solid transparent;
-  border-radius: var(--borderRadius-md, 0.375rem);
-  font-family: var(--fontFamily-sans, system-ui, -apple-system, sans-serif);
-  font-weight: var(--fontWeight-medium, 500);
-  line-height: var(--lineHeight-tight, 1.25);
+  gap: var(--spacing-2, 0.5rem);
+  min-width: 2.75rem;
+  min-height: var(--min-height);
+  padding: var(--padding-block) var(--padding-inline);
+  border: 2px solid var(--border-color);
+  border-radius: var(--border-radius);
+  background-color: var(--background-color);
+  color: var(--color);
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
+  font-size: var(--font-size);
+  font-weight: var(--fontWeight-bold, 700);
+  letter-spacing: 0.01em;
+  line-height: 1.1;
   text-decoration: none;
   cursor: pointer;
-  transition: all 0.15s ease-in-out;
   -webkit-user-select: none;
-     -moz-user-select: none;
+             -moz-user-select: none;
           user-select: none;
   white-space: nowrap;
+  position: relative;
+  transition: background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
+}
+.ivds-button:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
 }
-.ivds-button:focus {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
+.ivds-button:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
+}
+.ivds-button:hover:not(:disabled, [aria-disabled=true]) {
+  background-color: var(--hover-background-color);
+  border-color: var(--hover-border-color);
+}
+.ivds-button:active:not(:disabled, [aria-disabled=true]) {
+  background-color: var(--active-background-color);
 }
 .ivds-button:disabled, .ivds-button[aria-disabled=true] {
-  opacity: 0.5;
+  background-color: var(--disabled-background-color);
+  border-color: var(--disabled-border-color);
+  color: var(--disabled-color);
   cursor: not-allowed;
   pointer-events: none;
 }
 .ivds-button {
-  padding: var(--spacing-3, 0.75rem) var(--spacing-6, 1.5rem);
-  font-size: var(--fontSize-base, 1rem);
-  min-height: 44px;
   gap: var(--spacing-2, 0.5rem);
 }
 .ivds-button .ivds-button__icon {
@@ -52,8 +84,8 @@
   flex-shrink: 0;
 }
 .ivds-button__icon svg {
-  width: 1em;
-  height: 1em;
+  width: 1.15em;
+  height: 1.15em;
   fill: currentcolor;
 }
 .ivds-button__text {
@@ -62,147 +94,287 @@
 .ivds-button--loading {
   position: relative;
   color: transparent !important;
+  pointer-events: none;
 }
 .ivds-button--loading::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
-  transform: translate(-50%, -50%);
-  width: 16px;
-  height: 16px;
+  width: 1rem;
+  height: 1rem;
   border: 2px solid currentcolor;
-  border-radius: 50%;
-  border-top-color: transparent;
-  animation: ivds-button-spin 0.8s linear infinite;
+  border-radius: 9999px;
+  border-right-color: transparent;
+  border-bottom-color: transparent;
+  transform: translate(-50%, -50%);
+  animation: ivds-button-spin 0.7s linear infinite;
+  color: inherit;
 }
 .ivds-button--full-width {
   width: 100%;
   justify-content: center;
 }
+.ivds-button--pill {
+  border-radius: var(--borderRadius-full, 9999px);
+}
 .ivds-button--icon-only {
-  width: 44px;
-  height: 44px;
-  padding: 0;
+  --min-height: 48px;
+  --padding-block: 0;
+  --padding-inline: 0;
+  width: 48px;
+  height: 48px;
 }
 .ivds-button--icon-only .ivds-button__icon {
   margin: 0;
 }
+.ivds-button--icon-only--circular {
+  --border-radius: var(--borderRadius-full, 9999px);
+}
 .ivds-button--icon-only.ivds-button--small {
-  width: 32px;
-  height: 32px;
-  padding: 0;
+  --min-height: 40px;
+  --padding-block: 0;
+  --padding-inline: 0;
+  width: 40px;
+  height: 40px;
 }
 .ivds-button--icon-only.ivds-button--small .ivds-button__icon {
   margin: 0;
 }
+.ivds-button--icon-only.ivds-button--small--circular {
+  --border-radius: var(--borderRadius-full, 9999px);
+}
 .ivds-button--icon-only.ivds-button--large {
+  --min-height: 56px;
+  --padding-block: 0;
+  --padding-inline: 0;
   width: 56px;
   height: 56px;
-  padding: 0;
 }
 .ivds-button--icon-only.ivds-button--large .ivds-button__icon {
   margin: 0;
 }
-.ivds-button--primary {
-  background-color: var(--color-brand-primary-500, #f97316);
-  color: var(--color-semantic-neutral-50, #fafafa);
-  border-color: var(--color-brand-primary-500, #f97316);
-}
-.ivds-button--primary:hover:not(:disabled, [aria-disabled=true]) {
-  background-color: var(--color-brand-primary-600, #ea580c);
-  border-color: var(--color-brand-primary-600, #ea580c);
+.ivds-button--icon-only.ivds-button--large--circular {
+  --border-radius: var(--borderRadius-full, 9999px);
 }
-.ivds-button--primary:active:not(:disabled, [aria-disabled=true]) {
-  transform: translateY(1px);
+.ivds-button--primary {
+  --background-color: var(--ivds-interactive-primary-bg, #1058b8);
+  --color: var(--ivds-interactive-primary-text, #fff);
+  --border-color: var(--ivds-interactive-primary-bg, #1058b8);
+  --hover-background-color: var(--ivds-interactive-primary-bg-hover, #0b4593);
+  --hover-border-color: var(--ivds-interactive-primary-bg-hover, #0b4593);
+  --active-background-color: var(--ivds-interactive-primary-bg-active, #083775);
 }
 .ivds-button--secondary {
-  background-color: transparent;
-  color: var(--color-brand-primary-500, #f97316);
-  border-color: var(--color-brand-primary-500, #f97316);
-}
-.ivds-button--secondary:hover:not(:disabled, [aria-disabled=true]) {
-  background-color: var(--color-brand-primary-50, #fff7ed);
-  border-color: var(--color-brand-primary-500, #f97316);
-}
-.ivds-button--secondary:active:not(:disabled, [aria-disabled=true]) {
-  transform: translateY(1px);
+  --background-color: var(--ivds-interactive-secondary-bg, #fff);
+  --color: var(--ivds-interactive-secondary-text, #0b4593);
+  --border-color: var(--ivds-interactive-secondary-border, #1058b8);
+  --hover-background-color: var(--ivds-interactive-secondary-bg-hover, #eef4ff);
+}
+.ivds-button--accent {
+  --background-color: var(--color-brand-accent-500, #1a6bdb);
+  --color: #fff;
+  --border-color: var(--color-brand-accent-500, #1a6bdb);
+  --hover-background-color: var(--color-brand-accent-600, #1058b8);
+  --hover-border-color: var(--color-brand-accent-600, #1058b8);
+  --active-background-color: var(--color-brand-accent-600, #1058b8);
 }
-.ivds-button--tertiary {
-  background-color: transparent;
-  color: var(--color-brand-primary-500, #f97316);
-  border-color: transparent;
+.ivds-button--success {
+  --background-color: var(--color-semantic-success-600, #0f6f4a);
+  --color: #fff;
+  --border-color: var(--color-semantic-success-600, #0f6f4a);
+  --hover-background-color: var(--color-semantic-success-700, #0a573a);
+  --hover-border-color: var(--color-semantic-success-700, #0a573a);
+  --active-background-color: var(--color-semantic-success-700, #0a573a);
 }
-.ivds-button--tertiary:hover:not(:disabled, [aria-disabled=true]) {
-  background-color: var(--color-brand-primary-50, #fff7ed);
+.ivds-button--warning {
+  --background-color: var(--color-semantic-warning-500, #ce790b);
+  --color: #fff;
+  --border-color: var(--color-semantic-warning-500, #ce790b);
+  --hover-background-color: var(--color-semantic-warning-600, #a76009);
+  --hover-border-color: var(--color-semantic-warning-600, #a76009);
+  --active-background-color: var(--color-semantic-warning-600, #a76009);
 }
-.ivds-button--tertiary:active:not(:disabled, [aria-disabled=true]) {
-  transform: translateY(1px);
+.ivds-button--danger {
+  --background-color: var(--color-semantic-error-500, #d73a50);
+  --color: #fff;
+  --border-color: var(--color-semantic-error-500, #d73a50);
+  --hover-background-color: var(--color-semantic-error-600, #b72a41);
+  --hover-border-color: var(--color-semantic-error-600, #b72a41);
+  --active-background-color: var(--color-semantic-error-600, #b72a41);
 }
-.ivds-button--success {
-  background-color: var(--color-semantic-success-500, #10b981);
-  color: var(--color-semantic-neutral-50, #fcfcfd);
-  border-color: var(--color-semantic-success-500, #10b981);
+.ivds-button--info {
+  --background-color: var(--color-semantic-info-600, #0050c8);
+  --color: #fff;
+  --border-color: var(--color-semantic-info-600, #0050c8);
+  --hover-background-color: var(--color-semantic-info-700, #003d99);
+  --hover-border-color: var(--color-semantic-info-700, #003d99);
+  --active-background-color: var(--color-semantic-info-700, #003d99);
+}
+.ivds-button--neutral {
+  --background-color: var(--color-semantic-neutral-900, #121a24);
+  --color: #fff;
+  --border-color: var(--color-semantic-neutral-900, #121a24);
+  --hover-background-color: var(--color-semantic-neutral-800, #202a36);
+  --hover-border-color: var(--color-semantic-neutral-800, #202a36);
+  --active-background-color: var(--color-semantic-neutral-800, #202a36);
+}
+.ivds-button--gradient-primary {
+  --border-color: transparent;
+  --color: #fff;
+  background: linear-gradient(135deg, var(--color-brand-accent-500, #1a6bdb) 0%, var(--color-brand-accent-700, #0b4593) 100%);
+}
+.ivds-button--gradient-primary:hover:not(:disabled, [aria-disabled=true]) {
+  filter: brightness(0.95);
+}
+.ivds-button--gradient-secondary {
+  --border-color: transparent;
+  --color: #fff;
+  background: linear-gradient(135deg, var(--color-brand-secondary-500, #007a4d) 0%, var(--color-brand-secondary-700, #004d31) 100%);
+}
+.ivds-button--gradient-secondary:hover:not(:disabled, [aria-disabled=true]) {
+  filter: brightness(0.95);
+}
+.ivds-button--gradient-mixed {
+  --border-color: transparent;
+  --color: #fff;
+  background: linear-gradient(135deg, var(--color-brand-primary-500, #cc5500) 0%, var(--color-brand-accent-600, #1058b8) 100%);
+}
+.ivds-button--gradient-mixed:hover:not(:disabled, [aria-disabled=true]) {
+  filter: brightness(0.95);
+}
+.ivds-button--gradient-sunset {
+  --border-color: transparent;
+  --color: #fff;
+  background: linear-gradient(135deg, var(--color-brand-primary-500, #cc5500) 0%, var(--color-semantic-error-600, #b72a41) 100%);
+}
+.ivds-button--gradient-sunset:hover:not(:disabled, [aria-disabled=true]) {
+  filter: brightness(0.95);
+}
+.ivds-button--gradient-ocean {
+  --border-color: transparent;
+  --color: #fff;
+  background: linear-gradient(135deg, var(--color-brand-accent-500, #1a6bdb) 0%, var(--color-brand-accent-700, #0b4593) 100%);
+}
+.ivds-button--gradient-ocean:hover:not(:disabled, [aria-disabled=true]) {
+  filter: brightness(0.95);
+}
+.ivds-button--outline-primary {
+  --background-color: var(--ivds-interactive-secondary-bg, #fff);
+  --color: var(--color-brand-accent-700, #0b4593);
+  --border-color: var(--color-brand-accent-600, #1058b8);
+  --hover-background-color: var(--color-brand-accent-50, #eef4ff);
+}
+.ivds-button--outline-secondary {
+  --background-color: var(--ivds-interactive-secondary-bg, #fff);
+  --color: var(--color-brand-secondary-700, #005234);
+  --border-color: var(--color-brand-secondary-600, #006640);
+  --hover-background-color: var(--color-brand-secondary-50, #eef8f3);
+}
+.ivds-button--outline-neutral {
+  --background-color: var(--ivds-interactive-secondary-bg, #fff);
+  --color: var(--color-semantic-neutral-800, #202a36);
+  --border-color: var(--color-semantic-neutral-500, #6b7785);
+  --hover-background-color: var(--color-semantic-neutral-100, #f1f3f5);
+}
+.ivds-button--ghost-primary, .ivds-button--tertiary,
+.ivds-button--supplementary {
+  --background-color: var(--ivds-interactive-supplementary-bg, #f1f3f5);
+  --border-color: transparent;
+  --color: var(--color-brand-accent-700, #0b4593);
+  --hover-background-color: var(--ivds-interactive-supplementary-bg-hover, #e2e7ec);
+}
+.ivds-button--ghost-secondary {
+  --background-color: var(--ivds-interactive-supplementary-bg, #f1f3f5);
+  --border-color: transparent;
+  --color: var(--color-brand-secondary-700, #005234);
+  --hover-background-color: var(--color-semantic-neutral-200, #e2e7ec);
+}
+.ivds-button--ghost-neutral, .ivds-button--ghost {
+  --background-color: var(--ivds-interactive-supplementary-bg, #f1f3f5);
+  --border-color: transparent;
+  --color: var(--color-semantic-neutral-800, #202a36);
+  --hover-background-color: var(--color-semantic-neutral-200, #e2e7ec);
+}
+.ivds-button--glass {
+  --background-color: var(--ivds-surface-base, #fff);
+  --border-color: var(--ivds-border-strong, #a1adba);
+  --color: var(--ivds-text-primary, #121a24);
+}
+.ivds-button--glass-dark {
+  --background-color: var(--color-semantic-neutral-900, #121a24);
+  --color: #fff;
+  --border-color: var(--color-semantic-neutral-900, #121a24);
+  --hover-background-color: var(--color-semantic-neutral-800, #202a36);
+  --hover-border-color: var(--color-semantic-neutral-800, #202a36);
+}
+.ivds-button--xs {
+  --padding-block: var(--spacing-1, 0.25rem);
+  --padding-inline: var(--spacing-3, 0.75rem);
+  --font-size: var(--fontSize-xs, 0.75rem);
+  --min-height: 32px;
 }
-.ivds-button--success:hover:not(:disabled, [aria-disabled=true]) {
-  background-color: var(--color-semantic-success-600, #059669);
-  border-color: var(--color-semantic-success-600, #059669);
+.ivds-button--small {
+  --padding-block: var(--spacing-2, 0.5rem);
+  --padding-inline: var(--spacing-4, 1rem);
+  --font-size: var(--fontSize-sm, 0.875rem);
+  --min-height: 40px;
 }
-.ivds-button--success:active:not(:disabled, [aria-disabled=true]) {
-  transform: translateY(1px);
+.ivds-button--large {
+  --padding-block: var(--spacing-4, 1rem);
+  --padding-inline: var(--spacing-8, 2rem);
+  --font-size: var(--fontSize-lg, 1.125rem);
+  --min-height: 56px;
 }
-.ivds-button--warning {
-  background-color: var(--color-semantic-warning-500, #f59e0b);
-  color: var(--color-semantic-neutral-50, #fcfcfd);
-  border-color: var(--color-semantic-warning-500, #f59e0b);
+.ivds-button--xl {
+  --padding-block: var(--spacing-5, 1.25rem);
+  --padding-inline: var(--spacing-10, 2.5rem);
+  --font-size: var(--fontSize-xl, 1.25rem);
+  --min-height: 64px;
 }
-.ivds-button--warning:hover:not(:disabled, [aria-disabled=true]) {
-  background-color: var(--color-semantic-warning-600, #d97706);
-  border-color: var(--color-semantic-warning-600, #d97706);
+.ivds-button-group {
+  display: inline-flex;
 }
-.ivds-button--warning:active:not(:disabled, [aria-disabled=true]) {
-  transform: translateY(1px);
+.ivds-button-group > .ivds-button {
+  border-radius: 0;
 }
-.ivds-button--danger {
-  background-color: var(--color-semantic-error-500, #ef4444);
-  color: var(--color-semantic-neutral-50, #fcfcfd);
-  border-color: var(--color-semantic-error-500, #ef4444);
+.ivds-button-group > .ivds-button:not(:first-child) {
+  margin-left: -2px;
 }
-.ivds-button--danger:hover:not(:disabled, [aria-disabled=true]) {
-  background-color: var(--color-semantic-error-600, #dc2626);
-  border-color: var(--color-semantic-error-600, #dc2626);
+.ivds-button-group > .ivds-button:first-child {
+  border-top-left-radius: var(--ivds-radius-s, 0.125rem);
+  border-bottom-left-radius: var(--ivds-radius-s, 0.125rem);
 }
-.ivds-button--danger:active:not(:disabled, [aria-disabled=true]) {
-  transform: translateY(1px);
+.ivds-button-group > .ivds-button:last-child {
+  border-top-right-radius: var(--ivds-radius-s, 0.125rem);
+  border-bottom-right-radius: var(--ivds-radius-s, 0.125rem);
 }
-.ivds-button--info {
-  background-color: var(--color-semantic-info-500, #3b82f6);
-  color: var(--color-semantic-neutral-50, #fcfcfd);
-  border-color: var(--color-semantic-info-500, #3b82f6);
+.ivds-button-group--vertical {
+  flex-direction: column;
 }
-.ivds-button--info:hover:not(:disabled, [aria-disabled=true]) {
-  background-color: var(--color-semantic-info-600, #2563eb);
-  border-color: var(--color-semantic-info-600, #2563eb);
+.ivds-button-group--vertical > .ivds-button {
+  border-radius: 0;
 }
-.ivds-button--info:active:not(:disabled, [aria-disabled=true]) {
-  transform: translateY(1px);
+.ivds-button-group--vertical > .ivds-button:not(:first-child) {
+  margin-left: 0;
+  margin-top: -2px;
 }
-.ivds-button--small {
-  padding: var(--spacing-2, 0.5rem) var(--spacing-4, 1rem);
-  font-size: var(--fontSize-sm, 0.875rem);
-  min-height: 32px;
+.ivds-button-group--vertical > .ivds-button:first-child {
+  border-top-left-radius: var(--ivds-radius-s, 0.125rem);
+  border-top-right-radius: var(--ivds-radius-s, 0.125rem);
 }
-.ivds-button--large {
-  padding: var(--spacing-4, 1rem) var(--spacing-8, 2rem);
-  font-size: var(--fontSize-lg, 1.125rem);
-  min-height: 56px;
+.ivds-button-group--vertical > .ivds-button:last-child {
+  border-bottom-left-radius: var(--ivds-radius-s, 0.125rem);
+  border-bottom-right-radius: var(--ivds-radius-s, 0.125rem);
 }
-.ivds-button-group {
-  display: inline-flex;
+.ivds-button-group--gap {
+  gap: var(--spacing-2, 0.5rem);
 }
-.ivds-button-group--vertical {
-  flex-direction: column;
+.ivds-button-group--gap > .ivds-button {
+  border-radius: var(--ivds-radius-s, 0.125rem);
+  margin: 0;
 }
+/* stylelint-disable no-descending-specificity */
 .ivds-text-input-wrapper {
   position: relative;
   display: flex;
@@ -210,62 +382,87 @@
   gap: var(--spacing-2, 0.5rem);
 }
 .ivds-text-input {
+  --background-color: var(--ivds-surface-base, #fff);
+  --border-color: var(--ivds-border-strong, #a1adba);
+  --border-width: 2px;
+  --border-radius: var(--ivds-radius-s, 0.125rem);
+  --color: var(--ivds-text-primary, #121a24);
+  --placeholder-color: var(--ivds-text-muted, #4d5968);
+  --focus-border-color: var(--color-brand-accent-600, #1058b8);
+  --hover-border-color: var(--color-semantic-neutral-600, #4d5968);
+  --disabled-background-color: var(--ivds-surface-muted, #f1f3f5);
+  --disabled-border-color: var(--ivds-border-subtle, #e2e7ec);
+  --disabled-color: var(--ivds-text-muted, #4d5968);
+  --error-border-color: var(--color-semantic-error-500, #d73a50);
+  --success-border-color: var(--color-semantic-success-500, #19895d);
   display: block;
   width: 100%;
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-300, #cbd5e1);
-  border-radius: var(--borderRadius-md, 0.375rem);
-  font-family: var(--fontFamily-sans, system-ui, -apple-system, sans-serif);
+  border: var(--border-width) solid var(--border-color);
+  border-radius: var(--border-radius);
+  background-color: var(--background-color);
+  color: var(--color);
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
+  font-size: var(--fontSize-base, 1rem);
   line-height: var(--lineHeight-normal, 1.5);
-  color: var(--color-semantic-neutral-900, #0f172a);
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
 .ivds-text-input::-moz-placeholder {
-  color: var(--color-semantic-neutral-500, #64748b);
+  color: var(--placeholder-color);
 }
 .ivds-text-input::placeholder {
-  color: var(--color-semantic-neutral-500, #64748b);
+  color: var(--placeholder-color);
+}
+.ivds-text-input:hover:not(:disabled, :focus) {
+  border-color: var(--hover-border-color);
 }
 .ivds-text-input:focus {
   outline: none;
-  border-color: var(--color-brand-primary-500, #f97316);
-  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
+  border-color: var(--focus-border-color);
+}
+.ivds-text-input:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
+}
+.ivds-text-input:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
 }
 .ivds-text-input:disabled {
-  background-color: var(--color-semantic-neutral-100, #f1f5f9);
-  color: var(--color-semantic-neutral-500, #64748b);
   cursor: not-allowed;
-  opacity: 0.6;
+  color: var(--disabled-color);
+  border-color: var(--disabled-border-color);
+  background-color: var(--disabled-background-color);
 }
 .ivds-text-input {
   padding: var(--spacing-3, 0.75rem) var(--spacing-3, 0.75rem);
   font-size: var(--fontSize-base, 1rem);
-  min-height: 44px;
+  min-height: 48px;
 }
 .ivds-text-input__label {
   display: block;
-  font-size: var(--fontSize-sm, 0.875rem);
-  font-weight: var(--fontWeight-medium, 500);
-  color: var(--color-semantic-neutral-700, #374151);
   margin-bottom: var(--spacing-1, 0.25rem);
+  color: var(--ivds-text-primary, #121a24);
+  font-size: var(--fontSize-sm, 0.875rem);
+  font-weight: var(--fontWeight-semibold, 600);
 }
 .ivds-text-input__label--required::after {
   content: " *";
-  color: var(--color-semantic-error-500, #ef4444);
+  color: var(--color-semantic-error-500, #d73a50);
 }
 .ivds-text-input__helper {
-  font-size: var(--fontSize-sm, 0.875rem);
-  color: var(--color-semantic-neutral-600, #4b5563);
   margin-top: var(--spacing-1, 0.25rem);
+  color: var(--ivds-text-muted, #4d5968);
+  font-size: var(--fontSize-xs, 0.75rem);
 }
 .ivds-text-input__error {
-  font-size: var(--fontSize-sm, 0.875rem);
-  color: var(--color-semantic-error-600, #dc2626);
   margin-top: var(--spacing-1, 0.25rem);
-}
-.ivds-text-input__error::before {
-  content: "⚠ ";
-  margin-right: var(--spacing-1, 0.25rem);
+  color: var(--color-semantic-error-600, #b72a41);
+  font-size: var(--fontSize-xs, 0.75rem);
+  font-weight: var(--fontWeight-medium, 500);
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-1, 0.25rem);
 }
 .ivds-text-input--small {
   padding: var(--spacing-2, 0.5rem) var(--spacing-3, 0.75rem);
@@ -278,67 +475,69 @@
   min-height: 56px;
 }
 .ivds-text-input--error {
-  border-color: var(--color-semantic-error-500, #ef4444);
+  border-color: var(--color-semantic-error-500, #d73a50);
 }
 .ivds-text-input--error:focus {
-  border-color: var(--color-semantic-error-500, #ef4444);
-  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
+  border-color: var(--color-semantic-error-500, #d73a50);
+}
+.ivds-text-input--error:focus-visible {
+  outline-color: var(--color-semantic-error-500, #d73a50);
 }
 .ivds-text-input--success {
-  border-color: var(--color-semantic-success-500, #10b981);
+  border-color: var(--color-semantic-success-500, #19895d);
 }
 .ivds-text-input--success:focus {
-  border-color: var(--color-semantic-success-500, #10b981);
-  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
+  border-color: var(--color-semantic-success-500, #19895d);
+}
+.ivds-text-input--success:focus-visible {
+  outline-color: var(--color-semantic-success-500, #19895d);
 }
 .ivds-text-input--warning {
-  border-color: var(--color-semantic-warning-500, #f59e0b);
+  border-color: var(--color-semantic-warning-500, #ce790b);
 }
 .ivds-text-input--warning:focus {
-  border-color: var(--color-semantic-warning-500, #f59e0b);
-  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
+  border-color: var(--color-semantic-warning-500, #ce790b);
+}
+.ivds-text-input--warning:focus-visible {
+  outline-color: var(--color-semantic-warning-500, #ce790b);
 }
 .ivds-text-input-wrapper--icon-left {
   position: relative;
 }
-.ivds-text-input-wrapper--icon-left .ivds-text-input {
-  padding-left: 2.5rem;
-}
 .ivds-text-input-wrapper--icon-left .ivds-text-input__icon {
   position: absolute;
   top: 50%;
-  left: var(--spacing-3, 0.75rem);
   transform: translateY(-50%);
-  width: 20px;
-  height: 20px;
-  color: var(--color-semantic-neutral-500, #64748b);
+  width: 1.125rem;
+  height: 1.125rem;
+  color: var(--ivds-text-muted, #4d5968);
   pointer-events: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  left: var(--spacing-3, 0.75rem);
 }
-.ivds-text-input-wrapper--icon-left .ivds-text-input__icon svg {
-  width: 100%;
-  height: 100%;
-  fill: currentcolor;
+.ivds-text-input-wrapper--icon-left .ivds-text-input {
+  padding-left: calc(1.125rem + var(--spacing-6, 1.5rem));
 }
 .ivds-text-input-wrapper--icon-right {
   position: relative;
 }
-.ivds-text-input-wrapper--icon-right .ivds-text-input {
-  padding-right: 2.5rem;
-}
 .ivds-text-input-wrapper--icon-right .ivds-text-input__icon {
   position: absolute;
   top: 50%;
-  right: var(--spacing-3, 0.75rem);
   transform: translateY(-50%);
-  width: 20px;
-  height: 20px;
-  color: var(--color-semantic-neutral-500, #64748b);
+  width: 1.125rem;
+  height: 1.125rem;
+  color: var(--ivds-text-muted, #4d5968);
   pointer-events: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  right: var(--spacing-3, 0.75rem);
 }
-.ivds-text-input-wrapper--icon-right .ivds-text-input__icon svg {
-  width: 100%;
-  height: 100%;
-  fill: currentcolor;
+.ivds-text-input-wrapper--icon-right .ivds-text-input {
+  padding-right: calc(1.125rem + var(--spacing-6, 1.5rem));
 }
 .ivds-text-input__icon {
   display: flex;
@@ -359,54 +558,54 @@
   border-radius: 0;
 }
 .ivds-text-input-group .ivds-text-input:first-child {
-  border-top-left-radius: var(--borderRadius-md, 0.375rem);
-  border-bottom-left-radius: var(--borderRadius-md, 0.375rem);
+  border-top-left-radius: var(--ivds-radius-s, 0.125rem);
+  border-bottom-left-radius: var(--ivds-radius-s, 0.125rem);
 }
 .ivds-text-input-group .ivds-text-input:last-child {
-  border-top-right-radius: var(--borderRadius-md, 0.375rem);
-  border-bottom-right-radius: var(--borderRadius-md, 0.375rem);
+  border-top-right-radius: var(--ivds-radius-s, 0.125rem);
+  border-bottom-right-radius: var(--ivds-radius-s, 0.125rem);
 }
 .ivds-text-input-group .ivds-text-input:not(:first-child) {
-  border-left: 0;
+  border-left-width: 0;
 }
 .ivds-text-input-group .ivds-text-input__addon {
-  display: flex;
+  display: inline-flex;
   align-items: center;
   padding: var(--spacing-3, 0.75rem);
-  background-color: var(--color-semantic-neutral-100, #f1f5f9);
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-300, #cbd5e1);
-  color: var(--color-semantic-neutral-600, #4b5563);
+  background-color: var(--ivds-surface-muted, #f1f3f5);
+  border: 2px solid var(--ivds-border-strong, #a1adba);
+  color: var(--ivds-text-secondary, #36414f);
   font-size: var(--fontSize-sm, 0.875rem);
   white-space: nowrap;
 }
 .ivds-text-input-group .ivds-text-input__addon:first-child {
-  border-top-left-radius: var(--borderRadius-md, 0.375rem);
-  border-bottom-left-radius: var(--borderRadius-md, 0.375rem);
-  border-right: 0;
+  border-right-width: 0;
+  border-top-left-radius: var(--ivds-radius-s, 0.125rem);
+  border-bottom-left-radius: var(--ivds-radius-s, 0.125rem);
 }
 .ivds-text-input-group .ivds-text-input__addon:last-child {
-  border-top-right-radius: var(--borderRadius-md, 0.375rem);
-  border-bottom-right-radius: var(--borderRadius-md, 0.375rem);
-  border-left: 0;
+  border-left-width: 0;
+  border-top-right-radius: var(--ivds-radius-s, 0.125rem);
+  border-bottom-right-radius: var(--ivds-radius-s, 0.125rem);
 }
 .ivds-text-input--filled {
-  background-color: var(--color-semantic-neutral-100, #f5f5f5);
+  background-color: var(--ivds-surface-muted, #f1f3f5);
   border-color: transparent;
 }
 .ivds-text-input--filled:focus {
-  background-color: var(--color-semantic-neutral-50, #fafafa);
-  border-color: var(--color-brand-primary-500, #f97316);
+  background-color: var(--ivds-surface-base, #fff);
+  border-color: var(--color-brand-accent-600, #1058b8);
 }
 .ivds-text-input--filled:disabled {
-  background-color: var(--color-semantic-neutral-200, #e5e5e5);
+  background-color: var(--color-semantic-neutral-200, #e2e7ec);
 }
 .ivds-text-input--borderless {
   border-color: transparent;
   background-color: transparent;
 }
 .ivds-text-input--borderless:focus {
-  border-color: var(--color-brand-primary-500, #f97316);
-  background-color: var(--color-semantic-neutral-50, #fafafa);
+  border-color: var(--color-brand-accent-600, #1058b8);
+  background-color: var(--ivds-surface-base, #fff);
 }
 .ivds-text-input--textarea {
   min-height: 120px;
@@ -423,204 +622,106 @@
   width: 100%;
 }
 .ivds-text-input[readonly] {
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
+  background-color: var(--ivds-surface-muted, #f1f3f5);
   cursor: default;
 }
 .ivds-text-input[readonly]:focus {
-  box-shadow: none;
-  border-color: var(--color-semantic-neutral-300, #d4d4d4);
+  border-color: var(--ivds-border-strong, #a1adba);
+}
+.ivds-text-input[readonly]:focus-visible {
+  outline: none;
 }
+/* stylelint-disable no-descending-specificity */
+/* stylelint-disable no-descending-specificity */
 .ivds-checkbox {
   position: relative;
   display: inline-flex;
-  align-items: flex-start;
+  align-items: center;
+  gap: var(--spacing-3, 0.75rem);
+  min-height: 48px;
   cursor: pointer;
   -webkit-user-select: none;
-     -moz-user-select: none;
+             -moz-user-select: none;
           user-select: none;
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
 }
 .ivds-checkbox:hover .ivds-checkbox__box {
-  border-color: var(--color-brand-primary-400, #fb923c);
-}
-.ivds-checkbox__box {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 18px;
-  height: 18px;
-  min-width: 18px;
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-300, #cbd5e1);
-  border-radius: var(--borderRadius-sm, 0.125rem);
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  transition: all 0.15s ease-in-out;
-}
-.ivds-checkbox__box::after {
-  content: "";
-  position: absolute;
-  width: 10px;
-  height: 6px;
-  border: 2px solid transparent;
-  border-top: none;
-  border-right: none;
-  transform: rotate(-45deg) scale(0);
-  transition: transform 0.15s ease-in-out;
+  border-color: var(--color-brand-accent-600, #1058b8);
 }
 .ivds-checkbox__input {
   position: absolute;
   opacity: 0;
-  width: 1px;
-  height: 1px;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  clip: rect(0, 0, 0, 0);
-  overflow: hidden;
+  width: 0;
+  height: 0;
 }
 .ivds-checkbox__input:checked + .ivds-checkbox__box {
-  background-color: var(--color-brand-primary-500, #f97316);
-  border-color: var(--color-brand-primary-500, #f97316);
+  border-color: var(--color-brand-accent-600, #1058b8);
+  background-color: var(--color-brand-accent-600, #1058b8);
 }
 .ivds-checkbox__input:checked + .ivds-checkbox__box::after {
-  border-color: var(--color-semantic-neutral-50, #f8fafc);
   transform: rotate(-45deg) scale(1);
 }
-.ivds-checkbox__input:focus + .ivds-checkbox__box {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
+.ivds-checkbox__input:focus-visible + .ivds-checkbox__box {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
 }
-.ivds-checkbox__input:indeterminate + .ivds-checkbox__box {
-  background-color: var(--color-brand-primary-500, #f97316);
-  border-color: var(--color-brand-primary-500, #f97316);
+.ivds-checkbox__input[aria-checked=mixed] + .ivds-checkbox__box {
+  border-color: var(--color-brand-accent-600, #1058b8);
+  background-color: var(--color-brand-accent-600, #1058b8);
 }
-.ivds-checkbox__input:indeterminate + .ivds-checkbox__box::after {
-  content: "";
-  width: 8px;
+.ivds-checkbox__input[aria-checked=mixed] + .ivds-checkbox__box::after {
+  width: 10px;
   height: 2px;
   border: none;
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  transform: none;
-  border-radius: 1px;
-}
-.ivds-checkbox__label {
-  margin-left: var(--spacing-3, 0.75rem);
-  font-size: var(--fontSize-base, 1rem);
-  color: var(--color-semantic-neutral-900, #0f172a);
-  line-height: var(--lineHeight-normal, 1.5);
-}
-.ivds-checkbox__description {
-  margin-top: var(--spacing-1, 0.25rem);
-  margin-left: calc(18px + var(--spacing-3, 0.75rem));
-  font-size: var(--fontSize-sm, 0.875rem);
-  color: var(--color-semantic-neutral-600, #4b5563);
-  line-height: var(--lineHeight-relaxed, 1.625);
+  background-color: #fff;
+  transform: scaleX(1);
 }
-.ivds-checkbox--disabled {
+.ivds-checkbox__input:disabled + .ivds-checkbox__box, .ivds-checkbox__input:disabled ~ .ivds-checkbox__label {
   cursor: not-allowed;
   opacity: 0.6;
 }
-.ivds-checkbox--disabled .ivds-checkbox__box {
-  background-color: var(--color-semantic-neutral-100, #f1f5f9);
-  border-color: var(--color-semantic-neutral-200, #e2e8f0);
-  cursor: not-allowed;
-}
-.ivds-checkbox--disabled .ivds-checkbox__label {
-  color: var(--color-semantic-neutral-500, #64748b);
-  cursor: not-allowed;
-}
-.ivds-checkbox--error .ivds-checkbox__box {
-  border-color: var(--color-semantic-error-500, #ef4444);
-}
-.ivds-checkbox--error:hover .ivds-checkbox__box {
-  border-color: var(--color-semantic-error-600, #dc2626);
-}
-.ivds-checkbox--error .ivds-checkbox__input:checked + .ivds-checkbox__box {
-  background-color: var(--color-semantic-error-500, #ef4444);
-  border-color: var(--color-semantic-error-500, #ef4444);
-}
-.ivds-checkbox--error .ivds-checkbox__input:focus + .ivds-checkbox__box {
-  outline-color: var(--color-semantic-error-500, #ef4444);
-}
-.ivds-checkbox--success .ivds-checkbox__box {
-  border-color: var(--color-semantic-success-500, #10b981);
-}
-.ivds-checkbox--success:hover .ivds-checkbox__box {
-  border-color: var(--color-semantic-success-600, #059669);
-}
-.ivds-checkbox--success .ivds-checkbox__input:checked + .ivds-checkbox__box {
-  background-color: var(--color-semantic-success-500, #10b981);
-  border-color: var(--color-semantic-success-500, #10b981);
-}
-.ivds-checkbox--success .ivds-checkbox__input:focus + .ivds-checkbox__box {
-  outline-color: var(--color-semantic-success-500, #10b981);
-}
-.ivds-checkbox--small .ivds-checkbox__box {
+.ivds-checkbox__box {
   position: relative;
-  display: flex;
+  display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 14px;
-  height: 14px;
-  min-width: 14px;
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-300, #cbd5e1);
-  border-radius: var(--borderRadius-sm, 0.125rem);
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  transition: all 0.15s ease-in-out;
+  width: 20px;
+  height: 20px;
+  border: 2px solid var(--ivds-border-strong, #a1adba);
+  border-radius: var(--ivds-radius-xs, 0);
+  background-color: var(--ivds-surface-base, #fff);
+  transition: border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), box-shadow var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-checkbox--small .ivds-checkbox__box::after {
+.ivds-checkbox__box::after {
   content: "";
-  position: absolute;
-  width: 10px;
-  height: 6px;
-  border: 2px solid transparent;
+  width: 9px;
+  height: 5px;
+  border: 2px solid #fff;
   border-top: none;
   border-right: none;
   transform: rotate(-45deg) scale(0);
-  transition: transform 0.15s ease-in-out;
-}
-.ivds-checkbox--small .ivds-checkbox__box::after {
-  width: 7px;
-  height: 4px;
+  transform-origin: center;
+  transition: transform var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-checkbox--small .ivds-checkbox__label {
-  margin-left: var(--spacing-2, 0.5rem);
-  font-size: var(--fontSize-sm, 0.875rem);
-  color: var(--color-semantic-neutral-900, #0f172a);
-  line-height: var(--lineHeight-normal, 1.5);
+.ivds-checkbox__label {
+  font-size: var(--fontSize-base, 1rem);
+  font-weight: var(--fontWeight-medium, 500);
+  color: var(--ivds-text-secondary, #36414f);
 }
-.ivds-checkbox--large .ivds-checkbox__box {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 22px;
-  height: 22px;
-  min-width: 22px;
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-300, #cbd5e1);
-  border-radius: var(--borderRadius-sm, 0.125rem);
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  transition: all 0.15s ease-in-out;
+.ivds-checkbox--disabled {
+  opacity: 0.62;
+  cursor: not-allowed;
 }
-.ivds-checkbox--large .ivds-checkbox__box::after {
-  content: "";
-  position: absolute;
-  width: 10px;
-  height: 6px;
-  border: 2px solid transparent;
-  border-top: none;
-  border-right: none;
-  transform: rotate(-45deg) scale(0);
-  transition: transform 0.15s ease-in-out;
+.ivds-checkbox--disabled .ivds-checkbox__box {
+  border-color: var(--ivds-border-subtle, #e2e7ec);
+  background-color: var(--ivds-surface-muted, #f1f3f5);
 }
-.ivds-checkbox--large .ivds-checkbox__box::after {
-  width: 12px;
-  height: 8px;
+.ivds-checkbox--error .ivds-checkbox__box {
+  border-color: var(--color-semantic-error-500, #d73a50);
 }
-.ivds-checkbox--large .ivds-checkbox__label {
-  margin-left: var(--spacing-4, 1rem);
-  font-size: var(--fontSize-lg, 1.125rem);
-  color: var(--color-semantic-neutral-900, #0f172a);
-  line-height: var(--lineHeight-normal, 1.5);
+.ivds-checkbox--error .ivds-checkbox__label {
+  color: var(--color-semantic-error-700, #922036);
 }
 .ivds-checkbox-group {
   display: flex;
@@ -632,365 +733,335 @@
   flex-wrap: wrap;
   gap: var(--spacing-6, 1.5rem);
 }
-.ivds-checkbox-group--horizontal {
-  display: flex;
-  flex-direction: column;
+/* stylelint-disable no-descending-specificity */
+/* stylelint-disable no-descending-specificity */
+.ivds-radio-button {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
   gap: var(--spacing-3, 0.75rem);
+  min-height: 48px;
+  cursor: pointer;
+  -webkit-user-select: none;
+             -moz-user-select: none;
+          user-select: none;
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
 }
-.ivds-checkbox-group--horizontal--horizontal {
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: var(--spacing-6, 1.5rem);
-}
-.ivds-checkbox-group--horizontal {
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: var(--spacing-6, 1.5rem);
+.ivds-radio-button:hover .ivds-radio-button__circle {
+  border-color: var(--color-brand-accent-600, #1058b8);
 }
-.ivds-checkbox-group__label {
-  display: block;
-  font-size: var(--fontSize-base, 1rem);
-  font-weight: var(--fontWeight-medium, 500);
-  color: var(--color-semantic-neutral-900, #0f172a);
-  margin-bottom: var(--spacing-3, 0.75rem);
+.ivds-radio-button__input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
 }
-.ivds-checkbox-group__label--required::after {
-  content: " *";
-  color: var(--color-semantic-error-500, #ef4444);
+.ivds-radio-button__input:checked + .ivds-radio-button__circle {
+  border-color: var(--color-brand-accent-600, #1058b8);
 }
-.ivds-checkbox-group__description {
-  font-size: var(--fontSize-sm, 0.875rem);
-  color: var(--color-semantic-neutral-600, #4b5563);
-  margin-bottom: var(--spacing-3, 0.75rem);
+.ivds-radio-button__input:checked + .ivds-radio-button__circle::after {
+  transform: scale(1);
 }
-.ivds-checkbox-group__error {
-  margin-top: var(--spacing-2, 0.5rem);
-  font-size: var(--fontSize-sm, 0.875rem);
-  color: var(--color-semantic-error-600, #dc2626);
+.ivds-radio-button__input:focus-visible + .ivds-radio-button__circle {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
 }
-.ivds-checkbox-group__error::before {
-  content: "⚠ ";
-  margin-right: var(--spacing-1, 0.25rem);
-}
-.ivds-checkbox--card {
-  padding: var(--spacing-4, 1rem);
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-200, #e2e8f0);
-  border-radius: var(--borderRadius-md, 0.375rem);
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  transition: all 0.15s ease-in-out;
-}
-.ivds-checkbox--card:hover {
-  border-color: var(--color-brand-primary-300, #fdba74);
-  background-color: var(--color-brand-primary-50, #fff7ed);
-}
-.ivds-checkbox__input:checked ~ .ivds-checkbox--card {
-  border-color: var(--color-brand-primary-500, #f97316);
-  background-color: var(--color-brand-primary-50, #fff7ed);
-}
-.ivds-checkbox__input:focus ~ .ivds-checkbox--card {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
-}
-.ivds-radio-button {
-  position: relative;
-  display: inline-flex;
-  align-items: flex-start;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-.ivds-radio-button:hover .ivds-radio-button__circle {
-  border-color: var(--color-brand-primary-400, #38bdf8);
+.ivds-radio-button__input:disabled + .ivds-radio-button__circle, .ivds-radio-button__input:disabled ~ .ivds-radio-button__label {
+  cursor: not-allowed;
+  opacity: 0.6;
 }
 .ivds-radio-button__circle {
   position: relative;
-  display: flex;
+  display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 18px;
-  height: 18px;
-  min-width: 18px;
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-300, #cbd5e1);
-  border-radius: 50%;
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  transition: all 0.15s ease-in-out;
+  width: 20px;
+  height: 20px;
+  border: 2px solid var(--ivds-border-strong, #a1adba);
+  border-radius: var(--borderRadius-full, 9999px);
+  background-color: var(--ivds-surface-base, #fff);
+  transition: border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), box-shadow var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
 .ivds-radio-button__circle::after {
   content: "";
-  position: absolute;
-  width: 9px;
-  height: 9px;
-  border-radius: 50%;
-  background-color: transparent;
+  width: 9.6px;
+  height: 9.6px;
+  border-radius: var(--borderRadius-full, 9999px);
+  background-color: var(--color-brand-accent-600, #1058b8);
   transform: scale(0);
-  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out;
-}
-.ivds-radio-button__input {
-  position: absolute;
-  opacity: 0;
-  width: 1px;
-  height: 1px;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  clip: rect(0, 0, 0, 0);
-  overflow: hidden;
-}
-.ivds-radio-button__input:checked + .ivds-radio-button__circle {
-  background-color: var(--color-brand-primary-500, #0ea5e9);
-  border-color: var(--color-brand-primary-500, #0ea5e9);
-}
-.ivds-radio-button__input:checked + .ivds-radio-button__circle::after {
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  transform: scale(1);
-}
-.ivds-radio-button__input:focus + .ivds-radio-button__circle {
-  outline: 2px solid var(--color-brand-primary-500, #0ea5e9);
-  outline-offset: 2px;
+  transition: transform var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
 .ivds-radio-button__label {
-  margin-left: var(--spacing-3, 0.75rem);
   font-size: var(--fontSize-base, 1rem);
-  color: var(--color-semantic-neutral-900, #0f172a);
-  line-height: var(--lineHeight-normal, 1.5);
-}
-.ivds-radio-button__description {
-  margin-top: var(--spacing-1, 0.25rem);
-  margin-left: calc(18px + var(--spacing-3, 0.75rem));
-  font-size: var(--fontSize-sm, 0.875rem);
-  color: var(--color-semantic-neutral-600, #4b5563);
-  line-height: var(--lineHeight-relaxed, 1.625);
+  font-weight: var(--fontWeight-medium, 500);
+  color: var(--ivds-text-secondary, #36414f);
 }
 .ivds-radio-button--disabled {
+  opacity: 0.62;
   cursor: not-allowed;
-  opacity: 0.6;
 }
 .ivds-radio-button--disabled .ivds-radio-button__circle {
-  background-color: var(--color-semantic-neutral-100, #f1f5f9);
-  border-color: var(--color-semantic-neutral-200, #e2e8f0);
-  cursor: not-allowed;
+  border-color: var(--ivds-border-subtle, #e2e7ec);
+  background-color: var(--ivds-surface-muted, #f1f3f5);
 }
-.ivds-radio-button--disabled .ivds-radio-button__label {
-  color: var(--color-semantic-neutral-500, #64748b);
-  cursor: not-allowed;
+.ivds-radio-button--card {
+  padding: var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);
+  border: 1px solid var(--ivds-border-subtle, #e2e7ec);
+  border-radius: var(--ivds-radius-s, 0.125rem);
+  background-color: var(--ivds-surface-base, #fff);
+  transition: border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
+}
+.ivds-radio-button--card:hover {
+  border-color: var(--color-brand-accent-600, #1058b8);
+  background-color: var(--color-brand-accent-50, #eef4ff);
+}
+.ivds-radio-button--card.ivds-radio-button--checked {
+  border-color: var(--color-brand-accent-600, #1058b8);
+  background-color: var(--color-brand-accent-50, #eef4ff);
 }
-.ivds-radio-button--error .ivds-radio-button__circle {
-  border-color: var(--color-semantic-error-500, #ef4444);
+.ivds-radio-group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3, 0.75rem);
 }
-.ivds-radio-button--error:hover .ivds-radio-button__circle {
-  border-color: var(--color-semantic-error-600, #dc2626);
+.ivds-radio-group--horizontal {
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: var(--spacing-6, 1.5rem);
 }
-.ivds-radio-button--error .ivds-radio-button__input:checked + .ivds-radio-button__circle {
-  background-color: var(--color-semantic-error-500, #ef4444);
-  border-color: var(--color-semantic-error-500, #ef4444);
+/* stylelint-disable no-descending-specificity */
+/* stylelint-disable no-descending-specificity */
+.ivds-switch {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-3, 0.75rem);
+  min-height: 48px;
+  cursor: pointer;
+  -webkit-user-select: none;
+             -moz-user-select: none;
+          user-select: none;
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
 }
-.ivds-radio-button--error .ivds-radio-button__input:focus + .ivds-radio-button__circle {
-  outline-color: var(--color-semantic-error-500, #ef4444);
+.ivds-switch__input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
 }
-.ivds-radio-button--success .ivds-radio-button__circle {
-  border-color: var(--color-semantic-success-500, #10b981);
+.ivds-switch__input:checked + .ivds-switch__track {
+  background-color: var(--color-brand-accent-600, #1058b8);
+  border-color: var(--color-brand-accent-600, #1058b8);
 }
-.ivds-radio-button--success:hover .ivds-radio-button__circle {
-  border-color: var(--color-semantic-success-600, #059669);
+.ivds-switch__input:checked + .ivds-switch__track::after {
+  transform: translateX(20px);
 }
-.ivds-radio-button--success .ivds-radio-button__input:checked + .ivds-radio-button__circle {
-  background-color: var(--color-semantic-success-500, #10b981);
-  border-color: var(--color-semantic-success-500, #10b981);
+.ivds-switch__input:focus-visible + .ivds-switch__track {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
 }
-.ivds-radio-button--success .ivds-radio-button__input:focus + .ivds-radio-button__circle {
-  outline-color: var(--color-semantic-success-500, #10b981);
+.ivds-switch__input:disabled + .ivds-switch__track {
+  cursor: not-allowed;
 }
-.ivds-radio-button--small .ivds-radio-button__circle {
+.ivds-switch__track {
   position: relative;
-  display: flex;
+  display: inline-flex;
   align-items: center;
-  justify-content: center;
-  width: 14px;
-  height: 14px;
-  min-width: 14px;
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-300, #cbd5e1);
-  border-radius: 50%;
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  transition: all 0.15s ease-in-out;
+  width: 46px;
+  height: 26px;
+  padding: 2px;
+  border: 2px solid var(--ivds-border-strong, #a1adba);
+  border-radius: var(--borderRadius-full, 9999px);
+  background-color: var(--ivds-surface-muted, #f1f3f5);
+  transition: background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), box-shadow var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-radio-button--small .ivds-radio-button__circle::after {
+.ivds-switch__track::after {
   content: "";
-  position: absolute;
-  width: 7px;
-  height: 7px;
-  border-radius: 50%;
-  background-color: transparent;
-  transform: scale(0);
-  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out;
+  width: 20px;
+  height: 20px;
+  border-radius: var(--borderRadius-full, 9999px);
+  background-color: #fff;
+  box-shadow: var(--ivds-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.08));
+  transition: transform var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-radio-button--small .ivds-radio-button__label {
-  margin-left: var(--spacing-2, 0.5rem);
-  font-size: var(--fontSize-sm, 0.875rem);
-  color: var(--color-semantic-neutral-900, #0f172a);
-  line-height: var(--lineHeight-normal, 1.5);
+.ivds-switch__label {
+  font-size: var(--fontSize-base, 1rem);
+  font-weight: var(--fontWeight-medium, 500);
+  color: var(--ivds-text-secondary, #36414f);
 }
-.ivds-radio-button--large .ivds-radio-button__circle {
+.ivds-switch--small .ivds-switch__track {
   position: relative;
-  display: flex;
+  display: inline-flex;
   align-items: center;
-  justify-content: center;
-  width: 22px;
-  height: 22px;
-  min-width: 22px;
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-300, #cbd5e1);
-  border-radius: 50%;
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  transition: all 0.15s ease-in-out;
+  width: 36px;
+  height: 20px;
+  padding: 2px;
+  border: 2px solid var(--ivds-border-strong, #a1adba);
+  border-radius: var(--borderRadius-full, 9999px);
+  background-color: var(--ivds-surface-muted, #f1f3f5);
+  transition: background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), box-shadow var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-radio-button--large .ivds-radio-button__circle::after {
+.ivds-switch--small .ivds-switch__track::after {
   content: "";
-  position: absolute;
-  width: 11px;
-  height: 11px;
-  border-radius: 50%;
-  background-color: transparent;
-  transform: scale(0);
-  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out;
+  width: 14px;
+  height: 14px;
+  border-radius: var(--borderRadius-full, 9999px);
+  background-color: #fff;
+  box-shadow: var(--ivds-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.08));
+  transition: transform var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-radio-button--large .ivds-radio-button__label {
-  margin-left: var(--spacing-4, 1rem);
-  font-size: var(--fontSize-lg, 1.125rem);
-  color: var(--color-semantic-neutral-900, #0f172a);
-  line-height: var(--lineHeight-normal, 1.5);
+.ivds-switch--small .ivds-switch__input:checked + .ivds-switch__track::after {
+  transform: translateX(16px);
 }
-.ivds-radio-button-group {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-3, 0.75rem);
+.ivds-switch--large .ivds-switch__track {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 52px;
+  height: 28px;
+  padding: 2px;
+  border: 2px solid var(--ivds-border-strong, #a1adba);
+  border-radius: var(--borderRadius-full, 9999px);
+  background-color: var(--ivds-surface-muted, #f1f3f5);
+  transition: background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), box-shadow var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-radio-button-group--horizontal {
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: var(--spacing-6, 1.5rem);
+.ivds-switch--large .ivds-switch__track::after {
+  content: "";
+  width: 22px;
+  height: 22px;
+  border-radius: var(--borderRadius-full, 9999px);
+  background-color: #fff;
+  box-shadow: var(--ivds-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.08));
+  transition: transform var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-radio-button-group--horizontal {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-3, 0.75rem);
+.ivds-switch--large .ivds-switch__input:checked + .ivds-switch__track::after {
+  transform: translateX(24px);
 }
-.ivds-radio-button-group--horizontal--horizontal {
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: var(--spacing-6, 1.5rem);
+.ivds-switch--disabled {
+  opacity: 0.62;
+  cursor: not-allowed;
 }
-.ivds-radio-button-group--horizontal {
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: var(--spacing-6, 1.5rem);
+.ivds-switch--disabled .ivds-switch__track {
+  border-color: var(--ivds-border-subtle, #e2e7ec);
+  background-color: var(--ivds-surface-muted, #f1f3f5);
+}
+/* stylelint-disable no-descending-specificity */
+/* stylelint-disable no-descending-specificity */
+.ivds-select-wrapper {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2, 0.5rem);
 }
-.ivds-radio-button-group__label {
+.ivds-select {
+  --background-color: var(--ivds-surface-base, #fff);
+  --border-color: var(--ivds-border-strong, #a1adba);
+  --border-radius: var(--ivds-radius-s, 0.125rem);
+  --color: var(--ivds-text-primary, #121a24);
+  --focus-border-color: var(--color-brand-accent-600, #1058b8);
+  --min-height: 48px;
   display: block;
+  width: 100%;
+  min-height: var(--min-height);
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  cursor: pointer;
+  border: 2px solid var(--border-color);
+  border-radius: var(--border-radius);
+  background-color: var(--background-color);
+  color: var(--color);
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
   font-size: var(--fontSize-base, 1rem);
-  font-weight: var(--fontWeight-medium, 500);
-  color: var(--color-semantic-neutral-900, #0f172a);
-  margin-bottom: var(--spacing-3, 0.75rem);
-}
-.ivds-radio-button-group__label--required::after {
-  content: " *";
-  color: var(--color-semantic-error-500, #ef4444);
-}
-.ivds-radio-button-group__description {
-  font-size: var(--fontSize-sm, 0.875rem);
-  color: var(--color-semantic-neutral-600, #4b5563);
-  margin-bottom: var(--spacing-3, 0.75rem);
+  line-height: var(--lineHeight-normal, 1.5);
+  padding: var(--spacing-3, 0.75rem) var(--spacing-4, 1rem);
+  padding-right: var(--spacing-10, 2.5rem);
+  transition: border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), box-shadow var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%234d5968' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right var(--spacing-3, 0.75rem) center;
+  background-size: 1rem;
 }
-.ivds-radio-button-group__error {
-  margin-top: var(--spacing-2, 0.5rem);
-  font-size: var(--fontSize-sm, 0.875rem);
-  color: var(--color-semantic-error-600, #dc2626);
+.ivds-select:hover:not(:disabled, :focus) {
+  border-color: var(--color-semantic-neutral-600, #4d5968);
 }
-.ivds-radio-button-group__error::before {
-  content: "⚠ ";
-  margin-right: var(--spacing-1, 0.25rem);
+.ivds-select:focus {
+  outline: none;
+  border-color: var(--focus-border-color);
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230050c8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
 }
-.ivds-radio-button--card {
-  padding: var(--spacing-4, 1rem);
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-200, #e2e8f0);
-  border-radius: var(--borderRadius-md, 0.375rem);
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  transition: all 0.15s ease-in-out;
+.ivds-select:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
 }
-.ivds-radio-button--card:hover {
-  border-color: var(--color-brand-primary-300, #7dd3fc);
-  background-color: var(--color-brand-primary-50, #eff6ff);
+.ivds-select:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
 }
-.ivds-radio-button__input:checked ~ .ivds-radio-button--card {
-  border-color: var(--color-brand-primary-500, #0ea5e9);
-  background-color: var(--color-brand-primary-50, #eff6ff);
+.ivds-select--small {
+  padding-top: var(--spacing-2, 0.5rem);
+  padding-bottom: var(--spacing-2, 0.5rem);
+  font-size: var(--fontSize-sm, 0.875rem);
+  border-radius: var(--ivds-radius-s, 0.125rem);
 }
-.ivds-radio-button__input:focus ~ .ivds-radio-button--card {
-  outline: 2px solid var(--color-brand-primary-500, #0ea5e9);
-  outline-offset: 2px;
+.ivds-select--large {
+  padding-top: var(--spacing-4, 1rem);
+  padding-bottom: var(--spacing-4, 1rem);
+  font-size: var(--fontSize-lg, 1.125rem);
 }
-.ivds-radio {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
+.ivds-select:disabled {
+  cursor: not-allowed;
+  opacity: 0.74;
+  color: var(--ivds-text-muted, #4d5968);
+  border-color: var(--ivds-border-subtle, #e2e7ec);
+  background-color: var(--ivds-surface-muted, #f1f3f5);
 }
-.ivds-radio__input {
-  position: absolute;
-  opacity: 0;
-  width: 1px;
-  height: 1px;
+.ivds-select--error {
+  border-color: var(--color-semantic-error-500, #d73a50);
 }
-.ivds-radio__button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 1rem;
-  height: 1rem;
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-300, #cbd5e1);
-  border-radius: 50%;
-  background-color: var(--color-semantic-neutral-25, #fcfcfd);
-  transition: all 0.2s ease-in-out;
+.ivds-select--error:focus {
+  border-color: var(--color-semantic-error-500, #d73a50);
 }
-.ivds-radio__label {
-  margin-left: var(--spacing-2, 0.5rem);
-  font-size: var(--fontSize-base, 1rem);
-  color: var(--color-semantic-neutral-900, #0f172a);
+.ivds-select--error:focus-visible {
+  outline-color: var(--color-semantic-error-500, #d73a50);
 }
-.ivds-radio__input:checked + .ivds-radio__button {
-  border-color: var(--color-brand-primary-500, #0ea5e9);
+.ivds-select__label {
+  font-size: var(--fontSize-sm, 0.875rem);
+  font-weight: var(--fontWeight-semibold, 600);
+  color: var(--ivds-text-primary, #121a24);
 }
-.ivds-radio__input:checked + .ivds-radio__button::after {
-  content: "";
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 50%;
-  background-color: var(--color-brand-primary-500, #0ea5e9);
-}
-.ivds-radio__input:focus + .ivds-radio__button {
-  outline: 2px solid var(--color-brand-primary-500, #0ea5e9);
-  outline-offset: 2px;
-}
-.ivds-radio__input:disabled + .ivds-radio__button {
-  background-color: var(--color-semantic-neutral-100, #f1f5f9);
-  border-color: var(--color-semantic-neutral-200, #e2e8f0);
-  cursor: not-allowed;
+.ivds-select__helper {
+  font-size: var(--fontSize-xs, 0.75rem);
+  color: var(--ivds-text-muted, #4d5968);
 }
-/* Content and layout components*/
+/* stylelint-disable no-descending-specificity */
 .ivds-card {
+  --background-color: var(--ivds-surface-base, #fff);
+  --border-color: var(--ivds-border-subtle, #e2e7ec);
+  --border-radius: var(--ivds-radius-m, 0.25rem);
+  --box-shadow: none;
+  --padding: var(--spacing-6, 1.5rem);
+  --hover-border-color: var(--color-brand-accent-500, #1a6bdb);
+  --hover-box-shadow: var(--ivds-shadow-md, 0 1px 2px rgba(7, 11, 16, 0.12));
   display: flex;
   flex-direction: column;
-  background-color: var(--color-semantic-neutral-50, #fafafa);
-  border-radius: var(--borderRadius-xl, 0.75rem);
+  position: relative;
   overflow: hidden;
-  transition: box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out;
-  box-shadow: var(--shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1));
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-200, #e2e8f0);
-  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
+  background-color: var(--background-color);
+  border: 1px solid var(--border-color);
+  border-radius: var(--border-radius);
+  box-shadow: var(--box-shadow);
+  transition: border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), box-shadow var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
+  --background-color: var(--ivds-surface-base, #fff);
+  --border-color: var(--ivds-border-subtle, #e2e7ec);
+  --box-shadow: none;
 }
 .ivds-card__header {
   padding: var(--spacing-6, 1.5rem);
-  border-bottom: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-200, #e2e8f0);
+  border-bottom: 1px solid var(--ivds-border-subtle, #e2e7ec);
 }
 .ivds-card__body {
   padding: var(--spacing-6, 1.5rem);
@@ -998,8 +1069,8 @@
 }
 .ivds-card__footer {
   padding: var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);
-  background-color: var(--color-semantic-neutral-100, #f1f5f9);
-  border-top: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-200, #e2e8f0);
+  background-color: var(--ivds-surface-muted, #f1f3f5);
+  border-top: 1px solid var(--ivds-border-subtle, #e2e7ec);
 }
 .ivds-card__media {
   position: relative;
@@ -1012,29 +1083,31 @@
   -o-object-fit: cover;
      object-fit: cover;
   display: block;
+  transition: transform var(--ivds-motion-normal, 250ms) var(--ivds-motion-ease, ease);
 }
 .ivds-card__title {
-  margin: 0 0 var(--spacing-2, 0.5rem) 0;
-  font-size: var(--fontSize-lg, 1.125rem);
+  margin: 0 0 var(--spacing-1, 0.25rem);
+  color: var(--ivds-text-primary, #121a24);
+  font-size: var(--fontSize-xl, 1.25rem);
   font-weight: var(--fontWeight-semibold, 600);
-  color: var(--color-semantic-neutral-900, #0f172a);
   line-height: var(--lineHeight-tight, 1.25);
 }
 .ivds-card__subtitle {
-  margin: 0 0 var(--spacing-3, 0.75rem) 0;
+  margin: 0 0 var(--spacing-4, 1rem);
+  color: var(--ivds-text-muted, #4d5968);
   font-size: var(--fontSize-sm, 0.875rem);
-  color: var(--color-semantic-neutral-600, #4b5563);
-  line-height: var(--lineHeight-normal, 1.5);
+  font-weight: var(--fontWeight-medium, 500);
 }
 .ivds-card__content {
   margin: 0;
-  color: var(--color-semantic-neutral-700, #334155);
+  color: var(--ivds-text-secondary, #36414f);
   line-height: var(--lineHeight-relaxed, 1.625);
 }
 .ivds-card__actions {
   display: flex;
   align-items: center;
   justify-content: flex-start;
+  flex-wrap: wrap;
   gap: var(--spacing-3, 0.75rem);
   margin-top: var(--spacing-4, 1rem);
 }
@@ -1049,12 +1122,12 @@
   left: 0;
   right: 0;
   bottom: 0;
-  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
+  background: linear-gradient(to bottom, rgba(var(--ivds-overlay-rgb, 18, 26, 36), 0.08) 0%, rgba(var(--ivds-overlay-rgb, 18, 26, 36), 0.82) 100%);
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   padding: var(--spacing-6, 1.5rem);
-  color: var(--color-semantic-neutral-50, #f8fafc);
+  color: var(--ivds-text-on-strong, #fff);
 }
 .ivds-card__overlay .ivds-card__title,
 .ivds-card__overlay .ivds-card__subtitle,
@@ -1062,42 +1135,50 @@
   color: inherit;
 }
 .ivds-card--flat {
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  border: var(--borderWidth-1, 1px) solid transparent;
-  box-shadow: none;
+  --background-color: var(--ivds-surface-base, #fff);
+  --border-color: transparent;
+  --box-shadow: none;
 }
 .ivds-card--bordered {
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-300, #cbd5e1);
-  box-shadow: none;
+  --background-color: var(--ivds-surface-base, #fff);
+  --border-color: var(--ivds-border-strong, #a1adba);
+  --box-shadow: none;
 }
 .ivds-card--elevated {
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-200, #e2e8f0);
-  box-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06));
+  --background-color: var(--ivds-surface-base, #fff);
+  --border-color: var(--ivds-border-subtle, #e2e7ec);
+  --box-shadow: var(--ivds-shadow-md, 0 1px 2px rgba(7, 11, 16, 0.12));
 }
 .ivds-card--floating {
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  border: var(--borderWidth-1, 1px) solid transparent;
-  box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05));
+  --background-color: var(--ivds-surface-base, #fff);
+  --border-color: transparent;
+  --box-shadow: var(--ivds-shadow-lg, 0 4px 10px rgba(7, 11, 16, 0.14));
 }
 .ivds-card--interactive {
   cursor: pointer;
 }
 .ivds-card--interactive:hover {
-  transform: translateY(-2px);
-  box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05));
+  border-color: var(--hover-border-color);
+  box-shadow: var(--hover-box-shadow);
+}
+.ivds-card--interactive:hover .ivds-card__media img {
+  transform: scale(1.01);
 }
 .ivds-card--interactive:active {
-  transform: translateY(0);
+  box-shadow: var(--ivds-shadow-sm, 0 1px 0 rgba(7, 11, 16, 0.1));
+}
+.ivds-card--interactive:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
 }
-.ivds-card--interactive:focus {
-  outline: 2px solid var(--color-brand-primary-500, #0ea5e9);
-  outline-offset: 2px;
+.ivds-card--interactive:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
 }
 .ivds-card--compact .ivds-card__header {
   padding: var(--spacing-4, 1rem);
-  border-bottom: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-200, #e2e8f0);
+  border-bottom: 1px solid var(--ivds-border-subtle, #e2e7ec);
 }
 .ivds-card--compact .ivds-card__body {
   padding: var(--spacing-4, 1rem);
@@ -1105,12 +1186,12 @@
 }
 .ivds-card--compact .ivds-card__footer {
   padding: var(--spacing-3, 0.75rem) var(--spacing-4, 1rem);
-  background-color: var(--color-semantic-neutral-100, #f1f5f9);
-  border-top: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-200, #e2e8f0);
+  background-color: var(--ivds-surface-muted, #f1f3f5);
+  border-top: 1px solid var(--ivds-border-subtle, #e2e7ec);
 }
 .ivds-card--spacious .ivds-card__header {
   padding: var(--spacing-8, 2rem);
-  border-bottom: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-200, #e2e8f0);
+  border-bottom: 1px solid var(--ivds-border-subtle, #e2e7ec);
 }
 .ivds-card--spacious .ivds-card__body {
   padding: var(--spacing-8, 2rem);
@@ -1118,36 +1199,33 @@
 }
 .ivds-card--spacious .ivds-card__footer {
   padding: var(--spacing-6, 1.5rem) var(--spacing-8, 2rem);
-  background-color: var(--color-semantic-neutral-100, #f1f5f9);
-  border-top: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-200, #e2e8f0);
+  background-color: var(--ivds-surface-muted, #f1f3f5);
+  border-top: 1px solid var(--ivds-border-subtle, #e2e7ec);
 }
 .ivds-card--horizontal {
   flex-direction: row;
 }
 .ivds-card--horizontal .ivds-card__media {
+  width: 220px;
   flex-shrink: 0;
-  width: 200px;
 }
 .ivds-card--horizontal .ivds-card__content-wrapper {
   display: flex;
-  flex-direction: column;
   flex: 1;
+  flex-direction: column;
 }
 .ivds-card--overlay {
   position: relative;
 }
 .ivds-card--overlay .ivds-card__overlay {
   position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
+  inset: 0;
   display: flex;
-  flex-direction: column;
   justify-content: flex-end;
+  flex-direction: column;
   padding: var(--spacing-6, 1.5rem);
-  color: var(--color-semantic-neutral-50, #f8fafc);
+  color: var(--ivds-text-on-strong, #fff);
+  background: linear-gradient(to bottom, rgba(18, 26, 36, 0.08) 0%, rgba(18, 26, 36, 0.82) 100%);
 }
 .ivds-card--overlay .ivds-card__overlay .ivds-card__title,
 .ivds-card--overlay .ivds-card__overlay .ivds-card__subtitle,
@@ -1155,113 +1233,113 @@
   color: inherit;
 }
 .ivds-card--success {
-  background-color: var(--color-semantic-success-50, #ecfdf5);
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-success-200, #bbf7d0);
+  --background-color: var(--color-semantic-success-50, #edf9f4);
+  --border-color: var(--color-ui-success-200, #b8e9d2);
 }
 .ivds-card--success .ivds-card__title {
-  color: var(--color-semantic-success-800, #166534);
+  color: var(--color-semantic-success-700, #0a573a);
 }
 .ivds-card--success .ivds-card__content {
-  color: var(--color-semantic-success-700, #15803d);
+  color: var(--color-semantic-success-600, #0f6f4a);
 }
 .ivds-card--warning {
-  background-color: var(--color-semantic-warning-50, #fffbeb);
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-warning-200, #fed7aa);
+  --background-color: var(--color-semantic-warning-50, #fff8eb);
+  --border-color: var(--color-ui-warning-200, #f6d6a7);
 }
 .ivds-card--warning .ivds-card__title {
-  color: var(--color-semantic-warning-800, #92400e);
+  color: var(--color-semantic-warning-700, #834b08);
 }
 .ivds-card--warning .ivds-card__content {
-  color: var(--color-semantic-warning-700, #b45309);
+  color: var(--color-semantic-warning-600, #a76009);
 }
 .ivds-card--error {
-  background-color: var(--color-semantic-error-50, #fef2f2);
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-error-200, #fecaca);
+  --background-color: var(--color-semantic-error-50, #fff1f2);
+  --border-color: var(--color-ui-error-200, #f2b8c1);
 }
 .ivds-card--error .ivds-card__title {
-  color: var(--color-semantic-error-800, #991b1b);
+  color: var(--color-semantic-error-700, #922036);
 }
 .ivds-card--error .ivds-card__content {
-  color: var(--color-semantic-error-700, #b91c1c);
+  color: var(--color-semantic-error-600, #b72a41);
 }
 .ivds-card--info {
-  background-color: var(--color-semantic-info-50, #eff6ff);
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-info-200, #bfdbfe);
+  --background-color: var(--color-semantic-info-50, #edf4ff);
+  --border-color: var(--color-ui-info-200, #bfd7ff);
 }
 .ivds-card--info .ivds-card__title {
-  color: var(--color-semantic-info-800, #1e40af);
+  color: var(--color-semantic-info-700, #003d99);
 }
 .ivds-card--info .ivds-card__content {
-  color: var(--color-semantic-info-700, #1d4ed8);
+  color: var(--color-semantic-info-600, #0050c8);
 }
 @keyframes ivds-notification-slide-in {
   from {
-    transform: translateX(100%);
     opacity: 0;
+    transform: translateX(24px);
   }
   to {
-    transform: translateX(0);
     opacity: 1;
+    transform: translateX(0);
   }
 }
 @keyframes ivds-notification-slide-out {
   from {
-    transform: translateX(0);
     opacity: 1;
+    transform: translateX(0);
   }
   to {
-    transform: translateX(100%);
     opacity: 0;
+    transform: translateX(24px);
   }
 }
 @keyframes ivds-notification-fade-in {
   from {
     opacity: 0;
-    transform: scale(0.95);
+    transform: translateY(8px);
   }
   to {
     opacity: 1;
-    transform: scale(1);
+    transform: translateY(0);
   }
 }
 @keyframes ivds-notification-fade-out {
   from {
     opacity: 1;
-    transform: scale(1);
+    transform: translateY(0);
   }
   to {
     opacity: 0;
-    transform: scale(0.95);
+    transform: translateY(8px);
   }
 }
 .ivds-notification {
+  position: relative;
   display: flex;
   align-items: flex-start;
   padding: var(--spacing-4, 1rem);
-  border-radius: var(--borderRadius-md, 0.375rem);
-  border-left: var(--borderWidth-4, 4px) solid;
-  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
-  position: relative;
-  transition: all 0.15s ease-in-out;
+  border: 1px solid var(--ivds-border-subtle, #e2e7ec);
+  border-left-width: 4px;
+  border-radius: var(--ivds-radius-s, 0.125rem);
+  box-shadow: none;
 }
 .ivds-notification__icon {
   flex-shrink: 0;
-  margin-right: var(--spacing-3, 0.75rem);
-  margin-top: var(--spacing-1, 0.25rem);
   width: 1.25rem;
   height: 1.25rem;
+  margin-right: var(--spacing-3, 0.75rem);
+  margin-top: var(--spacing-1, 0.25rem);
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
 .ivds-notification__content {
-  flex: 1;
   min-width: 0;
+  flex: 1;
 }
 .ivds-notification__title {
-  margin: 0 0 var(--spacing-1, 0.25rem) 0;
+  margin: 0 0 var(--spacing-1, 0.25rem);
   font-size: var(--fontSize-base, 1rem);
-  font-weight: var(--fontWeight-medium, 500);
+  font-weight: var(--fontWeight-semibold, 600);
   line-height: var(--lineHeight-tight, 1.25);
 }
 .ivds-notification__message {
@@ -1270,10 +1348,10 @@
   line-height: var(--lineHeight-relaxed, 1.625);
 }
 .ivds-notification__actions {
-  display: flex;
-  gap: var(--spacing-2, 0.5rem);
   margin-top: var(--spacing-3, 0.75rem);
+  display: flex;
   align-items: center;
+  gap: var(--spacing-2, 0.5rem);
 }
 .ivds-notification__dismiss {
   display: inline-flex;
@@ -1288,56 +1366,60 @@
   fill: currentcolor;
 }
 .ivds-notification--success {
-  background-color: var(--color-semantic-success-50, #f0fdf4);
-  border-left-color: var(--color-semantic-success-500, #22c55e);
+  background-color: var(--color-semantic-success-50, #edf9f4);
+  border-color: var(--color-semantic-success-500, #19895d);
+  border-left-color: var(--color-semantic-success-500, #19895d);
 }
 .ivds-notification--success .ivds-notification__title {
-  color: var(--color-semantic-success-800, #166534);
+  color: var(--color-semantic-success-700, #0a573a);
 }
 .ivds-notification--success .ivds-notification__message {
-  color: var(--color-semantic-success-700, #15803d);
+  color: var(--color-semantic-success-700, #0a573a);
 }
 .ivds-notification--success .ivds-notification__icon {
-  color: var(--color-semantic-success-500, #22c55e);
+  color: var(--color-semantic-success-500, #19895d);
 }
 .ivds-notification--warning {
-  background-color: var(--color-semantic-warning-50, #fffbeb);
-  border-left-color: var(--color-semantic-warning-500, #f59e0b);
+  background-color: var(--color-semantic-warning-50, #fff8eb);
+  border-color: var(--color-semantic-warning-500, #ce790b);
+  border-left-color: var(--color-semantic-warning-500, #ce790b);
 }
 .ivds-notification--warning .ivds-notification__title {
-  color: var(--color-semantic-warning-800, #92400e);
+  color: var(--color-semantic-warning-700, #834b08);
 }
 .ivds-notification--warning .ivds-notification__message {
-  color: var(--color-semantic-warning-700, #b45309);
+  color: var(--color-semantic-warning-700, #834b08);
 }
 .ivds-notification--warning .ivds-notification__icon {
-  color: var(--color-semantic-warning-500, #f59e0b);
+  color: var(--color-semantic-warning-500, #ce790b);
 }
 .ivds-notification--error {
-  background-color: var(--color-semantic-error-50, #fef2f2);
-  border-left-color: var(--color-semantic-error-500, #ef4444);
+  background-color: var(--color-semantic-error-50, #fff1f2);
+  border-color: var(--color-semantic-error-500, #d73a50);
+  border-left-color: var(--color-semantic-error-500, #d73a50);
 }
 .ivds-notification--error .ivds-notification__title {
-  color: var(--color-semantic-error-800, #991b1b);
+  color: var(--color-semantic-error-700, #922036);
 }
 .ivds-notification--error .ivds-notification__message {
-  color: var(--color-semantic-error-700, #b91c1c);
+  color: var(--color-semantic-error-700, #922036);
 }
 .ivds-notification--error .ivds-notification__icon {
-  color: var(--color-semantic-error-500, #ef4444);
+  color: var(--color-semantic-error-500, #d73a50);
 }
 .ivds-notification--info {
-  background-color: var(--color-semantic-info-50, #eff6ff);
-  border-left-color: var(--color-semantic-info-500, #3b82f6);
+  background-color: var(--color-semantic-info-50, #edf4ff);
+  border-color: var(--color-semantic-info-500, #1f6fe5);
+  border-left-color: var(--color-semantic-info-500, #1f6fe5);
 }
 .ivds-notification--info .ivds-notification__title {
-  color: var(--color-semantic-info-800, #1e40af);
+  color: var(--color-semantic-info-700, #003d99);
 }
 .ivds-notification--info .ivds-notification__message {
-  color: var(--color-semantic-info-700, #1d4ed8);
+  color: var(--color-semantic-info-700, #003d99);
 }
 .ivds-notification--info .ivds-notification__icon {
-  color: var(--color-semantic-info-500, #3b82f6);
+  color: var(--color-semantic-info-500, #1f6fe5);
 }
 .ivds-notification--dismissible {
   padding-right: var(--spacing-12, 3rem);
@@ -1346,26 +1428,35 @@
   position: absolute;
   top: var(--spacing-3, 0.75rem);
   right: var(--spacing-3, 0.75rem);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  border: 1px solid transparent;
+  border-radius: var(--ivds-radius-xs, 0);
   background: transparent;
-  border: none;
-  cursor: pointer;
-  padding: var(--spacing-1, 0.25rem);
-  border-radius: var(--borderRadius-sm, 0.25rem);
   color: inherit;
-  opacity: 0.7;
-  transition: opacity 0.15s ease-in-out, background-color 0.15s ease-in-out;
+  cursor: pointer;
+  opacity: 0.78;
+  transition: opacity var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
 .ivds-notification--dismissible .ivds-notification__dismiss:hover {
   opacity: 1;
-  background-color: rgba(0, 0, 0, 0.05);
+  border-color: rgba(18, 26, 36, 0.16);
+  background-color: rgba(18, 26, 36, 0.06);
 }
-.ivds-notification--dismissible .ivds-notification__dismiss:focus {
-  outline: 2px solid var(--color-brand-primary-500, #0ea5e9);
-  outline-offset: 2px;
-  opacity: 1;
+.ivds-notification--dismissible .ivds-notification__dismiss:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
 }
-.ivds-notification--dismissible .ivds-notification__dismiss:active {
-  transform: scale(0.95);
+.ivds-notification--dismissible .ivds-notification__dismiss:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
+}
+.ivds-notification--dismissible .ivds-notification__dismiss:focus-visible {
+  opacity: 1;
 }
 .ivds-notification--compact {
   padding: var(--spacing-3, 0.75rem);
@@ -1376,9 +1467,9 @@
   height: 1rem;
 }
 .ivds-notification--compact .ivds-notification__title {
-  margin: 0 0 var(--spacing-1, 0.25rem) 0;
+  margin: 0 0 var(--spacing-1, 0.25rem);
   font-size: var(--fontSize-sm, 0.875rem);
-  font-weight: var(--fontWeight-medium, 500);
+  font-weight: var(--fontWeight-semibold, 600);
   line-height: var(--lineHeight-tight, 1.25);
 }
 .ivds-notification--compact .ivds-notification__message {
@@ -1386,13 +1477,6 @@
   font-size: var(--fontSize-xs, 0.75rem);
   line-height: var(--lineHeight-relaxed, 1.625);
 }
-.ivds-notification--compact.ivds-notification--dismissible {
-  padding-right: var(--spacing-10, 2.5rem);
-}
-.ivds-notification--compact.ivds-notification--dismissible .ivds-notification__dismiss {
-  top: var(--spacing-2, 0.5rem);
-  right: var(--spacing-2, 0.5rem);
-}
 .ivds-notification--spacious {
   padding: var(--spacing-6, 1.5rem);
 }
@@ -1402,57 +1486,58 @@
   height: 1.5rem;
 }
 .ivds-notification--spacious .ivds-notification__title {
-  margin: 0 0 var(--spacing-1, 0.25rem) 0;
+  margin: 0 0 var(--spacing-1, 0.25rem);
   font-size: var(--fontSize-lg, 1.125rem);
   font-weight: var(--fontWeight-semibold, 600);
   line-height: var(--lineHeight-tight, 1.25);
-  margin-bottom: var(--spacing-2, 0.5rem);
 }
 .ivds-notification--spacious .ivds-notification__message {
   margin: 0;
   font-size: var(--fontSize-base, 1rem);
   line-height: var(--lineHeight-relaxed, 1.625);
 }
-.ivds-notification--spacious.ivds-notification--dismissible {
-  padding-right: var(--spacing-14, 3.5rem);
-}
-.ivds-notification--spacious.ivds-notification--dismissible .ivds-notification__dismiss {
-  top: var(--spacing-4, 1rem);
-  right: var(--spacing-4, 1rem);
-}
 .ivds-notification--with-actions .ivds-notification__content {
   padding-bottom: var(--spacing-1, 0.25rem);
 }
 .ivds-notification--slide-in {
-  animation: ivds-notification-slide-in 0.3s ease-out;
+  animation: ivds-notification-slide-in 0.28s ease-out;
 }
 .ivds-notification--slide-out {
   animation: ivds-notification-slide-out 0.2s ease-in forwards;
 }
 .ivds-notification--fade-in {
-  animation: ivds-notification-fade-in 0.3s ease-out;
+  animation: ivds-notification-fade-in 0.26s ease-out;
 }
 .ivds-notification--fade-out {
   animation: ivds-notification-fade-out 0.2s ease-in forwards;
 }
+/* stylelint-disable no-descending-specificity */
 .ivds-tag {
   display: inline-flex;
   align-items: center;
-  font-family: var(--fontFamily-sans, system-ui, -apple-system, sans-serif);
-  font-weight: var(--fontWeight-medium, 500);
-  line-height: var(--lineHeight-tight, 1.25);
-  border-radius: var(--borderRadius-md, 0.375rem);
-  border: var(--borderWidth-1, 1px) solid transparent;
-  text-decoration: none;
+  justify-content: center;
   white-space: nowrap;
-  transition: all 0.15s ease-in-out;
   -webkit-user-select: none;
-     -moz-user-select: none;
+             -moz-user-select: none;
           user-select: none;
+  text-decoration: none;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
+  font-weight: var(--fontWeight-semibold, 600);
+  line-height: var(--lineHeight-tight, 1.25);
+  border: 1px solid transparent;
+  border-radius: var(--ivds-radius-s, 0.125rem);
+  transition: background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-tag:focus-within {
-  outline: 2px solid var(--color-brand-primary-500, #0ea5e9);
-  outline-offset: 2px;
+.ivds-tag:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
+}
+.ivds-tag:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
 }
 .ivds-tag {
   padding: var(--spacing-1, 0.25rem) var(--spacing-3, 0.75rem);
@@ -1472,12 +1557,12 @@
   fill: currentcolor;
 }
 .ivds-tag {
-  background-color: var(--color-semantic-neutral-100, #f1f5f9);
-  color: var(--color-semantic-neutral-700, #334155);
-  border-color: transparent;
+  background-color: var(--ivds-surface-muted, #f1f3f5);
+  color: var(--ivds-text-secondary, #36414f);
+  border-color: var(--ivds-border-subtle, #e2e7ec);
 }
-.ivds-tag:hover {
-  background-color: var(--color-semantic-neutral-200, #e2e8f0);
+.ivds-tag:hover:not(:disabled) {
+  background-color: var(--color-semantic-neutral-200, #e2e7ec);
 }
 .ivds-tag__icon {
   display: inline-flex;
@@ -1505,181 +1590,151 @@
   fill: currentcolor;
 }
 .ivds-tag--primary {
-  background-color: var(--color-brand-primary-100, #ffedd5);
-  color: var(--color-brand-primary-700, #c2410c);
-  border-color: transparent;
+  background-color: var(--color-brand-accent-50, #eef4ff);
+  color: var(--color-brand-accent-700, #0b4593);
+  border-color: var(--color-brand-accent-200, #bfd7ff);
 }
-.ivds-tag--primary:hover {
-  background-color: var(--color-brand-primary-200, #fed7aa);
+.ivds-tag--primary:hover:not(:disabled) {
+  background-color: var(--color-brand-accent-100, #dbe9ff);
 }
 .ivds-tag--success {
-  background-color: var(--color-semantic-success-100, #dcfce7);
-  color: var(--color-semantic-success-700, #15803d);
-  border-color: transparent;
+  background-color: var(--color-semantic-success-50, #edf9f4);
+  color: var(--color-semantic-success-700, #0a573a);
+  border-color: var(--color-ui-success-200, #b8e9d2);
 }
-.ivds-tag--success:hover {
-  background-color: var(--color-semantic-success-200, #bbf7d0);
+.ivds-tag--success:hover:not(:disabled) {
+  background-color: var(--color-ui-success-100, #d6f3e5);
 }
 .ivds-tag--warning {
-  background-color: var(--color-semantic-warning-100, #fef3c7);
-  color: var(--color-semantic-warning-700, #b45309);
-  border-color: transparent;
+  background-color: var(--color-semantic-warning-50, #fff8eb);
+  color: var(--color-semantic-warning-700, #834b08);
+  border-color: var(--color-ui-warning-200, #f6d6a7);
 }
-.ivds-tag--warning:hover {
-  background-color: var(--color-semantic-warning-200, #fed7aa);
+.ivds-tag--warning:hover:not(:disabled) {
+  background-color: var(--color-ui-warning-100, #fcebcf);
 }
 .ivds-tag--error {
-  background-color: var(--color-semantic-error-100, #fee2e2);
-  color: var(--color-semantic-error-700, #b91c1c);
-  border-color: transparent;
+  background-color: var(--color-semantic-error-50, #fff1f2);
+  color: var(--color-semantic-error-700, #922036);
+  border-color: var(--color-ui-error-200, #f2b8c1);
 }
-.ivds-tag--error:hover {
-  background-color: var(--color-semantic-error-200, #fecaca);
+.ivds-tag--error:hover:not(:disabled) {
+  background-color: var(--color-ui-error-100, #f9dbe0);
 }
 .ivds-tag--info {
-  background-color: var(--color-semantic-info-100, #dbeafe);
-  color: var(--color-semantic-info-700, #1d4ed8);
-  border-color: transparent;
+  background-color: var(--color-semantic-info-50, #edf4ff);
+  color: var(--color-semantic-info-700, #003d99);
+  border-color: var(--color-ui-info-200, #bfd7ff);
 }
-.ivds-tag--info:hover {
-  background-color: var(--color-semantic-info-200, #bfdbfe);
+.ivds-tag--info:hover:not(:disabled) {
+  background-color: var(--color-ui-info-100, #dbe9ff);
 }
 .ivds-tag--outlined.ivds-tag {
   background-color: transparent;
-  border-color: var(--color-semantic-neutral-300, #cbd5e1);
-  color: var(--color-semantic-neutral-700, #334155);
+  color: var(--ivds-text-secondary, #36414f);
+  border-color: var(--ivds-border-strong, #a1adba);
 }
-.ivds-tag--outlined.ivds-tag:hover {
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
+.ivds-tag--outlined.ivds-tag:hover:not(:disabled) {
+  background-color: var(--ivds-surface-muted, #f1f3f5);
 }
 .ivds-tag--outlined.ivds-tag--primary {
   background-color: transparent;
-  border-color: var(--color-brand-primary-300, #fdba74);
-  color: var(--color-brand-primary-700, #c2410c);
+  color: var(--color-brand-accent-700, #0b4593);
+  border-color: var(--color-brand-accent-300, #93bcff);
 }
-.ivds-tag--outlined.ivds-tag--primary:hover {
-  background-color: var(--color-brand-primary-50, #fff7ed);
+.ivds-tag--outlined.ivds-tag--primary:hover:not(:disabled) {
+  background-color: var(--color-brand-accent-50, #eef4ff);
 }
 .ivds-tag--outlined.ivds-tag--success {
   background-color: transparent;
-  border-color: var(--color-semantic-success-300, #86efac);
-  color: var(--color-semantic-success-700, #15803d);
+  color: var(--color-semantic-success-700, #0a573a);
+  border-color: var(--color-ui-success-300, #86d7b8);
 }
-.ivds-tag--outlined.ivds-tag--success:hover {
-  background-color: var(--color-semantic-success-50, #f0fdf4);
+.ivds-tag--outlined.ivds-tag--success:hover:not(:disabled) {
+  background-color: var(--color-semantic-success-50, #edf9f4);
 }
 .ivds-tag--outlined.ivds-tag--warning {
   background-color: transparent;
-  border-color: var(--color-semantic-warning-300, #fcd34d);
-  color: var(--color-semantic-warning-700, #b45309);
+  color: var(--color-semantic-warning-700, #834b08);
+  border-color: var(--color-ui-warning-300, #efbf76);
 }
-.ivds-tag--outlined.ivds-tag--warning:hover {
-  background-color: var(--color-semantic-warning-50, #fffbeb);
+.ivds-tag--outlined.ivds-tag--warning:hover:not(:disabled) {
+  background-color: var(--color-semantic-warning-50, #fff8eb);
 }
 .ivds-tag--outlined.ivds-tag--error {
   background-color: transparent;
-  border-color: var(--color-semantic-error-300, #fca5a5);
-  color: var(--color-semantic-error-700, #b91c1c);
+  color: var(--color-semantic-error-700, #922036);
+  border-color: var(--color-ui-error-300, #e68f9d);
 }
-.ivds-tag--outlined.ivds-tag--error:hover {
-  background-color: var(--color-semantic-error-50, #fef2f2);
+.ivds-tag--outlined.ivds-tag--error:hover:not(:disabled) {
+  background-color: var(--color-semantic-error-50, #fff1f2);
 }
 .ivds-tag--outlined.ivds-tag--info {
   background-color: transparent;
-  border-color: var(--color-semantic-info-300, #93c5fd);
-  color: var(--color-semantic-info-700, #1d4ed8);
+  color: var(--color-semantic-info-700, #003d99);
+  border-color: var(--color-ui-info-300, #93bcff);
 }
-.ivds-tag--outlined.ivds-tag--info:hover {
-  background-color: var(--color-semantic-info-50, #eff6ff);
+.ivds-tag--outlined.ivds-tag--info:hover:not(:disabled) {
+  background-color: var(--color-semantic-info-50, #edf4ff);
 }
 .ivds-tag--solid.ivds-tag {
-  background-color: var(--color-semantic-neutral-600, #475569);
-  color: var(--color-semantic-neutral-50, #f8fafc);
-  border-color: var(--color-semantic-neutral-600, #475569);
+  background-color: var(--color-semantic-neutral-700, #36414f);
+  color: #fff;
+  border-color: var(--color-semantic-neutral-700, #36414f);
 }
-.ivds-tag--solid.ivds-tag:hover {
-  background-color: var(--color-semantic-neutral-700, #334155);
-  border-color: var(--color-semantic-neutral-700, #334155);
+.ivds-tag--solid.ivds-tag:hover:not(:disabled) {
+  background-color: var(--color-semantic-neutral-800, #202a36);
 }
 .ivds-tag--solid.ivds-tag--primary {
-  background-color: var(--color-brand-primary-600, #ea580c);
-  color: var(--color-semantic-neutral-50, #fafafa);
-  border-color: var(--color-brand-primary-600, #ea580c);
+  background-color: var(--color-brand-accent-600, #1058b8);
+  color: #fff;
+  border-color: var(--color-brand-accent-600, #1058b8);
 }
-.ivds-tag--solid.ivds-tag--primary:hover {
-  background-color: var(--color-brand-primary-700, #c2410c);
-  border-color: var(--color-brand-primary-700, #c2410c);
+.ivds-tag--solid.ivds-tag--primary:hover:not(:disabled) {
+  background-color: var(--color-brand-accent-700, #0b4593);
 }
 .ivds-tag--solid.ivds-tag--success {
-  background-color: var(--color-semantic-success-600, #16a34a);
-  color: var(--color-semantic-neutral-50, #f8fafc);
-  border-color: var(--color-semantic-success-600, #16a34a);
+  background-color: var(--color-semantic-success-600, #0f6f4a);
+  color: #fff;
+  border-color: var(--color-semantic-success-600, #0f6f4a);
 }
-.ivds-tag--solid.ivds-tag--success:hover {
-  background-color: var(--color-semantic-success-700, #15803d);
-  border-color: var(--color-semantic-success-700, #15803d);
+.ivds-tag--solid.ivds-tag--success:hover:not(:disabled) {
+  background-color: var(--color-semantic-success-700, #0a573a);
 }
 .ivds-tag--solid.ivds-tag--warning {
-  background-color: var(--color-semantic-warning-600, #d97706);
-  color: var(--color-semantic-neutral-50, #f8fafc);
-  border-color: var(--color-semantic-warning-600, #d97706);
+  background-color: var(--color-semantic-warning-600, #a76009);
+  color: #fff;
+  border-color: var(--color-semantic-warning-600, #a76009);
 }
-.ivds-tag--solid.ivds-tag--warning:hover {
-  background-color: var(--color-semantic-warning-700, #b45309);
-  border-color: var(--color-semantic-warning-700, #b45309);
+.ivds-tag--solid.ivds-tag--warning:hover:not(:disabled) {
+  background-color: var(--color-semantic-warning-700, #834b08);
 }
 .ivds-tag--solid.ivds-tag--error {
-  background-color: var(--color-semantic-error-600, #dc2626);
-  color: var(--color-semantic-neutral-50, #f8fafc);
-  border-color: var(--color-semantic-error-600, #dc2626);
+  background-color: var(--color-semantic-error-600, #b72a41);
+  color: #fff;
+  border-color: var(--color-semantic-error-600, #b72a41);
 }
-.ivds-tag--solid.ivds-tag--error:hover {
-  background-color: var(--color-semantic-error-700, #b91c1c);
-  border-color: var(--color-semantic-error-700, #b91c1c);
+.ivds-tag--solid.ivds-tag--error:hover:not(:disabled) {
+  background-color: var(--color-semantic-error-700, #922036);
 }
 .ivds-tag--solid.ivds-tag--info {
-  background-color: var(--color-semantic-info-600, #2563eb);
-  color: var(--color-semantic-neutral-50, #f8fafc);
-  border-color: var(--color-semantic-info-600, #2563eb);
+  background-color: var(--color-semantic-info-600, #0050c8);
+  color: #fff;
+  border-color: var(--color-semantic-info-600, #0050c8);
 }
-.ivds-tag--solid.ivds-tag--info:hover {
-  background-color: var(--color-semantic-info-700, #1d4ed8);
-  border-color: var(--color-semantic-info-700, #1d4ed8);
+.ivds-tag--solid.ivds-tag--info:hover:not(:disabled) {
+  background-color: var(--color-semantic-info-700, #003d99);
 }
 .ivds-tag--small {
   padding: var(--spacing-1, 0.25rem) var(--spacing-2, 0.5rem);
   font-size: var(--fontSize-xs, 0.75rem);
   min-height: 20px;
 }
-.ivds-tag--small .ivds-tag__icon svg {
-  width: 0.875em;
-  height: 0.875em;
-}
-.ivds-tag--small.ivds-tag--removable .ivds-tag__remove {
-  margin-left: var(--spacing-1, 0.25rem);
-  padding: 2px;
-}
-.ivds-tag--small.ivds-tag--removable .ivds-tag__remove svg {
-  width: 0.75em;
-  height: 0.75em;
-}
 .ivds-tag--large {
   padding: var(--spacing-2, 0.5rem) var(--spacing-4, 1rem);
   font-size: var(--fontSize-base, 1rem);
   min-height: 32px;
 }
-.ivds-tag--large .ivds-tag__icon svg {
-  width: 1.125em;
-  height: 1.125em;
-}
-.ivds-tag--large.ivds-tag--removable .ivds-tag__remove {
-  margin-left: var(--spacing-3, 0.75rem);
-  padding: var(--spacing-1, 0.25rem);
-}
-.ivds-tag--large.ivds-tag--removable .ivds-tag__remove svg {
-  width: 1em;
-  height: 1em;
-}
 .ivds-tag--removable {
   padding-right: var(--spacing-1, 0.25rem);
 }
@@ -1688,447 +1743,610 @@
   align-items: center;
   justify-content: center;
   margin-left: var(--spacing-2, 0.5rem);
-  padding: var(--spacing-1, 0.25rem);
-  background: transparent;
+  padding: 2px;
   border: none;
-  border-radius: var(--borderRadius-sm, 0.25rem);
+  border-radius: var(--ivds-radius-xs, 0.125rem);
+  background-color: transparent;
+  color: currentcolor;
   cursor: pointer;
-  color: inherit;
-  opacity: 0.7;
-  transition: opacity 0.15s ease-in-out, background-color 0.15s ease-in-out;
+  transition: background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
 .ivds-tag--removable .ivds-tag__remove:hover {
-  opacity: 1;
-  background-color: rgba(0, 0, 0, 0.1);
-}
-.ivds-tag--removable .ivds-tag__remove:focus {
-  outline: 2px solid var(--color-brand-primary-500, #0ea5e9);
-  outline-offset: 1px;
-  opacity: 1;
-}
-.ivds-tag--removable .ivds-tag__remove:active {
-  transform: scale(0.95);
+  background-color: rgba(16, 24, 40, 0.08);
 }
 .ivds-tag--removable .ivds-tag__remove svg {
-  width: 0.875em;
-  height: 0.875em;
-  fill: currentcolor;
+  width: 14px;
+  height: 14px;
 }
 .ivds-tag--link {
   cursor: pointer;
-  text-decoration: none;
 }
-.ivds-tag--link:hover {
-  text-decoration: none;
+.ivds-tag--link:hover:not(:disabled) {
+  border-color: var(--ivds-border-strong, #a1adba);
 }
-.ivds-tag--link:focus {
-  outline: 2px solid var(--color-brand-primary-500, #0ea5e9);
-  outline-offset: 2px;
+.ivds-tag--link:active:not(:disabled) {
+  opacity: 0.9;
 }
-.ivds-tag--link:active {
-  transform: translateY(1px);
+.ivds-tag--link {
+  text-decoration: none;
 }
 .ivds-tag--interactive {
   cursor: pointer;
 }
-.ivds-tag--interactive:hover {
-  transform: translateY(-1px);
-  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
-}
-.ivds-tag--interactive:active {
-  transform: translateY(0);
+.ivds-tag--interactive:hover:not(:disabled) {
+  border-color: var(--ivds-border-strong, #a1adba);
 }
-.ivds-tag--new {
-  position: relative;
+.ivds-tag--interactive:active:not(:disabled) {
+  opacity: 0.9;
 }
-.ivds-tag--new::after {
+.ivds-tag--new::before {
   content: "";
-  position: absolute;
-  top: -2px;
-  right: -2px;
   width: 6px;
   height: 6px;
-  background-color: var(--color-semantic-success-500, #22c55e);
-  border-radius: 50%;
-  border: 1px solid var(--color-semantic-neutral-50, #f8fafc);
-}
-.ivds-tag--updated {
-  position: relative;
+  border-radius: var(--borderRadius-full, 9999px);
+  margin-right: var(--spacing-2, 0.5rem);
+  background-color: var(--color-semantic-success-500, #16a34a);
 }
-.ivds-tag--updated::after {
+.ivds-tag--updated::before {
   content: "";
-  position: absolute;
-  top: -2px;
-  right: -2px;
   width: 6px;
   height: 6px;
-  background-color: var(--color-semantic-info-500, #3b82f6);
-  border-radius: 50%;
-  border: 1px solid var(--color-semantic-neutral-50, #f8fafc);
+  border-radius: var(--borderRadius-full, 9999px);
+  margin-right: var(--spacing-2, 0.5rem);
+  background-color: var(--color-semantic-info-500, #1f84d6);
 }
 .ivds-tag--disabled {
-  opacity: 0.5;
+  opacity: 0.55;
   cursor: not-allowed;
   pointer-events: none;
 }
 .ivds-tag-group {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--spacing-2, 0.5rem);
   align-items: center;
+  gap: var(--spacing-2, 0.5rem);
 }
 .ivds-tag-group--compact {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--spacing-1, 0.25rem);
   align-items: center;
+  gap: var(--spacing-1, 0.25rem);
 }
 .ivds-tag-group--spacious {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--spacing-3, 0.75rem);
-  align-items: center;
-}
-/* Navigation components*/
-.ivds-breadcrumb {
-  --separator-content: "/";
-  --separator-spacing: var(--spacing-2, 0.5rem);
-  --link-color: var(--color-brand-primary-500, #f97316);
-  --link-color-hover: var(--color-brand-primary-600, #ea580c);
-  --current-color: var(--color-semantic-neutral-700, #404040);
-  --separator-color: var(--color-semantic-neutral-500, #737373);
-  display: flex;
   align-items: center;
-  flex-wrap: wrap;
-  font-size: var(--fontSize-sm, 0.875rem);
-  line-height: var(--lineHeight-normal, 1.5);
+  gap: var(--spacing-3, 0.75rem);
 }
-.ivds-breadcrumb__list {
+.ivds-alert {
+  --background-color: var(--ivds-surface-base, #fff);
+  --border-color: var(--ivds-border-subtle, #e2e7ec);
+  --accent-color: var(--ivds-border-subtle, #e2e7ec);
+  --color: var(--ivds-text-secondary, #36414f);
+  --border-radius: var(--ivds-radius-s, 0.125rem);
+  --padding: var(--spacing-4, 1rem);
   display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  gap: 0;
+  align-items: flex-start;
+  padding: var(--padding);
+  border: 1px solid var(--border-color);
+  border-left-width: 4px;
+  border-left-color: var(--accent-color);
+  border-radius: var(--border-radius);
+  background-color: var(--background-color);
+  color: var(--color);
+  position: relative;
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
 }
-.ivds-breadcrumb__item {
-  display: flex;
+.ivds-alert__icon {
+  flex-shrink: 0;
+  margin-right: var(--spacing-3, 0.75rem);
+  margin-top: calc(var(--lineHeight-relaxed, 1.625) * 0.1em);
+  display: inline-flex;
   align-items: center;
+  justify-content: center;
 }
-.ivds-breadcrumb__item:not(:last-child)::after {
-  content: var(--separator-content);
-  margin: 0 var(--separator-spacing);
-  color: var(--separator-color);
-  font-weight: var(--fontWeight-normal, 400);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  pointer-events: none;
+.ivds-alert__body {
+  flex: 1;
 }
-.ivds-breadcrumb__link {
-  color: var(--link-color);
-  text-decoration: none;
-  transition: all 0.15s ease-in-out;
-  border-radius: var(--borderRadius-md, 0.375rem);
-  padding: var(--spacing-1, 0.25rem) var(--spacing-2, 0.5rem);
-  margin: calc(-1 * var(--spacing-1, 0.25rem)) calc(-1 * var(--spacing-2, 0.5rem));
+.ivds-alert__title {
+  font-weight: var(--fontWeight-bold, 700);
+  margin-bottom: var(--spacing-1, 0.25rem);
+  display: block;
 }
-.ivds-breadcrumb__link:hover {
-  color: var(--link-color-hover);
-  text-decoration: underline;
-  background-color: var(--color-brand-primary-50, #fff7ed);
+.ivds-alert__content {
+  font-size: var(--fontSize-sm, 0.875rem);
+  line-height: var(--lineHeight-relaxed, 1.625);
 }
-.ivds-breadcrumb__link:focus {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
-  text-decoration: none;
+.ivds-alert--info {
+  --background-color: var(--color-semantic-info-50, #edf4ff);
+  --border-color: var(--color-semantic-info-600, #0050c8);
+  --accent-color: var(--color-semantic-info-600, #0050c8);
+  --color: var(--color-semantic-info-700, #003d99);
 }
-.ivds-breadcrumb__link:active {
-  background-color: var(--color-brand-primary-100, #ffedd5);
+.ivds-alert--info .ivds-alert__icon {
+  color: var(--accent-color);
 }
-.ivds-breadcrumb__current {
-  color: var(--current-color);
-  font-weight: var(--fontWeight-medium, 500);
-  padding: var(--spacing-1, 0.25rem) var(--spacing-2, 0.5rem);
-  margin: calc(-1 * var(--spacing-1, 0.25rem)) calc(-1 * var(--spacing-2, 0.5rem));
+.ivds-alert--success {
+  --background-color: var(--color-semantic-success-50, #edf9f4);
+  --border-color: var(--color-semantic-success-600, #0f6f4a);
+  --accent-color: var(--color-semantic-success-600, #0f6f4a);
+  --color: var(--color-semantic-success-700, #0a573a);
 }
-.ivds-breadcrumb--small {
-  --separator-spacing: var(--spacing-1, 0.25rem);
-  font-size: var(--fontSize-xs, 0.75rem);
+.ivds-alert--success .ivds-alert__icon {
+  color: var(--accent-color);
 }
-.ivds-breadcrumb--large {
-  --separator-spacing: var(--spacing-3, 0.75rem);
-  font-size: var(--fontSize-base, 1rem);
+.ivds-alert--warning {
+  --background-color: var(--color-semantic-warning-50, #fff8eb);
+  --border-color: var(--color-semantic-warning-600, #a76009);
+  --accent-color: var(--color-semantic-warning-600, #a76009);
+  --color: var(--color-semantic-warning-700, #834b08);
 }
-.ivds-breadcrumb--separator-arrow {
-  --separator-content: "→";
+.ivds-alert--warning .ivds-alert__icon {
+  color: var(--accent-color);
 }
-.ivds-breadcrumb--separator-chevron {
-  --separator-content: "›";
+.ivds-alert--error {
+  --background-color: var(--color-semantic-error-50, #fff1f2);
+  --border-color: var(--color-semantic-error-600, #b72a41);
+  --accent-color: var(--color-semantic-error-600, #b72a41);
+  --color: var(--color-semantic-error-700, #922036);
 }
-.ivds-breadcrumb--separator-bullet {
-  --separator-content: "•";
+.ivds-alert--error .ivds-alert__icon {
+  color: var(--accent-color);
 }
-.ivds-breadcrumb--theme-dark {
-  --link-color: var(--color-brand-primary-400, #fb923c);
-  --link-color-hover: var(--color-brand-primary-300, #fdba74);
-  --current-color: var(--color-semantic-neutral-200, #e5e5e5);
-  --separator-color: var(--color-semantic-neutral-400, #a3a3a3);
+.ivds-alert--orange {
+  --background-color: var(--color-brand-primary-50, #fef5ee);
+  --border-color: var(--color-brand-primary-600, #b34a00);
+  --accent-color: var(--color-brand-primary-600, #b34a00);
+  --color: var(--color-brand-primary-900, #562400);
 }
-.ivds-breadcrumb--theme-muted {
-  --link-color: var(--color-semantic-neutral-600, #525252);
-  --link-color-hover: var(--color-semantic-neutral-700, #404040);
-  --current-color: var(--color-semantic-neutral-800, #262626);
-  --separator-color: var(--color-semantic-neutral-400, #a3a3a3);
+.ivds-alert--orange .ivds-alert__icon {
+  color: var(--accent-color);
 }
-.ivds-breadcrumb--with-icons .ivds-breadcrumb__link,
-.ivds-breadcrumb--with-icons .ivds-breadcrumb__current {
-  display: flex;
+.ivds-badge {
+  display: inline-flex;
   align-items: center;
+  justify-content: center;
   gap: var(--spacing-1, 0.25rem);
+  padding: 0 var(--spacing-2, 0.5rem);
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
+  font-size: var(--fontSize-xs, 0.75rem);
+  font-weight: var(--fontWeight-semibold, 600);
+  line-height: normal;
+  border-radius: var(--ivds-radius-s, 0.125rem);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  min-height: 20px;
+  border: 1px solid transparent;
 }
-.ivds-breadcrumb--with-icons .ivds-breadcrumb__icon {
-  width: 1em;
-  height: 1em;
-  flex-shrink: 0;
-}
-@media (max-width: 640px) {
-  .ivds-breadcrumb--responsive .ivds-breadcrumb__list {
-    flex-wrap: wrap;
-  }
-  .ivds-breadcrumb--responsive .ivds-breadcrumb__item:nth-last-child(2)::after {
-    content: "...";
-    margin: 0 var(--separator-spacing);
-    color: var(--separator-color);
-  }
-  .ivds-breadcrumb--responsive .ivds-breadcrumb__item:not(:last-child, :nth-last-child(2))::after {
-    display: none;
-  }
-  .ivds-breadcrumb--responsive .ivds-breadcrumb__item:not(:last-child, :nth-last-child(2)) {
-    display: none;
-  }
-}
-.ivds-breadcrumb--truncate .ivds-breadcrumb__link,
-.ivds-breadcrumb--truncate .ivds-breadcrumb__current {
-  max-width: 200px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.ivds-navigation {
-  --nav-link-color: var(--color-semantic-neutral-700, #404040);
-  --nav-link-color-hover: var(--color-brand-primary-600, #ea580c);
-  --nav-link-color-active: var(--color-brand-primary-600, #ea580c);
-  --nav-link-bg-hover: var(--color-brand-primary-50, #fff7ed);
-  --nav-link-bg-active: var(--color-brand-primary-100, #ffedd5);
-  --nav-spacing-x: var(--spacing-4, 1rem);
-  --nav-spacing-y: var(--spacing-3, 0.75rem);
+.ivds-badge__dot {
+  width: 6px;
+  height: 6px;
+  border-radius: var(--borderRadius-full, 9999px);
+  margin-right: var(--spacing-1, 0.25rem);
+  background-color: currentcolor;
+}
+.ivds-badge--neutral {
+  background-color: var(--color-semantic-neutral-100, #f1f3f5);
+  color: var(--color-semantic-neutral-700, #36414f);
+  border-color: var(--color-semantic-neutral-300, #cfd6dd);
+}
+.ivds-badge--primary {
+  background-color: var(--color-brand-accent-50, #eef4ff);
+  color: var(--color-brand-accent-700, #0b4593);
+  border-color: var(--color-brand-accent-200, #bfd7ff);
+}
+.ivds-badge--success {
+  background-color: var(--color-semantic-success-50, #edf9f4);
+  color: var(--color-semantic-success-700, #0a573a);
+  border-color: var(--color-ui-success-200, #b8e9d2);
+}
+.ivds-badge--warning {
+  background-color: var(--color-semantic-warning-50, #fff8eb);
+  color: var(--color-semantic-warning-700, #834b08);
+  border-color: var(--color-ui-warning-200, #f6d6a7);
+}
+.ivds-badge--error {
+  background-color: var(--color-semantic-error-50, #fff1f2);
+  color: var(--color-semantic-error-700, #922036);
+  border-color: var(--color-ui-error-200, #f2b8c1);
+}
+.ivds-badge--outline {
+  background-color: transparent;
+  border: 1px solid var(--ivds-border-strong, #a1adba);
+  color: var(--ivds-text-secondary, #36414f);
+}
+.ivds-modal__overlay {
+  --overlay-background: rgba(16, 24, 40, 0.48);
+  --overlay-blur: 3px;
+  position: fixed;
+  inset: 0;
+  z-index: var(--zIndex-modal, 1000);
   display: flex;
   align-items: center;
+  justify-content: center;
+  padding: var(--spacing-4, 1rem);
+  background-color: var(--overlay-background);
+  backdrop-filter: blur(var(--overlay-blur));
 }
-.ivds-navigation__list {
-  display: flex;
-  margin: 0;
+.ivds-modal__backdrop {
+  position: absolute;
+  inset: 0;
+  border: none;
   padding: 0;
-  list-style: none;
-  gap: 0;
+  margin: 0;
+  background: transparent;
+  cursor: pointer;
 }
-.ivds-navigation__item {
+.ivds-modal__container {
+  --background-color: var(--ivds-surface-base, #fff);
+  --border-color: var(--ivds-border-subtle, #e2e7ec);
+  --border-radius: var(--ivds-radius-m, 0.25rem);
+  --max-width: 640px;
+  width: 100%;
+  max-width: var(--max-width);
+  display: flex;
+  flex-direction: column;
   position: relative;
+  z-index: 1;
+  background-color: var(--background-color);
+  border: 1px solid var(--border-color);
+  border-radius: var(--border-radius);
+  box-shadow: var(--ivds-shadow-lg, 0 8px 20px rgba(15, 23, 42, 0.1));
+  max-height: min(90vh, 920px);
+}
+.ivds-modal__header {
   display: flex;
   align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-4, 1rem);
+  padding: var(--spacing-5, 1.25rem) var(--spacing-6, 1.5rem);
+  border-bottom: 1px solid var(--ivds-border-subtle, #e2e7ec);
 }
-.ivds-navigation__link {
-  display: flex;
+.ivds-modal__title {
+  margin: 0;
+  font-size: var(--fontSize-xl, 1.25rem);
+  font-weight: var(--fontWeight-bold, 700);
+  color: var(--ivds-text-primary, #121a24);
+}
+.ivds-modal__close {
+  display: inline-flex;
   align-items: center;
-  padding: var(--nav-spacing-y) var(--nav-spacing-x);
-  color: var(--nav-link-color);
-  text-decoration: none;
-  font-weight: var(--fontWeight-medium, 500);
-  font-size: var(--fontSize-base, 1rem);
-  line-height: var(--lineHeight-tight, 1.25);
-  border-radius: var(--borderRadius-md, 0.375rem);
-  transition: all 0.15s ease-in-out;
-  white-space: nowrap;
+  justify-content: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  border: 1px solid transparent;
+  border-radius: var(--ivds-radius-s, 0.125rem);
+  background: transparent;
+  color: var(--ivds-text-muted, #4d5968);
+  cursor: pointer;
+  transition: color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-navigation__link:hover {
-  color: var(--nav-link-color-hover);
-  background-color: var(--nav-link-bg-hover);
+.ivds-modal__close:hover {
+  color: var(--ivds-text-primary, #121a24);
+  background-color: var(--ivds-surface-muted, #f1f3f5);
+  border-color: var(--ivds-border-subtle, #e2e7ec);
 }
-.ivds-navigation__link:focus {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
-  text-decoration: none;
+.ivds-modal__close:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
 }
-.ivds-navigation__link:active {
-  background-color: var(--nav-link-bg-active);
+.ivds-modal__close:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
 }
-.ivds-navigation__link--active {
-  color: var(--nav-link-color-active);
-  background-color: var(--nav-link-bg-active);
-  font-weight: var(--fontWeight-semibold, 600);
+.ivds-modal__close svg {
+  width: 20px;
+  height: 20px;
 }
-.ivds-navigation__link--active::after {
-  content: "";
-  position: absolute;
-  bottom: -2px;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 80%;
-  height: 2px;
-  background-color: var(--color-brand-primary-500, #f97316);
-  border-radius: var(--borderRadius-full, 9999px);
+.ivds-modal__body {
+  padding: var(--spacing-6, 1.5rem);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  color: var(--ivds-text-secondary, #36414f);
 }
-.ivds-navigation--horizontal .ivds-navigation__list {
-  flex-direction: row;
+.ivds-modal__footer {
+  display: flex;
   align-items: center;
+  justify-content: flex-end;
+  gap: var(--spacing-3, 0.75rem);
+  padding: var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);
+  border-top: 1px solid var(--ivds-border-subtle, #e2e7ec);
+  background-color: var(--ivds-surface-muted, #f1f3f5);
 }
-.ivds-navigation--horizontal .ivds-navigation__link--active::after {
-  bottom: -2px;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 80%;
-  height: 2px;
+.ivds-modal--sm .ivds-modal__container {
+  max-width: 400px;
 }
-.ivds-navigation--vertical {
-  flex-direction: column;
-  align-items: stretch;
+.ivds-modal--lg .ivds-modal__container {
+  max-width: 800px;
 }
-.ivds-navigation--vertical .ivds-navigation__list {
-  flex-direction: column;
-  align-items: stretch;
+.ivds-modal--xl .ivds-modal__container {
+  max-width: 1000px;
 }
-.ivds-navigation--vertical .ivds-navigation__item {
-  width: 100%;
+.ivds-modal--full .ivds-modal__container {
+  max-width: none;
+  height: 100%;
+  margin: 0;
+  border: none;
+  box-shadow: none;
 }
-.ivds-navigation--vertical .ivds-navigation__link {
+.ivds-tabs {
+  display: block;
   width: 100%;
-  justify-content: flex-start;
-}
-.ivds-navigation--vertical .ivds-navigation__link--active::after {
-  top: 50%;
-  left: -2px;
-  transform: translateY(-50%);
-  width: 2px;
-  height: 80%;
 }
-.ivds-navigation--compact {
-  --nav-spacing-x: var(--spacing-3, 0.75rem);
-  --nav-spacing-y: var(--spacing-2, 0.5rem);
+.ivds-tabs__list {
+  --border-color: var(--ivds-border-subtle, #e2e7ec);
+  --gap: var(--spacing-6, 1.5rem);
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--gap);
+  border-bottom: 2px solid var(--border-color);
+}
+.ivds-tabs__trigger {
+  --color: var(--ivds-text-muted, #4d5968);
+  --active-color: var(--color-brand-accent-700, #0b4593);
+  --active-border-color: var(--color-brand-accent-600, #1058b8);
+  --min-height: 48px;
+  position: relative;
+  min-height: var(--min-height);
+  padding: var(--spacing-4, 1rem) 0;
+  border: none;
+  border-bottom: 3px solid transparent;
+  background: transparent;
+  color: var(--color);
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
+  font-size: var(--fontSize-base, 1rem);
+  font-weight: var(--fontWeight-medium, 500);
+  cursor: pointer;
+  transition: color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-navigation--compact .ivds-navigation__link {
-  font-size: var(--fontSize-sm, 0.875rem);
+.ivds-tabs__trigger:hover {
+  color: var(--ivds-text-primary, #121a24);
+  border-color: var(--ivds-border-strong, #a1adba);
 }
-.ivds-navigation--spacious {
-  --nav-spacing-x: var(--spacing-6, 1.5rem);
-  --nav-spacing-y: var(--spacing-4, 1rem);
+.ivds-tabs__trigger:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
 }
-.ivds-navigation--spacious .ivds-navigation__link {
-  font-size: var(--fontSize-lg, 1.125rem);
+.ivds-tabs__trigger:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
 }
-.ivds-navigation--theme-dark {
-  --nav-link-color: var(--color-semantic-neutral-200, #e5e5e5);
-  --nav-link-color-hover: var(--color-brand-primary-300, #fdba74);
-  --nav-link-color-active: var(--color-brand-primary-400, #fb923c);
-  --nav-link-bg-hover: rgba(249, 115, 22, 0.1);
-  --nav-link-bg-active: rgba(249, 115, 22, 0.2);
+.ivds-tabs__trigger[data-state=active], .ivds-tabs__trigger--active {
+  color: var(--active-color);
+  border-color: var(--active-border-color);
+  font-weight: var(--fontWeight-semibold, 600);
 }
-.ivds-navigation--theme-minimal {
-  --nav-link-bg-hover: transparent;
-  --nav-link-bg-active: transparent;
+.ivds-tabs__content {
+  color: var(--ivds-text-secondary, #36414f);
+  padding: var(--spacing-6, 1.5rem) 0;
 }
-.ivds-navigation--theme-minimal .ivds-navigation__link:hover {
-  text-decoration: underline;
+.ivds-tabs--full-width .ivds-tabs__list {
+  justify-content: stretch;
 }
-.ivds-navigation--theme-minimal .ivds-navigation__link--active {
-  text-decoration: underline;
-  text-decoration-thickness: 2px;
-  text-underline-offset: 4px;
+.ivds-tabs--full-width .ivds-tabs__trigger {
+  flex: 1;
+  text-align: center;
 }
-.ivds-navigation--theme-minimal .ivds-navigation__link--active::after {
-  display: none;
+.ivds-breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  gap: var(--spacing-2, 0.5rem);
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
+  font-size: var(--fontSize-sm, 0.875rem);
 }
-.ivds-navigation--with-icons .ivds-navigation__link {
+.ivds-breadcrumb__item {
+  display: flex;
+  align-items: center;
   gap: var(--spacing-2, 0.5rem);
+  color: var(--ivds-text-muted, #4d5968);
 }
-.ivds-navigation--with-icons .ivds-navigation__icon {
-  width: 1.25rem;
-  height: 1.25rem;
-  flex-shrink: 0;
+.ivds-breadcrumb__link {
+  color: var(--color-brand-accent-700, #0b4593);
+  text-decoration: none;
+  font-weight: var(--fontWeight-medium, 500);
+  transition: color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), text-decoration-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-navigation--with-icons .ivds-navigation__icon svg {
-  width: 100%;
-  height: 100%;
-  fill: currentcolor;
+.ivds-breadcrumb__link:hover {
+  color: var(--color-brand-accent-600, #1058b8);
+  text-decoration: underline;
+  text-decoration-thickness: 2px;
+  text-underline-offset: 0.14em;
 }
-.ivds-navigation--with-dropdown .ivds-navigation__dropdown {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  min-width: 200px;
-  background-color: var(--color-semantic-neutral-50, #fafafa);
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-200, #e5e5e5);
-  border-radius: var(--borderRadius-md, 0.375rem);
-  box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
-  opacity: 0;
-  visibility: hidden;
-  transform: translateY(-8px);
-  transition: all 0.15s ease-in-out;
-  z-index: 50;
+.ivds-breadcrumb__link:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
 }
-.ivds-navigation--with-dropdown .ivds-navigation__dropdown .ivds-navigation__list {
-  flex-direction: column;
-  padding: var(--spacing-2, 0.5rem);
+.ivds-breadcrumb__link:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
 }
-.ivds-navigation--with-dropdown .ivds-navigation__dropdown .ivds-navigation__link {
-  width: 100%;
+.ivds-breadcrumb__separator {
+  color: var(--ivds-border-strong, #a1adba);
+  display: flex;
+  align-items: center;
+}
+.ivds-breadcrumb__separator svg {
+  width: 1rem;
+  height: 1rem;
+}
+.ivds-breadcrumb__current {
+  color: var(--ivds-text-primary, #121a24);
+  font-weight: var(--fontWeight-semibold, 600);
+}
+/* stylelint-disable no-descending-specificity */
+/* stylelint-disable no-descending-specificity */
+.ivds-navigation {
+  display: flex;
+  align-items: center;
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
+}
+.ivds-navigation__list {
+  display: flex;
+  list-style: none;
+  align-items: center;
+  gap: var(--spacing-3, 0.75rem);
+  padding: 0;
+  margin: 0;
+}
+.ivds-navigation__link {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-2, 0.5rem);
+  min-height: 42px;
+  padding: var(--spacing-2, 0.5rem) 0;
+  border-bottom: 3px solid transparent;
+  color: var(--ivds-text-secondary, #36414f);
+  font-size: var(--fontSize-base, 1rem);
+  font-weight: var(--fontWeight-medium, 500);
+  text-decoration: none;
+  transition: color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
+}
+.ivds-navigation__link:hover {
+  color: var(--ivds-text-primary, #121a24);
+  border-color: var(--ivds-border-strong, #a1adba);
+}
+.ivds-navigation__link:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
+}
+.ivds-navigation__link:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
+}
+.ivds-navigation__link.ivds-navigation__link--active {
+  color: var(--color-brand-accent-700, #0b4593);
+  border-color: var(--color-brand-accent-600, #1058b8);
+  font-weight: var(--fontWeight-semibold, 600);
+}
+.ivds-side-nav {
+  display: flex;
+  flex-direction: column;
+  width: 300px;
+  height: 100%;
+  padding: var(--spacing-6, 1.5rem);
+  background-color: var(--ivds-surface-base, #fff);
+  border-right: 1px solid var(--ivds-border-subtle, #e2e7ec);
+}
+.ivds-side-nav__item {
+  width: 100%;
+}
+.ivds-side-nav__item .ivds-side-nav__link {
+  width: 100%;
   justify-content: flex-start;
+  min-height: 42px;
+  padding: var(--spacing-2, 0.5rem) var(--spacing-3, 0.75rem);
+  border-radius: var(--ivds-radius-s, 0.125rem);
 }
-.ivds-navigation--with-dropdown .ivds-navigation__dropdown .ivds-navigation__link--active::after {
-  display: none;
+.ivds-side-nav__item .ivds-side-nav__link--active {
+  background-color: var(--color-brand-accent-50, #eef4ff);
+  color: var(--color-brand-accent-700, #0b4593);
+}
+.ivds-side-nav__item .ivds-side-nav__link--active::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 8px;
+  bottom: 8px;
+  width: 3px;
+  background-color: var(--color-brand-accent-600, #1058b8);
+}
+.ivds-tabs {
+  display: flex;
+  gap: var(--spacing-5, 1.25rem);
+  border-bottom: 2px solid var(--ivds-border-subtle, #e2e7ec);
 }
-.ivds-navigation--with-dropdown .ivds-navigation__item--has-dropdown {
+.ivds-tabs__item {
   position: relative;
+  padding: var(--spacing-3, 0.75rem) 0;
+  color: var(--ivds-text-muted, #4d5968);
+  font-weight: var(--fontWeight-medium, 500);
+  cursor: pointer;
+  transition: color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-navigation--with-dropdown .ivds-navigation__item--has-dropdown:hover .ivds-navigation__dropdown {
-  opacity: 1;
-  visibility: visible;
-  transform: translateY(0);
+.ivds-tabs__item::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -2px;
+  height: 3px;
+  background-color: var(--color-brand-accent-600, #1058b8);
+  transform: scaleX(0);
+  transform-origin: center;
+  transition: transform var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-navigation--breadcrumb .ivds-navigation__list {
-  flex-wrap: wrap;
+.ivds-tabs__item:hover {
+  color: var(--ivds-text-primary, #121a24);
 }
-.ivds-navigation--breadcrumb .ivds-navigation__item:not(:last-child)::after {
-  content: "/";
-  margin: 0 var(--spacing-2, 0.5rem);
-  color: var(--color-semantic-neutral-500, #737373);
-  font-weight: var(--fontWeight-normal, 400);
+.ivds-tabs__item--active {
+  color: var(--color-brand-accent-700, #0b4593);
+  font-weight: var(--fontWeight-semibold, 600);
 }
-.ivds-navigation--breadcrumb .ivds-navigation__link {
-  padding: var(--spacing-1, 0.25rem) var(--spacing-2, 0.5rem);
+.ivds-tabs__item--active::after {
+  transform: scaleX(1);
 }
-.ivds-navigation--breadcrumb .ivds-navigation__link--active {
-  background-color: transparent;
+.ivds-dropdown {
+  position: relative;
+}
+.ivds-dropdown__menu {
+  position: absolute;
+  top: calc(100% + 6px);
+  left: 0;
+  min-width: 230px;
+  padding: var(--spacing-2, 0.5rem);
+  border: 1px solid var(--ivds-border-subtle, #e2e7ec);
+  border-radius: var(--ivds-radius-s, 0.125rem);
+  background-color: var(--ivds-surface-base, #fff);
+  box-shadow: var(--ivds-shadow-lg, 0 4px 10px rgba(7, 11, 16, 0.14));
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(8px);
+  transition: opacity var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), transform var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
+  z-index: 200;
+}
+.ivds-dropdown__item {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2, 0.5rem);
+  padding: var(--spacing-2, 0.5rem) var(--spacing-3, 0.75rem);
+  border-radius: var(--ivds-radius-s, 0.125rem);
+  color: var(--ivds-text-secondary, #36414f);
+  font-size: var(--fontSize-sm, 0.875rem);
   font-weight: var(--fontWeight-medium, 500);
-  cursor: default;
+  cursor: pointer;
+  transition: color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-navigation--breadcrumb .ivds-navigation__link--active::after {
-  display: none;
+.ivds-dropdown__item:hover {
+  background-color: var(--ivds-surface-muted, #f1f3f5);
+  color: var(--ivds-text-primary, #121a24);
+}
+.ivds-dropdown:hover .ivds-dropdown__menu {
+  opacity: 1;
+  visibility: visible;
+  transform: translateY(0);
 }
 .ivds-pagination {
   --pagination-item-size: 2.5rem;
   --pagination-item-size-small: 2rem;
   --pagination-item-size-large: 3rem;
   --pagination-gap: var(--spacing-1, 0.25rem);
-  --pagination-color: var(--color-semantic-neutral-700, #404040);
-  --pagination-color-hover: var(--color-brand-primary-600, #ea580c);
-  --pagination-color-active: var(--color-semantic-neutral-50, #fafafa);
-  --pagination-bg-hover: var(--color-brand-primary-50, #fff7ed);
-  --pagination-bg-active: var(--color-brand-primary-500, #f97316);
-  --pagination-border-color: var(--color-semantic-neutral-300, #d4d4d4);
-  --pagination-border-color-hover: var(--color-brand-primary-500, #f97316);
-  --pagination-border-color-active: var(--color-brand-primary-500, #f97316);
+  --pagination-color: var(--ivds-text-secondary, #36414f);
+  --pagination-color-hover: var(--color-brand-accent-700, #0b4593);
+  --pagination-color-active: #fff;
+  --pagination-bg-hover: var(--color-brand-accent-50, #eef4ff);
+  --pagination-bg-active: var(--color-brand-accent-600, #1058b8);
+  --pagination-border-color: var(--ivds-border-strong, #a1adba);
+  --pagination-border-color-hover: var(--color-brand-accent-600, #1058b8);
+  --pagination-border-color-active: var(--color-brand-accent-600, #1058b8);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2154,18 +2372,25 @@
   color: var(--pagination-color);
   text-decoration: none;
   border: var(--borderWidth-1, 1px) solid var(--pagination-border-color);
-  border-radius: var(--borderRadius-md, 0.375rem);
+  border-radius: var(--ivds-radius-s, 0.125rem);
   font-weight: var(--fontWeight-medium, 500);
   font-size: var(--fontSize-sm, 0.875rem);
   line-height: var(--lineHeight-tight, 1.25);
   transition: all 0.15s ease-in-out;
   -webkit-user-select: none;
-     -moz-user-select: none;
+             -moz-user-select: none;
           user-select: none;
 }
-.ivds-pagination__link:focus {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
+.ivds-pagination__link:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
+}
+.ivds-pagination__link:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
+}
+.ivds-pagination__link:focus-visible {
   text-decoration: none;
 }
 .ivds-pagination__link:hover:not(.ivds-pagination__link--disabled) {
@@ -2183,8 +2408,8 @@
   font-weight: var(--fontWeight-semibold, 600);
 }
 .ivds-pagination__link--active:hover {
-  background-color: var(--color-brand-primary-600, #ea580c);
-  border-color: var(--color-brand-primary-600, #ea580c);
+  background-color: var(--color-brand-accent-700, #0b4593);
+  border-color: var(--color-brand-accent-700, #0b4593);
   color: var(--pagination-color-active);
 }
 .ivds-pagination__link--disabled {
@@ -2203,10 +2428,10 @@
   justify-content: center;
   min-width: var(--pagination-item-size);
   height: var(--pagination-item-size);
-  color: var(--color-semantic-neutral-500, #737373);
+  color: var(--ivds-text-muted, #4d5968);
   font-weight: var(--fontWeight-medium, 500);
   -webkit-user-select: none;
-     -moz-user-select: none;
+             -moz-user-select: none;
           user-select: none;
 }
 .ivds-pagination--small {
@@ -2231,12 +2456,12 @@
   border-right-width: 0;
 }
 .ivds-pagination--compact .ivds-pagination__link:first-child {
-  border-top-left-radius: var(--borderRadius-md, 0.375rem);
-  border-bottom-left-radius: var(--borderRadius-md, 0.375rem);
+  border-top-left-radius: var(--ivds-radius-s, 0.125rem);
+  border-bottom-left-radius: var(--ivds-radius-s, 0.125rem);
 }
 .ivds-pagination--compact .ivds-pagination__link:last-child {
-  border-top-right-radius: var(--borderRadius-md, 0.375rem);
-  border-bottom-right-radius: var(--borderRadius-md, 0.375rem);
+  border-top-right-radius: var(--ivds-radius-s, 0.125rem);
+  border-bottom-right-radius: var(--ivds-radius-s, 0.125rem);
   border-right-width: var(--borderWidth-1, 1px);
 }
 .ivds-pagination--rounded .ivds-pagination__link {
@@ -2246,7 +2471,7 @@
   --pagination-border-color: transparent;
   --pagination-border-color-hover: transparent;
   --pagination-border-color-active: transparent;
-  --pagination-bg-hover: var(--color-semantic-neutral-100, #f5f5f5);
+  --pagination-bg-hover: var(--ivds-surface-muted, #f1f3f5);
 }
 .ivds-pagination--theme-minimal .ivds-pagination__link:hover:not(.ivds-pagination__link--disabled) {
   text-decoration: underline;
@@ -2258,13 +2483,13 @@
 }
 .ivds-pagination--theme-dark {
   --pagination-color: var(--color-semantic-neutral-200, #e5e5e5);
-  --pagination-color-hover: var(--color-brand-primary-300, #fdba74);
+  --pagination-color-hover: var(--color-brand-accent-300, #93bcff);
   --pagination-color-active: var(--color-semantic-neutral-900, #171717);
-  --pagination-bg-hover: rgba(249, 115, 22, 0.1);
-  --pagination-bg-active: var(--color-brand-primary-400, #fb923c);
+  --pagination-bg-hover: rgba(147, 188, 255, 0.12);
+  --pagination-bg-active: var(--color-brand-accent-400, #5a96f5);
   --pagination-border-color: var(--color-semantic-neutral-600, #525252);
-  --pagination-border-color-hover: var(--color-brand-primary-400, #fb923c);
-  --pagination-border-color-active: var(--color-brand-primary-400, #fb923c);
+  --pagination-border-color-hover: var(--color-brand-accent-400, #5a96f5);
+  --pagination-border-color-active: var(--color-brand-accent-400, #5a96f5);
 }
 .ivds-pagination--with-icons .ivds-pagination__link--prev, .ivds-pagination--with-icons .ivds-pagination__link--next {
   display: flex;
@@ -2304,10 +2529,17 @@
   font-size: inherit;
   text-align: center;
 }
-.ivds-pagination--with-jumper .ivds-pagination__jumper input:focus {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
-  border-color: var(--color-brand-primary-500, #f97316);
+.ivds-pagination--with-jumper .ivds-pagination__jumper input:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
+}
+.ivds-pagination--with-jumper .ivds-pagination__jumper input:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
+}
+.ivds-pagination--with-jumper .ivds-pagination__jumper input:focus-visible {
+  border-color: var(--color-brand-accent-600, #1058b8);
 }
 @media (max-width: 640px) {
   .ivds-pagination--responsive .ivds-pagination__item:not(:first-child, :last-child, .ivds-pagination__item--active) {
@@ -2323,683 +2555,405 @@
     display: none;
   }
 }
-/* Structural components*/
+/* stylelint-disable no-descending-specificity */
+/* stylelint-disable no-descending-specificity */
 .ivds-header {
+  --background-color: var(--ivds-surface-base, #fff);
+  --color: var(--ivds-text-primary, #121a24);
+  --border-color: var(--ivds-border-subtle, #e2e7ec);
+  --height: 74px;
+  --height-mobile: 66px;
+  --logo-max-height: 34px;
+  --padding-block: var(--spacing-4, 1rem);
+  --padding-inline: var(--spacing-8, 2rem);
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);
-  background-color: var(--color-semantic-neutral-25, #fcfcfd);
-  border-bottom: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-200, #e2e8f0);
-  min-height: 64px;
+  min-height: var(--height);
+  padding: var(--padding-block) var(--padding-inline);
+  background-color: var(--background-color);
+  border-bottom: 2px solid var(--border-color);
   position: relative;
-  z-index: 10;
-  justify-content: space-between;
-  gap: var(--spacing-6, 1.5rem);
+  z-index: 100;
+  transition: background-color var(--ivds-motion-normal, 250ms) var(--ivds-motion-ease, ease), box-shadow var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-@media (max-width: 768px) {
+@media (max-width: var(--breakpoint-lg, 1024px)) {
   .ivds-header {
-    flex-wrap: wrap;
+    min-height: var(--height-mobile);
     padding: var(--spacing-3, 0.75rem) var(--spacing-4, 1rem);
-    min-height: 56px;
   }
 }
 .ivds-header__brand {
-  display: flex;
+  display: inline-flex;
   align-items: center;
+  gap: var(--spacing-3, 0.75rem);
+  text-decoration: none;
+  color: var(--ivds-text-primary);
   flex-shrink: 0;
 }
 .ivds-header__brand-logo {
-  height: 2rem;
+  height: var(--logo-max-height, 34px);
   width: auto;
-  margin-right: var(--spacing-3, 0.75rem);
-}
-@media (max-width: 768px) {
-  .ivds-header__brand-logo {
-    height: calc(2rem * 0.875);
-    margin-right: var(--spacing-2, 0.5rem);
-  }
+  -o-object-fit: contain;
+     object-fit: contain;
 }
 .ivds-header__brand-text {
-  font-size: var(--fontSize-lg, 1.125rem);
-  font-weight: var(--fontWeight-bold, 700);
-  color: var(--color-semantic-neutral-900, #0f172a);
-  text-decoration: none;
-  line-height: var(--lineHeight-tight, 1.25);
-}
-.ivds-header__brand-text:hover {
-  color: var(--color-brand-primary-600, #ea580c);
-}
-.ivds-header__brand-text:focus {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
-  border-radius: var(--borderRadius-sm, 0.25rem);
-}
-@media (max-width: 768px) {
-  .ivds-header__brand-text {
-    font-size: var(--fontSize-base, 1rem);
-  }
+  color: inherit;
+  font-size: var(--fontSize-xl, 1.25rem);
+  font-weight: var(--fontWeight-semibold, 600);
+  letter-spacing: -0.01em;
+  line-height: 1.15;
 }
 .ivds-header__nav {
   display: flex;
   align-items: center;
-  gap: var(--spacing-6, 1.5rem);
-  flex: 1;
-  justify-content: center;
+  gap: var(--spacing-2, 0.5rem);
 }
-@media (max-width: 768px) {
+@media (max-width: var(--breakpoint-lg, 1024px)) {
   .ivds-header__nav {
     display: none;
   }
-  .ivds-header__nav--mobile-visible {
-    display: flex;
-    flex-basis: 100%;
-    order: 3;
-    justify-content: flex-start;
-    margin-top: var(--spacing-3, 0.75rem);
-    padding-top: var(--spacing-3, 0.75rem);
-    border-top: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-200, #e2e8f0);
-    gap: var(--spacing-4, 1rem);
-  }
 }
 .ivds-header__nav a {
-  color: var(--color-semantic-neutral-700, #374151);
-  text-decoration: none;
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  min-height: 48px;
+  padding: var(--spacing-2, 0.5rem) var(--spacing-2, 0.5rem);
+  border-radius: 0;
+  border-bottom: 3px solid transparent;
+  color: var(--ivds-text-secondary);
+  font-size: var(--fontSize-base, 1rem);
   font-weight: var(--fontWeight-medium, 500);
-  font-size: var(--fontSize-sm, 0.875rem);
-  padding: var(--spacing-2, 0.5rem) var(--spacing-3, 0.75rem);
-  border-radius: var(--borderRadius-md, 0.375rem);
-  transition: all 0.15s ease-in-out;
+  text-decoration: none;
+  transition: color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
 .ivds-header__nav a:hover {
-  color: var(--color-brand-primary-600, #ea580c);
-  background-color: var(--color-brand-primary-50, #fff7ed);
+  color: var(--ivds-text-primary);
+  border-color: var(--ivds-border-strong, #a1adba);
 }
-.ivds-header__nav a:focus {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
+.ivds-header__nav a:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
 }
-.ivds-header__nav a[aria-current=page] {
-  color: var(--color-brand-primary-600, #ea580c);
-  background-color: var(--color-brand-primary-100, #fed7aa);
+.ivds-header__nav a:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
+}
+.ivds-header__nav a.ivds-header__nav-item--active {
+  color: var(--color-brand-accent-700, #0b4593);
+  border-color: var(--color-brand-accent-600, #1058b8);
   font-weight: var(--fontWeight-semibold, 600);
 }
 .ivds-header__actions {
   display: flex;
   align-items: center;
   gap: var(--spacing-3, 0.75rem);
-  flex-shrink: 0;
-}
-@media (max-width: 768px) {
-  .ivds-header__actions {
-    gap: var(--spacing-2, 0.5rem);
-  }
 }
 .ivds-header__mobile-toggle {
   display: none;
-  background: none;
-  border: none;
-  padding: var(--spacing-2, 0.5rem);
-  cursor: pointer;
-  color: var(--color-semantic-neutral-700, #374151);
-  border-radius: var(--borderRadius-md, 0.375rem);
-}
-.ivds-header__mobile-toggle:hover {
-  background-color: var(--color-semantic-neutral-100, #f3f4f6);
-}
-.ivds-header__mobile-toggle:focus {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
 }
-@media (max-width: 768px) {
+@media (max-width: var(--breakpoint-lg, 1024px)) {
   .ivds-header__mobile-toggle {
-    display: flex;
+    display: inline-flex;
     align-items: center;
     justify-content: center;
+    width: 48px;
+    height: 48px;
+    border: 2px solid var(--ivds-border-strong, #a1adba);
+    border-radius: var(--ivds-radius-s, 0.125rem);
+    background: var(--ivds-surface-base, #fff);
+    color: var(--ivds-text-primary);
+    cursor: pointer;
+  }
+  .ivds-header__mobile-toggle:hover {
+    border-color: var(--color-brand-accent-600, #1058b8);
+    color: var(--color-brand-accent-700, #0b4593);
+  }
+  .ivds-header__mobile-toggle:focus-visible {
+    outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+    outline-offset: var(--ivds-focus-ring-offset, 2px);
+    box-shadow: none;
+  }
+  .ivds-header__mobile-toggle:focus:not(:focus-visible) {
+    outline: none;
+    box-shadow: none;
   }
 }
-.ivds-header__mobile-toggle svg {
-  width: 1.25rem;
-  height: 1.25rem;
+.ivds-header__universal-bar {
+  padding: var(--spacing-2, 0.5rem) var(--spacing-8, 2rem);
+  background-color: var(--ivds-surface-muted);
+  border-bottom: 1px solid var(--ivds-border-subtle);
+  color: var(--ivds-text-secondary);
+  font-size: var(--fontSize-xs, 0.75rem);
 }
-.ivds-header__search {
-  flex: 1;
-  max-width: 400px;
-  margin: 0 var(--spacing-4, 1rem);
+.ivds-header__universal-bar .ivds-header__container {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--spacing-5, 1.25rem);
 }
-@media (max-width: 768px) {
-  .ivds-header__search {
-    display: none;
-  }
-  .ivds-header__search--mobile-visible {
-    display: block;
-    flex-basis: 100%;
-    order: 2;
-    margin: var(--spacing-3, 0.75rem) 0 0 0;
-    max-width: none;
-  }
+.ivds-header__universal-bar a {
+  color: inherit;
+  font-weight: var(--fontWeight-medium, 500);
+  text-decoration: none;
 }
-.ivds-header__container {
-  max-width: 1200px;
-  margin: 0 auto;
-  width: 100%;
-  justify-content: space-between;
-  gap: var(--spacing-6, 1.5rem);
+.ivds-header__universal-bar a:hover {
+  color: var(--color-brand-accent-700, #0b4593);
 }
-@media (max-width: 768px) {
-  .ivds-header__container {
-    flex-wrap: wrap;
-    padding: var(--spacing-3, 0.75rem) var(--spacing-4, 1rem);
-    min-height: 56px;
-  }
+.ivds-header__action-bar {
+  padding: var(--spacing-3, 0.75rem) var(--spacing-8, 2rem);
+  background-color: var(--ivds-surface-base);
+  border-bottom: 1px solid var(--ivds-border-subtle);
+}
+.ivds-header__action-bar .ivds-header__container {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--spacing-3, 0.75rem);
 }
 .ivds-header--sticky {
   position: sticky;
   top: 0;
-  z-index: 50;
-  box-shadow: var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
-  backdrop-filter: blur(8px);
-  background-color: rgba(252, 252, 253, 0.95);
-}
-@supports not (backdrop-filter: blur(8px)) {
-  .ivds-header--sticky {
-    background-color: var(--color-semantic-neutral-25, #fcfcfd);
-  }
+  box-shadow: var(--ivds-shadow-md);
+}
+.ivds-header--glass {
+  background-color: var(--ivds-surface-base, #fff);
 }
 .ivds-header--dark {
-  background-color: var(--color-semantic-neutral-900, #0f172a);
-  border-bottom-color: var(--color-semantic-neutral-700, #374151);
+  --background-color: var(--ivds-surface-strong, #121a24);
+  --border-color: var(--ivds-border-subtle, #283443);
 }
 .ivds-header--dark .ivds-header__brand-text {
-  color: var(--color-semantic-neutral-50, #f8fafc);
+  color: var(--ivds-text-on-strong, #fff);
 }
 .ivds-header--dark .ivds-header__nav a {
-  color: var(--color-semantic-neutral-50, #f8fafc);
+  color: var(--ivds-text-muted, rgba(255, 255, 255, 0.82));
 }
 .ivds-header--dark .ivds-header__nav a:hover {
-  background-color: rgba(var(--color-semantic-neutral-50, #f8fafc), 0.1);
+  color: var(--ivds-text-on-strong, #fff);
+  border-color: var(--ivds-border-strong, rgba(255, 255, 255, 0.35));
 }
-.ivds-header--transparent {
-  background-color: transparent;
-  border-bottom: none;
-  backdrop-filter: none;
-}
-.ivds-header--transparent.ivds-header--sticky {
-  background-color: rgba(252, 252, 253, 0.95);
-  border-bottom: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-200, #e2e8f0);
-  backdrop-filter: blur(8px);
-}
-.ivds-header--compact {
-  padding: var(--spacing-2, 0.5rem) var(--spacing-4, 1rem);
-  min-height: 48px;
-}
-.ivds-header--compact .ivds-header__brand-logo {
-  height: 1.5rem;
-  margin-right: var(--spacing-2, 0.5rem);
-}
-.ivds-header--compact .ivds-header__brand-text {
-  font-size: var(--fontSize-base, 1rem);
+.ivds-header--dark .ivds-header__nav a.ivds-header__nav-item--active {
+  color: var(--ivds-text-on-strong, #fff);
+  border-color: var(--color-brand-accent-400, #5a93f5);
 }
-.ivds-header--compact .ivds-header__nav {
-  gap: var(--spacing-4, 1rem);
-}
-.ivds-header--compact .ivds-header__nav a {
-  padding: var(--spacing-1, 0.25rem) var(--spacing-2, 0.5rem);
-  font-size: var(--fontSize-xs, 0.75rem);
-}
-.ivds-header--compact .ivds-header__actions {
-  gap: var(--spacing-2, 0.5rem);
+.ivds-header--dark .ivds-header__mobile-toggle {
+  background: transparent;
+  border-color: var(--ivds-border-strong, rgba(255, 255, 255, 0.35));
+  color: var(--ivds-text-on-strong, #fff);
 }
-@media (max-width: 768px) {
-  .ivds-header--mobile-nav-open .ivds-header__nav {
-    display: flex;
-    flex-basis: 100%;
-    order: 3;
-    justify-content: flex-start;
-    margin-top: var(--spacing-3, 0.75rem);
-    padding-top: var(--spacing-3, 0.75rem);
-    border-top: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-200, #e2e8f0);
-    gap: var(--spacing-4, 1rem);
-    flex-wrap: wrap;
-  }
+.ivds-header--scrolled {
+  box-shadow: var(--ivds-shadow-md);
 }
-@media (max-width: 768px) {
-  .ivds-header--mobile-nav-open .ivds-header__search--mobile-visible {
-    display: block;
-    flex-basis: 100%;
-    order: 2;
-    margin: var(--spacing-3, 0.75rem) 0 0 0;
-    max-width: none;
-  }
+.ivds-header__container {
+  width: 100%;
+  max-width: var(--container-max-width, 1440px);
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-6, 1.5rem);
 }
+/* stylelint-disable no-descending-specificity */
+/* stylelint-disable no-descending-specificity */
 .ivds-footer {
-  padding: var(--spacing-8, 2rem) var(--spacing-6, 1.5rem);
-  background-color: var(--color-semantic-neutral-900, #0f172a);
-  color: var(--color-semantic-neutral-300, #cbd5e1);
-  line-height: var(--lineHeight-relaxed, 1.625);
-}
-@media (max-width: 768px) {
-  .ivds-footer .ivds-footer__grid {
-    grid-template-columns: 1fr 1fr;
-    gap: var(--spacing-6, 1.5rem) var(--spacing-4, 1rem);
-  }
-}
-@media (max-width: 480px) {
-  .ivds-footer .ivds-footer__grid {
-    grid-template-columns: 1fr;
-    gap: var(--spacing-6, 1.5rem);
-  }
-  .ivds-footer .ivds-footer__section {
-    text-align: center;
-  }
-  .ivds-footer .ivds-footer__section:first-child {
-    text-align: left;
+  --background-color: var(--ivds-surface-strong, #121a24);
+  --color: rgba(246, 248, 251, 0.88);
+  --border-color: rgba(255, 255, 255, 0.12);
+  position: relative;
+  padding: var(--spacing-12, 3rem) var(--spacing-8, 2rem) var(--spacing-6, 1.5rem);
+  background-color: var(--background-color);
+  color: var(--color);
+  font-family: var(--fontFamily-primary, system-ui, sans-serif);
+  border-top: 1px solid var(--border-color);
+}
+@media (max-width: var(--breakpoint-lg, 1024px)) {
+  .ivds-footer {
+    padding: var(--spacing-10, 2.5rem) var(--spacing-4, 1rem) var(--spacing-5, 1.25rem);
   }
 }
-.ivds-footer__content {
-  max-width: 1200px;
-  margin: 0 auto;
-  width: 100%;
-}
 .ivds-footer__grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  grid-gap: var(--spacing-8, 2rem);
-  gap: var(--spacing-8, 2rem);
-  margin-bottom: var(--spacing-8, 2rem);
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: var(--spacing-10, 2.5rem);
+  margin-bottom: var(--spacing-10, 2.5rem);
 }
-@media (max-width: 1024px) {
+@media (max-width: var(--breakpoint-lg, 1024px)) {
   .ivds-footer__grid {
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: var(--spacing-6, 1.5rem);
-    margin-bottom: var(--spacing-6, 1.5rem);
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: var(--spacing-8, 2rem);
   }
 }
-@media (max-width: 768px) {
-  .ivds-footer__grid {
-    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-    gap: var(--spacing-4, 1rem);
-    margin-bottom: var(--spacing-4, 1rem);
-  }
-}
-@media (max-width: 480px) {
+@media (max-width: var(--breakpoint-sm, 640px)) {
   .ivds-footer__grid {
     grid-template-columns: 1fr;
-    gap: var(--spacing-6, 1.5rem);
   }
 }
+.ivds-footer__brand {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3, 0.75rem);
+}
+.ivds-footer__brand-logo {
+  height: 38px;
+  width: auto;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.ivds-footer__brand-description {
+  max-width: 340px;
+  color: rgba(246, 248, 251, 0.78);
+  font-size: var(--fontSize-sm, 0.875rem);
+  line-height: var(--lineHeight-relaxed, 1.625);
+}
+.ivds-footer__section {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4, 1rem);
+}
 .ivds-footer__section-title {
-  margin: 0 0 var(--spacing-4, 1rem) 0;
-  font-size: var(--fontSize-lg, 1.125rem);
+  margin: 0;
+  color: rgba(246, 248, 251, 0.96);
+  font-size: var(--fontSize-xs, 0.75rem);
   font-weight: var(--fontWeight-semibold, 600);
-  color: var(--color-semantic-neutral-25, #fcfcfd);
-  line-height: var(--lineHeight-tight, 1.25);
-}
-@media (max-width: 768px) {
-  .ivds-footer__section-title {
-    font-size: var(--fontSize-base, 1rem);
-    margin-bottom: var(--spacing-3, 0.75rem);
-  }
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
 }
 .ivds-footer__section-list {
+  display: grid;
+  gap: var(--spacing-2, 0.5rem);
+  list-style: none;
   margin: 0;
   padding: 0;
-  list-style: none;
-}
-.ivds-footer__section-item {
-  margin-bottom: var(--spacing-2, 0.5rem);
-}
-.ivds-footer__section-item:last-child {
-  margin-bottom: 0;
 }
 .ivds-footer__section-link {
-  color: var(--color-semantic-neutral-300, #cbd5e1);
-  text-decoration: none;
-  font-size: var(--fontSize-sm, 0.875rem);
-  transition: color 0.2s ease-in-out;
-  display: inline-flex;
-  align-items: center;
-}
-.ivds-footer__section-link:hover {
-  color: var(--color-semantic-neutral-25, #fcfcfd);
-}
-.ivds-footer__section-link:focus {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
-  border-radius: var(--borderRadius-sm, 0.25rem);
-}
-.ivds-footer__section-link svg {
-  margin-right: var(--spacing-2, 0.5rem);
-  flex-shrink: 0;
-}
-.ivds-footer__bottom {
-  padding-top: var(--spacing-8, 2rem);
-  border-top: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-700, #374151);
-  text-align: center;
+  color: rgba(246, 248, 251, 0.78);
   font-size: var(--fontSize-sm, 0.875rem);
-  color: var(--color-semantic-neutral-400, #9ca3af);
-}
-@media (max-width: 768px) {
-  .ivds-footer__bottom {
-    padding-top: var(--spacing-6, 1.5rem);
-    text-align: left;
-  }
-}
-.ivds-footer__bottom a {
-  color: var(--color-semantic-neutral-300, #cbd5e1);
+  font-weight: var(--fontWeight-normal, 400);
   text-decoration: none;
+  transition: color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
 }
-.ivds-footer__bottom a:hover {
-  color: var(--color-semantic-neutral-25, #fcfcfd);
+.ivds-footer__section-link:hover {
+  color: #fff;
   text-decoration: underline;
+  text-decoration-thickness: 2px;
+  text-underline-offset: 0.12em;
 }
-.ivds-footer__bottom a:focus {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
-  border-radius: var(--borderRadius-sm, 0.25rem);
-}
-.ivds-footer__bottom--inline-links, .ivds-footer--bottom-inline .ivds-footer__bottom {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: var(--spacing-4, 1rem);
-  flex-wrap: wrap;
-}
-@media (max-width: 768px) {
-  .ivds-footer__bottom--inline-links, .ivds-footer--bottom-inline .ivds-footer__bottom {
-    justify-content: flex-start;
-    gap: var(--spacing-3, 0.75rem);
-  }
-}
-.ivds-footer__brand-logo {
-  height: 2rem;
-  width: auto;
-  margin-bottom: var(--spacing-3, 0.75rem);
-}
-@media (max-width: 768px) {
-  .ivds-footer__brand-logo {
-    height: calc(2rem * 0.875);
-  }
-}
-.ivds-footer__brand-name {
-  font-size: var(--fontSize-xl, 1.25rem);
-  font-weight: var(--fontWeight-bold, 700);
-  color: var(--color-semantic-neutral-25, #fcfcfd);
-  margin-bottom: var(--spacing-2, 0.5rem);
-}
-@media (max-width: 768px) {
-  .ivds-footer__brand-name {
-    font-size: var(--fontSize-lg, 1.125rem);
-  }
+.ivds-footer__section-link:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
 }
-.ivds-footer__brand-description {
-  font-size: var(--fontSize-sm, 0.875rem);
-  color: var(--color-semantic-neutral-400, #9ca3af);
-  line-height: var(--lineHeight-relaxed, 1.625);
-  margin-bottom: var(--spacing-4, 1rem);
+.ivds-footer__section-link:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
 }
 .ivds-footer__social {
   display: flex;
-  gap: var(--spacing-3, 0.75rem);
-  margin-top: var(--spacing-4, 1rem);
-}
-@media (max-width: 768px) {
-  .ivds-footer__social {
-    justify-content: center;
-    margin-top: var(--spacing-3, 0.75rem);
-  }
+  flex-wrap: wrap;
+  gap: var(--spacing-2, 0.5rem);
 }
-.ivds-footer__social a {
+.ivds-footer__social-link {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 2.5rem;
-  height: 2.5rem;
-  border-radius: var(--borderRadius-md, 0.375rem);
-  background-color: var(--color-semantic-neutral-800, #1e293b);
-  color: var(--color-semantic-neutral-300, #cbd5e1);
-  transition: all 0.2s ease-in-out;
+  width: 36px;
+  height: 36px;
+  border: 1px solid rgba(255, 255, 255, 0.32);
+  border-radius: var(--ivds-radius-s, 0.125rem);
+  color: rgba(246, 248, 251, 0.92);
+  background-color: transparent;
+  transition: background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease), color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);
+}
+.ivds-footer__social-link:hover {
+  background-color: rgba(255, 255, 255, 0.09);
+  border-color: rgba(255, 255, 255, 0.45);
+  color: #fff;
 }
-.ivds-footer__social a:hover {
-  background-color: var(--color-brand-primary-500, #f97316);
-  color: var(--color-semantic-neutral-25, #fcfcfd);
-  transform: translateY(-2px);
+.ivds-footer__social-link:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
 }
-.ivds-footer__social a:focus {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
+.ivds-footer__social-link:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
 }
-.ivds-footer__social a svg {
-  width: 1.25rem;
-  height: 1.25rem;
-  margin: 0;
+.ivds-footer__social-link svg {
+  width: 18px;
+  height: 18px;
 }
-.ivds-footer__newsletter-form {
+.ivds-footer__bottom {
   display: flex;
-  gap: var(--spacing-2, 0.5rem);
-  margin-top: var(--spacing-3, 0.75rem);
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-4, 1rem);
+  padding-top: var(--spacing-6, 1.5rem);
+  border-top: 1px solid rgba(255, 255, 255, 0.16);
+  color: rgba(246, 248, 251, 0.74);
+  font-size: var(--fontSize-xs, 0.75rem);
 }
-@media (max-width: 480px) {
-  .ivds-footer__newsletter-form {
+@media (max-width: var(--breakpoint-md, 768px)) {
+  .ivds-footer__bottom {
     flex-direction: column;
+    align-items: flex-start;
   }
 }
-.ivds-footer__newsletter-input {
-  flex: 1;
-  padding: var(--spacing-3, 0.75rem);
-  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-600, #475569);
-  border-radius: var(--borderRadius-md, 0.375rem);
-  background-color: var(--color-semantic-neutral-800, #1e293b);
-  color: var(--color-semantic-neutral-100, #f1f5f9);
-  font-size: var(--fontSize-sm, 0.875rem);
-}
-.ivds-footer__newsletter-input::-moz-placeholder {
-  color: var(--color-semantic-neutral-500, #64748b);
-}
-.ivds-footer__newsletter-input::placeholder {
-  color: var(--color-semantic-neutral-500, #64748b);
-}
-.ivds-footer__newsletter-input:focus {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
-  border-color: var(--color-brand-primary-500, #f97316);
-}
-@media (max-width: 480px) {
-  .ivds-footer__newsletter-input {
-    width: 100%;
-  }
-}
-.ivds-footer__newsletter-button {
-  padding: var(--spacing-3, 0.75rem) var(--spacing-4, 1rem);
-  background-color: var(--color-brand-primary-500, #f97316);
-  color: var(--color-semantic-neutral-25, #fcfcfd);
-  border: none;
-  border-radius: var(--borderRadius-md, 0.375rem);
-  font-size: var(--fontSize-sm, 0.875rem);
-  font-weight: var(--fontWeight-medium, 500);
-  cursor: pointer;
-  transition: background-color 0.2s ease-in-out;
-  white-space: nowrap;
-}
-.ivds-footer__newsletter-button:hover {
-  background-color: var(--color-brand-primary-600, #ea580c);
-}
-.ivds-footer__newsletter-button:focus {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
-}
-@media (max-width: 480px) {
-  .ivds-footer__newsletter-button {
-    width: 100%;
-  }
-}
-.ivds-footer__newsletter-description {
-  font-size: var(--fontSize-sm, 0.875rem);
-  color: var(--color-semantic-neutral-400, #9ca3af);
-  margin-bottom: var(--spacing-3, 0.75rem);
-  line-height: var(--lineHeight-relaxed, 1.625);
+.ivds-footer__bottom-links {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-4, 1rem);
 }
-.ivds-footer address {
-  font-style: normal;
-  line-height: var(--lineHeight-relaxed, 1.625);
+.ivds-footer__bottom-links a {
+  color: inherit;
+  text-decoration: none;
 }
-.ivds-footer address p {
-  margin-bottom: var(--spacing-2, 0.5rem);
+.ivds-footer__bottom-links a:hover {
+  color: #fff;
+  text-decoration: underline;
+  text-decoration-thickness: 2px;
+  text-underline-offset: 0.12em;
 }
-.ivds-footer address p:last-child {
-  margin-bottom: 0;
+.ivds-footer__bottom-links a:focus-visible {
+  outline: var(--ivds-focus-ring-width, 3px) solid var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8));
+  outline-offset: var(--ivds-focus-ring-offset, 2px);
+  box-shadow: none;
 }
-.ivds-footer address strong {
-  color: var(--color-semantic-neutral-200, #e2e8f0);
-  font-weight: var(--fontWeight-medium, 500);
+.ivds-footer__bottom-links a:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
 }
 .ivds-footer--light {
-  background-color: var(--color-semantic-neutral-50, #f8fafc);
-  color: var(--color-semantic-neutral-600, #475569);
+  --background-color: var(--ivds-surface-base, #fff);
+  --color: var(--ivds-text-secondary, #36414f);
+  --border-color: var(--ivds-border-subtle, #e2e7ec);
 }
 .ivds-footer--light .ivds-footer__section-title {
-  color: var(--color-semantic-neutral-900, #0f172a);
+  color: var(--ivds-text-primary, #121a24);
 }
 .ivds-footer--light .ivds-footer__section-link {
-  color: var(--color-semantic-neutral-600, #475569);
+  color: var(--ivds-text-secondary, #36414f);
 }
 .ivds-footer--light .ivds-footer__section-link:hover {
-  color: var(--color-semantic-neutral-900, #0f172a);
-}
-.ivds-footer--light .ivds-footer__bottom {
-  border-top-color: var(--color-semantic-neutral-200, #e2e8f0);
-  color: rgba(var(--color-semantic-neutral-600, #475569), 0.8);
-}
-.ivds-footer--minimal {
-  padding: var(--spacing-6, 1.5rem) var(--spacing-4, 1rem);
-  text-align: center;
-}
-.ivds-footer--minimal .ivds-footer__bottom {
-  padding-top: 0;
-  border-top: none;
-}
-@media (max-width: 768px) {
-  .ivds-footer--minimal {
-    padding: var(--spacing-4, 1rem);
-  }
-}
-.ivds-footer--two-columns .ivds-footer__grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-  grid-gap: var(--spacing-8, 2rem);
-  gap: var(--spacing-8, 2rem);
-  margin-bottom: var(--spacing-8, 2rem);
-}
-@media (max-width: 1024px) {
-  .ivds-footer--two-columns .ivds-footer__grid {
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: var(--spacing-6, 1.5rem);
-    margin-bottom: var(--spacing-6, 1.5rem);
-  }
-}
-@media (max-width: 768px) {
-  .ivds-footer--two-columns .ivds-footer__grid {
-    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-    gap: var(--spacing-4, 1rem);
-    margin-bottom: var(--spacing-4, 1rem);
-  }
-}
-@media (max-width: 480px) {
-  .ivds-footer--two-columns .ivds-footer__grid {
-    grid-template-columns: 1fr;
-    gap: var(--spacing-6, 1.5rem);
-  }
+  color: var(--color-brand-accent-700, #0b4593);
 }
-.ivds-footer--three-columns .ivds-footer__grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  grid-gap: var(--spacing-8, 2rem);
-  gap: var(--spacing-8, 2rem);
-  margin-bottom: var(--spacing-8, 2rem);
-}
-@media (max-width: 1024px) {
-  .ivds-footer--three-columns .ivds-footer__grid {
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: var(--spacing-6, 1.5rem);
-    margin-bottom: var(--spacing-6, 1.5rem);
-  }
+.ivds-footer--light .ivds-footer__social-link {
+  border-color: var(--ivds-border-strong, #a1adba);
+  color: var(--ivds-text-secondary, #36414f);
 }
-@media (max-width: 768px) {
-  .ivds-footer--three-columns .ivds-footer__grid {
-    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-    gap: var(--spacing-4, 1rem);
-    margin-bottom: var(--spacing-4, 1rem);
-  }
-}
-@media (max-width: 480px) {
-  .ivds-footer--three-columns .ivds-footer__grid {
-    grid-template-columns: 1fr;
-    gap: var(--spacing-6, 1.5rem);
-  }
-}
-.ivds-footer--five-columns .ivds-footer__grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  grid-gap: var(--spacing-6, 1.5rem);
-  gap: var(--spacing-6, 1.5rem);
-  margin-bottom: var(--spacing-8, 2rem);
-}
-@media (max-width: 1024px) {
-  .ivds-footer--five-columns .ivds-footer__grid {
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: var(--spacing-6, 1.5rem);
-    margin-bottom: var(--spacing-6, 1.5rem);
-  }
+.ivds-footer--light .ivds-footer__social-link:hover {
+  border-color: var(--color-brand-accent-600, #1058b8);
+  background-color: var(--color-brand-accent-50, #eef4ff);
+  color: var(--color-brand-accent-700, #0b4593);
 }
-@media (max-width: 768px) {
-  .ivds-footer--five-columns .ivds-footer__grid {
-    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-    gap: var(--spacing-4, 1rem);
-    margin-bottom: var(--spacing-4, 1rem);
-  }
-}
-@media (max-width: 480px) {
-  .ivds-footer--five-columns .ivds-footer__grid {
-    grid-template-columns: 1fr;
-    gap: var(--spacing-6, 1.5rem);
-  }
-}
-.ivds-footer--bottom-inline .ivds-footer__bottom {
-  padding-top: var(--spacing-8, 2rem);
-  border-top: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-700, #374151);
-  text-align: center;
-  font-size: var(--fontSize-sm, 0.875rem);
-  color: var(--color-semantic-neutral-400, #9ca3af);
-}
-@media (max-width: 768px) {
-  .ivds-footer--bottom-inline .ivds-footer__bottom {
-    padding-top: var(--spacing-6, 1.5rem);
-    text-align: left;
-  }
-}
-.ivds-footer--bottom-inline .ivds-footer__bottom a {
-  color: var(--color-semantic-neutral-300, #cbd5e1);
-  text-decoration: none;
-}
-.ivds-footer--bottom-inline .ivds-footer__bottom a:hover {
-  color: var(--color-semantic-neutral-25, #fcfcfd);
-  text-decoration: underline;
-}
-.ivds-footer--bottom-inline .ivds-footer__bottom a:focus {
-  outline: 2px solid var(--color-brand-primary-500, #f97316);
-  outline-offset: 2px;
-  border-radius: var(--borderRadius-sm, 0.25rem);
-}
-.ivds-footer--bottom-inline .ivds-footer__bottom--inline-links, .ivds-footer--bottom-inline .ivds-footer__bottom {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: var(--spacing-4, 1rem);
-  flex-wrap: wrap;
+.ivds-footer--light .ivds-footer__bottom {
+  border-top-color: var(--ivds-border-subtle, #e2e7ec);
+  color: var(--ivds-text-muted, #4d5968);
 }
-@media (max-width: 768px) {
-  .ivds-footer--bottom-inline .ivds-footer__bottom--inline-links, .ivds-footer--bottom-inline .ivds-footer__bottom {
-    justify-content: flex-start;
-    gap: var(--spacing-3, 0.75rem);
-  }
+.ivds-footer__container {
+  width: 100%;
+  max-width: var(--container-max-width, 1440px);
+  margin: 0 auto;
 }