diff --git a/.changeset/frank-wolves-brush.md b/.changeset/frank-wolves-brush.md
new file mode 100644
index 0000000000..08b78a3219
--- /dev/null
+++ b/.changeset/frank-wolves-brush.md
@@ -0,0 +1,10 @@
+---
+'@solid-design-system/styles': patch
+---
+
+Fixes and improvements for multi-theming:
+- `sd-container`: fixed the triangle variable for multi-theming
+- `sd-copyright`: fixed shadow styling
+- `sd-footnotes`: fixed text colors
+- Add `css properties` section to docs table
+- Add `deprecated` attribute to indicate deprecated css variables
diff --git a/.changeset/green-queens-love.md b/.changeset/green-queens-love.md
new file mode 100644
index 0000000000..b8ec926e36
--- /dev/null
+++ b/.changeset/green-queens-love.md
@@ -0,0 +1,9 @@
+---
+'@solid-design-system/docs': patch
+---
+
+Fixes and improvements for multi-theming:
+- Added themed logos to the following templates: `sd-header`, `sd-badge`, `sd-breadcrumb`, `sd-header-navigation`
+- Fixed accessibility tests for `sd-headline` when used with `sd-mark`
+- Fixed gradient styling in `sd-expandable` for multi-theming
+- Fixed icon colors in `sd-map-marker`
\ No newline at end of file
diff --git a/.changeset/hot-spoons-refuse.md b/.changeset/hot-spoons-refuse.md
new file mode 100644
index 0000000000..7df845c247
--- /dev/null
+++ b/.changeset/hot-spoons-refuse.md
@@ -0,0 +1,173 @@
+---
+'@solid-design-system/tokens': minor
+---
+
+Updated design tokens to align with design specifications and improve multi-theming robustness:
+- sd-accordion:
+    - `--sd-accordion-border-width`
+    - `--sd-accordion-color-icon-fill`
+- sd-audio
+    - `--sd-audio__slide-bar--inverted-color-background`
+    - `--sd-audio__track-bar--inverted-color-background`
+- sd-badge
+    - `--sd-badge--blue-color-background`
+- sd-brandshape
+    - `--sd-brandshape--neutral-100-color-background`
+    - `--sd-brandshape--white-color-background`
+- sd-breadcrumb
+    - `--sd-breadcrumb__separator--current-color`
+- sd-button
+    - `--sd-button--primary--hover-color-text`
+    - `--sd-button--primary--inverted--active-color-background`
+    - `--sd-button--secondary--active-color-text`
+    - `--sd-button--secondary--inverted-color-text`
+    - `--sd-button--secondary--inverted--hover-color-background`
+    - `--sd-button--secondary--inverted--active-color-text`
+    - `--sd-button--secondary--size-sm-padding-block`
+    - `--sd-button--secondary--size-md-padding-block`
+    - `--sd-button--secondary--size-lg-padding-block`
+    - `--sd-button--secondary-padding-inline`
+    - `--sd-button--tertiary--active-color-text`
+    - `--sd-button--tertiary--inverted-color-text`
+    - `--sd-button--tertiary--inverted--active-color-text`
+    - `--sd-button--size-lg-height`
+    - `--sd-button--size-lg-icon-height`
+    - `--sd-button--size-md--icon-only-padding-inline`
+    - `--sd-button--size-md-height`
+    - `--sd-button-border-width`
+    - `--sd-button-padding-inline`
+
+    **Renamed**
+    - `--sd-button--size-lg-border-radius` → `--sd-button-border-radius`
+    - `--sd-button--size-md-border-radius` → `--sd-button-border-radius`
+    - `--sd-button--size-sm-border-radius` → `--sd-button-border-radius`
+
+    **Fixed**
+    - `--sd-button--secondary--inverted--color-border` →  `--sd-button--secondary--inverted-color-border`
+- sd-chip:
+
+    **Renamed**
+    - `--sd-chip-font-size` → `--sd-marker-font-size`
+    - `--sd-chip-border-width` → `--sd-marker-border-width`
+    - `--sd-chip-font-weight` → `--sd-marker-font-weight`
+- sd-combobox
+    - `--sd-form-control-border-radius`
+    - `--sd-form-control-color-border`
+    - `--sd-form-control--filled__floating-label-color-text`
+    - `--sd-form-control__listbox-border-bottom-left-radius`
+    - `--sd-form-control__listbox-border-bottom-right-radius`
+    - `--sd-form-control__listbox-border-top-left-radius`
+    - `--sd-form-control__listbox-border-top-right-radius`
+    - `--sd-combobox__tag-border-width`
+- sd-datepicker
+    - `--sd-form-control-color-text`
+    - `--sd-form-control-border-radius`
+    - `--sd-form-control-color-border`
+    - `--sd-form-control--filled__floating-label-color-text`
+    - `--sd-form-control--invalid-color-background`
+    - `--sd-form-control__listbox-border-bottom-left-radius`
+    - `--sd-form-control__listbox-border-bottom-right-radius`
+    - `--sd-form-control__listbox-border-top-left-radius`
+    - `--sd-form-control__listbox-border-top-right-radius`
+    - `--sd-datepicker__date-item--default-color-text`
+    - `--sd-datepicker__date-item--hover--default-color-background`
+    - `--sd-datepicker__date-item--hover--default-color-text`
+    - `--sd-datepicker__date-item--default-color-border`
+    - `--sd-datepicker__date-item--selected-color-text`
+    - `--sd-datepicker__date-item--hover--prev-next-color-background`
+    - `--sd-datepicker__date-item--hover--prev-next-color-text`
+    - `--sd-datepicker__date-item--selected-color-background`
+    - `--sd-datepicker__date-item--selected--hover-color-background`
+    - `--sd-datepicker__date-item--range-color-background`
+    - `--sd-datepicker__date-item--current-color-text`
+    - `--sd-datepicker__date-item--current-font-weight`
+- sd-dropdown:  
+    - `--sd-dropdown-color-background`
+- sd-flag
+    - `--sd-marker-font-weight`
+    - `--sd-marker-font-size`
+
+    **Renamed**
+    - `--sd-flag-border-width` → `--sd-marker-border-width`
+- sd-header
+    - `--sd-header-padding-bottom`
+    - `--sd-header__underline-color-background`
+    - `--sd-header__underline-height`
+    - `--sd-header__shadow-height`
+- sd-headline
+    - `--sd-headline--3xl-onwards-color-text`
+- sd-input
+    - `--sd-form-control-border-radius`
+
+    **Fixed**
+    - `--sd-form-control-color-icon` → `--sd-form-control-color-icon-fill`
+- sd-link
+    - `--interactive--default-color-text`
+- sd-map-marker
+    - `--sd-map-marker-cluster--hovered-color-text`
+    - `--sd-map-marker--cluster--default-color-background`
+    - `--sd-map-marker--cluster--hover-color-background`
+    - `--sd-map-marker--cluster-color-text`
+    - `--sd-map-marker--main-color-background`
+    - `--sd-map-marker--pin--default-color-background`
+    - `--sd-map-marker--pin--hover-color-background`
+    - `--sd-map-marker--pin-color-text`
+- sd-menu-item
+
+    **Renamed**
+    - `--sd-menu-color-icon` → `--sd-menu-item-color-icon-fill`
+    - `--sd-menu-color-text` → `--sd-menu-item-color-text`
+    - `--sd-menu--disabled-color-icon` → `--sd-menu-item--disabled-color-icon-fill`
+    - `--sd-menu--disabled-color-text` → `--sd-menu-item--disabled-color-text`
+- sd-notification
+    - `--sd-notification__duration-indicator-color-background`
+- sd-option
+    - `--sd-form-control-color-border`
+- sd-pagination
+    - `--sd-pagination--default-border`
+    - `--sd-pagination--inverted-border`
+- sd-radio-button
+    - `--sd-radio-button--hover-color-background`
+    - `--sd-choice-control-font-weight`
+- sd-select
+    - `--sd-form-control-border-radius`
+    - `--sd-form-control__listbox-border-bottom-left-radius`
+    - `--sd-form-control__listbox-border-bottom-right-radius`
+    - `--sd-form-control__listbox-border-top-left-radius`
+    - `--sd-form-control__listbox-border-top-right-radius`
+- sd-skeleton
+    - `--sd-skeleton-color`
+- sd-step
+    - `--sd-step-color-text`
+- sd-tag
+    - `--sd-choice-control-font-weight`
+    - `--sd-tag--disabled-color-text`
+
+    **Renamed**
+    - `--sd-tag-font-weight` → `--sd-choice-control-font-weight`
+- sd-tab
+    - `--sd-tab--hover-color-background`
+    - `--sd-choice-control-font-weight`
+    - `--sd-tab--active-color-text`
+    - `--sd-tab-color-text`
+- sd-teaser-media
+    - `--sd-teaser-media--white--hover-color-background`
+    - `--sd-teaser-media--white-color-background`
+- sd-teaser
+    - `--sd-teaser-border-radius`
+- sd-textarea
+    - `--sd-form-control-border-radius`
+    - `--sd-form-control--filled__floating-label-color-text`
+
+
+Removed variables
+- `--sd-tag--disabled-color-border`
+- `--sd-navigation-item--current-color-text`
+- `--sd-option--disabled-color-border`
+- `--sd-audio__timestamp-color-text`
+
+**Important**: To avoid breaking changes, all variables marked as `renamed` or `deleted` **are still available** under their previous names. Only variables marked as `fixed` have been completely removed. However, this should not be considered a breaking change, as these variables were not functioning correctly.
+
+If you are using any of the `renamed`, `deleted` or `fixed`css variables manually overriding these in custom themes might lead to problems in future versions of Solid. Use the actual used value instead. Example: Instead of --sd-chip-border-width use --sd-marker-border-width--sd-marker-border-width for your overrides.
+
+If you need assistance, please reach out to the support channel.
diff --git a/.changeset/lemon-pillows-yawn.md b/.changeset/lemon-pillows-yawn.md
new file mode 100644
index 0000000000..bf95068031
--- /dev/null
+++ b/.changeset/lemon-pillows-yawn.md
@@ -0,0 +1,22 @@
+---
+'@solid-design-system/components': patch
+---
+
+Small fixes and improvements:
+- Improved the `bold` font weight for the kid theme
+- Fixed inverted thumb color in `sd-audio`
+- Corrected `sd-button` size definitions
+- Fixed invalid state colors in `sd-checkbox`
+- Fixed listbox shadow in `sd-combobox` and `sd-select`
+- Removed white border from the selected day in `sd-datepicker`
+- Removed overlay opacity from `sd-dialog`
+- Fixed outline color in `sd-drawer`
+- Fixed gradient colors for `sd-expandable` in multi-theming
+- Fixed gradient variants for `sd-flipcard` and `sd-teaser-media` in multi-theming
+- Fixed current text color in `sd-navigation-item`
+- Fixed text size for `sd-option` in `sm` size
+- Corrected `sd-radio-button` heights when used inside `sd-radio-group`
+- Fixed error message text color in `sd-radio` and `sd-switch`
+- Fixed `sd-step` tail color on hover
+- Fixed gradient variant opacities in `sd-teaser-media`
+- - Add `deprecated`attribute to indicate deprecated css variables
diff --git a/packages/components/src/components/accordion-group/accordion-group.ts b/packages/components/src/components/accordion-group/accordion-group.ts
index 121facdd1a..678e6fc093 100644
--- a/packages/components/src/components/accordion-group/accordion-group.ts
+++ b/packages/components/src/components/accordion-group/accordion-group.ts
@@ -15,6 +15,8 @@ import SolidElement from '../../internal/solid-element';
  * @slot - The default slot where `<sd-accordion>` elements are placed.
  *
  * @csspart base - The component's base wrapper.
+ *
+ * @cssproperty --sd-accordion-border-width - The accordion border width.
  */
 @customElement('sd-accordion-group')
 export default class SdAccordionGroup extends SolidElement {
diff --git a/packages/components/src/components/accordion/accordion.ts b/packages/components/src/components/accordion/accordion.ts
index 7fe7ac7d73..1c16573473 100644
--- a/packages/components/src/components/accordion/accordion.ts
+++ b/packages/components/src/components/accordion/accordion.ts
@@ -41,11 +41,11 @@ import SolidElement from '../../internal/solid-element';
  * @animation accordion.hide - The animation to use when hiding accordion. You can use `height: auto` with this animation.
  *
  * @cssproperty --sd-accordion-border-width - The accordion border width.
- * @cssproperty --sd-accordion-color-background - The accordion background color.
  * @cssproperty --sd-accordion-color-text - The accordion color text.
  * @cssproperty --sd-accordion-padding-block - The accordion vertical padding value.
- * @cssproperty --sd-accordion__chevron-color-text - The accordion chevron color.
  * @cssproperty --sd-accordion__indicator-color - The accordion indicator color.
+ * @cssproperty --sd-accordion-color-icon-fill - The accordion icon color.
+ * @cssproperty --sd-accordion__chevron-color-text - This variable is deprecated please use --sd-accordion-color-icon-fill.
  */
 @customElement('sd-accordion')
 export default class SdAccordion extends SolidElement {
@@ -193,7 +193,7 @@ export default class SdAccordion extends SolidElement {
           part="header"
           id="header"
           class=${cx(
-            'flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 sd-accordion-padding-block focus-visible:focus-outline focus-visible:z-10 sd-accordion-color-text relative group transition-colors ease-in-out duration-fast hover:bg-neutral-200'
+            'flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 sd-accordion-padding-block focus-visible:focus-outline focus-visible:z-10 relative group transition-colors ease-in-out duration-fast hover:bg-neutral-200'
           )}
           aria-expanded=${this.open ? 'true' : 'false'}
           aria-controls="content"
@@ -208,7 +208,9 @@ export default class SdAccordion extends SolidElement {
               'w-1 sd-accordion__indicator-color absolute left-0 transition-height duration-fast ease-in-out h-[calc(100%-16px)] group-hover:h-full'
             )}
           ></div>
-          <slot name="summary" part="summary" class="flex flex-auto items-center text-left">${this.summary}</slot>
+          <slot name="summary" part="summary" class="flex flex-auto items-center text-left sd-accordion-color-text"
+            >${this.summary}</slot
+          >
           <span
             part="summary-icon"
             class=${cx(
@@ -245,8 +247,9 @@ export default class SdAccordion extends SolidElement {
         border-block-width: var(--sd-accordion-border-width);
       }
 
-      [part='summary-icon'] {
-        color: var(--sd-accordion__chevron-color-text);
+      /* TODO clean sd-accordion__chevron-color-text variable and replace with sd-accordion-color-icon-fill (breaking change) */
+      [part='summary-icon'] sd-icon {
+        color: rgb(var(--sd-accordion__chevron-color-text, var(--sd-accordion-color-icon-fill)));
       }
     `
   ];
diff --git a/packages/components/src/components/audio/audio.ts b/packages/components/src/components/audio/audio.ts
index 6ebd997986..a58fc4377d 100644
--- a/packages/components/src/components/audio/audio.ts
+++ b/packages/components/src/components/audio/audio.ts
@@ -41,6 +41,10 @@ import type SdRange from '../range/range';
  * @csspart volume - The volume button.
  * @csspart progress-slider - The audio progress slider.
  * @csspart timestamps - The audio timestamps.
+ *
+ * @cssproperty --sd-audio__slide-bar--inverted-color-background - The background color for the progress slider when the component is inverted.
+ * @cssproperty --sd-audio__track-bar--inverted-color-background - The background color for the active part of the progress slider when the component is inverted.
+ * @cssproperty --sd-audio__timestamp-color-text - This variable is deprecated please use --sd-color-text-neutral-700.
  */
 @customElement('sd-audio')
 export default class SdAudio extends SolidElement {
@@ -556,7 +560,7 @@ export default class SdAudio extends SolidElement {
       :host([inverted]) sd-range::part(thumb) {
         @apply outline-white;
 
-        background-color: rgba(var(--sd-color-border-white, rgba(var(--sd-color-white))));
+        background-color: rgba(var(--sd-color-icon-fill-white, rgba(var(--sd-color-white))));
       }
 
       :host([animated]) sd-range::part(track) {
@@ -564,11 +568,18 @@ export default class SdAudio extends SolidElement {
       }
 
       :host([inverted]:not([animated])) sd-range::part(track) {
-        background-color: rgba(var(--sd-color-border-primary-400, rgba(var(--sd-color-primary-400))));
+        background-color: rgba(
+          var(--sd-audio__slide-bar--inverted-color-background, rgba(var(--sd-color-primary-400)))
+        );
       }
 
       :host([inverted]:not([animated])) sd-range::part(active-track) {
-        background-color: rgba(var(--sd-color-border-white, rgba(var(--sd-color-white))));
+        background-color: rgba(var(--sd-audio__track-bar--inverted-color-background, rgba(var(--sd-color-white))));
+      }
+
+      /* TODO clean sd-audio__timestamp-color-text variable and replace with text-neutral-700 in lines 491 and 496 (breaking change) */
+      .sd-audio__timestamp-color-text {
+        color: rgb(var(--sd-audio__timestamp-color-text, var(--sd-color-text-neutral-700)));
       }
     `
   ];
diff --git a/packages/components/src/components/badge/badge.ts b/packages/components/src/components/badge/badge.ts
index 85e569d260..6655a12d5f 100644
--- a/packages/components/src/components/badge/badge.ts
+++ b/packages/components/src/components/badge/badge.ts
@@ -17,6 +17,7 @@ import SolidElement from '../../internal/solid-element';
  *
  * @cssproperty --sd-badge--blue--inverted-color-background - The background color for the blue badge in its inverted state.
  * @cssproperty --sd-badge--blue--inverted-color-text - The text color for the blue badge in its inverted state.
+ * @cssproperty --sd-badge--blue-color-background - The background color for the blue badge in its standard state.
  * @cssproperty --sd-badge--green-color--inverted-background - The background color for the green badge in its inverted state.
  * @cssproperty --sd-badge--green-color--inverted-text - The text color for the green badge in its inverted state.
  * @cssproperty --sd-badge--inverted-color-border - The border color used in inverted state.
@@ -47,7 +48,7 @@ export default class SdBadge extends SolidElement {
           {
             /* variants */
             blue: !this.inverted
-              ? 'text-white bg-primary-500 border-white'
+              ? 'text-white  sd-badge--blue-color-background border-white'
               : 'sd-badge--blue--inverted-color-text sd-badge--blue--inverted-color-background sd-badge--inverted-color-border',
             green: !this.inverted
               ? 'text-white sd-badge--green-color-background border-white'
diff --git a/packages/components/src/components/brandshape/brandshape.ts b/packages/components/src/components/brandshape/brandshape.ts
index 2fd0aee7c3..bef20faa55 100644
--- a/packages/components/src/components/brandshape/brandshape.ts
+++ b/packages/components/src/components/brandshape/brandshape.ts
@@ -146,9 +146,9 @@ export default class SdBrandshape extends SolidElement {
           part="shape-middle"
           class=${cx(
             {
-              'neutral-100': 'bg-neutral-100',
+              'neutral-100': 'sd-brandshape--neutral-100-color-background',
               primary: 'bg-primary',
-              white: 'bg-white',
+              white: 'sd-brandshape--white-color-background',
               'border-white': 'bg-transparent',
               'border-primary': 'bg-transparent',
               image: 'bg-transparent'
@@ -176,9 +176,9 @@ export default class SdBrandshape extends SolidElement {
     return html` <div
       class=${cx(
         {
-          'neutral-100': 'bg-neutral-100',
+          'neutral-100': 'sd-brandshape--neutral-100-color-background',
           primary: 'bg-primary',
-          white: 'bg-white',
+          white: 'sd-brandshape--white-color-background',
           'border-white': 'bg-transparent',
           'border-primary': 'bg-transparent',
           image: 'bg-transparent'
diff --git a/packages/components/src/components/breadcrumb/breadcrumb.ts b/packages/components/src/components/breadcrumb/breadcrumb.ts
index f1e5654316..458043efbd 100644
--- a/packages/components/src/components/breadcrumb/breadcrumb.ts
+++ b/packages/components/src/components/breadcrumb/breadcrumb.ts
@@ -24,6 +24,7 @@ import SolidElement from '../../internal/solid-element';
  * @csspart truncated-dropdown - The truncated dropdown containing the truncated breadcrumbs.
  *
  * @cssproperty --sd-breadcrumb__separator-color - The color of the breadcrumb separators.
+ * @cssproperty --sd-breadcrumb__separator--current-color - The color of the current breadcrumb separators.
  */
 @customElement('sd-breadcrumb')
 export default class SdBreadcrumb extends SolidElement {
@@ -167,7 +168,7 @@ export default class SdBreadcrumb extends SolidElement {
       }
 
       ::slotted(sd-breadcrumb-item:nth-last-child(2))::after {
-        @apply lg:bg-accent;
+        @apply lg:sd-breadcrumb__separator--current-color;
       }
 
       sd-dropdown,
diff --git a/packages/components/src/components/button/button.ts b/packages/components/src/components/button/button.ts
index 3b14033785..27bfa79479 100644
--- a/packages/components/src/components/button/button.ts
+++ b/packages/components/src/components/button/button.ts
@@ -35,49 +35,68 @@ import type { SolidFormControl } from '../../internal/solid-element';
  * @csspart icon-right - The container that wraps the right icon area.
  * @csspart motion-wrapper - The container that wraps the motion animation.
  * 
- * @cssproperty --sd-button--inverted--disabled-color-background - The background color for inverted buttons in disabled state.
- * @cssproperty --sd-button--inverted--disabled-color-border - The border color for inverted buttons in disabled state.
- * @cssproperty --sd-button--inverted--disabled-color-text - The text color for inverted buttons in disabled state.
- * @cssproperty --sd-button--inverted--active-color-background - The background color for inverted buttons in active state.
  * @cssproperty --sd-button--primary--active-color-text - The text color for primary buttons in active state.
  * @cssproperty --sd-button--primary--default-color-background - The background color for primary buttons in default state.
  * @cssproperty --sd-button--primary--default-color-text - The text color for primary buttons in default state.
  * @cssproperty --sd-button--primary--hover-color-background - The background color for primary buttons in hover state.
- * @cssproperty --sd-button--primary--inverted--active-color-text - The text color for inverted primary buttons in active state.
+ * @cssproperty --sd-button--primary--hover-color-text - The text color for primary buttons in hover state.
  * @cssproperty --sd-button--primary--inverted--default-color-background - The background color for inverted primary buttons in default state.
  * @cssproperty --sd-button--primary--inverted--default-color-text - The text color for inverted primary buttons in default state.
  * @cssproperty --sd-button--primary--inverted--hover-color-background - The background color for inverted primary buttons in hover state.
  * @cssproperty --sd-button--primary--inverted--hover-color-text - The text color for inverted primary buttons in hover state.
+ * @cssproperty --sd-button--primary--inverted--active-color-text - The text color for inverted primary buttons in active state.
+ * @cssproperty --sd-button--primary--inverted--active-color-background - The background color for inverted primary buttons in active state.
+ * @cssproperty --sd-button--secondary--default-color-text - The text color for secondary buttons in default state.
+ * @cssproperty --sd-button--secondary--disabled-color-text - The text color for secondary buttons in disabled state.
+ * @cssproperty --sd-button--secondary--active-color-text - The text color for secondary buttons in active state.
  * @cssproperty --sd-button--secondary--active-color-background - The background color for secondary buttons in active state.
- * @cssproperty --sd-button--secondary--hover-color-background - The background color for secondary buttons in hover state.
- * @cssproperty --sd-button--secondary--inverted--active-color-background - The background color for inverted secondary buttons in active state.
+ * @cssproperty --sd-button--secondary--inverted-color-border - The border color for inverted secondary buttons.
+ * @cssproperty --sd-button--secondary--inverted-color-text - The text color for inverted secondary buttons.
  * @cssproperty --sd-button--secondary--inverted--hover-color-text - The text color for inverted secondary buttons in hover state.
- * @cssproperty --sd-button--secondary--inverted--color-border - The border color for inverted secondary buttons.
- * @cssproperty --sd-button--secondary--disabled-color-text - The text color for secondary buttons in disabled state.
+ * @cssproperty --sd-button--secondary--inverted--hover-color-background - The background color for inverted secondary buttons in hover state.
+ * @cssproperty --sd-button--secondary--inverted--active-color-background - The background color for inverted secondary buttons in active state.
+ * @cssproperty --sd-button--secondary--inverted--active-color-text - The text color for inverted secondary buttons in active state.
+ * @cssproperty --sd-button--secondary--size-sm-padding-block - The small secondary button vertical padding value.
+ * @cssproperty --sd-button--secondary--size-md-padding-block - The medium secondary button vertical padding value.
+ * @cssproperty --sd-button--secondary--size-lg-padding-block - The large secondary button vertical padding value.
+ * @cssproperty --sd-button--secondary--hover-color-background - The background color for secondary buttons in hover state.
+ * @cssproperty --sd-button--secondary-padding-inline - The horizontal padding for secondary buttons.
+ * @cssproperty --sd-button--tertiary--default-color-text - The text color for tertiary buttons in default state.
+ * @cssproperty --sd-button--tertiary--hover-color-background - The background color for tertiary buttons in hover state.
  * @cssproperty --sd-button--tertiary--disabled-color-text - The text color for tertiary buttons in disabled state.
+ * @cssproperty --sd-button--tertiary--active-color-text - The text color for tertiary buttons in active state.
  * @cssproperty --sd-button--tertiary--active-color-background - The background color for tertiary buttons in active state.
- * @cssproperty --sd-button--tertiary--hover-color-background - The background color for tertiary buttons in hover state.
- * @cssproperty --sd-button--tertiary--inverted--hover-color-background - The background color for inverted tertiary buttons in hover state.
+ * @cssproperty --sd-button--tertiary--inverted-color-text - The text color for inverted tertiary buttons.
  * @cssproperty --sd-button--tertiary--inverted--active-color-background - The background color for inverted tertiary buttons in active state.
- * @cssproperty --sd-button--secondary--default-color-text - The text color for secondary buttons in default state.
+ * @cssproperty --sd-button--tertiary--inverted--active-color-text - The text color for inverted tertiary buttons in active state.
+ * @cssproperty --sd-button--tertiary--inverted--hover-color-background - The background color for inverted tertiary buttons in hover state.
  * @cssproperty --sd-button--tertiary--inverted--hover-color-text - The text color for inverted tertiary buttons in hover state.
- * @cssproperty --sd-button--tertiary--default-color-text - The text color for tertiary buttons in default state.
  * @cssproperty --sd-button--cta--inverted--default-color-background - The background color for inverted CTA buttons in default state.
  * @cssproperty --sd-button--cta--inverted--default-color-text - The text color for inverted CTA buttons in default state.
  * @cssproperty --sd-button--cta--inverted--active-color-text - The text color for inverted CTA buttons in active state.
  * @cssproperty --sd-button--cta--inverted--hover-color-text - The text color for inverted CTA buttons in hover state.
  * @cssproperty --sd-button--cta--inverted--hover-color-background - The background color for inverted CTA buttons in hover state.
  * @cssproperty --sd-button--cta--inverted--active-color-background - The background color for inverted CTA buttons in active state.
- * @cssproperty --sd-button--size-sm-font-size - The small button border radius.
- * @cssproperty --sd-button--size-md-font-size - The medium button text font size.
+ * @cssproperty --sd-button--inverted--disabled-color-background - The background color for inverted buttons in disabled state.
+ * @cssproperty --sd-button--inverted--disabled-color-border - The border color for inverted buttons in disabled state.
+ * @cssproperty --sd-button--inverted--disabled-color-text - The text color for inverted buttons in disabled state.
  * @cssproperty --sd-button--size-lg-font-size - The large button text font size.
- * @cssproperty --sd-button--size-sm-border-radius - The small button border radius.
- * @cssproperty --sd-button--size-md-border-radius - The medium button border radius.
- * @cssproperty --sd-button--size-lg-border-radius - The large button border radius.
- * @cssproperty --sd-button--size-sm-padding-block - The small button vertical padding value.
- * @cssproperty --sd-button--size-md-padding-block - The medium button vertical padding value.
+ * @cssproperty --sd-button--size-lg-height - The height for large icon-only and loading buttons.
+ * @cssproperty --sd-button--size-lg-icon-height - The height for icons in large buttons.
  * @cssproperty --sd-button--size-lg-padding-block - The large button vertical padding value.
+ * @cssproperty --sd-button--size-md--icon-only-padding-inline - The medium button horizontal padding value for icon-only buttons.
+ * @cssproperty --sd-button--size-md-font-size - The medium button text font size.
+ * @cssproperty --sd-button--size-md-height - The height for medium icon-only and loading buttons.
+ * @cssproperty --sd-button--size-md-padding-block - The medium button vertical padding value.
+ * @cssproperty --sd-button--size-sm-font-size - The small button font size.
+ * @cssproperty --sd-button--size-sm-padding-block - The small button vertical padding value.
+ * @cssproperty --sd-button-border-radius - The border radius for buttons.
+ * @cssproperty --sd-button-border-width - The border width for secondary buttons with borders.
  * @cssproperty --sd-button-font-weight - The text font weight for buttons.
+ * @cssproperty --sd-button-padding-inline - The horizontal padding for buttons.
+ * @cssproperty --sd-button--size-sm-border-radius - This variable is deprecated please use --sd-button-border-radius.
+ * @cssproperty --sd-button--size-md-border-radius - This variable is deprecated please use --sd-button-border-radius.
+ * @cssproperty --sd-button--size-lg-border-radius - This variable is deprecated please use --sd-button-border-radius.
  */
 @customElement('sd-button')
 export default class SdButton extends SolidElement implements SolidFormControl {
@@ -316,23 +335,35 @@ export default class SdButton extends SolidElement implements SolidFormControl {
         !this.inverted ? 'focus-visible:focus-outline' : 'focus-visible:focus-outline-inverted',
         this.loading && 'relative cursor-wait',
         (this.disabled || this.visuallyDisabled) && 'cursor-not-allowed',
-        slots['icon-only'] && 'px-0 min-h-varspacing w-varspacing',
-        /**
-         * Anatomy
-         * */
         {
           /* sizes, fonts */
-          sm: `sd-button--size-sm-font-size sd-button-font-weight sd-button--size-sm-border-radius varspacing-8 ${hasBorder ? 'py-[0.281rem] px-[0.938rem]' : 'sd-button--size-sm-padding-block px-4'}`,
-          md: `sd-button--size-md-font-size sd-button-font-weight sd-button--size-md-border-radius varspacing-10 ${hasBorder ? 'py-[0.438rem] px-[0.938rem]' : 'sd-button--size-md-padding-block px-4'}`,
-          lg: `sd-button--size-lg-font-size sd-button-font-weight sd-button--size-lg-border-radius varspacing-12 ${hasBorder ? 'py-[0.688rem] px-[0.938rem]' : 'sd-button--size-lg-padding-block px-4'}`
+          sm: `varspacing-8 min-h-8 sd-button--size-sm-font-size sd-button-font-weight sd-button--secondary--size-sm-padding-block sd-button--size-sm-border-radius`,
+          md: `varspacing-10 sd-button--size-md-height sd-button--size-md-font-size sd-button--secondary--size-md-padding-block sd-button-font-weight sd-button--size-md-border-radius`,
+          lg: `varspacing-12 sd-button--size-lg-height sd-button--size-lg-font-size sd-button--secondary--size-lg-padding-block sd-button-font-weight sd-button--size-lg-border-radius`
         }[this.size],
+        !slots['icon-only'] &&
+          {
+            /* sizes, fonts */
+            sm: `${hasBorder ? 'sd-button--secondary-padding-inline' : 'sd-button--size-sm-padding-block sd-button-padding-inline'}`,
+            md: `${hasBorder ? 'sd-button--secondary-padding-inline' : 'sd-button--size-md-padding-block sd-button-padding-inline'}`,
+            lg: `${hasBorder ? 'sd-button--secondary-padding-inline' : 'sd-button--size-lg-padding-block sd-button-padding-inline'}`
+          }[this.size],
+        /**
+         * Anatomy
+         * */
+        slots['icon-only'] &&
+          {
+            sm: 'px-1 aspect-square',
+            md: 'sd-button--size-md--icon-only-padding-inline aspect-square',
+            lg: 'px-[12px] aspect-square'
+          }[this.size],
         {
           /* variants */
           primary: !this.inverted
             ? `${
                 this.visuallyDisabled
                   ? 'bg-neutral-500 border-neutral-500 hover:bg-neutral-500 text-white'
-                  : 'sd-button--primary--default-color-background border-transparent sd-button--primary--default-color-text hover:text-primary-100 active:sd-button--primary--active-color-text'
+                  : 'sd-button--primary--default-color-background border-transparent sd-button--primary--default-color-text hover:sd-button--primary--hover-color-text active:sd-button--primary--active-color-text'
               }
           disabled:bg-neutral-500 disabled:text-white`
             : `${
@@ -340,35 +371,35 @@ export default class SdButton extends SolidElement implements SolidFormControl {
                   ? 'bg-neutral-500 text-white border-neutral-500 hover:bg-neutral-500 active:bg-neutral-500'
                   : 'sd-button--primary--inverted--default-color-text sd-button--primary--inverted--default-color-background border-white hover:sd-button--primary--inverted--hover-color-text active:sd-button--primary--inverted--active-color-text active:sd-button--primary--inverted--active-color-background'
               }
-          disabled:sd-button--inverted--disabled-color-background disabled:sd-button--inverted--disabled-color-border disabled:text-white`,
+          disabled:sd-button--inverted--disabled-color-background disabled:text-white`,
           secondary: !this.inverted
-            ? `border ${
+            ? `border sd-button-border-width ${
                 this.visuallyDisabled
                   ? 'sd-button--secondary--disabled-color-text border-neutral-500 hover:text-neutral-500 hover:border-neutral-500 active:text-neutral-500 active:border-neutral-500'
-                  : 'sd-button--secondary--default-color-text border-primary hover:text-primary-500 hover:border-primary-500 active:text-primary-800 active:border-primary-800'
+                  : 'sd-button--secondary--default-color-text border-primary hover:text-primary-500 hover:border-primary-500 active:sd-button--secondary--active-color-text active:border-primary-800'
               }
           disabled:sd-button--secondary--disabled-color-text disabled:border-neutral-500`
-            : `border ${
+            : `border sd-button-border-width ${
                 this.visuallyDisabled
                   ? 'text-neutral-600 border-neutral-600 hover:text-neutral-600 hover:border-neutral-600 active:text-neutral-600 active:border-neutral-600'
-                  : 'text-white sd-button--secondary--inverted--color-border hover:sd-button--secondary--inverted--hover-color-text hover:border-primary-100 active:text-primary-200'
+                  : 'sd-button--secondary--inverted-color-text sd-button--secondary--inverted-color-border hover:sd-button--secondary--inverted-color-border hover:sd-button--secondary--inverted--hover-color-text hover:sd-button--secondary--inverted--hover-color-background active:sd-button--secondary--inverted--active-color-text active:border-primary-200 active:sd-button--secondary--inverted--active-color-background'
               }
           disabled:sd-button--inverted--disabled-color-border disabled:sd-button--inverted--disabled-color-text`,
           tertiary: !this.inverted
             ? `border-transparent ${
                 this.visuallyDisabled
                   ? 'sd-button--tertiary--disabled-color-text hover:text-neutral-500 active:text-neutral-500'
-                  : 'sd-button--tertiary--default-color-text hover:text-primary-500 active:text-primary-800'
+                  : 'sd-button--tertiary--default-color-text hover:text-primary-500 active:sd-button--tertiary--active-color-text'
               }
           disabled:sd-button--tertiary--disabled-color-text`
             : `border-transparent  ${
                 this.visuallyDisabled
                   ? 'text-neutral-600 hover:text-neutral-600 active:text-neutral-600'
-                  : 'text-white hover:sd-button--tertiary--inverted--hover-color-text hover:sd-button--tertiary--inverted--hover-color-background active:text-primary-200'
+                  : 'sd-button--tertiary--inverted-color-text hover:sd-button--tertiary--inverted--hover-color-text hover:sd-button--tertiary--inverted--hover-color-background active:sd-button--tertiary--inverted--active-color-background active:sd-button--tertiary--inverted--active-color-text'
               }
           disabled:sd-button--inverted--disabled-color-text`,
-          cta: `${this.visuallyDisabled ? 'bg-neutral-500 border-neutral-500 hover:bg-neutral-500 active:bg-neutral-500' : 'bg-accent border-transparent'}
-          ${!this.inverted ? 'text-white disabled:bg-neutral-500 disabled:border-neutral-500 disabled:text-white' : 'sd-button--cta--inverted--default-color-background sd-button--cta--inverted--default-color-text hover:sd-button--cta--inverted--hover-color-text active:sd-button--cta--inverted--active-color-text disabled:sd-button--inverted--disabled-color-background disabled:sd-button--inverted--disabled-color-border disabled:text-white'}`
+          cta: `${this.visuallyDisabled ? 'bg-neutral-500 border-neutral-500 hover:bg-neutral-500 active:bg-neutral-500' : 'bg-accent border-transparent hover:bg-accent-500'}
+          ${!this.inverted ? 'text-white bg-accent disabled:bg-neutral-500 hover:bg-accent-500 disabled:border-neutral-500 disabled:text-white' : 'sd-button--cta--inverted--default-color-background sd-button--cta--inverted--default-color-text hover:sd-button--cta--inverted--hover-color-text active:sd-button--cta--inverted--active-color-text disabled:sd-button--inverted--disabled-color-background disabled:text-white'}`
         }[this.variant]
       )}
         ?disabled=${ifDefined(isLink ? undefined : this.disabled)}
@@ -394,9 +425,9 @@ export default class SdButton extends SolidElement implements SolidFormControl {
           (this.disabled || this.visuallyDisabled) && 'hidden',
           {
             /* sizes, fonts */
-            sm: `sd-button--size-sm-border-radius`,
-            md: `sd-button--size-md-border-radius`,
-            lg: `sd-button--size-lg-border-radius`
+            sm: `sd-button-border-radius`,
+            md: `sd-button-border-radius`,
+            lg: `sd-button-border-radius`
           }[this.size]
         )}>
           <div class='absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]'>
@@ -405,15 +436,15 @@ export default class SdButton extends SolidElement implements SolidFormControl {
               {
                 primary: !this.inverted
                   ? 'sd-button--primary--hover-color-background group-active:bg-primary-800'
-                  : 'sd-button--primary--inverted--hover-color-background group-active:bg-primary-200',
+                  : 'sd-button--primary--inverted--hover-color-background group-active:sd-button--primary--inverted--active-color-background',
                 secondary: !this.inverted
                   ? 'sd-button--secondary--hover-color-background group-active:sd-button--secondary--active-color-background'
-                  : 'bg-primary-500 group-active:sd-button--secondary--inverted--active-color-background',
+                  : 'sd-button--secondary--inverted--hover-color-background group-active:sd-button--secondary--inverted--active-color-background group-active:sd-button--secondary--inverted--active-color-text',
                 tertiary: !this.inverted
                   ? 'sd-button--tertiary--hover-color-background group-active:sd-button--tertiary--active-color-background'
-                  : 'bg-primary-500 group-active:sd-button--tertiary--inverted--active-color-background',
+                  : 'sd-button--tertiary--inverted--hover-color-background group-active:sd-button--tertiary--inverted--active-color-background group-active:sd-button--tertiary--inverted--active-color-text',
                 cta: !this.inverted
-                  ? 'bg-accent-550 group-active:bg-accent-700'
+                  ? 'bg-accent-500 group-active:bg-accent-700'
                   : 'sd-button--cta--inverted--hover-color-background group-active:sd-button--cta--inverted--active-color-background'
               }[this.variant]
             )}></div>
@@ -422,15 +453,15 @@ export default class SdButton extends SolidElement implements SolidFormControl {
               {
                 primary: !this.inverted
                   ? 'sd-button--primary--hover-color-background group-active:bg-primary-800'
-                  : 'sd-button--primary--inverted--hover-color-background group-active:bg-primary-200',
+                  : 'sd-button--primary--inverted--hover-color-background group-active:sd-button--primary--inverted--active-color-background',
                 secondary: !this.inverted
                   ? 'sd-button--secondary--hover-color-background group-active:sd-button--secondary--active-color-background'
-                  : 'bg-primary-500 group-active:sd-button--secondary--inverted--active-color-background',
+                  : 'sd-button--secondary--inverted--hover-color-background group-active:sd-button--secondary--inverted--active-color-background group-active:sd-button--secondary--inverted--active-color-text',
                 tertiary: !this.inverted
                   ? 'sd-button--tertiary--hover-color-background group-active:sd-button--tertiary--active-color-background'
-                  : 'bg-primary-500 group-active:sd-button--tertiary--inverted--active-color-background',
+                  : 'sd-button--tertiary--inverted--hover-color-background group-active:sd-button--tertiary--inverted--active-color-background group-active:sd-button--tertiary--inverted--active-color-text',
                 cta: !this.inverted
-                  ? 'bg-accent-550 group-active:bg-accent-700'
+                  ? 'bg-accent-500 group-active:bg-accent-700'
                   : 'sd-button--cta--inverted--hover-color-background group-active:sd-button--cta--inverted--active-color-background'
               }[this.variant]
             )}></div>
@@ -450,6 +481,11 @@ export default class SdButton extends SolidElement implements SolidFormControl {
         )}></slot>
         <slot part="label" id="content" class=${cx(
           'inline-flex items-center justify-center',
+          {
+            sm: 'leading-5',
+            md: 'leading-6',
+            lg: 'leading-6'
+          }[this.size],
           slots['icon-only'] && 'pointer-events-none',
           this.loading && 'invisible'
         )}
@@ -507,6 +543,23 @@ export default class SdButton extends SolidElement implements SolidFormControl {
       sd-loader {
         font-size: calc(var(--tw-varspacing) / 2);
       }
+
+      :host([size='lg']) ::slotted(sd-icon) {
+        font-size: var(--sd-button--size-lg-icon-height, var(--sd-spacing-6));
+      }
+
+      /* TODO clean up border-radius variables replacing with --sd-button-border-radius (breaking change) */
+      :host([size='sm']) .sd-button--size-sm-border-radius {
+        border-radius: var(--sd-button--size-sm-border-radius, var(--sd-button-border-radius));
+      }
+
+      :host([size='md']) .sd-button--size-md-border-radius {
+        border-radius: var(--sd-button--size-md-border-radius, var(--sd-button-border-radius));
+      }
+
+      :host([size='lg']) .sd-button--size-lg-border-radius {
+        border-radius: var(--sd-button--size-lg-border-radius, var(--sd-button-border-radius));
+      }
     `
   ];
 }
diff --git a/packages/components/src/components/checkbox/checkbox.ts b/packages/components/src/components/checkbox/checkbox.ts
index a78cd4d1b1..1681ade2af 100644
--- a/packages/components/src/components/checkbox/checkbox.ts
+++ b/packages/components/src/components/checkbox/checkbox.ts
@@ -263,8 +263,8 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
                 disabledChecked: 'border-neutral-500 bg-neutral-500',
                 disabled: 'border-neutral-500',
                 visuallyDisabled: 'border-neutral-500',
-                invalidIndeterminate: 'border-error bg-error group-hover:bg-error-400',
-                invalid: 'border-error group-hover:bg-neutral-200',
+                invalidIndeterminate: 'border-error bg-error group-hover:bg-error-400 group-hover:border-error-400',
+                invalid: 'border-error group-hover:border-error-400 group-hover:bg-transparent',
                 filled:
                   'border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550',
                 default: 'form-control-color-border hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white'
@@ -287,7 +287,7 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
                     disabled: '',
                     visuallyDisabled: '',
                     invalidIndeterminate: ' bg-error group-hover:bg-error-400',
-                    invalid: 'group-hover:bg-neutral-200',
+                    invalid: '',
                     filled: 'bg-accent group-hover:bg-accent-550',
                     default: 'hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white'
                   }[checkboxState]
@@ -320,11 +320,7 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
             id="label"
             class=${cx(
               'select-none inline-block ml-2',
-              this.disabled || this.visuallyDisabled
-                ? 'text-neutral-500'
-                : this.showInvalidStyle
-                  ? 'text-error'
-                  : 'text-black'
+              this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'text-black'
             )}
           >
             <slot></slot>
@@ -336,14 +332,7 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
           class=${cx('flex items-center gap-2', this.showInvalidStyle && 'mt-2')}
         >
           ${this.showInvalidStyle
-            ? html` <sd-icon
-                id="invalid-icon"
-                part="invalid-icon"
-                class=${cx('text-error')}
-                library="_internal"
-                name="risk"
-              >
-              </sd-icon>`
+            ? html` <sd-icon id="invalid-icon" part="invalid-icon" library="_internal" name="risk"> </sd-icon>`
             : ''}
           ${this.formControlController.renderInvalidMessage(this.size)}
         </div>
@@ -368,6 +357,10 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
       :host([required]) #label::after {
         content: ' *';
       }
+
+      [part='invalid-icon'] {
+        color: rgb(var(--sd-color-icon-fill-error));
+      }
     `
   ];
 }
diff --git a/packages/components/src/components/combobox/combobox.ts b/packages/components/src/components/combobox/combobox.ts
index 72dd113392..6254c83d62 100644
--- a/packages/components/src/components/combobox/combobox.ts
+++ b/packages/components/src/components/combobox/combobox.ts
@@ -76,6 +76,14 @@ import type SdPopup from '../popup/popup';
  * @cssproperty --tag-max-width - Set the maximum width of the tags and to show an ellipsis. Defaults to "15ch"
  * @cssproperty --sd-form-control--invalid-color-background - The background color for form controls in invalid state.
  * @cssproperty --sd-form-control-color-text - The text color for form controls.
+ * @cssproperty --sd-form-control-border-radius - The border radius for form controls.
+ * @cssproperty --sd-form-control-color-border - The border color for default and readonly form controls.
+ * @cssproperty --sd-form-control--filled__floating-label-color-text - The text color for the floating label when the input is filled.
+ * @cssproperty --sd-form-control__listbox-border-bottom-left-radius - The border radius for the bottom left corner of the listbox.
+ * @cssproperty --sd-form-control__listbox-border-bottom-right-radius - The border radius for the bottom right corner of the listbox.
+ * @cssproperty --sd-form-control__listbox-border-top-left-radius - The border radius for the top left corner of the listbox.
+ * @cssproperty --sd-form-control__listbox-border-top-right-radius - The border radius for the top right corner of the listbox.
+ * @cssproperty --sd-combobox__tag-border-width - The border width for the tags for multiple options combobox.
  */
 
 @customElement('sd-combobox')
@@ -1196,7 +1204,7 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
 
     // Conditional Styles
     const cursorStyles = this.disabled || this.visuallyDisabled ? 'cursor-not-allowed' : 'cursor-pointer';
-    const iconColor = this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'text-primary';
+    const iconColor = this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'sd-icon-fill-primary';
     const iconMarginLeft = { sm: 'ml-1', md: 'ml-2', lg: 'ml-2' }[this.size];
     const iconMarginRight = { sm: 'mr-1', md: 'mr-2', lg: 'mr-2' }[this.size];
     const iconSize = {
@@ -1281,7 +1289,7 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
           <div
             part="border"
             class=${cx(
-              'absolute top-0 w-full h-full pointer-events-none border rounded-default z-10 transition-[border] duration-medium ease-in-out',
+              'absolute top-0 w-full h-full pointer-events-none border form-control-border-radius z-10 transition-[border] duration-medium ease-in-out',
               {
                 disabled: 'border-neutral-500',
                 visuallyDisabled: 'border-neutral-500',
@@ -1319,7 +1327,7 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
             <div
               part="combobox"
               class=${cx(
-                'relative w-full px-4 flex flex-row items-center rounded-default transition-colors hover:duration-fast ease-in-out',
+                'relative w-full px-4 flex flex-row items-center form-control-border-radius transition-colors hover:duration-fast ease-in-out',
                 this.visuallyDisabled || this.disabled ? 'hover:bg-transparent' : 'hover:bg-neutral-200',
                 this.open && 'shadow transition-shadow duration-medium ease-in-out',
                 ['invalid', 'activeInvalid'].includes(selectState) && 'form-control--invalid-color-background',
@@ -1357,9 +1365,7 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
                 class=${cx(
                   'appearance-none outline-none bg-transparent flex-auto min-w-0',
                   cursorStyles,
-                  this.selectedTextLabel && !this.multiple
-                    ? 'placeholder:form-control-color-text'
-                    : 'placeholder:text-neutral-700',
+                  this.selectedTextLabel && !this.multiple ? 'placeholder:text-black' : 'placeholder:text-neutral-700',
                   this.size === 'sm' ? (isFloatingLabelActive ? 'h-4' : 'h-6') : isFloatingLabelActive ? 'h-6' : 'h-8',
                   isFloatingLabelActive && 'leading-none mt-4'
                 )}
@@ -1455,7 +1461,7 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
                 part="right"
                 class=${cx(
                   'inline-flex ml-2 leading-[0]',
-                  this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'text-primary',
+                  this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'sd-icon-fill-primary',
                   iconSize
                 )}
               >
@@ -1486,7 +1492,7 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
                   `
                 : html`
                     <button
-                      class="sd-interactive combobox-button absolute top-2"
+                      class="sd-interactive combobox-button absolute top-2 sd-icon-fill-primary"
                       @keydown=${this.handleComboboxMouseDown}
                       type="button"
                     >
@@ -1504,10 +1510,10 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
               part="listbox"
               class=${cx(
                 'bg-white px-2 py-3 relative border-primary overflow-y-auto',
-                this.open && 'shadow transition-shadow duration-medium ease-in-out',
+                this.open && 'shadow-listbox transition-shadow duration-medium ease-in-out',
                 this.currentPlacement === 'bottom'
-                  ? 'border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default'
-                  : 'border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default'
+                  ? 'border-r-2 border-b-2 border-l-2 form-control__listbox-border-bottom-right-radius form-control__listbox-border-bottom-left-radius'
+                  : 'border-r-2 border-t-2 border-l-2 form-control__listbox-border-top-right-radius form-control__listbox-border-top-left-radius'
               )}
               tabindex="-1"
               @mousedown=${this.preventLoosingFocus}
@@ -1583,7 +1589,7 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
       }
 
       sd-tag::part(base) {
-        @apply rounded-default px-1;
+        @apply rounded-default px-1 sd-combobox__tag-border-width;
       }
 
       sd-tag::part(content) {
@@ -1606,6 +1612,15 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
       mark {
         @apply bg-transparent text-inherit font-bold;
       }
+
+      [part='chevron'] {
+        color: rgb(var(--sd-color-icon-fill-primary));
+      }
+
+      :host([visually-disabled])::part(chevron),
+      :host([disabled])::part(chevron) {
+        color: rgba(var(--sd-color-icon-fill-neutral-500, --sd-color-neutral-500));
+      }
     `
   ];
 }
diff --git a/packages/components/src/components/datepicker/datepicker.ts b/packages/components/src/components/datepicker/datepicker.ts
index d5feb17400..fbdd0a5985 100644
--- a/packages/components/src/components/datepicker/datepicker.ts
+++ b/packages/components/src/components/datepicker/datepicker.ts
@@ -55,7 +55,27 @@ import type SdPopup from '../popup/popup';
  * @csspart valid-icon - The icon shown when the input is valid.
  * @csspart form-control-help-text - The help text, displayed below the input.
  *
- * @cssproperty --sd-form-control-color-text - The text color for form controls.
+ * @cssproperty --sd-form-control-color-text - The text color for the datepicker.
+ * @cssproperty --sd-form-control-border-radius - The border radius for the datepicker.
+ * @cssproperty --sd-form-control-color-border - The default border color for the datepicker.
+ * @cssproperty --sd-form-control--filled__floating-label-color-text - The text color for the floating label when the input is filled.
+ * @cssproperty --sd-form-control--invalid-color-background - The background color for the input when it is invalid.
+ * @cssproperty --sd-form-control__listbox-border-bottom-left-radius - The border radius for the bottom left corner of the datepicker.
+ * @cssproperty --sd-form-control__listbox-border-bottom-right-radius - The border radius for the bottom right corner of the datepicker.
+ * @cssproperty --sd-form-control__listbox-border-top-left-radius - The border radius for the top left corner of the datepicker.
+ * @cssproperty --sd-form-control__listbox-border-top-right-radius - The border radius for the top right corner of the datepicker.
+ * @cssproperty --sd-datepicker__date-item--default-color-text - The default text color for date items.
+ * @cssproperty --sd-datepicker__date-item--hover--default-color-background - The background color for date items in hover state.
+ * @cssproperty --sd-datepicker__date-item--hover--default-color-text - The text color for date items in hover state.
+ * @cssproperty --sd-datepicker__date-item--default-color-border - The default border color for date items.
+ * @cssproperty --sd-datepicker__date-item--selected-color-text - The text color for selected date items.
+ * @cssproperty --sd-datepicker__date-item--hover--prev-next-color-background - The background color for date items in hover state when they are previous/next month days.
+ * @cssproperty --sd-datepicker__date-item--hover--prev-next-color-text - The text color for date items in hover state when they are previous/next month days.
+ * @cssproperty --sd-datepicker__date-item--current-font-weight - The font weight for the current date item.
+ * @cssproperty --sd-datepicker__date-item--selected-color-background - The background color for selected date items.
+ * @cssproperty --sd-datepicker__date-item--selected--hover-color-background - The background color for selected date items in hover state.
+ * @cssproperty --sd-datepicker__date-item--range-color-background - The background color for date items that are within the selected range.
+ * @cssproperty --sd-datepicker__date-item--current-color-text - The text color for the current date item.
  */
 
 const isoDateConverter = {
@@ -1732,10 +1752,10 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
         part="datepicker"
         class=${cx(
           'w-[284px] z-50 bg-white py-3 px-4',
-          this.open ? 'block' : 'hidden',
+          this.open ? 'block shadow-listbox' : 'hidden',
           this.currentPlacement?.startsWith('bottom')
-            ? 'border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default'
-            : 'border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default',
+            ? 'border-r-2 border-b-2 border-l-2 form-control__listbox-border-bottom-right-radius form-control__listbox-border-bottom-left-radius'
+            : 'border-r-2 border-t-2 border-l-2 form-control__listbox-border-top-right-radius form-control__listbox-border-top-left-radius',
           'border-primary'
         )}
       >
@@ -1770,7 +1790,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
           <!-- Month label -->
           <div
             tabindex="-1"
-            class="month-label flex justify-center sd-headline sd-headline--size-base text-primary!"
+            class="month-label flex justify-center sd-headline sd-headline--size-base"
             part="month-label"
             aria-live="polite"
           >
@@ -1890,35 +1910,40 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
                       type="button"
                       part="day"
                       class=${cx(
-                        'cell day flex items-center justify-center focus-visible:outline focus:outline-2 focus:outline-primary -outline-offset-2 rounded-md w-[36px]',
+                        'cell day flex items-center justify-center focus-visible:outline focus:outline-2 focus:outline-primary -outline-offset-2 rounded w-[36px]',
                         this.size === 'sm' ? 'text-sm h-6' : 'text-base h-8',
                         isRangeStart || isRangeEnd
-                          ? 'hover:bg-primary-500'
-                          : 'hover:bg-primary-100 hover:text-primary-500',
-                        !inMonth
-                          ? this.disabledWeekends && isWeekendDay
-                            ? 'out-month weekend-day text-neutral-500'
-                            : isWeekendDay
-                              ? 'out-month weekend-day text-neutral-700'
-                              : 'out-month text-neutral-700'
-                          : this.isInDisabledDates(day) || !this.inMinMax(day)
-                            ? 'out-month text-neutral-500'
-                            : this.disabledWeekends && isWeekendDay
-                              ? 'weekend-day text-neutral-500'
-                              : 'in-month text-primary',
+                          ? !isFocused
+                            ? 'outline-none sd-datepicker__date-item--selected-color-background sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected--hover-color-background'
+                            : 'outline-none sd-datepicker__date-item--selected--hover-color-background sd-datepicker__date-item--selected-color-text'
+                          : 'hover:sd-datepicker__date-item--hover--default-color-text',
+                        !isRangeStart &&
+                          !isRangeEnd &&
+                          !inSelectedRange &&
+                          'hover:sd-datepicker__date-item--hover--default-color-background',
                         isSelectedSingle
-                          ? 'selected border-primary bg-primary text-white hover:bg-primary-500 hover:text-white'
-                          : '',
-                        isRangeStart ? 'bg-primary text-white rounded-l-md rounded-r-none' : '',
-                        isRangeEnd ? 'bg-primary text-white range-end rounded-r-md rounded-l-none' : '',
+                          ? 'selected outline-none border-primary sd-datepicker__date-item--selected-color-background sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected--hover-color-background'
+                          : !inMonth
+                            ? this.disabledWeekends && isWeekendDay
+                              ? 'out-month weekend-day text-neutral-500'
+                              : isWeekendDay
+                                ? 'out-month weekend-day text-neutral-700'
+                                : 'out-month text-neutral-700 hover:sd-datepicker__date-item--hover--prev-next-color-text hover:sd-datepicker__date-item--hover--prev-next-color-background'
+                            : this.isInDisabledDates(day) || !this.inMinMax(day)
+                              ? 'out-month text-neutral-500'
+                              : this.disabledWeekends && isWeekendDay
+                                ? 'weekend-day text-neutral-500'
+                                : 'in-month sd-datepicker__date-item--default-color-text',
+                        isRangeStart ? 'rounded-l-md rounded-r-none' : '',
+                        isRangeEnd ? 'range-end rounded-r-md rounded-l-none' : '',
                         inSelectedRange && !isRangeStart && !isRangeEnd
-                          ? 'in-range selected bg-primary-100 text-primary-500 rounded-none hover:bg-primary-500 hover:text-white'
+                          ? 'in-range selected sd-datepicker__date-item--range-color-background rounded-none hover:sd-datepicker__date-item--selected--hover-color-background hover:sd-datepicker__date-item--selected-color-text'
                           : '',
                         !inSelectedRange && inPreviewRange && !isRangeStart && !isRangeEnd
                           ? 'in-preview-range bg-primary-100 text-primary-500 rounded-none'
                           : '',
                         isToday && !isSelectedSingle && !isRangeStart && !isRangeEnd && isFocused
-                          ? 'today border-[1px] border-primary font-bold'
+                          ? 'today border-[1px] border-primary sd-datepicker__date-item--current-font-weight'
                           : '',
                         disabled ? 'disabled cursor-not-allowed hover:bg-transparent' : 'cursor-pointer',
                         isFocused && !isToday ? 'focused outline outline-2 outline-primary' : ''
@@ -1978,7 +2003,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
       !this.disabled &&
       !this.visuallyDisabled;
 
-    const iconColor = this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'text-primary';
+    const iconColor = this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'icon-color';
     const iconMarginLeft = { sm: 'ml-1', md: 'ml-2', lg: 'ml-2' }[this.size];
     const iconSize = { sm: 'text-base', md: 'text-lg', lg: 'text-xl' }[this.size];
 
@@ -2009,7 +2034,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
       active: 'border-primary border-2',
       invalid: 'border-error',
       valid: 'border-success',
-      default: 'border-neutral-800'
+      default: 'form-control-color-border'
     }[inputState];
 
     const textSize = this.size === 'sm' ? 'text-sm' : 'text-base';
@@ -2051,7 +2076,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
                   id="label"
                   part="form-control-floating-label"
                   class=${cx(
-                    'absolute left-4 z-10 pointer-events-none transition-all duration-200',
+                    'absolute left-4 z-20 pointer-events-none transition-all duration-200 form-control--filled__floating-label-color-text',
                     !isFloatingLabelActive
                       ? 'top-1/2 -translate-y-1/2'
                       : this.size === 'lg'
@@ -2079,14 +2104,16 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
           <div
             part="border"
             class=${cx(
-              'absolute top-0 w-full h-full pointer-events-none border rounded-default z-10 transition-[border] duration-medium ease-in-out',
+              'absolute top-0 w-full h-full pointer-events-none border form-control-border-radius z-10 transition-[border] duration-medium ease-in-out',
               borderColor,
-              this.open && this.alignment === 'left' ? 'rounded-bl-none' : '',
-              this.open && this.alignment === 'right' ? 'rounded-br-none' : '',
               this.open &&
                 (this.currentPlacement?.startsWith('bottom')
-                  ? 'rounded-bl-none rounded-br-none'
-                  : 'rounded-tl-none rounded-tr-none')
+                  ? this.open && this.alignment === 'left'
+                    ? 'rounded-bl-none'
+                    : 'rounded-br-none'
+                  : this.open && this.alignment === 'left'
+                    ? 'rounded-tl-none'
+                    : 'rounded-tr-none')
             )}
           ></div>
           <sd-popup
@@ -2108,7 +2135,9 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
                 'px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast w-full',
                 !this.disabled && !this.readonly && !this.visuallyDisabled ? 'hover:bg-neutral-200' : '',
                 this.readonly ? 'bg-neutral-100' : 'bg-white',
-                inputState === 'disabled' || inputState === 'visuallyDisabled' ? 'text-neutral-500' : 'text-black'
+                inputState === 'disabled' || inputState === 'visuallyDisabled' ? 'text-neutral-500' : 'text-black',
+                inputState === 'invalid' && 'form-control--invalid-color-background',
+                inputState === 'active' && 'shadow'
               )}
               slot="anchor"
             >
@@ -2123,7 +2152,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
                 aria-invalid=${this.showInvalidStyle ? 'true' : 'false'}
                 aria-label=${this.range ? 'Select date range' : 'Select a date'}
                 class=${cx(
-                  'min-w-0 grow focus:outline-none bg-transparent hover:cursor-pointer form-control-color-text',
+                  'min-w-0 grow focus:outline-none bg-transparent hover:cursor-pointer text-black',
                   this.visuallyDisabled || this.disabled
                     ? 'placeholder:text-neutral-500 cursor-not-allowed'
                     : 'placeholder:text-neutral-700',
@@ -2201,6 +2230,23 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
       :host([visually-disabled]) input {
         caret-color: transparent;
       }
+
+      .today:hover {
+        @apply sd-datepicker__date-item--hover--default-color-border;
+      }
+
+      .in-range,
+      .today {
+        @apply sd-datepicker__date-item--current-color-text;
+      }
+
+      .icon-color {
+        color: rgb(var(--sd-color-icon-fill-primary));
+      }
+
+      .month-label {
+        color: rgb(var(--sd-color-border-primary)) !important;
+      }
     `
   ];
 }
diff --git a/packages/components/src/components/dialog/dialog.ts b/packages/components/src/components/dialog/dialog.ts
index ff20dd4d78..5b6c14eb29 100644
--- a/packages/components/src/components/dialog/dialog.ts
+++ b/packages/components/src/components/dialog/dialog.ts
@@ -277,7 +277,7 @@ export default class SdDialog extends SolidElement {
       >
         <div
           part="overlay"
-          class="fixed inset-0 overlay-color-background opacity-90"
+          class="fixed inset-0 overlay-color-background"
           @click=${() => this.requestClose('overlay')}
           tabindex="-1"
         ></div>
diff --git a/packages/components/src/components/drawer/drawer.ts b/packages/components/src/components/drawer/drawer.ts
index 003152469b..71f78208d2 100644
--- a/packages/components/src/components/drawer/drawer.ts
+++ b/packages/components/src/components/drawer/drawer.ts
@@ -398,7 +398,7 @@ export default class SdDrawer extends SolidElement {
       }
 
       :host [part='panel'] {
-        outline: 1px solid var(--sd-panel-color-border, transparent);
+        outline: 1px solid rgb(var(--sd-panel-color-border, transparent));
       }
     `
   ];
diff --git a/packages/components/src/components/dropdown/dropdown.ts b/packages/components/src/components/dropdown/dropdown.ts
index bd529c17a8..66448f3513 100644
--- a/packages/components/src/components/dropdown/dropdown.ts
+++ b/packages/components/src/components/dropdown/dropdown.ts
@@ -44,6 +44,7 @@ import type SdPopup from '../popup/popup';
  * @animation dropdown.hide - The animation to use when hiding the dropdown.
  *
  * @cssproperty --sd-panel-color-border - The border color of the dropdown panel.
+ * @cssproperty --sd-dropdown-color-background - The background color of the dropdown panel.
  */
 @customElement('sd-dropdown')
 export default class SdDropdown extends SolidElement {
@@ -460,7 +461,7 @@ export default class SdDropdown extends SolidElement {
         <slot
           part="panel"
           class=${cx(
-            'panel-color-border border shadow bg-white block',
+            'panel-color-border border shadow sd-dropdown-color-background block',
             this.open ? 'pointer-events-auto' : 'pointer-events-none',
             this.rounded && 'rounded-md'
           )}
diff --git a/packages/components/src/components/expandable/expandable.ts b/packages/components/src/components/expandable/expandable.ts
index f2ed8a27ab..25a31cd1d0 100644
--- a/packages/components/src/components/expandable/expandable.ts
+++ b/packages/components/src/components/expandable/expandable.ts
@@ -239,9 +239,8 @@ export default class SdExpandable extends SolidElement {
       }
 
       :host([inverted]) {
-        --color-primary-rgb: 0, 53, 142;
-        --gradient-color-start: rgba(var(--color-primary-rgb), 0);
-        --gradient-color-end: rgba(var(--color-primary-rgb), 1);
+        --gradient-color-start: transparent;
+        --gradient-color-end: rgba(var(--sd-color-background-primary) / 1);
       }
 
       :host([inverted]) .content::after {
diff --git a/packages/components/src/components/flipcard/flipcard.ts b/packages/components/src/components/flipcard/flipcard.ts
index e49dc01eda..f9b4d4f328 100644
--- a/packages/components/src/components/flipcard/flipcard.ts
+++ b/packages/components/src/components/flipcard/flipcard.ts
@@ -40,6 +40,7 @@ import SolidElement from '../../internal/solid-element';
  *
  * @cssproperty --name - Description of the flipcard.
  * @cssproperty --height - Use this property to set the height of the flipcard.
+ * @cssproperty --sd-informational-gradient--primary-800-color-background - The color used in the gradient of the flipcard when the `gradient-dark` variant is used. By default, it uses the `--sd-color-primary-800` color.
  */
 
 @customElement('sd-flipcard')
@@ -155,7 +156,7 @@ export default class SdFlipcard extends SolidElement {
           >
             <div
               class=${cx(
-                'absolute inset-0',
+                'absolute inset-0 pointer-events-none -z-10',
                 {
                   primary: '',
                   'primary-100': '',
@@ -170,7 +171,7 @@ export default class SdFlipcard extends SolidElement {
                 }[this.frontVariant]
               )}
             ></div>
-            <slot name="front"></slot>
+            <slot name="front" class="relative z-10"></slot>
           </div>
 
           <div
@@ -242,7 +243,7 @@ export default class SdFlipcard extends SolidElement {
           <div
             part="back-slot-container"
             class=${cx(
-              'flex',
+              'flex relative',
               {
                 primary: 'text-white',
                 'primary-100': 'text-black',
@@ -263,7 +264,7 @@ export default class SdFlipcard extends SolidElement {
               }[this.backVariant]
             )}
           >
-            <slot name="back"></slot>
+            <slot name="back" class="relative z-10"></slot>
           </div>
 
           <div
@@ -356,7 +357,8 @@ export default class SdFlipcard extends SolidElement {
       }
 
       .flip-card__gradient {
-        flex: 0.4 1 0;
+        flex: 0.2 1 0;
+        pointer-events: none;
       }
 
       /**
@@ -365,17 +367,11 @@ export default class SdFlipcard extends SolidElement {
        * 
        * For more details, see the 'Consistency with Figma' section in the **CONTRIBUTING.md**.
        */
-      :host([front-variant='gradient-light']) [part='front-slot-container'] .bg-gradient-to-b,
-      :host([front-variant='gradient-light']) [part='front-secondary-gradient'] {
-        --sd-color-background-white: rgba(
-          var(--sd-informational-gradient--white-color-background, rgba(var(--sd-color-white)))
-        );
-      }
-
-      :host([front-variant='gradient-dark']) [part='front-slot-container'] .bg-gradient-to-b,
-      :host([front-variant='gradient-dark']) [part='front-secondary-gradient'] {
-        --sd-color-background-primary-800: rgba(
-          var(--sd-informational-gradient--primary-800-color-background, rgba(var(--sd-color-primary-800)))
+      .bg-gradient-to-b,
+      .bg-gradient-to-t {
+        --sd-color-background-primary-800: var(
+          --sd-informational-gradient--primary-800-color-background,
+          var(--sd-color-primary-800)
         );
       }
     `
diff --git a/packages/components/src/components/header/header.ts b/packages/components/src/components/header/header.ts
index 5a6c1bff8b..97b6a6a8b1 100644
--- a/packages/components/src/components/header/header.ts
+++ b/packages/components/src/components/header/header.ts
@@ -20,6 +20,10 @@ import type { PropertyValues } from 'lit';
  * @cssproperty --sd-header-inner-max-width - max-width of the header content
  * @cssproperty --sd-header-padding - padding-left and padding-right of the header content
  * @cssproperty --sd-header-color-background - The background color of the header.
+ * @cssproperty --sd-header-padding-bottom - padding bottom of the header content
+ * @cssproperty --sd-header__underline-color-background - the background color of the underlined background
+ * @cssproperty --sd-header__underline-height - height of the underlined header
+ * @cssproperty --sd-header__shadow-height - height of the shadow when the header is fixed
  */
 @customElement('sd-header')
 export default class SdHeader extends SolidElement {
@@ -79,7 +83,7 @@ export default class SdHeader extends SolidElement {
 
   render() {
     return html`
-      <header class="w-full sd-header-color-background relative" role="banner">
+      <header class="w-full sd-header-color-background sd-header-padding-bottom relative" role="banner">
         <div part="main" class="relative mx-auto my-0 box-border">
           <slot></slot>
         </div>
@@ -102,11 +106,7 @@ export default class SdHeader extends SolidElement {
             @apply fixed w-full left-0 top-0;
 
             &::after {
-              @apply content-[''] absolute left-0 right-0 top-full h-2;
-              background: var(
-                --gradient-vertical-black-40-transparent,
-                linear-gradient(0deg, #18181800 50%, #18181866 100%)
-              );
+              @apply content-[''] absolute left-0 right-0 top-full sd-header__shadow-height bg-gradient-to-b from-black/40 to-black/0;
             }
           }
         }
@@ -117,6 +117,12 @@ export default class SdHeader extends SolidElement {
         max-width: var(--sd-header-inner-max-width);
         padding: var(--sd-header-padding, 12px 16px);
       }
+
+      header::before {
+        @apply content-[''] block w-full absolute bottom-0 left-0;
+        background-color: rgb(var(--sd-header__underline-color-background));
+        height: var(--sd-header__underline-height, var(--sd-spacing-2));
+      }
     `
   ];
 }
diff --git a/packages/components/src/components/input/input.ts b/packages/components/src/components/input/input.ts
index 689584a779..a74d7af9a1 100644
--- a/packages/components/src/components/input/input.ts
+++ b/packages/components/src/components/input/input.ts
@@ -70,7 +70,8 @@ const isFirefox = isChromium ? false : navigator.userAgent.includes('Firefox');
  * @cssproperty --sd-form-control-color-text - The text color for form controls.
  * @cssproperty --sd-form-control--filled__floating-label-color-text - The floating label text color when active.
  * @cssproperty --sd-form-control-color-border - The color border for form controls.
- * @cssproperty --sd-form-control-color-icon - The icon color for form controls.
+ * @cssproperty --sd-form-control-color-icon-fill - The icon color for form controls.
+ * @cssproperty --sd-form-control-border-radius - The border radius for form controls.
  */
 
 @customElement('sd-input')
@@ -574,7 +575,7 @@ export default class SdInput extends SolidElement implements SolidFormControl {
       default: 'form-control-color-border'
     }[inputState];
 
-    const iconColor = this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'form-control-color-icon';
+    const iconColor = this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'icon-color';
     const iconMarginLeft = { sm: 'ml-1', md: 'ml-2', lg: 'ml-2' }[this.size];
     const iconSize = {
       sm: 'text-base',
@@ -625,19 +626,19 @@ export default class SdInput extends SolidElement implements SolidFormControl {
           <div
             part="border"
             class=${cx(
-              'absolute w-full h-full pointer-events-none border rounded-default transition-[border] ease-in-out duration-medium hover:duration-fast',
+              'absolute w-full h-full pointer-events-none border form-control-border-radius transition-[border] ease-in-out duration-medium hover:duration-fast',
               borderColor
             )}
           ></div>
           <div
             part="base"
             class=${cx(
-              'px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast',
+              'px-4 flex flex-row items-center form-control-border-radius transition-colors ease-in-out duration-medium hover:duration-fast',
               this.floatingLabel && 'has-floating-label',
               // States
               !this.disabled && !this.readonly && !this.visuallyDisabled ? 'hover:bg-neutral-200' : '',
               this.readonly ? 'bg-neutral-100' : 'bg-white',
-              ['disabled', 'visuallyDisabled'].includes(inputState) ? 'text-neutral-500' : 'form-control-color-text',
+              ['disabled', 'visuallyDisabled'].includes(inputState) ? 'text-neutral-500' : 'text-black',
               ['invalid', 'activeInvalid'].includes(inputState) && 'form-control--invalid-color-background',
               verticalPadding
             )}
@@ -986,6 +987,10 @@ export default class SdInput extends SolidElement implements SolidFormControl {
       .has-floating-label input[type='datetime-local']:focus {
         color: inherit;
       }
+
+      .icon-color {
+        color: rgb(var(--sd-color-icon-fill-primary));
+      }
     `
   ];
 }
diff --git a/packages/components/src/components/link/link.ts b/packages/components/src/components/link/link.ts
index 768936799a..a9a42b9653 100644
--- a/packages/components/src/components/link/link.ts
+++ b/packages/components/src/components/link/link.ts
@@ -25,6 +25,7 @@ import SolidElement from '../../internal/solid-element';
  * @csspart icon-right - The container that wraps the right icon area.
  *
  * @cssproperty --sd-interactive--active-color-text - The link's text color when active.
+ * @cssproperty --sd-interactive--default-color-text - The default link's text color.
  */
 @customElement('sd-link')
 export default class SdLink extends SolidElement {
@@ -99,7 +100,7 @@ export default class SdLink extends SolidElement {
         {
           disabled: !this.inverted ? 'text-neutral-500' : 'text-neutral-600',
           enabled: !this.inverted
-            ? ` text-primary hover:text-primary-500 active:interactive--active-color-text focus-visible:focus-outline`
+            ? `interactive--default-color-text hover:text-primary-500 active:interactive--active-color-text focus-visible:focus-outline`
             : `text-white hover:text-primary-200 active:text-primary-400 focus-visible:focus-outline-inverted`,
           visuallyDisabled: !this.inverted ? 'text-neutral-500' : 'text-neutral-600'
         }[this.href && !this.visuallyDisabled ? 'enabled' : this.visuallyDisabled ? 'visuallyDisabled' : 'disabled']
diff --git a/packages/components/src/components/map-marker/map-marker.ts b/packages/components/src/components/map-marker/map-marker.ts
index 845c2fbbaf..b6d00a88ee 100644
--- a/packages/components/src/components/map-marker/map-marker.ts
+++ b/packages/components/src/components/map-marker/map-marker.ts
@@ -27,6 +27,14 @@ import SolidElement from '../../internal/solid-element';
  * @cssproperty --map-marker-scaling - Scale the marker size.
  * @cssproperty --sd-map-marker-cluster--hovered-color-icon-fill - The icon fill color for map marker clusters in hovered state.
  * @cssproperty --sd-map-marker-cluster-color-icon-fill - The default icon fill color for map marker clusters.
+ * @cssproperty --sd-map-marker-cluster--hovered-color-text - The text color for map marker clusters in hovered state.
+ * @cssproperty --sd-map-marker--cluster--default-color-background - The default background color for map marker clusters.
+ * @cssproperty --sd-map-marker--cluster--hover-color-background - The background color for map marker clusters in hover state.
+ * @cssproperty --sd-map-marker--cluster-color-text - The text color for map marker clusters.
+ * @cssproperty --sd-map-marker--main-color-background - The background color for main map markers.
+ * @cssproperty --sd-map-marker--pin--default-color-background - The default background color for place map markers.
+ * @cssproperty --sd-map-marker--pin--hover-color-background - The background color for place map markers in hover state.
+ * @cssproperty --sd-map-marker--pin-color-text - The text color for place map markers.
  */
 @customElement('sd-map-marker')
 export default class SdMapMarker extends SolidElement {
@@ -109,23 +117,29 @@ export default class SdMapMarker extends SolidElement {
           class=${cx(
             'relative inline-flex',
             this.animated && (this.variant === 'main' || this.variant === 'place') && 'animate-bounce-once',
-            this.variant === 'cluster' &&
-              this.state === 'hover' &&
-              'scale-110 sd-map-marker-cluster--hovered-color-icon-fill',
+            this.variant === 'cluster' && this.state === 'hover' && 'scale-110',
             this.variant === 'cluster' &&
               !this.notInteractive &&
               'transition-transform duration-fast ease-in-out hover:scale-110',
             {
-              cluster: 'sd-map-marker-cluster-color-icon-fill',
-              main: 'fill-accent',
-              place: 'fill-white'
+              cluster: 'sd-map-marker--cluster-color-text',
+              main: 'sd-color-fill-accent',
+              place: 'sd-map-marker--pin-color-text'
             }[this.variant]
           )}
         >
           <div
             id="motion-wrapper"
             part="motion-wrapper"
-            class="absolute inset-0 overflow-hidden pointer-events-none"
+            class=${cx(
+              'absolute inset-0 overflow-hidden pointer-events-none',
+              {
+                cluster:
+                  'sd-map-marker--cluster--default-color-background group-hover:sd-map-marker--cluster--hover-color-background',
+                main: 'sd-map-marker--main-color-background',
+                place: 'sd-map-marker--pin--default-color-background'
+              }[this.variant]
+            )}
             style="
               mask-image: ${mask};
               -webkit-mask-image: ${mask};
@@ -138,24 +152,32 @@ export default class SdMapMarker extends SolidElement {
                 'min-w-full min-h-full skew-y-[-11deg]',
                 {
                   cluster: '',
-                  main: this.state === 'active' ? 'bg-accent-700' : 'bg-accent-550 group-active:bg-accent-700',
-                  place: this.state === 'active' ? 'bg-primary-200' : 'bg-primary-100 group-active:bg-primary-200'
+                  main:
+                    this.state === 'active'
+                      ? 'bg-accent-700'
+                      : this.state === 'hover'
+                        ? 'bg-accent-550'
+                        : 'group-hover:bg-accent-550 group-active:bg-accent-700',
+                  place:
+                    this.state === 'active' || this.state === 'hover'
+                      ? 'sd-map-marker--pin--hover-color-background'
+                      : 'group-active:bg-primary-200'
                 }[this.variant]
               )}></div>
             </div>
-
-            ${this.variant === 'main' ? html`<div id="marker-circle" class="absolute rounded-full bg-white"></div>` : ''}
+ 
+            ${this.variant === 'main' ? html`<div id="marker-circle" class="absolute rounded-full"></div>` : ''}
           </div>
-
+ 
           ${marker}
-
+ 
             ${
               this.variant === 'cluster'
                 ? html`<div
                     id="cluster-border"
                     class=${cx(
-                      'absolute inset-0 bg-primary opacity-30 rounded-full',
-                      this.state === 'hover' && 'bg-primary-500'
+                      'absolute inset-0 sd-map-marker--cluster--default-color-background rounded-full opacity-30',
+                      this.state === 'hover' && 'sd-map-marker--cluster--hover-color-background'
                     )}
                   ></div>`
                 : ''
@@ -164,7 +186,11 @@ export default class SdMapMarker extends SolidElement {
         <div
           id="content"
           part="content"
-          class=${cx('absolute self-center pointer-events-none', this.variant === 'cluster' && 'font-bold text-white')}
+          class=${cx(
+            'absolute self-center pointer-events-none',
+            this.variant === 'cluster' && 'font-bold sd-map-marker--cluster-color-text',
+            this.variant === 'place' && 'font-bold sd-map-marker--pin-color-text'
+          )}
         >
           <slot></slot>
         </div>
@@ -214,7 +240,7 @@ export default class SdMapMarker extends SolidElement {
       }
 
       :host([variant='cluster']) [part='motion-wrapper'] > div > div {
-        background-color: rgba(var(--sd-map-marker-cluster--hovered-color-icon-fill));
+        background-color: rgba(var(--sd-map-marker--cluster--hover-color-background));
       }
 
       :host([variant='main']) [part='marker'],
@@ -229,6 +255,10 @@ export default class SdMapMarker extends SolidElement {
         right: calc(var(--sd-spacing-4, 1rem) * var(--map-marker-scaling, 1));
         top: calc(var(--sd-spacing-4, 1rem) * var(--map-marker-scaling, 1));
       }
+
+      #marker-circle {
+        background-color: rgba(var(--sd-color-icon-fill-white, rgba(var(--sd-color-white))));
+      }
     `
   ];
 }
diff --git a/packages/components/src/components/menu-item/menu-item.ts b/packages/components/src/components/menu-item/menu-item.ts
index d63f534b82..b94d971a83 100644
--- a/packages/components/src/components/menu-item/menu-item.ts
+++ b/packages/components/src/components/menu-item/menu-item.ts
@@ -27,6 +27,15 @@ import SolidElement from '../../internal/solid-element';
  *
  * @cssproperty --submenu-offset - The offset of the submenu from the parent menu item.
  * @cssproperty --sd-navigable-border-radius - The menu-item border radius on hover.
+ * @cssproperty --sd-menu-item-color-icon-fill - The default icon color for menu items.
+ * @cssproperty --sd-menu-item-color-text - The default text color for menu items.
+ * @cssproperty --sd-menu-item--disabled-color-icon-fill - The icon color for disabled menu items.
+ * @cssproperty --sd-menu-item--disabled-color-text - The text color for disabled menu items.
+ *
+ * @cssproperty --sd-menu-color-icon - This variable is deprecated please use --sd-menu-item-color-icon-fill.
+ * @cssproperty --sd-menu-color-text - This variable is deprecated please use --sd-menu-item-color-text.
+ * @cssproperty --sd-menu--disabled-color-icon - This variable is deprecated please use --sd-menu-item--disabled-color-icon-fill.
+ * @cssproperty --sd-menu--disabled-color-text - This variable is deprecated please use --sd-menu-item--disabled-color-text.
  */
 @customElement('sd-menu-item')
 export default class SdMenuItem extends SolidElement {
@@ -236,15 +245,16 @@ export default class SdMenuItem extends SolidElement {
       :host(:hover) [part='base'] {
         @apply outline-none;
       }
-
+      //TODO clean up sd-menu-color-icon variable replacing with sd-menu-item-color-icon-fill (breaking change)
       :host [part='icon-indent'],
       :host [part='checked-icon'],
       :host [part='submenu-icon'] {
-        color: rgba(var(--sd-menu-color-icon));
+        color: rgba(var(--sd-menu-color-icon, var(--sd-menu-item-color-icon-fill)));
       }
 
+      //TODO clean up sd-menu--disabled-color-icon variable replacing with sd-menu-item--disabled-color-icon-fill (breaking change)
       :host([aria-disabled='true']) [part='icon-indent'] {
-        color: rgba(var(--sd-menu--disabled-color-icon));
+        color: rgba(var(--sd-menu--disabled-color-icon, var(--sd-menu-item--disabled-color-icon-fill)));
       }
 
       sd-popup::part(popup) {
@@ -256,6 +266,16 @@ export default class SdMenuItem extends SolidElement {
         max-width: var(--auto-size-available-width) !important;
         max-height: var(--auto-size-available-height) !important;
       }
+
+      /* TODO clean up sd-menu-color-text variable replacing with sd-menu-item-color-text (breaking change) */
+      .sd-menu-color-text {
+        color: rgba(var(--sd-menu-color-text, var(--sd-menu-item-color-text)));
+      }
+
+      /* TODO clean up sd-menu--disabled-color-text variable replacing with sd-menu-item--disabled-color-text (breaking change) */
+      .sd-menu--disabled-color-text {
+        color: rgba(var(--sd-menu--disabled-color-text, var(--sd-menu-item--disabled-color-text)));
+      }
     `
   ];
 }
diff --git a/packages/components/src/components/menu/menu.ts b/packages/components/src/components/menu/menu.ts
index a8eee48653..d42f0d51bb 100644
--- a/packages/components/src/components/menu/menu.ts
+++ b/packages/components/src/components/menu/menu.ts
@@ -19,11 +19,6 @@ import type SdMenuItem from '../menu-item/menu-item';
  *
  * @slot - The menu's content.
  *
- * @cssproperty --sd-menu-color-icon - The default icon color for menu items.
- * @cssproperty --sd-menu-color-text - The default text color for menu items.
- * @cssproperty --sd-menu--disabled-color-icon - The icon color for disabled menu items.
- * @cssproperty --sd-menu--disabled-color-text - The text color for disabled menu items.
- *
  */
 @customElement('sd-menu')
 export default class SdMenu extends SolidElement {
diff --git a/packages/components/src/components/navigation-item/navigation-item.ts b/packages/components/src/components/navigation-item/navigation-item.ts
index 5ef5e778f3..2550f153d9 100644
--- a/packages/components/src/components/navigation-item/navigation-item.ts
+++ b/packages/components/src/components/navigation-item/navigation-item.ts
@@ -32,13 +32,13 @@ import SolidElement from '../../internal/solid-element';
  * @csspart description - The component's description area below its main content.
  * @csspart divider - The component's optional top divider.
  *
- * @cssproperty --sd-navigation-item--current-color-text - The navigation-item text color when current state.
  * @cssproperty --sd-navigation-item-color-text - The navigation-item text color.
  * @cssproperty --sd-navigable-border-radius - The navigation-item border radius on hover and active state.
  * @cssproperty --sd-navigable-font-size - The navigation-item font size.
  * @cssproperty --sd-navigable__current-indicator-border-radius - The navigation-item current indicator border radius value.
  * @cssproperty --sd-navigable__current-indicator-height - The horizontal navigation-item current indicator height.
  * @cssproperty --sd-navigable__current-indicator-width - The vertical navigation-item current indicator width.
+ * @cssproperty --sd-navigation-item--current-color-text - This variable is deprecated please use --sd-navigation-item-color-text.
  *
  */
 @customElement('sd-navigation-item')
@@ -351,6 +351,11 @@ export default class SdNavigationItem extends SolidElement {
         @apply block;
       }
 
+      /* TODO clean sd-navigation-item--current-color-text and delete this class from line 210 (breaking change) */
+      .sd-navigation-item--current-color-text {
+        color: rgb(var(--sd-navigation-item--current-color-text, var(--sd-navigation-item-color-text)));
+      }
+
       details summary::-webkit-details-marker {
         @apply hidden;
       }
diff --git a/packages/components/src/components/notification/notification.ts b/packages/components/src/components/notification/notification.ts
index 560c3198c0..3a224a3eee 100644
--- a/packages/components/src/components/notification/notification.ts
+++ b/packages/components/src/components/notification/notification.ts
@@ -72,6 +72,7 @@ loadStacks();
  * @cssproperty --sd-notification--success-color-background - The background color for success notifications.
  * @cssproperty --sd-notification--warning-color-background - The background color for warning notifications.
  * @cssproperty --sd-notification-color-border - the border color of notifications.
+ * @cssproperty --sd-notification__duration-indicator-color-background - The background color for the duration indicator.
  */
 
 @customElement('sd-notification')
@@ -367,11 +368,13 @@ export default class SdNotification extends SolidElement {
                   part="duration-indicator__elapsed"
                   id="duration-indicator__elapsed"
                   style=${`animation-duration: ${this.duration}ms`}
-                  class=${cx(`absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow`)}
+                  class=${cx(
+                    `absolute w-0 h-[2px] bottom-0 sd-notification__duration-indicator-color-background z-10 animate-grow`
+                  )}
                 ></div>
                 <div
                   part="duration-indicator__total"
-                  class="w-full h-[2px] bottom-0 absolute border sd-notification-color-border"
+                  class="w-full h-[2px] bottom-0 absolute border border-neutral-400"
                 ></div>
               `
             : ''}
diff --git a/packages/components/src/components/option/option.ts b/packages/components/src/components/option/option.ts
index e5a9279df3..c90321516f 100644
--- a/packages/components/src/components/option/option.ts
+++ b/packages/components/src/components/option/option.ts
@@ -25,7 +25,9 @@ import SolidElement from '../../internal/solid-element';
  * @csspart left - The container that wraps the left.
  * @csspart right - The container that wraps the right.
  *
- * @cssproperty --sd-option--disabled-color-border - The border color of checkboxes for the disabled options.
+ * @cssproperty --sd-form-control-color-border - The border color of checkboxes for the non-disabled options.
+ * @cssproperty --sd-checkbox-border-width - The border width of the checkboxes.
+ * @cssproperty --sd-option--disabled-color-border - This variable is deprecated please use --sd-color-border-neutral-500.
  */
 @customElement('sd-option')
 export default class SdOption extends SolidElement {
@@ -141,7 +143,7 @@ export default class SdOption extends SolidElement {
         class=${cx(
           'px-4 flex items-start w-full transition-colors duration-fast ease-in-out text-left text-base relative',
           {
-            sm: 'text-sm py-1',
+            sm: 'text-base py-1',
             md: 'text-base py-2',
             lg: 'text-base py-3'
           }[this.size],
@@ -166,7 +168,7 @@ export default class SdOption extends SolidElement {
               id="control"
               part="control ${this.selected ? ' control--checked' : 'control--unchecked'}"
               class=${cx(
-                'relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4 mr-2',
+                'relative flex flex-shrink-0 items-center justify-center border sd-checkbox-border-width rounded-sm h-4 w-4 mr-2',
                 {
                   sm: 'mt-0.5',
                   md: 'mt-1',
@@ -211,6 +213,11 @@ export default class SdOption extends SolidElement {
       .focus-outline-offset {
         outline-offset: -2px;
       }
+
+      /* TODO clean sd-option--disabled-color-border and replace this class with border-neutral-500 in line 176 (breaking change) */
+      .sd-option--disabled-color-border {
+        border-color: rgb(var(--sd-option--disabled-color-border));
+      }
     `
   ];
 }
diff --git a/packages/components/src/components/quickfact/quickfact.ts b/packages/components/src/components/quickfact/quickfact.ts
index 3669b5f02c..cae9df6da7 100644
--- a/packages/components/src/components/quickfact/quickfact.ts
+++ b/packages/components/src/components/quickfact/quickfact.ts
@@ -102,11 +102,12 @@ export default class SdQuickfact extends SdAccordion {
       }
 
       [part='summary-icon'] {
-        color: var(--sd-accordion__chevron-color-text);
+        color: rgba(var(--sd-color-icon-fill-primary, rgba(var(--sd-color-primary))));
       }
 
       [part='icon'] {
         font-size: var(--sd-spacing-12, 3rem);
+        color: rgba(var(--sd-color-icon-fill-primary, rgba(var(--sd-color-primary))));
       }
 
       @media (min-width: 640px) {
diff --git a/packages/components/src/components/radio-button/radio-button.ts b/packages/components/src/components/radio-button/radio-button.ts
index 7ff4506c7e..f5b843415c 100644
--- a/packages/components/src/components/radio-button/radio-button.ts
+++ b/packages/components/src/components/radio-button/radio-button.ts
@@ -30,7 +30,8 @@ import SolidElement from '../../internal/solid-element';
  * @cssproperty --sd-button--primary--hover-color-background - The background color of radio-button on hover when checked.
  * @cssproperty --sd-radio-button-border-radius - The border radius of the radio-button.
  * @cssproperty --sd-radio-button-color-text - The text color of the radio-button.
-
+ * @cssproperty --sd-radio-button--hover-color-background - The background color of the radio-button on hover.
+ * @cssproperty --sd-choice-control-font-weight - The font weight for the radio button.
  */
 @customElement('sd-radio-button')
 export default class SdRadioButton extends SolidElement {
@@ -112,15 +113,15 @@ export default class SdRadioButton extends SolidElement {
           role="radio"
           aria-checked="${this.checked}"
           class="${cx(
-            'relative text-center sd-radio-button-border-radius transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline',
+            'relative text-center sd-radio-button-border-radius transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline choice-control-font-weight',
             this.size === 'sm' ? 'text-sm' : 'text-base',
             this.checked && !this.disabled && !this.visuallyDisabled
-              ? 'sd-button--primary--default-color-background sd-button--primary--default-color-text hover:sd-button--primary--hover-color-background'
+              ? 'sd-button--primary--default-color-background sd-button--primary--default-color-text hover:sd-button--primary--hover-color-background hover:text-primary-100'
               : !this.checked && (this.disabled || this.visuallyDisabled)
                 ? 'text-neutral-500 hover:cursor-not-allowed'
                 : this.checked && (this.disabled || this.visuallyDisabled)
                   ? 'bg-neutral-400 text-white hover:cursor-not-allowed '
-                  : 'bg-transparent sd-radio-button-color-text border-primary hover:text-primary-500 cursor-pointer',
+                  : 'bg-transparent sd-radio-button-color-text border-primary cursor-pointer hover:sd-radio-button--hover-color-background hover:sd-radio-button--hover-color-text',
             hasDefaultSlot &&
               {
                 sm: 'px-3',
@@ -174,27 +175,27 @@ export default class SdRadioButton extends SolidElement {
       }
 
       .lg-label {
-        @apply h-12;
+        @apply h-[46px];
       }
 
       .lg-no-label {
-        @apply h-12 px-5;
+        @apply h-[46px] px-5;
       }
 
       .md-label {
-        @apply h-10;
+        @apply h-[38px];
       }
 
       .md-no-label {
-        @apply h-10 px-4;
+        @apply h-[38px] px-4;
       }
 
       .sm-label {
-        @apply h-8;
+        @apply h-[30px];
       }
 
       .sm-no-label {
-        @apply h-8 px-3;
+        @apply h-[30px] px-3;
       }
 
       /* All except the first */
diff --git a/packages/components/src/components/radio/radio.test.ts b/packages/components/src/components/radio/radio.test.ts
index d0a15e07cb..6f7ce908b7 100644
--- a/packages/components/src/components/radio/radio.test.ts
+++ b/packages/components/src/components/radio/radio.test.ts
@@ -49,7 +49,7 @@ describe('<sd-radio>', () => {
 
   it('should display as invalid when marked as invalid', async () => {
     const radio = await fixture<SdRadio>(html`<sd-radio invalid></sd-radio>`);
-    expect(radio.shadowRoot?.querySelector('.text-error')).to.exist;
+    expect(radio.shadowRoot?.querySelector('.border-error')).to.exist;
   });
 
   it('should handle custom values correctly', async () => {
diff --git a/packages/components/src/components/radio/radio.ts b/packages/components/src/components/radio/radio.ts
index 0df5d37b0d..b18ca30a8c 100644
--- a/packages/components/src/components/radio/radio.ts
+++ b/packages/components/src/components/radio/radio.ts
@@ -149,7 +149,7 @@ export default class SdRadio extends SolidElement {
           <span
             part="checked"
             class=${cx(
-              'rounded-full inline-flex text-white sd-radio--checked--default__icon-color-background h-2.5 w-2.5 transition-[transform, colors] duration-medium ease-in-out',
+              'rounded-full inline-flex text-white h-2.5 w-2.5 transition-[transform, colors] duration-medium ease-in-out',
               this.checked ? 'scale-100' : 'scale-0',
               this.disabled
                 ? 'bg-neutral-500'
@@ -168,7 +168,7 @@ export default class SdRadio extends SolidElement {
           part="label"
           class=${cx(
             'ml-2 select-none inline-block',
-            this.disabled || this.visuallyDisabled ? 'text-neutral-500' : this.invalid ? 'text-error' : 'text-black'
+            this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'text-black'
           )}
         >
         </slot>
diff --git a/packages/components/src/components/range/range.ts b/packages/components/src/components/range/range.ts
index 41c4c13158..9a27ca4df8 100644
--- a/packages/components/src/components/range/range.ts
+++ b/packages/components/src/components/range/range.ts
@@ -762,7 +762,7 @@ export default class SdRange extends SolidElement implements SolidFormControl {
       }
 
       [part='thumb'][data-disabled] {
-        background-color: rgba(var(--sd-color-icon-fill-neutral-500, rgba(var(--sd-color-neutral-500))));
+        background-color: rgba(var(--sd-color-background-neutral-500, rgba(var(--sd-color-neutral-500))));
       }
 
       [part='track'] {
@@ -778,7 +778,7 @@ export default class SdRange extends SolidElement implements SolidFormControl {
       }
 
       [part='active-track'][data-disabled] {
-        background-color: rgba(var(--sd-color-icon-fill-neutral-500, rgba(var(--sd-color-neutral-500))));
+        background-color: rgba(var(--sd-color-background-neutral-500, rgba(var(--sd-color-neutral-500))));
       }
     `
   ];
diff --git a/packages/components/src/components/select/select.ts b/packages/components/src/components/select/select.ts
index 15e7ea425f..e00a3e260a 100644
--- a/packages/components/src/components/select/select.ts
+++ b/packages/components/src/components/select/select.ts
@@ -68,6 +68,11 @@ import type SdPopup from '../popup/popup';
  * @cssproperty --tag-max-width - Set the maximum width of the tags and to show an ellipsis. Defaults to "15ch"
  * @cssproperty --sd-form-control--invalid-color-background - The background color for form controls in invalid state.
  * @cssproperty --sd-form-control-color-text - The text color for form controls.
+ * @cssproperty --sd-form-control-border-radius - The border radius for the select's input.
+ * @cssproperty --sd-form-control__listbox-border-bottom-left-radius - The border radius for the bottom left corner of the listbox.
+ * @cssproperty --sd-form-control__listbox-border-bottom-right-radius - The border radius for the bottom right corner of the listbox.
+ * @cssproperty --sd-form-control__listbox-border-top-left-radius - The border radius for the top left corner of the listbox.
+ * @cssproperty --sd-form-control__listbox-border-top-right-radius - The border radius for the top right corner of the listbox.
  */
 @customElement('sd-select')
 export default class SdSelect extends SolidElement implements SolidFormControl {
@@ -975,10 +980,7 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
           : null}
         <div
           part="form-control-input"
-          class=${cx(
-            'relative w-full bg-white',
-            selectState === 'disabled' ? 'text-neutral-500' : 'form-control-color-text'
-          )}
+          class=${cx('relative w-full bg-white', selectState === 'disabled' ? 'text-neutral-500' : 'text-black')}
         >
           ${hasLabel && this.floatingLabel
             ? html`
@@ -1013,7 +1015,7 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
           <div
             part="border"
             class=${cx(
-              'absolute top-0 w-full h-full pointer-events-none border rounded-default z-10 transition-[border] duration-medium ease-in-out',
+              'absolute top-0 w-full h-full pointer-events-none border form-control-border-radius z-10 transition-[border] duration-medium ease-in-out',
               {
                 disabled: 'border-neutral-500',
                 visuallyDisabled: 'border-neutral-500',
@@ -1158,7 +1160,7 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
                   ? html`
                       <sd-icon
                         part="invalid-icon"
-                        class=${cx(iconMarginLeft, iconSize, 'text-error')}
+                        class=${cx(iconMarginLeft, iconSize)}
                         library="_internal"
                         name="risk"
                       ></sd-icon>
@@ -1180,7 +1182,7 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
                   class=${cx(
                     'inline-flex ml-2 items-center transition-transform duration-medium ease-in-out',
                     this.open ? 'rotate-180' : 'rotate-0',
-                    this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'text-primary',
+                    this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'icon-color',
                     iconSize
                   )}
                 >
@@ -1218,10 +1220,10 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
               part="listbox"
               class=${cx(
                 'bg-white px-2 py-3 relative border-primary overflow-y-auto',
-                this.open && 'shadow transition-shadow duration-medium ease-in-out',
+                this.open && 'shadow-listbox transition-shadow duration-medium ease-in-out',
                 this.currentPlacement === 'bottom'
-                  ? 'border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default'
-                  : 'border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default'
+                  ? 'border-r-2 border-b-2 border-l-2 form-control__listbox-border-bottom-right-radius form-control__listbox-border-bottom-left-radius'
+                  : 'border-r-2 border-t-2 border-l-2 form-control__listbox-border-top-right-radius form-control__listbox-border-top-left-radius'
               )}
               tabindex="-1"
               @mouseup=${this.handleOptionClick}
@@ -1255,6 +1257,10 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
         @apply block relative w-auto;
       }
 
+      [part='invalid-icon'] {
+        color: rgb(var(--sd-color-icon-fill-error, --sd-color-error));
+      }
+
       :host([required]) #label::after {
         content: ' *';
       }
@@ -1294,6 +1300,10 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
       sd-tag[disabled='false']::part(base):hover {
         @apply bg-primary-100;
       }
+
+      .icon-color {
+        color: rgb(var(--sd-color-icon-fill-primary));
+      }
     `
   ];
 }
diff --git a/packages/components/src/components/skeleton/skeleton.ts b/packages/components/src/components/skeleton/skeleton.ts
index cf801550fc..ae6fabeac9 100644
--- a/packages/components/src/components/skeleton/skeleton.ts
+++ b/packages/components/src/components/skeleton/skeleton.ts
@@ -13,6 +13,8 @@ import SolidElement from '../../internal/solid-element';
  * @slot - The skeleton's content. When provided, adapts to the content's dimensions. When empty, displays according to the variant property.
  *
  * @csspart base - The component's base wrapper.
+ *
+ * @cssproperty --sd-skeleton-color - The color of the skeleton.
  */
 @customElement('sd-skeleton')
 export default class SdSkeleton extends SolidElement {
@@ -25,7 +27,7 @@ export default class SdSkeleton extends SolidElement {
         part="base"
         aria-hidden="true"
         class=${cx(
-          'bg-neutral-200 w-full h-full animate-pulse',
+          'sd-skeleton-color w-full h-full animate-pulse',
           {
             rectangular: 'rounded-sm',
             circular: 'rounded-full inline-block'
diff --git a/packages/components/src/components/step/step.ts b/packages/components/src/components/step/step.ts
index ff8ddb5537..46e08490cd 100644
--- a/packages/components/src/components/step/step.ts
+++ b/packages/components/src/components/step/step.ts
@@ -34,6 +34,7 @@ import SolidElement from '../../internal/solid-element';
  *
  * @cssproperty --sd-step__circle-border-width - The border width of the step circle.
  * @cssproperty --sd-step__tail-border-width - The border width of the step tail.
+ * @cssproperty --sd-step-color-text - The color text for non-interactive steps.
  */
 @customElement('sd-step')
 export default class SdStep extends SolidElement {
@@ -134,7 +135,7 @@ export default class SdStep extends SolidElement {
     const isHorizontalInline = this.horizontalInline && this.orientation === 'horizontal';
 
     const circleAndTailContainerClasses = cx(
-      'flex shrink-0 gap-2',
+      'flex shrink-0 gap-2 group',
       this.noTail && !isHorizontalInline && 'w-max',
       this.orientation === 'horizontal' ? 'flex-row' : 'flex-col items-stretch',
       isHorizontalInline && 'items-start',
@@ -204,7 +205,7 @@ export default class SdStep extends SolidElement {
                   !this.notInteractive &&
                   !this.waiting &&
                   'text-primary hover:text-primary-500 hover:fill-primary-500',
-                this.notInteractive && 'text-primary'
+                this.notInteractive && 'sd-step-color-text'
               )}
             >
               ${
@@ -252,7 +253,7 @@ export default class SdStep extends SolidElement {
                               class=${cx(
                                 'border-t flex-1 mr-2 mt-3',
                                 !this.disabled && !this.current && !this.notInteractive && !this.waiting
-                                  ? 'border-primary'
+                                  ? 'border-primary group-hover:border-primary-500'
                                   : 'border-neutral-500'
                               )}
                             ></div>
@@ -285,7 +286,7 @@ export default class SdStep extends SolidElement {
                           ? 'border-t w-full my-auto mr-2'
                           : 'border-l flex-grow flex-shrink-0 basis-auto h-full w-[1px] mx-auto',
                         !this.disabled && !this.current && !this.notInteractive && !this.waiting
-                          ? 'border-primary'
+                          ? 'border-primary group-hover:border-primary-500'
                           : 'border-neutral-400'
                       )}
                     ></div>
@@ -354,7 +355,7 @@ export default class SdStep extends SolidElement {
         @apply flex-grow-0;
       }
 
-      :host(:not([current])) slot[name='circle-content'] {
+      :host(:not([current])) (:not([notInteractive])) slot[name='circle-content'] {
         color: rgba(var(--sd-color-text-neutral-700));
       }
 
@@ -363,6 +364,11 @@ export default class SdStep extends SolidElement {
         color: rgba(var(--sd-color-icon-fill-primary));
       }
 
+      [part='circle']:hover slot[name='circle-content'] sd-icon,
+      [part='circle']:hover slot[name='circle-content']::slotted(sd-icon) {
+        color: rgba(var(--sd-color-icon-fill-primary-500));
+      }
+
       :host([horizontal-inline]):has([part='description']) {
         @apply flex-1 min-w-0;
       }
diff --git a/packages/components/src/components/switch/switch.ts b/packages/components/src/components/switch/switch.ts
index faa06fa1f4..644776073e 100644
--- a/packages/components/src/components/switch/switch.ts
+++ b/packages/components/src/components/switch/switch.ts
@@ -244,10 +244,7 @@ export default class SdSwitch extends SolidElement implements SolidFormControl {
           <span
             part="label"
             id="label"
-            class=${cx(
-              'select-none inline-block ml-2',
-              this.disabled ? 'text-neutral-500' : this.showInvalidStyle ? 'text-error' : 'sd-switch-color-text'
-            )}
+            class=${cx('select-none inline-block ml-2', this.disabled ? 'text-neutral-500' : 'sd-switch-color-text')}
           >
             <slot></slot>
           </span>
diff --git a/packages/components/src/components/tab/tab.ts b/packages/components/src/components/tab/tab.ts
index 1aaca37194..3012783aaf 100644
--- a/packages/components/src/components/tab/tab.ts
+++ b/packages/components/src/components/tab/tab.ts
@@ -27,8 +27,11 @@ let id = 0;
  * @cssproperty --sd-navigable-border-radius: The tab border radius on hover.
  * @cssproperty --sd-navigable__current-indicator-height: The tab current indicator height.
  * @cssproperty --sd-navigable__current-indicator-border-radius: The tab current indicator border radius value.
- * @cssproperty --sd-color-background - The background color when on hover state.
+ * @cssproperty --sd-tab--hover-color-background - The background color when on hover state.
  * @cssproperty --sd-tab-color-border - The border color for the tab.
+ * @cssproperty --sd-choice-control-font-weight - The font weight for the active tab.
+ * @cssproperty --sd-tab--active-color-text - The text color for the active tab.
+ * @cssproperty --sd-tab-color-text - The text color for the tabs.
  */
 @customElement('sd-tab')
 export default class SdTab extends SolidElement {
@@ -93,14 +96,14 @@ export default class SdTab extends SolidElement {
       <div
         part="base"
         class=${cx(
-          'inline-flex justify-center min-w-max items-center h-12 px-3 leading-none select-none cursor-pointer group relative',
+          'inline-flex justify-center min-w-max items-center h-12 px-3 leading-none select-none cursor-pointer group relative choice-control-font-weight',
           'outline-hidden focus-visible:focus-outline outline-2 !-outline-offset-2 transition-all duration-fast ease-in-out',
           this.variant === 'container'
             ? 'tab-container-border bg-white rounded-[4px_4px_0_0]'
             : 'navigable-border-radius',
           this.variant === 'container' && this.active && 'tab--active-container-border bg-white',
-          this.disabled || this.visuallyDisabled ? '!cursor-not-allowed' : 'hover:color-background',
-          this.active && 'z-20'
+          this.disabled || this.visuallyDisabled ? '!cursor-not-allowed' : 'hover:sd-tab--hover-color-background',
+          this.active && 'z-20 sd-tab--active-color-text'
         )}
         tabindex=${!this.active || this.disabled ? '-1' : '0'}
       >
@@ -114,10 +117,22 @@ export default class SdTab extends SolidElement {
             name="left"
             class=${cx(
               slots.left && 'block pr-2',
-              this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'text-primary'
+              this.disabled || this.visuallyDisabled
+                ? 'text-neutral-500'
+                : this.active
+                  ? 'sd-tab--active-color-text'
+                  : 'sd-tab-color-text'
+            )}
+          ></slot>
+          <slot
+            class=${cx(
+              this.disabled || this.visuallyDisabled
+                ? 'text-neutral-500'
+                : this.active
+                  ? 'sd-tab--active-color-text'
+                  : 'sd-tab-color-text'
             )}
           ></slot>
-          <slot class=${cx(this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'text-primary')}></slot>
 
           ${this.variant === 'container'
             ? html`
diff --git a/packages/components/src/components/tag/tag.ts b/packages/components/src/components/tag/tag.ts
index 0f36f7f72e..24cb224597 100644
--- a/packages/components/src/components/tag/tag.ts
+++ b/packages/components/src/components/tag/tag.ts
@@ -42,11 +42,13 @@ import SolidElement from '../../internal/solid-element';
  * @cssproperty --sd-tag--selected--hover-color-border - The border color for selected tags in hover state.
  * @cssproperty --sd-tag--selected--hover-color-text - The text color for selected tags in hover state.
  * @cssproperty --sd-tag--selected-border-width - The border width for selected tags.
- * @cssproperty --sd-tag--disabled-color-border - The border color for disabled tags.
  * @cssproperty --sd-tag-border-radius - The border radius for tags.
  * @cssproperty --sd-tag--size-lg-font-size - The font size for large tags.
  * @cssproperty --sd-tag--size-sm-font-size - The font size for small tags.
- * @cssproperty --sd-tag-font-weight - The font weight for tags.
+ * @cssproperty --sd-choice-control-font-weight - The font weight for tags.
+ * @cssproperty --sd-tag--disabled-color-text - The text color for disabled tags.
+ * @cssproperty --sd-tag--disabled-color-border - This variable is deprecated please use --sd-color-border-neutral-500.
+ * @cssproperty --sd-tag-font-weight - This variable is deprecated please use --sd-choice-control-font-weight.
  */
 @customElement('sd-tag')
 export default class SdTag extends SolidElement {
@@ -156,22 +158,32 @@ export default class SdTag extends SolidElement {
             sm: !isRemovable ? 'px-3 py-[5px]' : 'pl-3 pr-2 py-2'
           }[this.size],
           /* colors */
-          !this.selected
-            ? cx(
-                'sd-tag--default-color-border sd-tag--default-color-text disabled:sd-tag--disabled-color-border disabled:text-neutral-500',
-                !isRemovable
-                  ? 'sd-tag--default-color-background hover:border-primary-500 hover:text-primary-500 hover:sd-tag--default--hover-color-background'
-                  : 'sd-tag--default-color-background has-[button:hover]:border-primary-500 has-[button:hover]:text-primary-500'
+          !this.disabled
+            ? !this.selected
+              ? cx(
+                  'sd-tag--default-color-border sd-tag--default-color-text',
+                  !isRemovable
+                    ? 'sd-tag--default-color-background hover:border-primary-500 hover:text-primary-500 hover:sd-tag--default--hover-color-background'
+                    : 'sd-tag--default-color-background has-[button:hover]:border-primary-500 has-[button:hover]:text-primary-500'
+                )
+              : 'sd-tag--selected-border-width sd-tag--selected--default-color-background sd-tag--selected--default-color-border sd-tag--selected--default-color-text hover:sd-tag--selected--hover-color-background hover:sd-tag--selected--hover-color-border hover:sd-tag--selected--hover-color-text'
+            : cx(
+                !isLink && 'cursor-not-allowed',
+                this.selected && 'bg-neutral-500 text-white',
+                'sd-tag--disabled-color-border sd-tag--disabled-color-text'
               )
-            : 'sd-tag--selected-border-width sd-tag--selected--default-color-background sd-tag--selected--default-color-border sd-tag--selected--default-color-text hover:sd-tag--selected--hover-color-background hover:sd-tag--selected--hover-color-border hover:sd-tag--selected--hover-color-text disabled:bg-neutral-500 disabled:sd-tag--disabled-color-border',
-          this.disabled && !isLink && 'cursor-not-allowed'
         )}
       >
         <slot name="icon-left" class=${cx('flex-shrink-0', this.size === 'lg' ? 'text-base' : 'text-[0.75rem]')}></slot>
         <slot id="content" part='content'></slot>
         ${
           isRemovable && !isLink
-            ? html` <button class="sd-interactive flex items-center" type="button" @click=${this.handleRemove}>
+            ? html` <button
+                class="sd-interactive flex items-center"
+                type="button"
+                @click=${this.handleRemove}
+                ?disabled=${ifDefined(isLink ? undefined : this.disabled)}
+              >
                 <slot part="removable-indicator" name="removable-indicator">
                   <sd-icon library="_internal" name="close" label=${this.localize.term('remove')}></sd-icon>
                 </slot>
@@ -198,6 +210,16 @@ export default class SdTag extends SolidElement {
       :host([size='sm'])::part(removable-indicator) {
         @apply text-[0.75rem];
       }
+
+      /* TODO clean sd-tag--disabled-color-border and replace this class with border-neutral-500 in line 173 (breaking change) */
+      .sd-tag--disabled-color-border {
+        border-color: rgb(var(--sd-tag--disabled-color-border));
+      }
+
+      /* TODO clean sd-tag-font-weight and replace this class with choice-control-font-weight in lines 153 and 154 (breaking change) */
+      .sd-tag-font-weight {
+        font-weight: var(--sd-tag-font-weight);
+      }
     `
   ];
 }
diff --git a/packages/components/src/components/teaser-media/teaser-media.ts b/packages/components/src/components/teaser-media/teaser-media.ts
index 7f0b4ac9bc..5bb4028ef4 100644
--- a/packages/components/src/components/teaser-media/teaser-media.ts
+++ b/packages/components/src/components/teaser-media/teaser-media.ts
@@ -26,6 +26,8 @@ import SolidElement from '../../internal/solid-element';
  * @csspart main - The container that wraps the main content.
  * @csspart toggle - The button that toggles the expandable content.
  *
+ * @cssproperty --sd-teaser-media--white--hover-color-background - The background color for white teaser media in hover state.
+ * @cssproperty --sd-teaser-media--white-color-background - The default background color for white teaser media.
  * @cssproperty --sd-teaser-media--neutral-100--hover-color-background - The background color for neutral‑100 teaser media in hover state.
  * @cssproperty --sd-teaser-media--neutral-100-color-background - The default background color for neutral‑100 teaser media.
  * @cssproperty --sd-teaser-media--primary-100--hover-color-background - The background color for primary‑100 teaser media in hover state.
@@ -76,8 +78,8 @@ export default class SdTeaserMedia extends SolidElement {
           <div
             class=${cx(
               'flex-1',
-              this.variant === 'gradient-light' && 'bg-gradient-to-t from-white/[.8] to-60%',
-              this.variant === 'gradient-dark' && 'bg-gradient-to-t from-primary-800/[.8] to-60%'
+              this.variant === 'gradient-light' && 'bg-gradient-to-t from-white/60 to-white/0',
+              this.variant === 'gradient-dark' && 'bg-gradient-to-t from-primary-800/60 to-primary-800/0'
             )}
           ></div>
           <div class=${cx('relative', ['primary', 'gradient-dark'].includes(this.variant) && 'text-white')}>
@@ -85,14 +87,15 @@ export default class SdTeaserMedia extends SolidElement {
               class=${cx(
                 'absolute inset-0 pointer-events-none',
                 {
-                  white: 'bg-white/[.8] group-hover:bg-white/90',
+                  white:
+                    'sd-teaser-media--white-color-background group-hover:sd-teaser-media--white--hover-color-background ',
                   'neutral-100':
                     'sd-teaser-media--neutral-100-color-background group-hover:sd-teaser-media--neutral-100--hover-color-background',
                   primary: 'bg-primary/[.8] text-white group-hover:bg-primary/90',
                   'primary-100':
                     'sd-teaser-media--primary-100-color-background group-hover:sd-teaser-media--primary-100--hover-color-background',
-                  'gradient-light': 'bg-gradient-to-t from-white/90 to-white/[.8]',
-                  'gradient-dark': 'bg-gradient-to-t from-primary-800/90 to-primary-800/[.8]'
+                  'gradient-light': 'bg-gradient-to-t from-white/75 to-white/60',
+                  'gradient-dark': 'bg-gradient-to-t from-primary-800/75 to-primary-800/60'
                 }[this.variant]
               )}
             ></div>
diff --git a/packages/components/src/components/teaser/teaser.ts b/packages/components/src/components/teaser/teaser.ts
index ef26a29ef6..3462580cde 100644
--- a/packages/components/src/components/teaser/teaser.ts
+++ b/packages/components/src/components/teaser/teaser.ts
@@ -29,6 +29,7 @@ import type { PropertyValues } from 'lit';
  * @cssproperty --sd-teaser--neutral-100-color-background - The background color for neutral‑100 teasers.
  * @cssproperty --sd-teaser--neutral-400-color-border - The border color for neutral‑400 teasers.
  * @cssproperty --sd-teaser--primary-100-color-background - The background color for primary‑100 teasers.
+ * @cssproperty --sd-teaser-border-radius - The border radius for teasers.
  */
 
 @customElement('sd-teaser')
@@ -102,7 +103,7 @@ export default class SdTeaser extends SolidElement {
     return html`
       <div
         class=${cx(
-          'flex',
+          'flex sd-teaser-border-radius',
           {
             white: 'bg-white',
             'white border-neutral-400': 'bg-white border sd-teaser--neutral-400-color-border',
diff --git a/packages/components/src/components/textarea/textarea.ts b/packages/components/src/components/textarea/textarea.ts
index 88a62fc022..5c704b2489 100644
--- a/packages/components/src/components/textarea/textarea.ts
+++ b/packages/components/src/components/textarea/textarea.ts
@@ -39,6 +39,8 @@ import type { SolidFormControl } from '../../internal/solid-element';
  *
  * @cssproperty --sd-form-control--invalid-color-background - The background color for form controls in invalid state.
  * @cssproperty --sd-form-control-color-text - The text color for form controls.
+ * @cssproperty --sd-form-control-border-radius - The border radius for form controls.
+ * @cssproperty --sd-form-control--filled__floating-label-color-text - The floating label text color.
  */
 @customElement('sd-textarea')
 export default class SdTextarea extends SolidElement implements SolidFormControl {
@@ -423,7 +425,7 @@ export default class SdTextarea extends SolidElement implements SolidFormControl
           <div
             part="border"
             class=${cx(
-              'absolute w-full h-full pointer-events-none border rounded-default transition-[border] duration-medium ease-in-out',
+              'absolute w-full h-full pointer-events-none border form-control-border-radius transition-[border] duration-medium ease-in-out',
               {
                 disabled: 'border-neutral-500',
                 visuallyDisabled: 'border-neutral-500',
@@ -440,7 +442,7 @@ export default class SdTextarea extends SolidElement implements SolidFormControl
           <div
             part="base"
             class=${cx(
-              'textarea h-full flex items-top rounded-default group transition-colors duration-medium hover:duration-fast ease-in-out',
+              'textarea h-full flex items-top form-control-border-radius group transition-colors duration-medium hover:duration-fast ease-in-out',
               this.floatingLabel && 'pt-6',
               {
                 sm: 'textarea-sm',
@@ -449,9 +451,7 @@ export default class SdTextarea extends SolidElement implements SolidFormControl
               }[this.size],
               !this.disabled && !this.readonly && !this.visuallyDisabled ? 'hover:bg-neutral-200' : '',
               this.readonly ? 'bg-neutral-100' : 'bg-white',
-              textareaState === 'disabled' || textareaState === 'visuallyDisabled'
-                ? 'text-neutral-500'
-                : 'form-control-color-text',
+              textareaState === 'disabled' || textareaState === 'visuallyDisabled' ? 'text-neutral-500' : 'text-black',
               ['invalid', 'activeInvalid'].includes(textareaState) && 'form-control--invalid-color-background'
             )}
           >
diff --git a/packages/components/src/components/tooltip/tooltip.ts b/packages/components/src/components/tooltip/tooltip.ts
index 4b7dc46275..ca17bfad62 100644
--- a/packages/components/src/components/tooltip/tooltip.ts
+++ b/packages/components/src/components/tooltip/tooltip.ts
@@ -408,10 +408,6 @@ export default class SdTooltip extends SolidElement {
         max-width: var(--auto-size-available-width) !important;
         max-height: var(--auto-size-available-height) !important;
       }
-
-      :host [slot='anchor'] {
-        color: rgba(var(--sd-form-control__tooltip-color-icon));
-      }
     `
   ];
 }
diff --git a/packages/docs/.storybook/assets/fonts/bricolage/BricolageGrotesque-Bold.woff2 b/packages/docs/.storybook/assets/fonts/bricolage/BricolageGrotesque-Bold.woff2
new file mode 100644
index 0000000000..b760b3f10a
Binary files /dev/null and b/packages/docs/.storybook/assets/fonts/bricolage/BricolageGrotesque-Bold.woff2 differ
diff --git a/packages/docs/.storybook/assets/fonts/bricolage/BricolageGrotesque-SemiBold.woff2 b/packages/docs/.storybook/assets/fonts/bricolage/BricolageGrotesque-SemiBold.woff2
deleted file mode 100644
index a4c8e55547..0000000000
Binary files a/packages/docs/.storybook/assets/fonts/bricolage/BricolageGrotesque-SemiBold.woff2 and /dev/null differ
diff --git a/packages/docs/.storybook/assets/images/logo-VB-lg.svg b/packages/docs/.storybook/assets/images/logo-VB-lg.svg
new file mode 100644
index 0000000000..ae6c64a97d
--- /dev/null
+++ b/packages/docs/.storybook/assets/images/logo-VB-lg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="171" height="52" fill="none"><path fill="#fff" fill-opacity=".01" fill-rule="evenodd" d="M0 10.12h49.66v31.73H0z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M1 11.05h47.66v29.87H1z" clip-rule="evenodd"/><path fill="#f60" fill-rule="evenodd" d="M48.66 40.92v-5.28H30.49l-1.08 5.28zM1 35.64v5.28h19.14l-1.28-5.28z" clip-rule="evenodd"/><path fill="#0066b3" fill-rule="evenodd" d="m10.44 23.27-1.39-5.43H20.9l3.91 15.92 2.5-10.32c1.2-4.53 1.67-5.6 8.53-5.6h4.93s-1 4.18-2.24 8.72c-.47 1.72-4.59 1.52-4.38-.1.02-.16.21-1.38.37-2.25.22-1.24-1.33-1.4-1.62-.17-.2.9-1.1 5.27-1.95 9.39h17.72V11.05H1v22.38h17.33l-2.46-10.15z" clip-rule="evenodd"/><path fill="#0066b3" d="m61.06 10.95 2.6 7.59c.17.53.49 1.41.66 2.01h.04c.17-.6.45-1.5.63-2.01l2.63-7.59h2.49L65.74 22.6h-3l-4.33-11.64zM75.06 13.8c2.75 0 4.68 1.79 4.68 4.52 0 2.68-1.93 4.47-4.75 4.47-2.8 0-4.75-1.82-4.75-4.49 0-2.76 1.93-4.5 4.82-4.5M75 15.45c-1.4 0-2.24 1.04-2.24 2.87 0 1.68.87 2.77 2.22 2.77 1.4 0 2.3-1.09 2.3-2.85 0-1.77-.86-2.79-2.28-2.79M81.78 22.59V9.99h2.35v12.6zM92.5 22.59l-1.75-2.25a62 62 0 0 1-1.54-2.12h-.03v4.37h-2.39V9.99h2.39v7.65h.03a39 39 0 0 1 1.58-1.92L92.33 14h2.7l-3.64 3.82 4.05 4.77zM96.16 22.34l.12-1.77c.88.4 1.76.58 2.55.58s1.47-.3 1.47-.91c0-.6-.34-.84-1.77-1.32-1.72-.57-2.4-1.22-2.4-2.48 0-1.64 1.42-2.64 3.57-2.64q1.42 0 2.46.4l-.2 1.67a5 5 0 0 0-2.15-.48c-.8 0-1.37.31-1.37.9 0 .58.37.78 1.65 1.18 1.6.5 2.56 1.12 2.56 2.58 0 1.77-1.51 2.74-3.7 2.74a8 8 0 0 1-2.79-.45M106.79 21.2h-.04c0 .49-.03 1.05-.07 1.39h-2.17c.07-.72.09-1.67.09-2.57V10h2.31v2.96c0 .84-.02 1.74-.05 2.39h.03a3.5 3.5 0 0 1 3.04-1.54c2.31 0 3.75 1.84 3.75 4.42 0 2.67-1.5 4.57-3.93 4.57-1.37 0-2.36-.6-2.96-1.59m2.38-5.66c-1.35 0-2.24 1.18-2.24 2.76 0 1.59.88 2.75 2.22 2.75s2.14-1.15 2.14-2.76c0-1.64-.73-2.75-2.12-2.75M116.02 16.2l-.08-1.73a8 8 0 0 1 3.24-.67c2.8 0 3.9 1.37 3.9 3.5l-.03 2.55c0 1.02.07 2.17.13 2.74h-2.05a6 6 0 0 1 0-1.44h-.04c-.61.97-1.6 1.6-3.1 1.6-1.75 0-3.02-1-3.02-2.66 0-1.8 1.67-2.8 4.65-2.8.37 0 .86.01 1.28.05 0-1.32-.65-1.9-2.12-1.9a6 6 0 0 0-2.76.76m4.91 2.44c-.33-.04-.5-.04-.77-.04-1.86 0-2.87.37-2.87 1.37 0 .75.5 1.17 1.4 1.17 1.23 0 2.24-.74 2.24-2.5M127.62 15.44h.04a3.4 3.4 0 0 1 3-1.64c2.4 0 3.24 1.49 3.24 3.79v5h-2.31v-4.14c0-1.65-.1-2.86-1.63-2.86-.78 0-1.48.45-1.85 1.11a4 4 0 0 0-.38 2v3.89h-2.32v-5.92c0-.83-.01-1.75-.08-2.67h2.22c.04.37.07.99.07 1.44M142.16 22.59l-1.76-2.25a63 63 0 0 1-1.54-2.12h-.04v4.37h-2.38V9.99h2.38v7.65h.04c.37-.5 1.09-1.35 1.58-1.92l1.54-1.72h2.7l-3.65 3.82 4.05 4.77zM63.02 35.7v6.07h-2.44v-12.6h2.44v5.49h.04c.48-.65 1.62-2.13 2.09-2.71l2.27-2.78h3.02l-5.1 5.88 5.59 6.72h-3.29l-2.66-3.4a46 46 0 0 1-1.92-2.67zM75.9 32.26c2.72 0 4.62 1.93 4.62 4.89 0 2.9-1.9 4.84-4.69 4.84-2.77 0-4.69-1.97-4.69-4.86 0-3 1.9-4.87 4.76-4.87m-.07 1.78c-1.38 0-2.21 1.12-2.21 3.1 0 1.83.86 3 2.2 3 1.38 0 2.26-1.17 2.26-3.08s-.85-3.02-2.25-3.02m2.84-5.54v2.11h-2V28.5zm-5.57 2.11V28.5h1.99v2.11zM82.53 41.77V28.12h2.32v13.65zM89.63 34.03h.03a3.3 3.3 0 0 1 2.96-1.77c2.37 0 3.2 1.6 3.2 4.1v5.41h-2.28V37.3c0-1.78-.09-3.1-1.61-3.1-.76 0-1.46.49-1.82 1.2a5 5 0 0 0-.38 2.17v4.21h-2.28v-6.4q0-1.38-.09-2.9h2.2c.03.4.07 1.07.07 1.56M102.81 41.77v-12.6h3.7c2.7 0 4.49.9 4.49 3.23 0 1.44-.83 2.53-2.51 2.89v.04c1.76.23 2.82 1.33 2.82 3 0 2.61-2.35 3.44-4.74 3.44zm2.36-10.72v3.43h.64c1.66 0 2.8-.3 2.8-1.74 0-1.39-1.16-1.7-2.56-1.7zm0 5.2v3.63h.8c1.97 0 2.9-.53 2.9-1.85 0-1.28-.97-1.78-3.03-1.78zM117.63 32.26c2.71 0 4.62 1.93 4.62 4.89 0 2.9-1.9 4.84-4.7 4.84-2.76 0-4.68-1.97-4.68-4.86 0-3 1.9-4.87 4.75-4.87m-.07 1.78c-1.39 0-2.22 1.12-2.22 3.1 0 1.83.87 3 2.2 3 1.38 0 2.27-1.17 2.27-3.08s-.85-3.02-2.25-3.02M126.37 34.03h.03a3.3 3.3 0 0 1 2.96-1.77c2.37 0 3.2 1.6 3.2 4.1v5.41h-2.28V37.3c0-1.78-.09-3.1-1.61-3.1-.76 0-1.46.49-1.82 1.2a5 5 0 0 0-.38 2.17v4.21h-2.28v-6.4q.01-1.38-.1-2.9h2.2c.04.4.08 1.07.08 1.56M137.22 34.03h.03a3.3 3.3 0 0 1 2.96-1.77c2.37 0 3.2 1.6 3.2 4.1v5.41h-2.28V37.3c0-1.78-.09-3.1-1.61-3.1-.76 0-1.46.49-1.82 1.2a5 5 0 0 0-.38 2.17v4.21h-2.28v-6.4a42 42 0 0 0-.1-2.9h2.2c.04.4.08 1.07.08 1.56M157.96 37.8H152c.04 1.43 1.15 2.35 2.75 2.35q1.5-.01 2.6-.76l.04 1.98c-.77.38-1.79.62-2.91.62-2.93 0-4.85-1.79-4.85-4.91 0-2.8 1.78-4.82 4.47-4.82 2.58 0 3.9 1.6 3.9 4.96 0 .15 0 .45-.03.58m-6-1.66h3.91c0-1.52-.73-2.17-1.87-2.17-1.02 0-1.92.72-2.04 2.17M169.69 29.53l-.18 2.26c-.74-.4-1.95-.7-3.2-.7-2.56 0-4.22 1.67-4.22 4.34 0 2.62 1.5 4.37 4.17 4.37.5 0 1.04-.05 1.42-.18v-3.14h-2.58v-2.02h4.9v6.77q-1.97.69-4.07.67c-3.7 0-6.45-2.46-6.45-6.48 0-3.92 2.66-6.38 6.85-6.38 1.2 0 2.37.13 3.36.49"/></svg>
\ No newline at end of file
diff --git a/packages/docs/.storybook/assets/images/logo-VB-sm.svg b/packages/docs/.storybook/assets/images/logo-VB-sm.svg
new file mode 100644
index 0000000000..9097ea2812
--- /dev/null
+++ b/packages/docs/.storybook/assets/images/logo-VB-sm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="40" fill="none"><path fill="#fff" fill-opacity=".01" fill-rule="evenodd" d="M0 8.1h37.98v23.8H0z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M.76 8.8h36.45v22.4H.76z" clip-rule="evenodd"/><path fill="#f60" fill-rule="evenodd" d="M37.21 31.2v-3.96h-13.9l-.82 3.96zM.76 27.24v3.96H15.4l-.98-3.96z" clip-rule="evenodd"/><path fill="#0066b3" fill-rule="evenodd" d="M7.99 17.96 6.92 13.9h9.05l3 11.94 1.9-7.74c.93-3.4 1.29-4.2 6.53-4.2h3.77s-.76 3.13-1.71 6.54c-.36 1.3-3.51 1.14-3.35-.07.01-.13.16-1.04.28-1.69.17-.93-1.02-1.05-1.24-.13l-1.49 7.04h13.55V8.8H.76v16.78h13.25l-1.87-7.61z" clip-rule="evenodd"/><path fill="#0066b3" d="m46.7 8.73 1.98 5.68c.13.4.37 1.06.5 1.52h.03c.14-.46.35-1.13.49-1.52l2-5.68h1.91l-3.34 8.72h-2.29l-3.31-8.72zM57.4 10.86c2.1 0 3.58 1.34 3.58 3.39 0 2.01-1.48 3.35-3.63 3.35s-3.64-1.36-3.64-3.36c0-2.08 1.48-3.38 3.69-3.38m-.05 1.24c-1.08 0-1.72.78-1.72 2.15 0 1.26.67 2.07 1.7 2.07 1.08 0 1.76-.8 1.76-2.13s-.66-2.09-1.74-2.09M62.54 17.45V8h1.8v9.45zM70.74 17.45l-1.34-1.69c-.36-.46-.87-1.15-1.18-1.58h-.03v3.27h-1.82V8h1.82v5.74h.03c.28-.38.83-1.02 1.2-1.44l1.19-1.29h2.06l-2.79 2.87 3.1 3.57zM73.53 17.26l.1-1.32q1.02.45 1.94.44c.6 0 1.13-.23 1.13-.7 0-.44-.26-.62-1.36-.98-1.3-.42-1.83-.91-1.83-1.86 0-1.23 1.08-1.98 2.73-1.98q1.1 0 1.88.3l-.15 1.25a4 4 0 0 0-1.65-.36c-.6 0-1.04.24-1.04.67s.28.6 1.26.9c1.22.37 1.95.83 1.95 1.93 0 1.32-1.15 2.05-2.82 2.05q-1.11.01-2.14-.34M81.66 16.41h-.02c0 .36-.03.79-.06 1.04h-1.66c.05-.54.07-1.25.07-1.92V8h1.77v2.22c0 .63-.02 1.3-.04 1.8h.02a2.7 2.7 0 0 1 2.32-1.16c1.77 0 2.87 1.38 2.87 3.32 0 2-1.14 3.42-3 3.42a2.5 2.5 0 0 1-2.27-1.19m1.83-4.25c-1.04 0-1.72.89-1.72 2.08s.67 2.06 1.7 2.06 1.64-.86 1.64-2.08-.57-2.06-1.62-2.06M88.72 12.66l-.06-1.3c.7-.33 1.66-.5 2.48-.5 2.14 0 2.99 1.03 2.99 2.63l-.03 1.91c0 .76.05 1.62.1 2.05h-1.57a5 5 0 0 1 0-1.07h-.03c-.47.72-1.22 1.2-2.37 1.2-1.34 0-2.31-.75-2.31-2 0-1.36 1.27-2.1 3.55-2.1.28 0 .66 0 .98.03 0-.98-.5-1.42-1.62-1.42-.72 0-1.5.23-2.1.57m3.76 1.83c-.26-.03-.4-.03-.6-.03-1.41 0-2.19.28-2.19 1.03 0 .56.39.87 1.07.87.94 0 1.72-.55 1.72-1.87M97.6 12.09h.02c.51-.78 1.3-1.23 2.3-1.23 1.83 0 2.47 1.12 2.47 2.84v3.75h-1.77v-3.1c0-1.24-.06-2.15-1.24-2.15-.6 0-1.13.34-1.41.84q-.3.54-.3 1.5v2.91H95.9v-4.44q.02-.95-.06-2h1.7c.03.28.05.74.05 1.08M108.7 17.45l-1.33-1.69a46 46 0 0 1-1.18-1.58h-.03v3.27h-1.82V8h1.82v5.74h.03c.28-.38.83-1.02 1.2-1.44l1.18-1.29h2.07l-2.8 2.87 3.1 3.57zM48.2 27.29v4.55h-1.87v-9.45h1.86v4.11h.03c.37-.49 1.24-1.6 1.6-2.03l1.73-2.08h2.32l-3.9 4.41 4.27 5.04h-2.51l-2.04-2.55a35 35 0 0 1-1.47-2zM58.04 24.7c2.08 0 3.53 1.45 3.53 3.67 0 2.18-1.45 3.63-3.58 3.63s-3.59-1.48-3.59-3.64c0-2.25 1.46-3.66 3.64-3.66M58 26.04c-1.06 0-1.7.84-1.7 2.33 0 1.37.67 2.25 1.69 2.25 1.05 0 1.73-.88 1.73-2.32 0-1.43-.65-2.26-1.72-2.26m2.17-4.16v1.59h-1.52v-1.59zm-4.26 1.59v-1.59h1.52v1.59zM63.11 31.84V21.6h1.77v10.24zM68.54 26.03h.02a2.6 2.6 0 0 1 2.27-1.33c1.81 0 2.45 1.2 2.45 3.07v4.07h-1.75v-3.36c0-1.34-.07-2.33-1.23-2.33a1.6 1.6 0 0 0-1.4.9q-.28.6-.28 1.63v3.16h-1.75v-4.81q.01-1.03-.07-2.17h1.69c.02.3.05.8.05 1.17M78.62 31.84v-9.45h2.83c2.07 0 3.43.67 3.43 2.42 0 1.08-.63 1.9-1.92 2.17V27c1.35.18 2.16 1 2.16 2.25 0 1.96-1.8 2.59-3.63 2.59zm1.8-8.05v2.58h.5c1.26 0 2.13-.22 2.13-1.3 0-1.05-.88-1.28-1.95-1.28zm0 3.9v2.73h.61c1.5 0 2.22-.4 2.22-1.39 0-.96-.74-1.34-2.31-1.34zM89.95 24.7c2.08 0 3.53 1.45 3.53 3.67 0 2.18-1.45 3.63-3.58 3.63s-3.59-1.48-3.59-3.64c0-2.25 1.46-3.66 3.64-3.66m-.05 1.34c-1.06 0-1.7.84-1.7 2.33 0 1.37.66 2.25 1.68 2.25 1.06 0 1.74-.88 1.74-2.32 0-1.43-.65-2.26-1.72-2.26M96.63 26.03h.03a2.6 2.6 0 0 1 2.26-1.33c1.81 0 2.45 1.2 2.45 3.07v4.07h-1.75v-3.36c0-1.34-.06-2.33-1.23-2.33a1.6 1.6 0 0 0-1.39.9q-.3.6-.29 1.63v3.16h-1.74v-4.81q0-1.03-.07-2.17h1.68c.03.3.05.8.05 1.17M104.93 26.03h.03a2.6 2.6 0 0 1 2.26-1.33c1.81 0 2.45 1.2 2.45 3.07v4.07h-1.75v-3.36c0-1.34-.07-2.33-1.23-2.33a1.6 1.6 0 0 0-1.39.9q-.3.6-.3 1.63v3.16h-1.74v-4.81q0-1.03-.06-2.17h1.68c.02.3.05.8.05 1.17M120.8 28.86h-4.57c.03 1.07.87 1.76 2.1 1.76q1.14 0 1.99-.57l.03 1.49c-.59.28-1.37.46-2.23.46-2.23 0-3.7-1.34-3.7-3.68 0-2.1 1.36-3.62 3.41-3.62 1.97 0 3 1.2 3 3.73zm-4.6-1.25h3c0-1.13-.56-1.62-1.44-1.62-.78 0-1.46.54-1.56 1.62M129.76 22.66l-.13 1.69c-.57-.3-1.5-.53-2.45-.53-1.96 0-3.23 1.26-3.23 3.26 0 1.97 1.15 3.28 3.2 3.28.38 0 .79-.04 1.08-.13v-2.36h-1.97v-1.52H130v5.08q-1.51.51-3.11.5c-2.83 0-4.94-1.84-4.94-4.86 0-2.94 2.04-4.78 5.24-4.78.92 0 1.82.1 2.57.37"/></svg>
\ No newline at end of file
diff --git a/packages/docs/.storybook/assets/images/logo-kidstarter-lg.svg b/packages/docs/.storybook/assets/images/logo-kidstarter-lg.svg
new file mode 100644
index 0000000000..c949e9693a
--- /dev/null
+++ b/packages/docs/.storybook/assets/images/logo-kidstarter-lg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="171" height="52" fill="none"><path fill="#051530" d="M0 31.1V17.54h2.93v6.05c2.75-1.17 4.9-3.71 5.52-6.05h3.36a11.3 11.3 0 0 1-5.7 6.52v.31c2.52 0 3.89 1.17 4.82 3.65l1.08 3.06H8.7L8 28.63c-.62-2-1.56-2.77-3.88-2.77H2.93v5.23zM13.98 31.1V17.54h2.99v13.54zM19.94 31.1V17.54h4.77c4.88 0 7 2.5 7 6.65 0 5.15-3.28 6.9-6.37 6.9zm4.87-11.15h-1.94v8.74h2.39c2.28 0 3.42-1.54 3.42-4.33 0-3.06-1.25-4.41-3.87-4.41M47.16 22.06l-.16-.1v-1.99h3.4v1.98l-.22.1-.42.28.42.32 1.06.75h2.55v-3.43a3.43 3.43 0 0 0-3.4-3.42H47a3.4 3.4 0 0 0-3.38 3.42v3.43h2.54l1-.75.43-.32zm6.25 3.9H50.4l-1.7-1.28-1.7 1.28h-1.9a3.8 3.8 0 0 0 3.6 2.57h4.67v1.7h5.52v-.47l1.16-1.18-2.44-.05a4.6 4.6 0 0 1-4.19-2.57m8.86 0v-4.28h6.26a4.8 4.8 0 0 0-3.19-3.58l-.95-.32.64-2.46.9.16a10.44 10.44 0 0 1 8.22 10.21c0 6.47-4.94 11.71-11.2 12.24-.2 0-.47.06-.68.06h-.32l-1.38-.06h-6.73A11.95 11.95 0 0 1 41.9 25.96h-.85v-5.99h-.85v-2.56h1.38a6.1 6.1 0 0 1 5.4-3.42h3.4c2.34 0 4.4 1.44 5.36 3.42h1.43v2.56h-.85v1.71h4.24v2.57h-3.81v1.55a2 2 0 0 0 .84.16zm-.32 9.4h.74a3.86 3.86 0 0 0 3.4-3.84v-7.27H64.8v3.1l-3.39 3.42v2.03h-14a9.3 9.3 0 0 0 6.42 2.57zm6.68-3.84q0 .71-.16 1.28a9.6 9.6 0 0 0 3.13-7.1q-.02-1.37-.42-2.57v.27a5.3 5.3 0 0 1-2.55 4.49zM45.3 19.12c.43 0 .85.43.85.85 0 .49-.42.86-.85.86a.84.84 0 0 1-.85-.86c0-.42.38-.85.85-.85m5.94.85c0-.42.37-.85.85-.85.42 0 .85.43.85.85 0 .49-.43.86-.85.86a.84.84 0 0 1-.85-.86M87.8 31.38c-3.5 0-5.66-1.38-5.8-4.17l2.56-.84c.04 1.87 1.42 2.73 3.38 2.73 1.83 0 2.83-.76 2.83-1.66 0-1.07-1.33-1.44-3.12-1.85-2.69-.61-5.41-1.3-5.41-4.23 0-2.46 1.93-4.1 5.33-4.1 3.38 0 5.44 1.62 5.54 4.08l-2.65.74c0-1.68-1.1-2.54-2.9-2.54-1.62 0-2.55.67-2.55 1.58 0 1.13 1.52 1.54 3.35 1.93 2.33.51 5.22 1.2 5.22 4.25 0 2.48-1.98 4.08-5.78 4.08M98.64 31.1V20.02h-3.97v-2.48h10.87v2.48h-3.97v11.06zM104.96 31.1l4.6-13.55h4.28l4.6 13.54h-3.17l-.82-2.67h-5.5l-.81 2.67zm6.6-11.21-1.97 6.52h4.25l-1.97-6.52zM120.3 31.1V17.54h5.46c3.64 0 5.72 1.47 5.72 3.98 0 1.93-1.2 3.12-3.59 3.4v.31c2.08.25 2.73 1.21 3.26 3.08l.82 2.77h-3.24l-.63-2.56c-.39-1.65-1.16-2.14-2.69-2.14h-2.18v4.7zm2.93-6.92h2.32c1.84 0 2.9-.7 2.9-2.2q.02-2.18-2.82-2.16h-2.4zM136.9 31.1V20.02h-3.96v-2.48h10.87v2.48h-3.97v11.06zM145.69 31.1V17.54H156v2.38h-7.37v3.22h6.4v2.2h-6.4v3.34h7.41v2.4zM158.33 31.1V17.54h5.46c3.65 0 5.72 1.47 5.72 3.98 0 1.93-1.2 3.12-3.58 3.4v.31c2.07.25 2.73 1.21 3.26 3.08l.81 2.77h-3.24l-.63-2.56c-.38-1.65-1.16-2.14-2.69-2.14h-2.17v4.7zm2.94-6.92h2.32c1.83 0 2.89-.7 2.89-2.2q.01-2.18-2.81-2.16h-2.4z"/></svg>
\ No newline at end of file
diff --git a/packages/docs/.storybook/assets/images/logo-kidstarter-sm.svg b/packages/docs/.storybook/assets/images/logo-kidstarter-sm.svg
new file mode 100644
index 0000000000..15b1fc2bd2
--- /dev/null
+++ b/packages/docs/.storybook/assets/images/logo-kidstarter-sm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="40" fill="none"><path fill="#051530" d="M0 23.83V13.67h2.24v4.54a7.5 7.5 0 0 0 4.22-4.54h2.57a8.6 8.6 0 0 1-4.36 4.9v.22c1.93 0 2.97.88 3.69 2.74l.83 2.3H6.65l-.55-1.85c-.46-1.5-1.18-2.08-2.96-2.08h-.9v3.93zM10.69 23.83V13.67h2.29v10.16zM15.25 23.83V13.67h3.64c3.74 0 5.36 1.88 5.36 4.99 0 3.86-2.5 5.17-4.87 5.17zm3.72-8.36H17.5v6.56h1.82c1.75 0 2.62-1.16 2.62-3.25 0-2.3-.95-3.31-2.96-3.31M36.06 17.05l-.12-.08V15.5h2.6v1.48l-.17.08-.32.2.32.24.81.57h1.95v-2.57a2.6 2.6 0 0 0-2.6-2.57h-2.59a2.57 2.57 0 0 0-2.6 2.57v2.57h1.95l.77-.57.33-.24zm4.79 2.93h-2.31l-1.3-.96-1.3.96h-1.46a2.9 2.9 0 0 0 2.76 1.92h3.57v1.29h4.21v-.36l.9-.89-1.87-.04c-1.42 0-2.6-.76-3.2-1.92m6.77 0v-3.2h4.78a3.6 3.6 0 0 0-2.43-2.7l-.73-.23.49-1.85.68.12a7.9 7.9 0 0 1 6.29 7.66 9.26 9.26 0 0 1-8.56 9.18c-.16 0-.36.04-.52.04h-.25l-1.05-.04h-5.15c-5.03 0-9.12-4-9.12-8.98h-.65v-4.49h-.65v-1.92h1.06A4.6 4.6 0 0 1 35.94 11h2.6a4.6 4.6 0 0 1 4.09 2.57h1.1v1.92h-.65v1.28h3.24v1.93H43.4v1.16q.26.12.65.12zm-.25 7.06h.57a2.9 2.9 0 0 0 2.6-2.9V18.7h-.98v2.32l-2.6 2.57v1.52h-10.7c1.3 1.2 3 1.93 4.91 1.93zm5.11-2.9q0 .56-.12.97a7.2 7.2 0 0 0 2.4-5.33 6 6 0 0 0-.33-1.92v.2c0 1.44-.81 2.68-1.95 3.36zm-17.84-9.3c.33 0 .65.33.65.65 0 .36-.32.64-.65.64a.64.64 0 0 1-.65-.64c0-.32.29-.64.65-.64m4.54.65c0-.32.29-.64.65-.64.33 0 .65.32.65.64 0 .36-.32.64-.65.64a.64.64 0 0 1-.65-.64M67.14 24.04c-2.68 0-4.33-1.03-4.44-3.12l1.96-.63c.03 1.4 1.1 2.05 2.59 2.05 1.4 0 2.16-.57 2.16-1.25 0-.8-1.01-1.08-2.38-1.39-2.06-.46-4.14-.97-4.14-3.17 0-1.85 1.48-3.08 4.08-3.08 2.58 0 4.15 1.22 4.23 3.07l-2.02.55c0-1.26-.84-1.9-2.23-1.9-1.23 0-1.95.5-1.95 1.18 0 .84 1.17 1.15 2.57 1.44 1.78.39 3.99.91 3.99 3.2 0 1.85-1.51 3.05-4.42 3.05M75.43 23.83v-8.3h-3.04v-1.86h8.31v1.86h-3.03v8.3zM80.27 23.83l3.52-10.16h3.26l3.52 10.16h-2.43l-.62-2h-4.2l-.62 2zm5.04-8.4-1.5 4.89h3.24l-1.5-4.9zM92 23.83V13.67h4.17c2.78 0 4.37 1.1 4.37 2.98 0 1.45-.92 2.34-2.74 2.56v.23c1.59.19 2.09.9 2.5 2.31l.62 2.08h-2.48l-.48-1.93c-.3-1.23-.9-1.6-2.06-1.6h-1.66v3.53zm2.24-5.19H96c1.4 0 2.21-.52 2.21-1.65q.01-1.62-2.15-1.61h-1.83zM104.7 23.83v-8.3h-3.04v-1.86h8.31v1.86h-3.03v8.3zM111.4 23.83V13.67h7.9v1.78h-5.63v2.42h4.89v1.65h-4.9v2.5h5.67v1.8zM121.08 23.83V13.67h4.17c2.79 0 4.38 1.1 4.38 2.98 0 1.45-.92 2.34-2.74 2.56v.23c1.58.19 2.08.9 2.49 2.31l.62 2.08h-2.47l-.49-1.93c-.3-1.23-.89-1.6-2.05-1.6h-1.67v3.53zm2.24-5.19h1.78c1.4 0 2.2-.52 2.2-1.65q.01-1.62-2.14-1.61h-1.84z"/></svg>
\ No newline at end of file
diff --git a/packages/docs/.storybook/assets/images/logo-unioninvestment-inverted-lg.svg b/packages/docs/.storybook/assets/images/logo-unioninvestment-inverted-lg.svg
new file mode 100644
index 0000000000..f7d4a73736
--- /dev/null
+++ b/packages/docs/.storybook/assets/images/logo-unioninvestment-inverted-lg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="170" height="52" fill="none"><path fill="#fff" fill-rule="evenodd" d="M55.67 46.23h3.05v-15.2h-3.05zm16.4 0v-5.77c-.05-2.07-.07-3.25-.73-4.18-.39-.58-.75-.8-.96-.95a4 4 0 0 0-2.2-.56c-.84 0-1.52.11-2.38.59-.15.08-.64.34-1.07.81l-.43.52v-1.74h-2.8c.04 1 .09 1.72.09 2.71v8.57h2.93v-5.27c.02-1.32.1-2.52 1.13-3.32.62-.5 1.26-.52 1.45-.5.41 0 .7.11.86.18.4.19.64.43.83.8.32.62.37 1.33.39 2.66v5.45zm4.45-11.28h-3.17l4.2 11.28h3.26l4.13-11.28h-2.93l-1.62 5.01-.39 1.25a27 27 0 0 0-.66 2.8c-.09-.43-.13-.73-.24-1.16-.1-.52-.21-.86-.38-1.38-.17-.54-.28-.92-.47-1.46zM96.1 41.6q.02-.57.02-1.14c0-3.04-1.4-5.75-5.04-5.75-2 0-3.25.84-4.09 1.83q-.25.27-.42.56l-.35.67a7 7 0 0 0-.57 2.95c0 3.06 1.58 4.67 3.35 5.36 1.1.41 2.2.39 2.53.39 1.88 0 3.01-.47 3.87-.84l-.05-2.52c-.08.04-.51.34-.85.5-.86.43-1.78.62-2.63.62-.94 0-2.25-.26-3-1.5-.27-.44-.38-1.06-.4-1.13zm-7.63-2.04c.02-.22.06-.95.51-1.68.73-1.1 1.93-1.1 2.1-1.1.25 0 1.15.02 1.81.92.45.6.52 1.23.56 1.86zm17.21-4.36c-1.05-.23-1.9-.43-2.95-.43-.22 0-2.25-.06-3.57 1.21a3 3 0 0 0-.96 2.26c0 .97.36 1.6.77 2.03.8.9 1.77 1.1 2.92 1.53.52.19 1.37.45 1.37 1.2 0 .73-.8 1.2-1.98 1.2-1.31 0-2.3-.49-2.8-.72l-.16 2.45c1.24.3 2.04.5 3.28.5.25 0 1.24.02 2.11-.28.24-.09 1.14-.4 1.82-1.27.51-.67.66-1.4.66-2.07 0-.35-.02-2.1-1.84-2.93-.32-.15-.79-.3-1.51-.54-.7-.24-1.2-.39-1.5-.65a.8.8 0 0 1-.26-.56c0-.77.84-1.2 2.01-1.2a7 7 0 0 1 2.4.43zm6.88-3.42-2.8.9v2.27h-2.16v2.2h2.16v4.73c0 .22-.02.71.05 1.27.12 1.19.49 1.94 1.06 2.44.52.45 1.4.82 2.63.82.45 0 .95-.07 1.86-.3l-.06-2.31c-.17.04-.55.17-1.02.17-1.29 0-1.65-.8-1.72-1.87v-4.96h2.63v-2.2h-2.63zm22.05 7.67c0-.97-.03-1.92-.54-2.91-.96-1.8-2.63-1.77-2.97-1.77-.28 0-1.9-.06-3.12 1.3-.17.17-.37.38-.62.81a3.23 3.23 0 0 0-3.17-2.13c-.25 0-1.66.02-2.8 1.04-.23.19-.4.4-.75.88v-1.72h-2.78l.07 2.1v9.18h2.9v-5.36c0-1.62.22-2.6 1.05-3.25a2 2 0 0 1 1.24-.46c.11 0 .6 0 1 .35.73.6.71 1.66.71 2.3v6.42h2.9V41.9l.01-.8c.02-.92.02-2.58 1-3.44a1.84 1.84 0 0 1 2.27-.13c.71.56.71 1.5.71 2.9v5.8h2.89zm12.82 2.15q.02-.57.02-1.14c0-3.04-1.3-5.75-4.93-5.75a5.3 5.3 0 0 0-4.63 2.4l-.34.66a7 7 0 0 0-.58 2.95c0 3.06 1.59 4.67 3.36 5.36 1.1.41 2.2.39 2.52.39 1.89 0 3.02-.47 3.87-.84l-.04-2.52c-.08.04-.51.34-.85.5-.86.43-1.78.62-2.63.62-.94 0-2.25-.26-3-1.5-.28-.44-.38-1.06-.4-1.13zm-7.63-2.04c.02-.22.06-.95.51-1.68.73-1.1 1.92-1.1 2.1-1.1.25 0 1.15.02 1.81.92.45.6.52 1.23.56 1.86zm20.61 6.67v-5.77c-.04-2.07-.06-3.25-.72-4.18-.39-.58-.75-.8-.97-.95a4 4 0 0 0-2.2-.56c-.83 0-1.52.11-2.37.59-.15.08-.64.34-1.07.81l-.43.52v-1.74h-2.8c.04 1 .09 1.72.09 2.71v8.57h2.92v-5.27c.03-1.32.11-2.52 1.14-3.32.62-.5 1.26-.52 1.45-.5.4 0 .7.11.86.18.4.19.64.43.83.8.32.62.36 1.33.39 2.66v5.45zm6.64-14.45-2.8.9v2.27h-2.16v2.2h2.16v4.73c0 .22-.02.71.04 1.27.13 1.19.5 1.94 1.07 2.44.51.45 1.39.82 2.63.82.45 0 .94-.07 1.86-.3l-.06-2.31c-.17.04-.56.17-1.03.17-1.28 0-1.65-.8-1.71-1.87v-4.96h2.63v-2.2h-2.63zM67.7 20.21q.01.75-.04 1.49-.06.9-.38 1.79a4.9 4.9 0 0 1-2.87 2.73c-.92.35-1.88.43-2.86.43-1.22 0-2.96-.17-4.2-1.07-.27-.2-.42-.37-.55-.5a5 5 0 0 1-1.28-2.89c-.11-.81-.13-1.59-.15-2.39v-8.6h3.05v8.09c.03 2.06.07 3.23 1.03 4.18.45.43 1.18.81 2.27.8.19 0 1.04 0 1.8-.55 1.21-.92 1.25-2.34 1.25-3.33.03-.24.03-.41.03-.65V11.2h2.9zm13.16 6.2v-5.77c-.05-2.06-.07-3.25-.73-4.17-.39-.59-.75-.8-.96-.95a4 4 0 0 0-2.2-.56c-.84 0-1.52.1-2.38.58-.15.09-.64.34-1.07.82-.17.2-.28.32-.42.51v-1.74h-2.8c.04 1.01.08 1.72.08 2.71v8.58h2.93v-5.28c.02-1.31.1-2.52 1.13-3.32.62-.5 1.26-.51 1.46-.5.4 0 .7.11.85.18.4.2.64.43.84.8.32.62.36 1.33.38 2.67v5.45zm2.49 0h2.9V15.14h-2.9zm4.93-5.68a5.6 5.6 0 0 0 5.8 5.88c.31 0 1.3 0 2.3-.37 1.71-.62 3.53-2.34 3.53-5.47 0-.23 0-.84-.17-1.55-.13-.6-.7-2.75-3.08-3.81-.8-.35-1.7-.5-2.57-.5-1.43 0-2.5.43-3.08.76-.17.1-.57.32-1.09.8a6 6 0 0 0-1.64 4.26m3.05-.02c0-1.44.5-2.46 1.12-3 .1-.1.42-.34.79-.47a2.4 2.4 0 0 1 2.63.56c.83.84.94 1.96.96 2.82.02 1.53-.36 2.54-1 3.15-.33.3-.88.67-1.72.67-.15 0-.64 0-1.13-.26a3 3 0 0 1-.81-.67 4.6 4.6 0 0 1-.84-2.8m18.34 5.7v-5.44c-.02-1.34-.07-2.05-.39-2.67-.19-.37-.42-.6-.83-.8a2 2 0 0 0-.86-.17c-.19-.02-.83 0-1.45.5-1.03.79-1.11 2-1.13 3.3v5.29h-2.93v-8.58c0-.99-.05-1.7-.09-2.71h2.8v1.74l.43-.51c.43-.48.92-.73 1.07-.82a4.5 4.5 0 0 1 2.37-.58c1.07 0 1.76.28 2.2.56.22.15.58.36.97.95.66.92.68 2.1.72 4.17v5.78zM84.8 13.33a1.61 1.61 0 0 0 0-3.24c-.88 0-1.6.73-1.6 1.63s.72 1.61 1.6 1.61M0 28.9V13.8s6.95-1.28 11.57-2.16c2.67-.51 4.78 1 4.78 3.98v12.87c0 6.83 4.79 10.57 10.16 10.57 5.62 0 10.07-3.83 10.07-10.57V12.81c0-3.91-.16-5.78 3.23-6.5l3.23-.6v23.2c0 14.14-8.84 23.07-21.48 23.07C8.42 51.98 0 43.05 0 28.9M32.84 5.72a7.17 7.17 0 1 0-14.03 3 7.17 7.17 0 1 0 14.03-3" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/docs/.storybook/assets/images/logo-unioninvestment-inverted-sm.svg b/packages/docs/.storybook/assets/images/logo-unioninvestment-inverted-sm.svg
new file mode 100644
index 0000000000..59871c59e0
--- /dev/null
+++ b/packages/docs/.storybook/assets/images/logo-unioninvestment-inverted-sm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="40" fill="none"><path fill="#fff" fill-rule="evenodd" d="M42.6 35.58h2.35v-11.7H42.6zm12.56 0v-4.44c-.04-1.6-.05-2.5-.56-3.22-.3-.45-.57-.61-.74-.73a3 3 0 0 0-1.68-.43 3.4 3.4 0 0 0-1.82.45c-.11.07-.49.26-.82.63l-.32.4v-1.35h-2.15c.03.78.07 1.33.07 2.1v6.6h2.24v-4.07c.02-1.01.08-1.94.87-2.55.47-.38.96-.4 1.11-.38.31 0 .54.08.66.13q.44.2.63.61c.25.48.28 1.03.3 2.06v4.2zm3.4-8.69h-2.42l3.2 8.7h2.51l3.16-8.7h-2.24l-1.24 3.87c-.12.34-.18.61-.3.96-.23.8-.36 1.36-.5 2.15-.07-.33-.1-.56-.19-.9-.08-.39-.16-.66-.29-1.05-.13-.42-.21-.72-.36-1.13zm15 5.13.01-.88c0-2.34-1.08-4.43-3.86-4.43-1.52 0-2.49.65-3.13 1.41q-.19.2-.33.43c-.01.05-.16.32-.26.52-.2.44-.44 1.19-.44 2.27 0 2.35 1.21 3.6 2.57 4.12.84.32 1.69.3 1.93.3a7 7 0 0 0 2.96-.64l-.03-1.94c-.06.03-.4.26-.65.38-.66.33-1.36.48-2.02.48-.72 0-1.71-.2-2.29-1.16-.21-.33-.3-.81-.3-.86zm-5.85-1.58c.02-.16.05-.73.4-1.3.55-.84 1.47-.84 1.6-.84.2 0 .88.02 1.39.72.34.46.4.94.43 1.42zM80.9 27.1c-.8-.18-1.46-.33-2.26-.33-.17 0-1.72-.05-2.74.93a2.3 2.3 0 0 0-.73 1.74c0 .75.27 1.23.59 1.56.62.7 1.35.84 2.24 1.18.4.14 1.05.34 1.05.92 0 .57-.63.93-1.53.93-1 0-1.75-.38-2.14-.56l-.12 1.89c.95.23 1.56.38 2.51.38.2 0 .95.02 1.62-.22.18-.06.87-.3 1.4-.97.38-.52.5-1.08.5-1.6 0-.26-.02-1.6-1.4-2.25-.25-.12-.62-.23-1.17-.41-.54-.19-.92-.3-1.15-.5a.6.6 0 0 1-.2-.43c0-.6.64-.93 1.55-.93.65-.02 1.16.13 1.83.33zm5.26-2.63-2.14.7v1.73h-1.65v1.7H84v3.64c0 .17-.02.55.03.98.1.91.38 1.5.82 1.87a3 3 0 0 0 2.01.63c.35 0 .72-.05 1.43-.23l-.05-1.77c-.13.03-.43.13-.79.13-.98 0-1.26-.61-1.3-1.44v-3.81h2v-1.7h-2zm16.88 5.9c0-.75-.02-1.48-.41-2.24-.74-1.4-2.02-1.36-2.28-1.36-.21 0-1.46-.05-2.39 1-.13.13-.28.3-.47.63-.1-.22-.15-.34-.28-.55a2.5 2.5 0 0 0-2.15-1.1c-.2 0-1.27.02-2.14.8-.18.15-.31.32-.57.68V26.9H90.2l.05 1.63v7.06h2.22v-4.13c0-1.24.17-2 .8-2.5.4-.32.83-.35.96-.35.08 0 .45 0 .77.27.55.46.54 1.27.54 1.77v4.94h2.2v-3.33c0-.23 0-.4.02-.61.02-.72.02-2 .77-2.66a1.4 1.4 0 0 1 1.74-.1c.54.43.54 1.16.54 2.24v4.46h2.2zm9.81 1.66q.02-.44.02-.88c0-2.34-1-4.43-3.78-4.43-1.52 0-2.57.65-3.21 1.41q-.19.2-.33.43l-.26.52c-.2.44-.44 1.19-.44 2.27 0 2.35 1.2 3.6 2.57 4.12.83.32 1.68.3 1.93.3 1.44 0 2.3-.36 2.96-.64l-.03-1.94c-.07.03-.4.26-.66.38-.65.33-1.36.48-2.01.48-.72 0-1.72-.2-2.3-1.16-.2-.33-.29-.81-.3-.86zM107 30.44c.01-.16.05-.73.39-1.3.56-.84 1.47-.84 1.6-.84.2 0 .89.02 1.4.72.34.46.39.94.42 1.42zm15.78 5.14v-4.44c-.04-1.6-.05-2.5-.56-3.22-.3-.45-.57-.61-.74-.73a3 3 0 0 0-1.68-.43 3.4 3.4 0 0 0-1.82.45c-.11.07-.49.26-.82.63l-.32.4v-1.35h-2.15c.03.78.07 1.33.07 2.1v6.6H117v-4.07c.02-1.01.08-1.94.87-2.55.47-.38.96-.4 1.11-.38.31 0 .54.08.65.13q.45.2.64.61c.25.48.28 1.03.3 2.06v4.2zm5.08-11.12-2.15.7v1.73h-1.65v1.7h1.65v3.64c0 .17-.02.55.04.98.1.91.37 1.5.81 1.87a3 3 0 0 0 2.02.63c.34 0 .72-.05 1.42-.23l-.05-1.77c-.13.03-.42.13-.78.13-.99 0-1.26-.61-1.31-1.44v-3.81h2v-1.7h-2zm-76.03-8.9q.01.57-.04 1.14-.05.7-.3 1.38-.27.68-.8 1.22c-.39.4-.88.7-1.38.88-.7.27-1.44.33-2.2.33-.93 0-2.26-.13-3.2-.83-.22-.15-.33-.28-.43-.38a4 4 0 0 1-.98-2.22q-.1-.94-.12-1.84V8.63h2.34v6.21c.02 1.6.05 2.49.79 3.22.34.33.9.63 1.73.61.15 0 .8 0 1.38-.41.93-.72.96-1.8.96-2.57q.03-.25.02-.5V8.63h2.23zm10.06 4.77v-4.44c-.03-1.6-.05-2.5-.55-3.22-.3-.45-.58-.61-.74-.73a3 3 0 0 0-1.69-.43 3.4 3.4 0 0 0-1.81.45c-.12.06-.5.26-.82.63l-.33.4v-1.35h-2.14c.03.78.06 1.33.06 2.1v6.59h2.25v-4.06c.01-1.01.08-1.94.86-2.55.48-.39.97-.4 1.12-.39.3 0 .54.09.65.14q.45.2.64.61c.24.48.28 1.03.3 2.06v4.19zm1.91 0h2.23v-8.69H63.8zm3.77-4.38a4.3 4.3 0 0 0 4.44 4.53c.24 0 1 0 1.77-.28 1.3-.48 2.7-1.8 2.7-4.21 0-.19 0-.65-.14-1.2A4.2 4.2 0 0 0 74 11.86c-.6-.27-1.3-.38-1.97-.38-1.1 0-1.91.33-2.35.58-.13.08-.44.25-.84.61a4.6 4.6 0 0 0-1.26 3.28m2.34-.01c0-1.11.38-1.9.85-2.3.09-.09.33-.27.61-.37a1.9 1.9 0 0 1 2.01.43c.64.65.72 1.5.74 2.17.02 1.18-.28 1.96-.77 2.42-.25.23-.67.52-1.3.52-.12 0-.5 0-.88-.2-.1-.05-.36-.2-.62-.52a3.6 3.6 0 0 1-.64-2.15m14.03 4.39v-4.2c-.01-1.02-.04-1.57-.29-2.05a1.3 1.3 0 0 0-.64-.61 2 2 0 0 0-.65-.14c-.15-.01-.64 0-1.11.39-.79.6-.86 1.54-.87 2.55v4.06h-2.25v-6.6c0-.76-.03-1.3-.06-2.09h2.14V13l.33-.4c.33-.37.7-.57.82-.63a3.4 3.4 0 0 1 1.82-.45c.81 0 1.34.22 1.68.43.17.12.44.28.74.73.5.71.52 1.63.55 3.22v4.44zM64.91 10.25c.68 0 1.23-.55 1.23-1.24s-.55-1.25-1.23-1.25-1.22.56-1.22 1.25.55 1.24 1.22 1.24M0 22.25V10.61l8.85-1.66c2.05-.4 3.67.76 3.67 3.06v9.9c0 5.26 3.66 8.14 7.77 8.14 4.3 0 7.7-2.95 7.7-8.13V9.86c0-3.01-.12-4.45 2.48-5l2.47-.47v17.85C32.94 33.13 26.18 40 16.5 40 6.45 40 0 33.13 0 22.24M25.13 4.4A5.49 5.49 0 1 0 14.4 6.7a5.49 5.49 0 1 0 10.73-2.3" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/docs/.storybook/preview-head.html b/packages/docs/.storybook/preview-head.html
index a345086a8e..40edb5ecfa 100644
--- a/packages/docs/.storybook/preview-head.html
+++ b/packages/docs/.storybook/preview-head.html
@@ -64,6 +64,48 @@
     box-shadow: var(--sd-shadow-sm);
   }
 
+  /* Theme-aware logos */
+  :root,
+  .sd-theme-ui-light {
+    --sd-logo-lg: url('images/logo-unioninvestment-lg.svg');
+    --sd-logo-lg-ratio: 170 / 56;
+    --sd-logo-sm: url('images/logo-unioninvestment-sm.svg');
+    --sd-logo-sm-ratio: 26 / 30;
+  }
+
+  .sd-theme-ui-dark {
+    --sd-logo-lg: url('images/logo-unioninvestment-inverted-lg.svg');
+    --sd-logo-lg-ratio: 170 / 52;
+    --sd-logo-sm: url('images/logo-unioninvestment-inverted-sm.svg');
+    --sd-logo-sm-ratio: 130 / 40;
+  }
+
+  .sd-theme-vb {
+    --sd-logo-lg: url('images/logo-VB-lg.svg');
+    --sd-logo-lg-ratio: 171 / 52;
+    --sd-logo-sm: url('images/logo-VB-sm.svg');
+    --sd-logo-sm-ratio: 130 / 40;
+  }
+
+  .sd-theme-kid {
+    --sd-logo-lg: url('images/logo-kidstarter-lg.svg');
+    --sd-logo-lg-ratio: 171 / 52;
+    --sd-logo-sm: url('images/logo-kidstarter-sm.svg');
+    --sd-logo-sm-ratio: 130 / 40;
+  }
+
+  .logo-lg {
+    display: inline-block;
+    aspect-ratio: var(--sd-logo-lg-ratio);
+    background: var(--sd-logo-lg) no-repeat center / contain;
+  }
+
+  .logo-sm {
+    display: inline-block;
+    aspect-ratio: var(--sd-logo-sm-ratio);
+    background: var(--sd-logo-sm) no-repeat center / contain;
+  }
+
   @font-face {
     font-family: 'Frutiger Neue';
     font-style: normal;
@@ -117,20 +159,12 @@
     src: url('./fonts/bricolage/BricolageGrotesque-Regular.woff2') format('woff2');
   }
 
-  @font-face {
-    font-family: 'Bricolage Grotesque';
-    font-style: normal;
-    font-weight: 600;
-    font-display: swap;
-    src: url('./fonts/bricolage/BricolageGrotesque-Medium.woff2') format('woff2');
-  }
-
   @font-face {
     font-family: 'Bricolage Grotesque';
     font-style: normal;
     font-weight: 700;
     font-display: swap;
-    src: url('./fonts/bricolage/BricolageGrotesque-SemiBold.woff2') format('woff2');
+    src: url('./fonts/bricolage/BricolageGrotesque-Bold.woff2') format('woff2');
   }
 
   /**
diff --git a/packages/docs/.storybook/preview.css b/packages/docs/.storybook/preview.css
index ccc6e6052c..0e6feed3b5 100644
--- a/packages/docs/.storybook/preview.css
+++ b/packages/docs/.storybook/preview.css
@@ -109,3 +109,7 @@ sd-notification#versioning-info::part(base) {
   margin-left: 0;
   margin-bottom: 2rem;
 }
+
+.sbdocs .sd-deprecated-badge {
+  @apply inline-flex items-center rounded-sm bg-warning px-1 py-0.5 text-[10px] font-bold uppercase leading-none text-black;
+}
diff --git a/packages/docs/.storybook/preview.js b/packages/docs/.storybook/preview.js
index 49b7316761..853af74ea7 100644
--- a/packages/docs/.storybook/preview.js
+++ b/packages/docs/.storybook/preview.js
@@ -6,6 +6,7 @@ import '../../tokens/themes/ui-light/ui-light.css';
 import { withThemeByClassName } from './addons/with-theme.js';
 import { storybookUtilities } from '../scripts/storybook/helper.js';
 import docsCodepenEnhancer from '../scripts/storybook/docs-codepen-enhancer.js';
+import { initDeprecatedBadgeEnhancer } from '../scripts/storybook/deprecated-badge-enhancer.js';
 import { themes, allModes, DEFAULT_THEME } from './modes.js';
 
 const theme = withThemeByClassName({
@@ -16,8 +17,13 @@ const theme = withThemeByClassName({
   }, {})
 });
 
+const deprecatedBadgeDecorator = Story => {
+  initDeprecatedBadgeEnhancer();
+  return Story();
+};
+
 export const preview = {
-  decorators: [theme],
+  decorators: [theme, deprecatedBadgeDecorator],
   parameters: {
     chromatic: {
       disableSnapshot: true,
diff --git a/packages/docs/scripts/storybook/deprecated-badge-enhancer.js b/packages/docs/scripts/storybook/deprecated-badge-enhancer.js
new file mode 100644
index 0000000000..44f3d1ec37
--- /dev/null
+++ b/packages/docs/scripts/storybook/deprecated-badge-enhancer.js
@@ -0,0 +1,64 @@
+const BADGE_CLASS = 'sd-deprecated-badge';
+const DEPRECATED_REGEX = /\bdeprecated\b/gi;
+
+const enhanceDeprecatedLabels = (root = document) => {
+  const cells = root.querySelectorAll('.docblock-argstable td');
+
+  cells.forEach(cell => {
+    const walker = document.createTreeWalker(cell, NodeFilter.SHOW_TEXT);
+    const textNodes = [];
+
+    while (walker.nextNode()) {
+      const node = walker.currentNode;
+      if (!node?.textContent?.match(DEPRECATED_REGEX)) continue;
+      if (node.parentElement?.closest(`.${BADGE_CLASS}`)) continue;
+      textNodes.push(node);
+    }
+
+    textNodes.forEach(node => {
+      const text = node.textContent;
+      if (!text) return;
+
+      const parts = text.split(DEPRECATED_REGEX);
+      const matches = text.match(DEPRECATED_REGEX) || [];
+
+      if (matches.length === 0) return;
+
+      const fragment = document.createDocumentFragment();
+
+      parts.forEach((part, index) => {
+        if (part) fragment.appendChild(document.createTextNode(part));
+
+        if (index < matches.length) {
+          const badge = document.createElement('span');
+          badge.className = BADGE_CLASS;
+          badge.textContent = 'Deprecated';
+          fragment.appendChild(badge);
+        }
+      });
+
+      node.parentNode?.replaceChild(fragment, node);
+    });
+  });
+};
+
+export const initDeprecatedBadgeEnhancer = () => {
+  if (window.__sdDeprecatedBadgeEnhancerInitialized) return;
+
+  window.__sdDeprecatedBadgeEnhancerInitialized = true;
+  enhanceDeprecatedLabels();
+
+  let isScheduled = false;
+
+  const observer = new MutationObserver(() => {
+    if (isScheduled) return;
+    isScheduled = true;
+
+    requestAnimationFrame(() => {
+      enhanceDeprecatedLabels();
+      isScheduled = false;
+    });
+  });
+
+  observer.observe(document.body, { childList: true, subtree: true });
+};
diff --git a/packages/docs/scripts/vite-plugin-solid-styles/toCem.ts b/packages/docs/scripts/vite-plugin-solid-styles/toCem.ts
index b16be5f4da..80548286cc 100644
--- a/packages/docs/scripts/vite-plugin-solid-styles/toCem.ts
+++ b/packages/docs/scripts/vite-plugin-solid-styles/toCem.ts
@@ -1,4 +1,4 @@
-import type { Attribute, ClassMember, Package } from 'custom-elements-manifest/schema.d.ts';
+import type { Attribute, ClassMember, CssCustomProperty, Package } from 'custom-elements-manifest/schema.d.ts';
 import type { Structure, StyleClassMember, StyleModule, Tag } from './types.js';
 
 /**
@@ -37,6 +37,13 @@ const getTypeForTag = (tag: Tag) => {
  */
 const tagIsAllowedToBeIncluded = (tag: Tag): boolean => ['variant', 'boolean'].includes(tag.tag);
 
+/**
+ * Check if a tag contains css custom property metadata
+ * @param tag The tag to check
+ * @returns True if the tag defines a css custom property
+ */
+const tagIsCssProperty = (tag: Tag): boolean => ['cssproperty', 'cssprop'].includes(tag.tag);
+
 /**
  * Check if a tag is a boolean type
  * @param tag The tag to check
@@ -129,6 +136,30 @@ const getMembersForTag = (tag: Tag): StyleClassMember | null => {
  */
 const getMembersForTags = (tags: Tag[]): ClassMember[] => tags.map(getMembersForTag).filter(Boolean) as ClassMember[];
 
+/**
+ * Convert a tag to a css custom property
+ * @param tag The tag to convert
+ * @returns CssCustomProperty or null if the tag is not a css property tag
+ */
+const getCssPropertiesForTag = (tag: Tag): CssCustomProperty | null => {
+  if (!tagIsCssProperty(tag)) {
+    return null;
+  }
+
+  return {
+    description: tag.description,
+    name: tag.name
+  };
+};
+
+/**
+ * Get the css custom properties for a list of tags
+ * @param tags The tags to get css custom properties for
+ * @returns List of css custom properties
+ */
+const getCssPropertiesForTags = (tags: Tag[]): CssCustomProperty[] =>
+  tags.map(getCssPropertiesForTag).filter(Boolean) as CssCustomProperty[];
+
 /**
  * Converts a list of tags to a schema module
  * @param tags The tags to convert
@@ -138,6 +169,7 @@ const tagsToSchemaModule = (tags: Tag[]): StyleModule => {
   const [name, status, since] = tags;
   const attributes = getAttributesForTags(tags);
   const members = getMembersForTags(tags);
+  const cssProperties = getCssPropertiesForTags(tags);
 
   const tagNameWithoutPrefix = name.name.includes('-') ? name.name.split('-').slice(1).join('-') : name.name;
 
@@ -157,6 +189,7 @@ const tagsToSchemaModule = (tags: Tag[]): StyleModule => {
             name: ''
           }
         ],
+        cssProperties,
         tagName: name.name,
         tagNameWithoutPrefix
       }
diff --git a/packages/docs/src/stories/components/expandable.stories.ts b/packages/docs/src/stories/components/expandable.stories.ts
index 83ddb8bd55..be8eaebb11 100644
--- a/packages/docs/src/stories/components/expandable.stories.ts
+++ b/packages/docs/src/stories/components/expandable.stories.ts
@@ -138,71 +138,91 @@ export const Inverted = {
  */
 
 export const Gradient = {
-  render: () =>
-    html`<div class="flex flex-col gap-4">
-      <div class="bg-neutral-100 p-4">
-        <sd-expandable
-          style="--gradient-color-start: transparent;--gradient-color-end: rgba(var(--sd-color-neutral-100))"
-        >
-          <span slot="toggle-open"> Collapse: Learn more about our commitment to diversity </span>
-          <span slot="toggle-closed"> Expand: Learn more about our commitment to diversity </span>
+  render: () => html`
+    <div>
+      <style>
+        .neutral-100,
+        .sd-theme-kid .neutral-100,
+        .sd-theme-kid .primary-100 {
+          --gradient-color-start: transparent;
+          --gradient-color-end: rgba(var(--sd-color-neutral-100));
+        }
 
-          <div class="sd-prose sd-prose--full-width">
-            <p>
-              For us, diversity equals strength. By taking the views and experiences of a wide range of people into
-              account, we provide room for creative solutions and ensure that we are equipped for the future. A diverse
-              and inclusive working environment is important to us. We benefit from the perspectives of different
-              genders, age groups, educational levels and backgrounds, thus guaranteeing that we are successful
-              together.
-            </p>
-            <p>
-              As a member of the cooperative financial network, diversity and corporate citizenship are an integral part
-              of our corporate culture. Our approach is based around interacting with each other, our customers and our
-              partners on an equal footing. Our actions are defined by values such as respect, professionalism and
-              collaboration. In the true spirit of the cooperative principles, we channel a wide range of strengths in
-              order to be stronger together.
-            </p>
-            <p>
-              By signing the Diversity Charter in 2013, Union Investment underlined how highly it values diversity
-              within the company. We want to attract and retain the best candidates, irrespective of cultural or social
-              background, ethnicity, gender, sexual orientation, disability, religion or age. To do this, we have
-              created a working environment that is free of prejudice, where respect is paramount and people can achieve
-              their full potential. This is the policy that underpins the actions of our managers and employees.
-            </p>
-          </div>
-        </sd-expandable>
-      </div>
-      <div class="bg-primary-100 p-4">
-        <sd-expandable
-          style="--gradient-color-start: transparent;--gradient-color-end: rgba(var(--sd-color-primary-100))"
-        >
-          <span slot="toggle-open"> Collapse: Learn more about our commitment to diversity </span>
-          <span slot="toggle-closed"> Expand: Learn more about our commitment to diversity </span>
+        .primary-100 {
+          --gradient-color-start: transparent;
+          --gradient-color-end: rgba(var(--sd-color-primary-100));
+        }
+
+        .sd-theme-ui-dark .neutral-100,
+        .sd-theme-ui-dark .primary-100 {
+          --gradient-color-start: transparent;
+          --gradient-color-end: rgba(var(--sd-color-primary-750));
+        }
+      </style>
+      <div class="flex flex-col gap-4">
+        <div class="bg-neutral-100 p-4">
+          <sd-expandable class="neutral-100">
+            <span slot="toggle-open"> Collapse: Learn more about our commitment to diversity </span>
+            <span slot="toggle-closed"> Expand: Learn more about our commitment to diversity </span>
 
-          <div class="sd-prose sd-prose--full-width">
-            <p>
-              For us, diversity equals strength. By taking the views and experiences of a wide range of people into
-              account, we provide room for creative solutions and ensure that we are equipped for the future. A diverse
-              and inclusive working environment is important to us. We benefit from the perspectives of different
-              genders, age groups, educational levels and backgrounds, thus guaranteeing that we are successful
-              together.
-            </p>
-            <p>
-              As a member of the cooperative financial network, diversity and corporate citizenship are an integral part
-              of our corporate culture. Our approach is based around interacting with each other, our customers and our
-              partners on an equal footing. Our actions are defined by values such as respect, professionalism and
-              collaboration. In the true spirit of the cooperative principles, we channel a wide range of strengths in
-              order to be stronger together.
-            </p>
-            <p>
-              By signing the Diversity Charter in 2013, Union Investment underlined how highly it values diversity
-              within the company. We want to attract and retain the best candidates, irrespective of cultural or social
-              background, ethnicity, gender, sexual orientation, disability, religion or age. To do this, we have
-              created a working environment that is free of prejudice, where respect is paramount and people can achieve
-              their full potential. This is the policy that underpins the actions of our managers and employees.
-            </p>
-          </div>
-        </sd-expandable>
+            <div class="sd-prose sd-prose--full-width">
+              <p>
+                For us, diversity equals strength. By taking the views and experiences of a wide range of people into
+                account, we provide room for creative solutions and ensure that we are equipped for the future. A
+                diverse and inclusive working environment is important to us. We benefit from the perspectives of
+                different genders, age groups, educational levels and backgrounds, thus guaranteeing that we are
+                successful together.
+              </p>
+              <p>
+                As a member of the cooperative financial network, diversity and corporate citizenship are an integral
+                part of our corporate culture. Our approach is based around interacting with each other, our customers
+                and our partners on an equal footing. Our actions are defined by values such as respect, professionalism
+                and collaboration. In the true spirit of the cooperative principles, we channel a wide range of
+                strengths in order to be stronger together.
+              </p>
+              <p>
+                By signing the Diversity Charter in 2013, Union Investment underlined how highly it values diversity
+                within the company. We want to attract and retain the best candidates, irrespective of cultural or
+                social background, ethnicity, gender, sexual orientation, disability, religion or age. To do this, we
+                have created a working environment that is free of prejudice, where respect is paramount and people can
+                achieve their full potential. This is the policy that underpins the actions of our managers and
+                employees.
+              </p>
+            </div>
+          </sd-expandable>
+        </div>
+        <div class="bg-primary-100 p-4">
+          <sd-expandable class="primary-100">
+            <span slot="toggle-open"> Collapse: Learn more about our commitment to diversity </span>
+            <span slot="toggle-closed"> Expand: Learn more about our commitment to diversity </span>
+
+            <div class="sd-prose sd-prose--full-width">
+              <p>
+                For us, diversity equals strength. By taking the views and experiences of a wide range of people into
+                account, we provide room for creative solutions and ensure that we are equipped for the future. A
+                diverse and inclusive working environment is important to us. We benefit from the perspectives of
+                different genders, age groups, educational levels and backgrounds, thus guaranteeing that we are
+                successful together.
+              </p>
+              <p>
+                As a member of the cooperative financial network, diversity and corporate citizenship are an integral
+                part of our corporate culture. Our approach is based around interacting with each other, our customers
+                and our partners on an equal footing. Our actions are defined by values such as respect, professionalism
+                and collaboration. In the true spirit of the cooperative principles, we channel a wide range of
+                strengths in order to be stronger together.
+              </p>
+              <p>
+                By signing the Diversity Charter in 2013, Union Investment underlined how highly it values diversity
+                within the company. We want to attract and retain the best candidates, irrespective of cultural or
+                social background, ethnicity, gender, sexual orientation, disability, religion or age. To do this, we
+                have created a working environment that is free of prejudice, where respect is paramount and people can
+                achieve their full potential. This is the policy that underpins the actions of our managers and
+                employees.
+              </p>
+            </div>
+          </sd-expandable>
+        </div>
       </div>
-    </div> `
+    </div>
+  `
 };
diff --git a/packages/docs/src/stories/components/header.stories.ts b/packages/docs/src/stories/components/header.stories.ts
index bea98a74df..b5b316aaf9 100644
--- a/packages/docs/src/stories/components/header.stories.ts
+++ b/packages/docs/src/stories/components/header.stories.ts
@@ -20,7 +20,7 @@ export default {
   argTypes,
   parameters: {
     ...parameters,
-    docs: { story: { inline: false, height: '200px' } },
+    docs: { story: { inline: true, height: '200px' } },
     design: {
       type: 'figma',
       url: 'https://www.figma.com/design/YDktJcseQIIQbsuCpoKS4V/Component-Docs?node-id=2372-57409&node-type=section&t=5PpAC3TA3kYF7ufX-0'
diff --git a/packages/docs/src/stories/components/map-marker.stories.ts b/packages/docs/src/stories/components/map-marker.stories.ts
index 5aab7a6735..93340aa508 100644
--- a/packages/docs/src/stories/components/map-marker.stories.ts
+++ b/packages/docs/src/stories/components/map-marker.stories.ts
@@ -41,7 +41,7 @@ export const Variant = {
         <span class="sr-only">Pinned Location</span>
       </sd-map-marker>
       <sd-map-marker variant="place">
-        <sd-icon name="content/image" color="primary"></sd-icon>
+        <sd-icon name="content/image" color="currentColor"></sd-icon>
         <span class="sr-only">Pinned Place</span>
       </sd-map-marker>
       <sd-map-marker variant="cluster">
@@ -76,15 +76,15 @@ export const State = {
 
       <div class="flex flex-col space-y-5">
         <sd-map-marker state="default" variant="place">
-          <sd-icon name="content/image" color="primary"></sd-icon>
+          <sd-icon name="content/image" color="currentColor"></sd-icon>
           <span class="sr-only">Pinned place with default state</span>
         </sd-map-marker>
         <sd-map-marker state="hover" variant="place">
-          <sd-icon name="content/image" color="primary"></sd-icon>
+          <sd-icon name="content/image" color="currentColor"></sd-icon>
           <span class="sr-only">Pinned place with hover state</span>
         </sd-map-marker>
         <sd-map-marker state="active" variant="place">
-          <sd-icon name="content/image" color="primary"></sd-icon>
+          <sd-icon name="content/image" color="currentColor"></sd-icon>
           <span class="sr-only">Pinned place with active state</span>
         </sd-map-marker>
       </div>
@@ -146,7 +146,7 @@ export const NotInteractive = {
     <div class="flex items-center gap-12">
       <sd-map-marker not-interactive></sd-map-marker>
       <sd-map-marker variant="place" not-interactive>
-        <sd-icon name="content/image" color="primary"></sd-icon>
+        <sd-icon name="content/image" color="currentColor"></sd-icon>
       </sd-map-marker>
       <sd-map-marker variant="cluster" not-interactive> 88 </sd-map-marker>
     </div>
diff --git a/packages/docs/src/stories/components/map-marker.test.stories.ts b/packages/docs/src/stories/components/map-marker.test.stories.ts
index 1fed0f2cea..455cb8bfbd 100644
--- a/packages/docs/src/stories/components/map-marker.test.stories.ts
+++ b/packages/docs/src/stories/components/map-marker.test.stories.ts
@@ -112,7 +112,7 @@ export const VariantPlace = {
         {
           type: 'slot',
           name: 'default',
-          value: '<sd-icon name="content/image" color="primary"></sd-icon>'
+          value: '<sd-icon name="content/image" color="currentColor"></sd-icon>'
         },
         {
           type: 'attribute',
@@ -134,7 +134,7 @@ export const Slots = {
       <div class="flex gap-4 items-center">
         <sd-map-marker variant="place" label="Label">
           <span class="slot slot--border slot--background">
-            <sd-icon name="content/image" color="primary"></sd-icon>
+            <sd-icon name="content/image" color="currentColor"></sd-icon>
           </span>
         </sd-map-marker>
         <sd-map-marker variant="place" label="Label">
@@ -177,7 +177,7 @@ export const Scale = {
         {
           type: 'slot',
           name: 'default',
-          value: '<sd-icon name="content/image" color="primary"></sd-icon>'
+          value: '<sd-icon name="content/image" color="currentColor"></sd-icon>'
         },
         {
           type: 'attribute',
diff --git a/packages/docs/src/stories/components/menu.stories.ts b/packages/docs/src/stories/components/menu.stories.ts
index 1de7dfe105..90ff1ede02 100644
--- a/packages/docs/src/stories/components/menu.stories.ts
+++ b/packages/docs/src/stories/components/menu.stories.ts
@@ -51,15 +51,17 @@ export default {
 
 export const Default = {
   render: (args: any) => {
-    return html` <sd-dropdown distance="4" rounded open>
-      <sd-button variant="secondary" slot="trigger">
-        Menu
-        <sd-icon library="_internal" name="chevron-down" slot="icon-right"></sd-icon>
-      </sd-button>
-      ${generateTemplate({
-        args
-      })}
-    </sd-dropdown>`;
+    return html` <div class="h-[350px]">
+      <sd-dropdown distance="4" rounded open>
+        <sd-button variant="secondary" slot="trigger">
+          Menu
+          <sd-icon library="_internal" name="chevron-down" slot="icon-right"></sd-icon>
+        </sd-button>
+        ${generateTemplate({
+          args
+        })}
+      </sd-dropdown>
+    </div>`;
   }
 };
 
diff --git a/packages/docs/src/stories/components/quickfact.stories.ts b/packages/docs/src/stories/components/quickfact.stories.ts
index 965cb686c9..b7bbcd489c 100644
--- a/packages/docs/src/stories/components/quickfact.stories.ts
+++ b/packages/docs/src/stories/components/quickfact.stories.ts
@@ -27,7 +27,7 @@ export default {
     {
       type: 'slot',
       name: 'icon',
-      value: `<sd-icon name="content/image" color="primary" aria-hidden="true" library="default" slot="icon"></sd-icon>`
+      value: `<sd-icon name="content/image" color="currentColor" aria-hidden="true" library="default" slot="icon"></sd-icon>`
     }
   ]),
   argTypes,
@@ -54,7 +54,7 @@ export const Default = {
 export const Expandable = {
   render: () => html`
     <sd-quickfact expandable="" summary="Lorem Ipsum">
-      <sd-icon name="content/image" color="primary" aria-hidden="true" library="default" slot="icon"></sd-icon>
+      <sd-icon name="content/image" color="currentColor" aria-hidden="true" library="default" slot="icon"></sd-icon>
       <div class="slot slot--border slot--text h-16">Default slot</div>
     </sd-quickfact>
   `
@@ -67,12 +67,12 @@ export const Open = {
   render: () => html`
     <div class="flex flex-col gap-12">
       <sd-quickfact expandable="" open summary="Open">
-        <sd-icon name="content/image" color="primary" aria-hidden="true" library="default" slot="icon"></sd-icon>
+        <sd-icon name="content/image" color="currentColor" aria-hidden="true" library="default" slot="icon"></sd-icon>
         <div class="slot slot--border slot--text h-16">Default slot</div>
       </sd-quickfact>
 
       <sd-quickfact expandable="" summary="Closed">
-        <sd-icon name="content/image" color="primary" aria-hidden="true" library="default" slot="icon"></sd-icon>
+        <sd-icon name="content/image" color="currentColor" aria-hidden="true" library="default" slot="icon"></sd-icon>
         <div class="slot slot--border slot--text h-16">Default slot</div>
       </sd-quickfact>
     </div>
@@ -87,7 +87,7 @@ export const Open = {
 export const Summary = {
   render: () => html`
     <sd-quickfact>
-      <sd-icon name="content/image" color="primary" aria-hidden="true" library="default" slot="icon"></sd-icon>
+      <sd-icon name="content/image" color="currentColor" aria-hidden="true" library="default" slot="icon"></sd-icon>
       <div slot="summary" class="flex flex-col sm:gap-4">
         <p class="text-base font-normal leading-normal sm:text-4xl sm:leading-tight">Summary</p>
         <div class="text-base font-normal leading-normal sm:text-xl">Description</div>
diff --git a/packages/docs/src/stories/styles/container.stories.ts b/packages/docs/src/stories/styles/container.stories.ts
index 715c7cee77..de25559cf4 100644
--- a/packages/docs/src/stories/styles/container.stories.ts
+++ b/packages/docs/src/stories/styles/container.stories.ts
@@ -158,7 +158,7 @@ export const TriangleColor = {
   render: () =>
     html`<div class="bg-primary p-4">
       <div
-        style="--triangle-background: rgba(var(--sd-color-primary));"
+        style="--triangle-background: rgba(var(--sd-color-background-primary));"
         class="sd-container sd-container--variant-white sd-container--triangle-top sd-container--padding-sm"
       >
         <div class="slot slot--border slot--text h-12">Default slot</div>
diff --git a/packages/docs/src/stories/styles/headline.test.stories.ts b/packages/docs/src/stories/styles/headline.test.stories.ts
index 8fcc04a579..766eef3857 100644
--- a/packages/docs/src/stories/styles/headline.test.stories.ts
+++ b/packages/docs/src/stories/styles/headline.test.stories.ts
@@ -197,6 +197,9 @@ export const Samples = {
         div:not(:first-of-type).headline {
           margin-top: 72px;
         }
+        .sd-theme-kid .sd-headline--inverted .sd-mark {
+          color: var(--sd-color-white);
+        }
       </style>
       <div class="story-wrapper">
         <div class="headline">sd-headline with sd-mark (no icon)</div>
diff --git a/packages/docs/src/stories/styles/meta.test.stories.ts b/packages/docs/src/stories/styles/meta.test.stories.ts
index ef3b5e2c97..2eba11f030 100644
--- a/packages/docs/src/stories/styles/meta.test.stories.ts
+++ b/packages/docs/src/stories/styles/meta.test.stories.ts
@@ -82,7 +82,7 @@ export const LightAndInverted = {
       options: {
         templateBackgrounds: {
           alternate: 'y',
-          colors: ['rgba(var(--sd-color-white))', 'rgba(var(--sd-color-primary))']
+          colors: ['transparent', 'rgba(var(--sd-color-primary))']
         }
       }
     });
diff --git a/packages/docs/src/stories/styles/pagination.stories.ts b/packages/docs/src/stories/styles/pagination.stories.ts
index 4727acffd0..2bb286553b 100644
--- a/packages/docs/src/stories/styles/pagination.stories.ts
+++ b/packages/docs/src/stories/styles/pagination.stories.ts
@@ -201,40 +201,39 @@ export const Truncation = {
  */
 export const Inverted = {
   render: () => html`
-    <nav class="sd-pagination sd-pagination--inverted" aria-label="Inverted pagination">
-      <ul>
-        <li>
-          <a aria-hidden="true"><sd-icon name="system/chevron-left" label="Previous"></sd-icon></a>
-        </li>
-        <li><a aria-current="page">1</a></li>
-        <li><a href="/?page=2">2</a></li>
-        <li><a href="/?page=3">3</a></li>
-        <li><a href="/?page=4">4</a></li>
-        <li><a href="/?page=5">5</a></li>
-        <li><a href="/?page=6">6</a></li>
-        <li><a href="/?page=7">7</a></li>
-        <li><a href="/?page=8">8</a></li>
-        <li><a href="/?page=9">9</a></li>
-        <li><a href="/?page=10">10</a></li>
-        <li><a href="/?page=11">11</a></li>
-        <li><a href="/?page=12">12</a></li>
-        <li><a href="/?page=13">13</a></li>
-        <li><a href="/?page=14">14</a></li>
-        <li><a href="/?page=15">15</a></li>
-        <li><a href="/?page=16">16</a></li>
-        <li><a href="/?page=17">17</a></li>
-        <li><a href="/?page=18">18</a></li>
-        <li><a href="/?page=19">19</a></li>
-        <li><a href="/?page=20">20</a></li>
-        <li>
-          <a href="/?page=2"><sd-icon name="system/chevron-right" label="Next"></sd-icon></a>
-        </li>
-      </ul>
-    </nav>
-  `,
-  globals: {
-    backgrounds: { value: 'primary' }
-  }
+    <div class="bg-primary p-4">
+      <nav class="sd-pagination sd-pagination--inverted" aria-label="Inverted pagination">
+        <ul>
+          <li>
+            <a aria-hidden="true"><sd-icon name="system/chevron-left" label="Previous"></sd-icon></a>
+          </li>
+          <li><a aria-current="page">1</a></li>
+          <li><a href="/?page=2">2</a></li>
+          <li><a href="/?page=3">3</a></li>
+          <li><a href="/?page=4">4</a></li>
+          <li><a href="/?page=5">5</a></li>
+          <li><a href="/?page=6">6</a></li>
+          <li><a href="/?page=7">7</a></li>
+          <li><a href="/?page=8">8</a></li>
+          <li><a href="/?page=9">9</a></li>
+          <li><a href="/?page=10">10</a></li>
+          <li><a href="/?page=11">11</a></li>
+          <li><a href="/?page=12">12</a></li>
+          <li><a href="/?page=13">13</a></li>
+          <li><a href="/?page=14">14</a></li>
+          <li><a href="/?page=15">15</a></li>
+          <li><a href="/?page=16">16</a></li>
+          <li><a href="/?page=17">17</a></li>
+          <li><a href="/?page=18">18</a></li>
+          <li><a href="/?page=19">19</a></li>
+          <li><a href="/?page=20">20</a></li>
+          <li>
+            <a href="/?page=2"><sd-icon name="system/chevron-right" label="Next"></sd-icon></a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  `
 };
 
 /**
diff --git a/packages/docs/src/stories/templates/badge.stories.ts b/packages/docs/src/stories/templates/badge.stories.ts
index 511529b9fc..57131f951f 100644
--- a/packages/docs/src/stories/templates/badge.stories.ts
+++ b/packages/docs/src/stories/templates/badge.stories.ts
@@ -98,7 +98,7 @@ export const NavigationItemWithBadge = {
       <sd-header class="max-w-[650px]" fixed>
         <div class="flex justify-between items-center">
           <a class="flex flex-shrink" href="#">
-            <img class="h-8" src="images/logo-unioninvestment-lg.svg" alt="Logo" />
+            <div class="h-8 logo-lg" role="img" aria-label="Union Investment Homepage"></div>
           </a>
           <div class="flex">
             <sd-navigation-item class="relative">
diff --git a/packages/docs/src/stories/templates/breadcrumb.stories.ts b/packages/docs/src/stories/templates/breadcrumb.stories.ts
index d2ff67de53..76cb7c2b1f 100644
--- a/packages/docs/src/stories/templates/breadcrumb.stories.ts
+++ b/packages/docs/src/stories/templates/breadcrumb.stories.ts
@@ -31,7 +31,7 @@ export const Default = {
       <sd-header id="horizontal" fixed>
         <div class="flex justify-between items-center my-0 lg:my-3">
           <a class="inline-flex sd-interactive" href="#">
-            <img class="h-8 md:h-12 lg:h-14" src="images/logo-unioninvestment-lg.svg" alt="Union Investment Homepage" />
+            <div class="h-8 md:h-12 lg:h-14 logo-lg" role="img" aria-label="Union Investment Homepage"></div>
           </a>
 
           <sd-navigation-item id="open-menu-navigation" class="flex lg:hidden">
diff --git a/packages/docs/src/stories/templates/drawer.stories.ts b/packages/docs/src/stories/templates/drawer.stories.ts
index 0bf6f83359..ee30d6102c 100644
--- a/packages/docs/src/stories/templates/drawer.stories.ts
+++ b/packages/docs/src/stories/templates/drawer.stories.ts
@@ -14,7 +14,7 @@ export default {
   decorators: [
     (story: any) =>
       html` <style>
-          #anchor--templates-drawer--default .innerZoomElementWrapper {
+          #anchor--primary--templates-drawer--default .innerZoomElementWrapper {
             background-color: #ecf0f9;
             min-height: 1000px;
           }
diff --git a/packages/docs/src/stories/templates/header-navigation.stories.ts b/packages/docs/src/stories/templates/header-navigation.stories.ts
index 3e4c5b4980..0fa0dc4fa7 100644
--- a/packages/docs/src/stories/templates/header-navigation.stories.ts
+++ b/packages/docs/src/stories/templates/header-navigation.stories.ts
@@ -39,7 +39,7 @@ export const Horizontal = {
       <sd-header id="horizontal" fixed>
         <div class="flex justify-between items-center my-0 lg:my-3">
           <a class="inline-flex sd-interactive" href="#">
-            <img class="h-8 md:h-12 lg:h-14" src="images/logo-unioninvestment-lg.svg" alt="Union Investment Homepage" />
+            <div class="h-8 md:h-12 lg:h-14 logo-lg" role="img" aria-label="Union Investment Homepage"></div>
           </a>
 
           <sd-navigation-item id="open-menu-navigation" class="flex lg:hidden">
@@ -771,7 +771,7 @@ export const SampleA = {
       <div class="flex justify-between items-center">
         <!-- top-left-area start !-->
         <a class="flex flex-shrink" href="#">
-          <img class="h-8 md:h-12 lg:h-14" src="images/logo-unioninvestment-lg.svg" alt="Union Investment Homepage" />
+          <div class="h-8 md:h-12 lg:h-14 logo-lg" role="img" aria-label="Union Investment Homepage"></div>
         </a>
         <!-- top-left-area end !-->
         <!-- top-right-area start !-->
@@ -934,7 +934,7 @@ export const Vertical = {
         <sd-header id="vertical" fixed class="col-span-2">
           <div class="flex justify-between items-center">
             <a class="inline-flex sd-interactive" href="#">
-              <img class="h-8 md:h-12" src="images/logo-unioninvestment-lg.svg" alt="Union Investment Homepage" />
+              <div class="h-8 md:h-12 logo-lg" role="img" aria-label="Union Investment Homepage"></div>
             </a>
 
             <sd-navigation-item id="open-menu-navigation-vertical" class="lg:hidden">
@@ -1220,7 +1220,7 @@ export const SampleA02 = {
       <div class="flex justify-between items-center">
         <!-- top-left-area start !-->
         <a class="flex flex-shrink" href="#">
-          <img class="h-8 md:h-12 lg:h-14" src="images/logo-unioninvestment-lg.svg" alt="Union Investment Homepage" />
+          <div class="h-8 md:h-12 lg:h-14 logo-lg" role="img" aria-label="Union Investment Homepage"></div>
         </a>
         <!-- top-left-area end !-->
         <!-- top-right-area start !-->
@@ -1370,12 +1370,8 @@ export const SampleB = {
       <div class="flex justify-between items-center">
         <!-- top-left-area start !-->
         <a class="flex flex-shrink" href="#">
-          <img
-            class="sm:h-12 lg:h-14 hidden sm:flex"
-            src="images/logo-unioninvestment-lg.svg"
-            alt="Union Investment Homepage"
-          />
-          <img class="h-8 sm:hidden" src="images/logo-unioninvestment-sm.svg" alt="Union Investment Homepage" />
+          <div class="sm:h-12 lg:h-14 hidden sm:flex logo-lg" role="img" aria-label="Union Investment Homepage"></div>
+          <div class="h-8 sm:hidden logo-sm" role="img" aria-label="Union Investment Homepage"></div>
         </a>
         <!-- top-left-area end !-->
         <!-- top-right-area start !-->
diff --git a/packages/styles/src/modules/chip.css b/packages/styles/src/modules/chip.css
index 6b969cca70..67c6966006 100644
--- a/packages/styles/src/modules/chip.css
+++ b/packages/styles/src/modules/chip.css
@@ -15,13 +15,16 @@
  * @cssproperty --sd-chip--white-color-background - The background color for white chips.
  * @cssproperty --sd-chip--white-color-border - The border color for white chips.
  * @cssproperty --sd-chip-border-radius - The border radius for chips.
- * @cssproperty --sd-chip-font-size - The font size for chips.
- * @cssproperty --sd-chip-border-width - The border width for chips.
- * @cssproperty --sd-chip-font-weight - The font weight for chips.
+ * @cssproperty --sd-marker-font-size - The font size for chips.
+ * @cssproperty --sd-marker-border-width - The border width for chips.
+ * @cssproperty --sd-marker-font-weight - The font weight for chips.
+ * @cssproperty --sd-chip-font-size - This variable is deprecated please use --sd-marker-font-size.
+ * @cssproperty --sd-chip-border-width - This variable is deprecated please use --sd-marker-border-width.
+ * @cssproperty --sd-chip-font-weight - This variable is deprecated please use --sd-marker-font-weight.
  */
 
 .sd-chip {
-  @apply border h-6 sd-chip-font-weight sd-chip-border-width sd-chip--primary-200-color-background sd-chip-border-radius sd-chip--primary-200-color-border text-black sd-chip-font-size inline-flex items-center whitespace-nowrap px-2 overflow-hidden;
+  @apply border h-6 sd-chip--primary-200-color-background sd-chip-border-radius sd-chip--primary-200-color-border text-black inline-flex items-center whitespace-nowrap px-2 overflow-hidden;
 
   &--primary-500 {
     @apply sd-chip--primary-500-color-background sd-chip--primary-500-color-border sd-chip--primary-500-color-text;
@@ -34,6 +37,11 @@
   &--white {
     @apply sd-chip--white-color-background sd-chip--white-color-border;
   }
+
+  /* TODO clean this up and add the classes marker-font-size, marker-border-width and marker-font-weight (breaking change) */
+  font-size: var(--sd-chip-font-size);
+  border-width: var(--sd-chip-border-width);
+  font-weight: var(--sd-chip-font-weight);
 }
 
 .sd-theme-kid .sd-chip {
diff --git a/packages/styles/src/modules/container.css b/packages/styles/src/modules/container.css
index f0e4dad236..ebf287ebf3 100644
--- a/packages/styles/src/modules/container.css
+++ b/packages/styles/src/modules/container.css
@@ -32,7 +32,7 @@
     @apply px-6 py-4;
   }
 
-  --triangle-background: rgba(var(--sd-color-white));
+  --triangle-background: rgba(var(--sd-color-background-white));
 
   &--triangle-top::before,
   &--triangle-right::before,
diff --git a/packages/styles/src/modules/copyright.css b/packages/styles/src/modules/copyright.css
index bd043b5eaf..a9582a7095 100644
--- a/packages/styles/src/modules/copyright.css
+++ b/packages/styles/src/modules/copyright.css
@@ -22,7 +22,7 @@
   --tw-sepia: ;
 
   &::after {
-    @apply block absolute pb-2 pl-4 bottom-0 left-0 text-white text-sm w-full drop-shadow-sm;
+    @apply block absolute pb-2 pl-4 bottom-0 left-0 text-white text-sm w-full drop-shadow-xs;
     content: var(--copyright);
   }
 
diff --git a/packages/styles/src/modules/flag.css b/packages/styles/src/modules/flag.css
index ab1b5872f4..123cc52b7a 100644
--- a/packages/styles/src/modules/flag.css
+++ b/packages/styles/src/modules/flag.css
@@ -14,11 +14,14 @@
  * @cssproperty --sd-flag--white-color-background - The background color for white flags.
  * @cssproperty --sd-flag--white-color-border - The border color for white flags.
  * @cssproperty --sd-flag-border-radius - The border radius for flags.
- * @cssproperty --sd-flag-border-width - The border width for flags.
+ * @cssproperty --sd-marker-border-width - The border width for flags.
+ * @cssproperty --sd-marker-font-weight - The font weight for flags.
+ * @cssproperty --sd-marker-font-size - The font size for flags.
+ * @cssproperty --sd-flag-border-width - This variable is deprecated please use --sd-marker-border-width.
  */
 
 .sd-flag {
-  @apply border h-8 sd-flag--neutral-200-color-background sd-flag--neutral-200-color-border sd-flag-border-radius sd-flag-border-width text-black text-sm inline-flex items-center px-3 whitespace-nowrap overflow-hidden;
+  @apply border h-8 sd-flag--neutral-200-color-background sd-flag--neutral-200-color-border sd-flag-border-radius text-black marker-font-weight marker-font-size inline-flex items-center px-3 whitespace-nowrap overflow-hidden;
 
   &--neutral-500 {
     @apply sd-flag--neutral-500-color-background sd-flag--neutral-500-color-border text-black;
@@ -31,4 +34,11 @@
   &--white {
     @apply sd-flag--white-color-background sd-flag--white-color-border;
   }
+
+  /* TODO clean this up and add the class marker-border-width (breaking change) */
+  border-width: var(--sd-flag-border-width);
+}
+
+.sd-theme-kid .sd-flag {
+  box-shadow: var(--sd-shadow-sm);
 }
diff --git a/packages/styles/src/modules/footnotes.css b/packages/styles/src/modules/footnotes.css
index cef8f35cbe..d7223e69ef 100644
--- a/packages/styles/src/modules/footnotes.css
+++ b/packages/styles/src/modules/footnotes.css
@@ -5,7 +5,7 @@
  * @since 3.0.0
  * @boolean sd-footnotes--inverted Inverts the footnote text.
  *
- * @cssproperty --sd-footnotes--target--inverted-color-background Used as background color for the `inverted` variant when the footnote is targeted.
+ * @cssproperty --sd-footnotes--target--inverted-color-background - Used as background color for the `inverted` variant when the footnote is targeted.
  */
 
 .sd-footnotes {
@@ -83,6 +83,15 @@
         @apply sd-footnotes--target--inverted-color-background;
       }
     }
+
+    &:is(ol) {
+      li {
+        .sd-footnotes--marker::before,
+        &::before {
+          @apply !text-white;
+        }
+      }
+    }
   }
 
   &--marker {
@@ -121,10 +130,6 @@
       &:focus-visible {
         @apply outline outline-2 outline-offset-2 outline-primary rounded-default;
       }
-
-      &:link {
-        @apply text-primary;
-      }
     }
 
     &:link,
diff --git a/packages/styles/src/modules/headline.css b/packages/styles/src/modules/headline.css
index f68b48002c..c8bd82415c 100644
--- a/packages/styles/src/modules/headline.css
+++ b/packages/styles/src/modules/headline.css
@@ -6,6 +6,7 @@
  * @variant { 3xl | xl | lg | base } sd-headline--size-... The headline's size.
  * @boolean sd-headline--inverted Inverts the headline text.
  * @boolean sd-headline--inline Sets inline behavior. Used exclusively when an sd-icon or other component is present. See usage <a href="#inline">here.</a>
+ * @cssproperty --sd-headline--3xl-onwards-color-text - The text color for 3xl and larger headlines.
  */
 
 .sd-headline,
@@ -18,7 +19,7 @@
 
   &.sd-headline,
   &:is(h1):not(.sd-headline) {
-    @apply text-3xl sm:text-4xl gap-4 leading-tight;
+    @apply text-3xl sm:text-4xl gap-4 leading-tight sd-headline--3xl-onwards-color-text;
 
     sd-icon {
       @apply -mt-1 sm:mt-0;
@@ -27,7 +28,7 @@
 
   &.sd-headline--size-3xl,
   &:is(h2):not(.sd-headline) {
-    @apply text-2xl sm:text-3xl gap-4 leading-tight;
+    @apply text-2xl sm:text-3xl gap-4 leading-tight sd-headline--3xl-onwards-color-text;
 
     sd-icon {
       @apply -mt-1 sm:mt-0;
diff --git a/packages/styles/src/modules/hidden-links.css b/packages/styles/src/modules/hidden-links.css
index a355cf7caf..cc76080844 100644
--- a/packages/styles/src/modules/hidden-links.css
+++ b/packages/styles/src/modules/hidden-links.css
@@ -19,7 +19,7 @@
   &:not(:focus-within):not(.sd-hidden-links--debug) {
     @apply sr-only;
   }
-  @apply absolute top-6 left-6;
+  @apply absolute top-6 left-6 panel-color-border border;
   &--multiple {
     @apply bg-white shadow flex flex-col px-2 py-4;
     &:before {
diff --git a/packages/styles/src/modules/list.css b/packages/styles/src/modules/list.css
index 8147e4fe63..ecb5325d95 100644
--- a/packages/styles/src/modules/list.css
+++ b/packages/styles/src/modules/list.css
@@ -128,7 +128,8 @@
 
     > sd-icon:first-of-type,
     > .sd-list--icon__icon:first-of-type {
-      @apply absolute left-0 text-3xl text-primary;
+      @apply absolute left-0 text-3xl;
+      color: rgb(var(--sd-color-icon-fill-primary));
     }
   }
 
diff --git a/packages/styles/src/modules/pagination.css b/packages/styles/src/modules/pagination.css
index 4efbffb74d..ba1f2789d4 100644
--- a/packages/styles/src/modules/pagination.css
+++ b/packages/styles/src/modules/pagination.css
@@ -5,6 +5,8 @@
  * @since 1.3
  * @variant { simple } sd-pagination--... The pagination format.
  * @boolean sd-pagination--inverted Inverts the pagination style.
+ * @cssproperty --sd-pagination--default-border - The default border color for current item.
+ * @cssproperty --sd-pagination--inverted-border - The border color for current item when inverted.
  */
 
 .sd-pagination {
@@ -55,7 +57,7 @@
           @apply w-full h-full border-b-2 border-b-transparent;
 
           &[aria-current] {
-            @apply border-b-accent;
+            @apply sd-pagination--default-border;
           }
         }
       }
@@ -187,7 +189,7 @@
   &--simple {
     ul {
       li:nth-child(2) {
-        @apply relative w-8 border-b-2 border-b-accent me-5 after:content-['/'] after:absolute after:-right-[18px] after:scale-y-[1.5];
+        @apply relative w-8 border-b-2 sd-pagination--default-border me-5 after:content-['/'] after:absolute after:-right-[18px] after:scale-y-[1.5];
 
         border-bottom-style: solid;
       }
@@ -219,10 +221,23 @@
           @apply outline-white;
         }
       }
+
+      &:not(:first-child):not(:last-child) {
+        a,
+        button {
+          &[aria-current] {
+            @apply sd-pagination--inverted-border;
+          }
+        }
+      }
     }
 
     &.sd-pagination--simple ul li {
       @apply text-white after:text-white;
+
+      &:nth-child(2) {
+        @apply sd-pagination--inverted-border;
+      }
     }
   }
 }
diff --git a/packages/styles/src/modules/status-badge.css b/packages/styles/src/modules/status-badge.css
index 8d9ba0a646..437b09e023 100644
--- a/packages/styles/src/modules/status-badge.css
+++ b/packages/styles/src/modules/status-badge.css
@@ -4,6 +4,8 @@
  * @status stable
  * @since 1.0
  * @variant { sucess | warning | error | info } sd-status-badge--...
+ * @cssproperty --sd-badge--green-color-background - background color for success status badge.
+ * @cssproperty --sd-badge--red-color-background - background color for error status badge.
  */
 
 .sd-status-badge {
@@ -15,7 +17,7 @@
 
   &--success {
     sd-icon {
-      @apply bg-success;
+      @apply sd-badge--green-color-background;
     }
   }
 
@@ -27,7 +29,7 @@
 
   &--error {
     sd-icon {
-      @apply bg-error;
+      @apply sd-badge--red-color-background;
     }
   }
 
diff --git a/packages/tokens/CONTRIBUTING.md b/packages/tokens/CONTRIBUTING.md
index 995621bf5a..3cb20a57f4 100644
--- a/packages/tokens/CONTRIBUTING.md
+++ b/packages/tokens/CONTRIBUTING.md
@@ -41,3 +41,9 @@ The script:
 - Shows usage statistics and lists unused variables
 
 This helps identify dead variables that can be removed from the design system.
+
+### Deleting and Renaming variables from figma
+
+To avoid breaking changes and maintain compatibility with older versions of Solid, variables must never be completely removed from themes.
+
+In cases where a variable is renamed or removed in Figma but already exists in the codebase, it must be preserved in `legacy-variables.css`. The legacy variable should reference the new variable or value to ensure backward compatibility.
diff --git a/packages/tokens/scripts/build.mjs b/packages/tokens/scripts/build.mjs
index 1b87705c8d..a194e25774 100644
--- a/packages/tokens/scripts/build.mjs
+++ b/packages/tokens/scripts/build.mjs
@@ -46,7 +46,15 @@ async function runBuild() {
   });
 
   await nextTask('Extracting themes', () => {
-    const toAppend = [{ name: 'icons.css' }, { name: 'overrides.css' }];
+    const toAppend = [
+      { name: 'icons.css' },
+      { name: 'overrides.css' },
+      {
+        name: 'legacy-variables.css',
+        shared: true,
+        process: (css, theme) => `:root, .sd-theme-${theme.name} {\n${css}\n}`
+      }
+    ];
 
     themes = getStylesheetThemes(stylesheet, config);
     themes.forEach(theme => {
@@ -57,10 +65,13 @@ async function runBuild() {
         .trim();
 
       for (const append of toAppend) {
-        const filepath = `${config.buildPath}/${theme.name}/${append.name}`;
+        const filepath = append.shared
+          ? `${config.buildPath}/${append.name}`
+          : `${config.buildPath}/${theme.name}/${append.name}`;
         if (!existsSync(filepath)) continue;
 
-        const css = readFileSync(filepath, { encoding: 'utf-8' }).trim();
+        const cssContent = readFileSync(filepath, { encoding: 'utf-8' });
+        const css = append.shared ? cssContent.trimEnd() : cssContent.trim();
         theme.content = `${theme.content.trim()}\n\n${append.process?.(css, theme) ?? css}`;
       }
 
diff --git a/packages/tokens/src/figma-variables/output/figma-variables.json b/packages/tokens/src/figma-variables/output/figma-variables.json
index 93db59532f..7f9572d8a9 100644
--- a/packages/tokens/src/figma-variables/output/figma-variables.json
+++ b/packages/tokens/src/figma-variables/output/figma-variables.json
@@ -1014,16 +1014,6 @@
           "description": "16px",
           "type": "float",
           "value": "16"
-        },
-        "3xl": {
-          "description": "32px",
-          "type": "float",
-          "value": "32"
-        },
-        "4xl": {
-          "description": "40px",
-          "type": "float",
-          "value": "40"
         }
       },
       "leading": {
@@ -1052,11 +1042,6 @@
           "type": "float",
           "value": "36"
         },
-        "12": {
-          "description": "Used for text 3xl (size: 32, line-height: 120%)",
-          "type": "float",
-          "value": "48"
-        },
         "9,5": {
           "description": "Used for text 3xl, mobile text 4xl (size: 32, line-height: 120%)",
           "type": "float",
@@ -1200,7 +1185,7 @@
       "azure": {
         "50": {
           "type": "color",
-          "value": "rgba(0, 102, 179, 0.05)"
+          "value": "#f2f7fb"
         },
         "100": {
           "description": "color has same luminance as step 100",
@@ -1225,7 +1210,7 @@
         "400": {
           "description": "color has same luminance as step 100",
           "type": "color",
-          "value": "#6681a4"
+          "value": "#4d94ca"
         },
         "500": {
           "type": "color",
@@ -1376,7 +1361,7 @@
         },
         "100": {
           "type": "color",
-          "value": "#edf0f4"
+          "value": "#f5f7f9"
         },
         "200": {
           "type": "color",
@@ -1694,6 +1679,11 @@
           "description": "opacity 100%",
           "type": "float",
           "value": "100"
+        },
+        "opacity-0": {
+          "description": "opacity 50%",
+          "type": "float",
+          "value": "0"
         }
       }
     },
@@ -2624,6 +2614,52 @@
             "type": "color",
             "value": "{ui-light.utilities.color.neutral.800}"
           }
+        },
+        "xs": {
+          "color": {
+            "description": "Used for tooltip",
+            "type": "color",
+            "value": "{ui-light.utilities.color.neutral.800}"
+          },
+          "x": {
+            "type": "float",
+            "value": "0.5"
+          },
+          "y": {
+            "type": "float",
+            "value": "0.5"
+          },
+          "blur": {
+            "type": "float",
+            "value": "1.5"
+          },
+          "spread": {
+            "type": "float",
+            "value": "0"
+          }
+        },
+        "listbox": {
+          "x": {
+            "type": "float",
+            "value": "0"
+          },
+          "y": {
+            "type": "float",
+            "value": "1"
+          },
+          "blur": {
+            "type": "float",
+            "value": "3"
+          },
+          "spread": {
+            "type": "float",
+            "value": "0"
+          },
+          "color": {
+            "description": "Used for tooltip",
+            "type": "color",
+            "value": "rgba(81, 81, 81, 0.75)"
+          }
         }
       },
       "opacity": {
@@ -2685,6 +2721,11 @@
         }
       },
       "sizing": {
+        "0": {
+          "description": "8px",
+          "type": "float",
+          "value": "{core.ui.sizing.0}"
+        },
         "1": {
           "description": "8px",
           "type": "float",
@@ -2845,6 +2886,10 @@
         "1,5": {
           "type": "float",
           "value": "{core.ui.sizing.1,5}"
+        },
+        "2,5": {
+          "type": "float",
+          "value": "{core.ui.sizing.2,5}"
         }
       },
       "rounded": {
@@ -3220,65 +3265,6 @@
       }
     },
     "components": {
-      "sd-audio": {
-        "__timestamp": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.text.black.default}"
-            }
-          }
-        },
-        "--inverted": {
-          "color": {
-            "border": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.white.default}"
-            }
-          }
-        },
-        "__slide-bar": {
-          "--inverted": {
-            "color": {
-              "border": {
-                "description": "Used for inverted dividers",
-                "type": "color",
-                "value": "{ui-light.utilities.color.primary.400}"
-              }
-            }
-          }
-        }
-      },
-      "sd-accordion": {
-        "__chevron": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.text.primary.default}"
-            }
-          }
-        },
-        "color": {
-          "text": {
-            "type": "color",
-            "value": "{ui-light.utilities.color.text.primary.default}"
-          }
-        },
-        "__indicator": {
-          "color": {
-            "type": "color",
-            "value": "{ui-light.utilities.color.border.accent.default}"
-          }
-        },
-        "padding-block": {
-          "type": "float",
-          "value": "{ui-light.utilities.spacing.3}"
-        },
-        "border-width": {
-          "type": "float",
-          "value": "{ui-light.utilities.sizing.0,25}"
-        }
-      },
       "sd-breadcrumb": {
         "__separator": {
           "color": {
@@ -3306,6 +3292,7 @@
           }
         },
         "padding-bottom": {
+          "description": "Is this used in code?",
           "type": "float",
           "value": "0"
         },
@@ -3320,6 +3307,12 @@
               "value": "rgba(255, 255, 255, 0.00)"
             }
           }
+        },
+        "__shadow": {
+          "height": {
+            "type": "float",
+            "value": "{ui-light.utilities.sizing.1}"
+          }
         }
       },
       "sd-tag": {
@@ -3394,14 +3387,6 @@
           "type": "string",
           "value": "{ui-light.utilities.font-weight.normal}"
         },
-        "--disabled": {
-          "color": {
-            "border": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.neutral.500}"
-            }
-          }
-        },
         "--size": {
           "lg": {
             "font-size": {
@@ -3415,6 +3400,15 @@
               "value": "{ui-light.utilities.text.sm}"
             }
           }
+        },
+        "--disabled": {
+          "color": {
+            "text": {
+              "description": "Used for disabled state",
+              "type": "color",
+              "value": "{ui-light.utilities.color.neutral.500}"
+            }
+          }
         }
       },
       "form-control": {
@@ -3424,12 +3418,9 @@
             "value": "{ui-light.utilities.color.neutral.800}"
           },
           "text": {
+            "description": "Used for label ",
             "type": "color",
             "value": "{ui-light.utilities.color.text.black.default}"
-          },
-          "icon-fill": {
-            "type": "color",
-            "value": "{ui-light.utilities.color.primary.default}"
           }
         },
         "--invalid": {
@@ -3440,14 +3431,6 @@
             }
           }
         },
-        "__tooltip": {
-          "color": {
-            "icon": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.icon-fill.primary.default}"
-            }
-          }
-        },
         "--filled": {
           "__floating-label": {
             "color": {
@@ -3458,6 +3441,24 @@
             }
           }
         },
+        "__listbox": {
+          "border-bottom-left-radius": {
+            "type": "float",
+            "value": "{ui-light.utilities.rounded.default}"
+          },
+          "border-bottom-right-radius": {
+            "type": "float",
+            "value": "{ui-light.utilities.rounded.default}"
+          },
+          "border-top-left-radius": {
+            "type": "float",
+            "value": "{ui-light.utilities.rounded.default}"
+          },
+          "border-top-right-radius": {
+            "type": "float",
+            "value": "{ui-light.utilities.rounded.default}"
+          }
+        },
         "border-radius": {
           "type": "float",
           "value": "{ui-light.utilities.rounded.default}"
@@ -3544,6 +3545,11 @@
               "background": {
                 "type": "color",
                 "value": "{ui-light.utilities.color.primary.500}"
+              },
+              "text": {
+                "description": "Used for inverted hover interaction button label",
+                "type": "color",
+                "value": "{ui-light.utilities.color.primary.100}"
               }
             }
           }
@@ -3555,6 +3561,11 @@
                 "description": "Default icon color ",
                 "type": "color",
                 "value": "{ui-light.utilities.color.primary.200}"
+              },
+              "text": {
+                "description": "Used for pressed interaction",
+                "type": "color",
+                "value": "{ui-light.utilities.color.primary.800}"
               }
             }
           },
@@ -3571,7 +3582,7 @@
             "--hover": {
               "color": {
                 "text": {
-                  "description": "Default icon color ",
+                  "description": "Used for inverted hover interaction button label",
                   "type": "color",
                   "value": "{ui-light.utilities.color.primary.100}"
                 },
@@ -3587,6 +3598,11 @@
                 "background": {
                   "type": "color",
                   "value": "{ui-light.utilities.color.primary.800}"
+                },
+                "text": {
+                  "description": "Used for inverted hover interaction text link and inverted pressed interaction button label",
+                  "type": "color",
+                  "value": "{ui-light.utilities.color.primary.200}"
                 }
               }
             },
@@ -3595,6 +3611,11 @@
                 "description": "Used for buttons, inverted focus state",
                 "type": "color",
                 "value": "{ui-light.utilities.color.white.default}"
+              },
+              "text": {
+                "description": "Inverted icon color",
+                "type": "color",
+                "value": "{ui-light.utilities.color.white.default}"
               }
             }
           },
@@ -3615,6 +3636,34 @@
                 "value": "{ui-light.utilities.color.neutral.500}"
               }
             }
+          },
+          "--size": {
+            "lg": {
+              "padding-block": {
+                "description": "dev only!",
+                "type": "float",
+                "value": "11"
+              }
+            },
+            "md": {
+              "padding-block": {
+                "description": "dev only!",
+                "type": "float",
+                "value": "7"
+              }
+            },
+            "sm": {
+              "padding-block": {
+                "description": "dev only!",
+                "type": "float",
+                "value": "4.5"
+              }
+            }
+          },
+          "padding-inline": {
+            "description": "dev only!",
+            "type": "float",
+            "value": "15"
           }
         },
         "--tertiary": {
@@ -3648,8 +3697,20 @@
                   "description": "Default icon color ",
                   "type": "color",
                   "value": "{ui-light.utilities.color.primary.800}"
+                },
+                "text": {
+                  "description": "Used for inverted hover interaction text link and inverted pressed interaction button label",
+                  "type": "color",
+                  "value": "{ui-light.utilities.color.primary.200}"
                 }
               }
+            },
+            "color": {
+              "text": {
+                "description": "Inverted icon color",
+                "type": "color",
+                "value": "{ui-light.utilities.color.white.default}"
+              }
             }
           },
           "--active": {
@@ -3658,6 +3719,11 @@
                 "description": "Default icon color ",
                 "type": "color",
                 "value": "{ui-light.utilities.color.primary.200}"
+              },
+              "text": {
+                "description": "Used for pressed interaction",
+                "type": "color",
+                "value": "{ui-light.utilities.color.primary.800}"
               }
             }
           },
@@ -3680,6 +3746,11 @@
             }
           }
         },
+        "padding-inline": {
+          "description": "sd-button&#39;s left right padding (except for icon-only &amp; loading variant)",
+          "type": "float",
+          "value": "{ui-light.utilities.spacing.4}"
+        },
         "--size": {
           "md": {
             "font-size": {
@@ -3687,17 +3758,30 @@
               "value": "{ui-light.utilities.text.base}"
             },
             "padding-block": {
+              "description": "Top bottom padding for sd-button md variant",
               "type": "float",
               "value": "{ui-light.utilities.spacing.2}"
             },
             "border-radius": {
               "type": "float",
               "value": "{ui-light.utilities.rounded.default}"
+            },
+            "min-height": {
+              "type": "float",
+              "value": "{ui-light.utilities.sizing.10}"
+            },
+            "--icon": {
+              "only": {
+                "padding-inline": {
+                  "type": "float",
+                  "value": "{ui-light.utilities.sizing.2,5}"
+                }
+              }
             }
           },
           "lg": {
             "icon": {
-              "_font-size": {
+              "height": {
                 "type": "float",
                 "value": "{ui-light.utilities.sizing.6}"
               }
@@ -3706,13 +3790,15 @@
               "type": "float",
               "value": "{ui-light.utilities.text.base}"
             },
-            "border-radius": {
-              "type": "float",
-              "value": "{ui-light.utilities.rounded.default}"
-            },
             "padding-block": {
+              "description": "Top bottom padding for sd-button lg variant",
               "type": "float",
               "value": "{ui-light.utilities.spacing.3}"
+            },
+            "min-height": {
+              "description": "Used for icon-only and loading variant",
+              "type": "float",
+              "value": "{ui-light.utilities.sizing.12}"
             }
           },
           "sm": {
@@ -3726,10 +3812,14 @@
             },
             "padding-block": {
               "type": "float",
-              "value": "{ui-light.utilities.spacing.2}"
+              "value": "5.5"
             }
           }
         },
+        "border-radius": {
+          "type": "float",
+          "value": "{ui-light.utilities.rounded.default}"
+        },
         "font-weight": {
           "type": "string",
           "value": "{ui-light.utilities.font-weight.normal}"
@@ -3797,6 +3887,10 @@
               }
             }
           }
+        },
+        "border-width": {
+          "type": "float",
+          "value": "{ui-light.utilities.border-width.default}"
         }
       },
       "sd-footnotes": {
@@ -3816,7 +3910,7 @@
         "--active": {
           "color": {
             "text": {
-              "description": "Default icon color ",
+              "description": "Used for sd-link &amp; sd-interactive",
               "type": "color",
               "value": "{ui-light.utilities.color.primary.800}"
             }
@@ -3825,9 +3919,9 @@
         "--default": {
           "color": {
             "text": {
-              "description": "Default icon color ",
+              "description": "Used for sd-link &amp; sd-interactive",
               "type": "color",
-              "value": "{ui-light.utilities.color.text.primary.default}"
+              "value": "{ui-light.utilities.color.primary.default}"
             }
           }
         }
@@ -3862,10 +3956,6 @@
           "type": "float",
           "value": "{ui-light.utilities.rounded.none}"
         },
-        "border-width": {
-          "type": "float",
-          "value": "0"
-        },
         "--neutral-300": {
           "color": {
             "background": {
@@ -3890,14 +3980,6 @@
               "value": "rgba(255, 255, 255, 0.00)"
             }
           }
-        },
-        "font-weight": {
-          "type": "string",
-          "value": "{ui-light.utilities.font-weight.normal}"
-        },
-        "font-size": {
-          "type": "float",
-          "value": "{ui-light.utilities.text.sm}"
         }
       },
       "sd-brandshape": {
@@ -3940,6 +4022,7 @@
           "--primary-800": {
             "color": {
               "background": {
+                "description": "code only",
                 "type": "color",
                 "value": "{ui-light.utilities.color.primary.800}"
               }
@@ -3947,9 +4030,42 @@
           }
         }
       },
-      "navigable": {
-        "__current-indicator": {
-          "border-radius": {
+      "sd-accordion": {
+        "color": {
+          "text": {
+            "type": "color",
+            "value": "{ui-light.utilities.color.text.primary.default}"
+          },
+          "icon-fill": {
+            "description": "Default icon color ",
+            "type": "color",
+            "value": "{ui-light.utilities.color.primary.default}"
+          }
+        },
+        "__indicator": {
+          "color": {
+            "type": "color",
+            "value": "{ui-light.utilities.color.border.accent.default}"
+          }
+        },
+        "padding-block": {
+          "description": "Top bottom padding for sd-accordion ",
+          "type": "float",
+          "value": "{ui-light.utilities.spacing.3}"
+        },
+        "border-width": {
+          "type": "float",
+          "value": "{ui-light.utilities.sizing.0,25}"
+        },
+        "_panel-padding": {
+          "description": "Used inside panel summary layer of sd-accordion to accommodate the border",
+          "type": "float",
+          "value": "1"
+        }
+      },
+      "navigable": {
+        "__current-indicator": {
+          "border-radius": {
             "type": "float",
             "value": "0"
           },
@@ -3986,14 +4102,6 @@
             "type": "color",
             "value": "{ui-light.utilities.color.text.primary.default}"
           }
-        },
-        "--current": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.text.primary.default}"
-            }
-          }
         }
       },
       "sd-badge": {
@@ -4020,6 +4128,7 @@
         "--red": {
           "color": {
             "background": {
+              "description": "Used in both sd-badge and sd-status-badge",
               "type": "color",
               "value": "{ui-light.utilities.color.error.default}"
             }
@@ -4038,6 +4147,7 @@
         "--green": {
           "color": {
             "background": {
+              "description": "Used in both sd-badge and sd-status-badge",
               "type": "color",
               "value": "{ui-light.utilities.color.accent.550}"
             },
@@ -4073,6 +4183,7 @@
           "value": "{ui-light.utilities.rounded.full}"
         },
         "padding": {
+          "description": "Top bottom left right padding for the sd-radio-button-group",
           "type": "float",
           "value": "0"
         }
@@ -4084,12 +4195,7 @@
         },
         "color": {
           "text": {
-            "description": "Primary brand color for text",
-            "type": "color",
-            "value": "{ui-light.utilities.color.primary.default}"
-          },
-          "icon-fil": {
-            "description": "Default icon color ",
+            "description": "Used for text and icon fill",
             "type": "color",
             "value": "{ui-light.utilities.color.primary.default}"
           }
@@ -4101,13 +4207,8 @@
               "type": "color",
               "value": "rgba(255, 255, 255, 0.00)"
             },
-            "icon-fill": {
-              "description": "Used for hover interaction",
-              "type": "color",
-              "value": "{ui-light.utilities.color.primary.500}"
-            },
             "text": {
-              "description": "Used for hover interaction",
+              "description": "Used for text and icon fill",
               "type": "color",
               "value": "{ui-light.utilities.color.primary.500}"
             }
@@ -4123,15 +4224,7 @@
           "text": {
             "type": "color",
             "value": "{ui-light.utilities.color.white.default}"
-          },
-          "border": {
-            "type": "color",
-            "value": "rgba(255, 255, 255, 0.00)"
           }
-        },
-        "border-width": {
-          "type": "float",
-          "value": "{ui-light.utilities.border-width.default}"
         }
       },
       "sd-notification": {
@@ -4182,6 +4275,14 @@
             "type": "color",
             "value": "{ui-light.utilities.color.neutral.400}"
           }
+        },
+        "__duration-indicator": {
+          "color": {
+            "background": {
+              "type": "color",
+              "value": "{ui-light.utilities.color.primary.default}"
+            }
+          }
         }
       },
       "sd-range": {
@@ -4258,18 +4359,6 @@
               "value": "rgba(255, 255, 255, 0.00)"
             }
           }
-        },
-        "font-weight": {
-          "type": "string",
-          "value": "{ui-light.utilities.font-weight.normal}"
-        },
-        "border-width": {
-          "type": "float",
-          "value": "0"
-        },
-        "font-size": {
-          "type": "float",
-          "value": "{ui-light.utilities.text.sm}"
         }
       },
       "sd-radio": {
@@ -4356,13 +4445,28 @@
         "border-width": {
           "type": "float",
           "value": "{ui-light.utilities.border-width.default}"
+        }
+      },
+      "sd-audio": {
+        "__slide-bar": {
+          "--inverted": {
+            "color": {
+              "background": {
+                "description": "Used for inverted dividers",
+                "type": "color",
+                "value": "{ui-light.utilities.color.primary.400}"
+              }
+            }
+          }
         },
-        "--error": {
-          "color": {
-            "text": {
-              "description": "Default icon color ",
-              "type": "color",
-              "value": "{ui-light.utilities.color.error.default}"
+        "__track-bar": {
+          "--inverted": {
+            "color": {
+              "background": {
+                "description": "Used for inverted dividers",
+                "type": "color",
+                "value": "{ui-light.utilities.color.white.default}"
+              }
             }
           }
         }
@@ -4380,14 +4484,6 @@
             "value": "{ui-light.utilities.color.text.primary.default}"
           }
         },
-        "hover": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.text.primary.500}"
-            }
-          }
-        },
         "__circle": {
           "border-width": {
             "type": "float",
@@ -4396,40 +4492,72 @@
         }
       },
       "sd-map-marker": {
-        "cluster": {
-          "color": {
-            "icon-fill": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.background.primary.default}"
+        "--cluster": {
+          "--default": {
+            "color": {
+              "background": {
+                "type": "color",
+                "value": "{ui-light.utilities.color.background.primary.default}"
+              }
             }
           },
-          "--hovered": {
+          "--hover": {
             "color": {
-              "icon-fill": {
+              "background": {
                 "type": "color",
                 "value": "{ui-light.utilities.color.background.primary.500}"
               }
             }
+          },
+          "color": {
+            "text": {
+              "type": "color",
+              "value": "{ui-light.utilities.color.white.default}"
+            }
           }
         },
-        "font-size": {
-          "type": "float",
-          "value": "{ui-light.utilities.text.xs}"
-        },
-        "main": {
+        "--main": {
           "color": {
-            "icon-fill": {
+            "background": {
               "type": "color",
               "value": "{ui-light.utilities.color.background.accent.500}"
             }
           }
+        },
+        "--pin": {
+          "--hover": {
+            "color": {
+              "background": {
+                "description": "Default icon color ",
+                "type": "color",
+                "value": "{ui-light.utilities.color.primary.100}"
+              }
+            }
+          },
+          "color": {
+            "text": {
+              "type": "color",
+              "value": "{ui-light.utilities.color.background.primary.default}"
+            }
+          },
+          "--default": {
+            "color": {
+              "background": {
+                "description": "Inverted icon color",
+                "type": "color",
+                "value": "{ui-light.utilities.color.white.default}"
+              }
+            }
+          }
         }
       },
       "sd-headline": {
-        "4xl-and-mobile-4xl": {
-          "text": {
-            "type": "color",
-            "value": "{ui-light.utilities.color.text.primary.default}"
+        "--3xl-onwards": {
+          "color": {
+            "text": {
+              "type": "color",
+              "value": "{ui-light.utilities.color.text.primary.default}"
+            }
           }
         }
       },
@@ -4447,7 +4575,7 @@
             }
           }
         },
-        "--description": {
+        "_description": {
           "color": {
             "text": {
               "type": "color",
@@ -4457,22 +4585,6 @@
         }
       },
       "sd-quickfact": {
-        "__expandable": {
-          "color": {
-            "description-default": {
-              "text": {
-                "type": "color",
-                "value": "{ui-light.utilities.color.text.black.default}"
-              }
-            },
-            "title-default": {
-              "text": {
-                "type": "color",
-                "value": "{ui-light.utilities.color.text.black.default}"
-              }
-            }
-          }
-        },
         "--expandable": {
           "color": {
             "text": {
@@ -4482,24 +4594,8 @@
           }
         }
       },
-      "sd-loader": {
-        "color": {
-          "neutral-500": {
-            "_text": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.text.neutral.500}"
-            }
-          }
-        }
-      },
       "sd-teaser-media": {
         "--primary-100": {
-          "color": {
-            "background": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.background.primary.100}"
-            }
-          },
           "--hover": {
             "color": {
               "background": {
@@ -4507,6 +4603,13 @@
                 "value": "{ui-light.utilities.color.background.primary.100}"
               }
             }
+          },
+          "color": {
+            "background": {
+              "description": "Used for teaser",
+              "type": "color",
+              "value": "rgba(236, 240, 249, 0.80)"
+            }
           }
         },
         "--neutral-100": {
@@ -4524,6 +4627,24 @@
               }
             }
           }
+        },
+        "--white": {
+          "--hover": {
+            "color": {
+              "background": {
+                "description": "Used for teaser, audio (wave animation)\n",
+                "type": "color",
+                "value": "rgba(255, 255, 255, 0.90)"
+              }
+            }
+          },
+          "color": {
+            "background": {
+              "description": "Used for teaser",
+              "type": "color",
+              "value": "rgba(255, 255, 255, 0.80)"
+            }
+          }
         }
       },
       "sd-teaser": {
@@ -4612,22 +4733,33 @@
           "value": "{ui-light.utilities.border-width.default}"
         }
       },
-      "color": {
-        "background": {
-          "type": "color",
-          "value": "{ui-light.utilities.color.background.neutral.200}"
-        }
-      },
       "sd-tab": {
         "color": {
           "border": {
             "type": "color",
             "value": "{ui-light.utilities.color.border.neutral.400}"
+          },
+          "text": {
+            "type": "color",
+            "value": "{ui-light.utilities.color.primary.default}"
           }
         },
-        "font-weight": {
-          "type": "string",
-          "value": "{ui-light.utilities.font-weight.normal}"
+        "--hover": {
+          "color": {
+            "background": {
+              "description": "Used for sd-flag",
+              "type": "color",
+              "value": "{ui-light.utilities.color.neutral.200}"
+            }
+          }
+        },
+        "--active": {
+          "color": {
+            "text": {
+              "type": "color",
+              "value": "{ui-light.utilities.color.primary.default}"
+            }
+          }
         }
       },
       "sd-switch": {
@@ -4675,20 +4807,20 @@
           }
         }
       },
-      "sd-menu": {
+      "sd-menu-item": {
         "color": {
           "text": {
             "type": "color",
             "value": "{ui-light.utilities.color.text.primary.default}"
           },
-          "icon": {
+          "icon-fill": {
             "type": "color",
             "value": "{ui-light.utilities.color.icon-fill.primary.default}"
           }
         },
         "--disabled": {
           "color": {
-            "icon": {
+            "icon-fill": {
               "type": "color",
               "value": "{ui-light.utilities.color.icon-fill.neutral.500}"
             },
@@ -4699,53 +4831,38 @@
           }
         }
       },
+      "choice-control": {
+        "font-weight": {
+          "description": "Used for font weight inside sd-tag, sd-tab, sd-navigation-item &amp; sd-radio-button",
+          "type": "string",
+          "value": "{ui-light.utilities.font-weight.normal}"
+        }
+      },
       "sd-link": {
         "color": {
           "--hover": {
-            "text": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.text.primary.500}"
-            },
             "icon": {
               "type": "color",
               "value": "{ui-light.utilities.color.text.primary.500}"
             }
           },
-          "--default": {
-            "text": {
+          "--none": {
+            "icon": {
               "type": "color",
               "value": "{ui-light.utilities.color.text.primary.default}"
             }
           },
-          "--none": {
-            "icon": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.text.primary.default}"
-            }
-          },
-          "--active": {
-            "text": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.text.primary.800}"
-            }
-          },
           "--pressed": {
             "icon": {
               "type": "color",
               "value": "{ui-light.utilities.color.text.primary.800}"
             }
-          },
-          "--disabled": {
-            "text": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.text.primary.800}"
-            }
           }
         }
       },
       "sd-datepicker": {
         "__date-item": {
-          "--hovered": {
+          "--hover": {
             "--default": {
               "color": {
                 "background": {
@@ -4755,6 +4872,10 @@
                 "text": {
                   "type": "color",
                   "value": "{ui-light.utilities.color.primary.500}"
+                },
+                "border": {
+                  "type": "color",
+                  "value": "{ui-light.utilities.color.primary.500}"
                 }
               }
             },
@@ -4769,28 +4890,42 @@
                   "value": "{ui-light.utilities.color.neutral.700}"
                 }
               }
+            }
+          },
+          "--selected": {
+            "color": {
+              "text": {
+                "type": "color",
+                "value": "{ui-light.utilities.color.white.default}"
+              },
+              "background": {
+                "type": "color",
+                "value": "{ui-light.utilities.color.primary.default}"
+              }
             },
-            "--current": {
+            "--hover": {
               "color": {
-                "text": {
+                "background": {
+                  "description": "Used for hover interaction",
                   "type": "color",
                   "value": "{ui-light.utilities.color.primary.500}"
                 }
               }
             }
           },
-          "--selected": {
+          "--default": {
             "color": {
               "text": {
+                "description": "Default icon color ",
                 "type": "color",
-                "value": "{ui-light.utilities.color.white.default}"
+                "value": "{ui-light.utilities.color.primary.default}"
               }
             }
           },
-          "--default": {
+          "--current": {
             "font-weight": {
               "type": "string",
-              "value": "{ui-light.utilities.font-weight.normal}"
+              "value": "{ui-light.utilities.font-weight.bold}"
             },
             "color": {
               "text": {
@@ -4800,32 +4935,14 @@
               }
             }
           },
-          "--current": {
-            "font-weight": {
-              "type": "string",
-              "value": "{ui-light.utilities.font-weight.bold}"
-            }
-          }
-        }
-      },
-      "sd-combobox": {
-        "--default": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.primary.default}"
-            },
-            "icon": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.primary.default}"
+          "--range": {
+            "color": {
+              "background": {
+                "type": "color",
+                "value": "{ui-light.utilities.color.primary.100}"
+              }
             }
           }
-        },
-        "__tag": {
-          "border-width": {
-            "type": "float",
-            "value": "{ui-light.utilities.border-width.default}"
-          }
         }
       },
       "sd-input": {
@@ -4838,6 +4955,31 @@
           }
         }
       },
+      "marker": {
+        "font-weight": {
+          "description": "Used for font weight inside sd-chip &amp; sd-flag",
+          "type": "string",
+          "value": "{ui-light.utilities.font-weight.normal}"
+        },
+        "border-width": {
+          "description": "Used for sd-chip &amp; sd-flag",
+          "type": "float",
+          "value": "0"
+        },
+        "font-size": {
+          "description": "Used for sd-chip &amp; sd-flag",
+          "type": "float",
+          "value": "{ui-light.utilities.text.sm}"
+        }
+      },
+      "sd-combobox": {
+        "__tag": {
+          "border-width": {
+            "type": "float",
+            "value": "{ui-light.utilities.border-width.default}"
+          }
+        }
+      },
       "sd-skeleton": {
         "color": {
           "description": "Default icon color ",
@@ -4849,13 +4991,13 @@
         "--inverted": {
           "border": {
             "type": "color",
-            "value": "{ui-light.utilities.color.accent.550}"
+            "value": "{ui-light.utilities.color.accent.default}"
           }
         },
         "--default": {
           "border": {
             "type": "color",
-            "value": "{ui-light.utilities.color.accent.550}"
+            "value": "{ui-light.utilities.color.accent.default}"
           }
         }
       },
@@ -4868,15 +5010,10 @@
           }
         }
       },
-      "sd-option": {
-        "--disabled": {
-          "color": {
-            "border": {
-              "description": "Used for disabled state",
-              "type": "color",
-              "value": "{ui-light.utilities.color.neutral.500}"
-            }
-          }
+      "sd-accordion-group": {
+        "_gap": {
+          "type": "float",
+          "value": "-1"
         }
       }
     }
@@ -5012,7 +5149,7 @@
             "400": {
               "description": "Used for hover interaction invalid form elements",
               "type": "color",
-              "value": "{ui-dark.utilities.color.error.400}"
+              "value": "{ui-dark.utilities.color.error.300}"
             },
             "default": {
               "description": "Used for notification, status-badge",
@@ -5059,7 +5196,7 @@
             "primary|30": {
               "description": "Used for map-marker",
               "type": "color",
-              "value": "rgba(0, 53, 142, 0.30)"
+              "value": "rgba(255, 255, 255, 0.30)"
             },
             "primary|80": {
               "description": "Used for teaser",
@@ -5532,7 +5669,7 @@
             "400": {
               "description": "Used for hover interaction invalid form elements\n",
               "type": "color",
-              "value": "{ui-dark.utilities.color.error.400}"
+              "value": "{ui-dark.utilities.color.error.300}"
             },
             "default": {
               "description": "Used for error messages, invalid states",
@@ -5646,7 +5783,7 @@
             "400": {
               "description": "Used for hover interaction invalid form elements",
               "type": "color",
-              "value": "{ui-dark.utilities.color.error.400}"
+              "value": "{ui-dark.utilities.color.error.300}"
             },
             "default": {
               "description": "Used for invalid form fields",
@@ -5716,7 +5853,7 @@
             "500": {
               "description": "Used for disabled state",
               "type": "color",
-              "value": "{ui-dark.utilities.color.neutral.500}"
+              "value": "{ui-dark.utilities.color.neutral.600}"
             },
             "600": {
               "description": "Used for inverted disabled state",
@@ -5798,6 +5935,52 @@
             "type": "color",
             "value": "{ui-dark.utilities.color.neutral.800}"
           }
+        },
+        "xs": {
+          "color": {
+            "description": "Used for tooltip",
+            "type": "color",
+            "value": "{ui-dark.utilities.color.neutral.800}"
+          },
+          "x": {
+            "type": "float",
+            "value": "0.5"
+          },
+          "y": {
+            "type": "float",
+            "value": "0.5"
+          },
+          "blur": {
+            "type": "float",
+            "value": "1.5"
+          },
+          "spread": {
+            "type": "float",
+            "value": "0"
+          }
+        },
+        "listbox": {
+          "x": {
+            "type": "float",
+            "value": "0"
+          },
+          "y": {
+            "type": "float",
+            "value": "0"
+          },
+          "blur": {
+            "type": "float",
+            "value": "0"
+          },
+          "spread": {
+            "type": "float",
+            "value": "0"
+          },
+          "color": {
+            "description": "Used for tooltip",
+            "type": "color",
+            "value": "rgba(255, 255, 255, 0.00)"
+          }
         }
       },
       "opacity": {
@@ -5859,6 +6042,11 @@
         }
       },
       "sizing": {
+        "0": {
+          "description": "8px",
+          "type": "float",
+          "value": "{core.ui.sizing.0}"
+        },
         "1": {
           "description": "8px",
           "type": "float",
@@ -6019,6 +6207,10 @@
         "1,5": {
           "type": "float",
           "value": "{core.ui.sizing.1,5}"
+        },
+        "2,5": {
+          "type": "float",
+          "value": "{core.ui.sizing.2,5}"
         }
       },
       "rounded": {
@@ -6394,65 +6586,6 @@
       }
     },
     "components": {
-      "sd-audio": {
-        "__timestamp": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.text.primary.400}"
-            }
-          }
-        },
-        "--inverted": {
-          "color": {
-            "border": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.white.default}"
-            }
-          }
-        },
-        "__slide-bar": {
-          "--inverted": {
-            "color": {
-              "border": {
-                "description": "Used for inverted dividers",
-                "type": "color",
-                "value": "{ui-dark.utilities.color.primary.400}"
-              }
-            }
-          }
-        }
-      },
-      "sd-accordion": {
-        "__chevron": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.text.primary.default}"
-            }
-          }
-        },
-        "color": {
-          "text": {
-            "type": "color",
-            "value": "{ui-dark.utilities.color.text.primary.default}"
-          }
-        },
-        "__indicator": {
-          "color": {
-            "type": "color",
-            "value": "{ui-dark.utilities.color.border.accent.default}"
-          }
-        },
-        "padding-block": {
-          "type": "float",
-          "value": "{ui-dark.utilities.spacing.3}"
-        },
-        "border-width": {
-          "type": "float",
-          "value": "{ui-dark.utilities.sizing.0,25}"
-        }
-      },
       "sd-breadcrumb": {
         "__separator": {
           "color": {
@@ -6480,6 +6613,7 @@
           }
         },
         "padding-bottom": {
+          "description": "Is this used in code?",
           "type": "float",
           "value": "0"
         },
@@ -6494,6 +6628,12 @@
               "value": "rgba(255, 255, 255, 0.00)"
             }
           }
+        },
+        "__shadow": {
+          "height": {
+            "type": "float",
+            "value": "{ui-dark.utilities.sizing.1}"
+          }
         }
       },
       "sd-tag": {
@@ -6568,14 +6708,6 @@
           "type": "string",
           "value": "{ui-dark.utilities.font-weight.normal}"
         },
-        "--disabled": {
-          "color": {
-            "border": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.neutral.500}"
-            }
-          }
-        },
         "--size": {
           "lg": {
             "font-size": {
@@ -6589,6 +6721,15 @@
               "value": "{ui-dark.utilities.text.sm}"
             }
           }
+        },
+        "--disabled": {
+          "color": {
+            "text": {
+              "description": "Used for disabled state",
+              "type": "color",
+              "value": "{ui-dark.utilities.color.neutral.600}"
+            }
+          }
         }
       },
       "form-control": {
@@ -6598,12 +6739,9 @@
             "value": "{ui-dark.utilities.color.primary.200}"
           },
           "text": {
+            "description": "Used for label ",
             "type": "color",
             "value": "{ui-dark.utilities.color.text.black.default}"
-          },
-          "icon-fill": {
-            "type": "color",
-            "value": "{ui-dark.utilities.color.white.default}"
           }
         },
         "--invalid": {
@@ -6614,14 +6752,6 @@
             }
           }
         },
-        "__tooltip": {
-          "color": {
-            "icon": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.icon-fill.primary.default}"
-            }
-          }
-        },
         "--filled": {
           "__floating-label": {
             "color": {
@@ -6632,7 +6762,25 @@
             }
           }
         },
-        "border-radius": {
+        "__listbox": {
+          "border-bottom-left-radius": {
+            "type": "float",
+            "value": "{ui-dark.utilities.rounded.default}"
+          },
+          "border-bottom-right-radius": {
+            "type": "float",
+            "value": "{ui-dark.utilities.rounded.default}"
+          },
+          "border-top-left-radius": {
+            "type": "float",
+            "value": "{ui-dark.utilities.rounded.default}"
+          },
+          "border-top-right-radius": {
+            "type": "float",
+            "value": "{ui-dark.utilities.rounded.default}"
+          }
+        },
+        "border-radius": {
           "type": "float",
           "value": "{ui-dark.utilities.rounded.default}"
         }
@@ -6718,6 +6866,11 @@
               "background": {
                 "type": "color",
                 "value": "{ui-dark.utilities.color.primary.100}"
+              },
+              "text": {
+                "description": "Used for inverted hover interaction button label",
+                "type": "color",
+                "value": "{ui-dark.utilities.color.primary.500}"
               }
             }
           }
@@ -6729,6 +6882,11 @@
                 "description": "Default icon color ",
                 "type": "color",
                 "value": "{ui-dark.utilities.color.primary.500}"
+              },
+              "text": {
+                "description": "Used for pressed interaction",
+                "type": "color",
+                "value": "{ui-dark.utilities.color.primary.200}"
               }
             }
           },
@@ -6745,7 +6903,7 @@
             "--hover": {
               "color": {
                 "text": {
-                  "description": "Default icon color ",
+                  "description": "Used for inverted hover interaction button label",
                   "type": "color",
                   "value": "{ui-dark.utilities.color.primary.100}"
                 },
@@ -6761,6 +6919,11 @@
                 "background": {
                   "type": "color",
                   "value": "{ui-dark.utilities.color.primary.800}"
+                },
+                "text": {
+                  "description": "Used for inverted hover interaction text link and inverted pressed interaction button label",
+                  "type": "color",
+                  "value": "{ui-dark.utilities.color.primary.200}"
                 }
               }
             },
@@ -6769,6 +6932,11 @@
                 "description": "Used for buttons, inverted focus state",
                 "type": "color",
                 "value": "{ui-dark.utilities.color.white.default}"
+              },
+              "text": {
+                "description": "Inverted icon color",
+                "type": "color",
+                "value": "{ui-dark.utilities.color.white.default}"
               }
             }
           },
@@ -6789,6 +6957,34 @@
                 "value": "{ui-dark.utilities.color.neutral.500}"
               }
             }
+          },
+          "--size": {
+            "lg": {
+              "padding-block": {
+                "description": "dev only!",
+                "type": "float",
+                "value": "11"
+              }
+            },
+            "md": {
+              "padding-block": {
+                "description": "dev only!",
+                "type": "float",
+                "value": "7"
+              }
+            },
+            "sm": {
+              "padding-block": {
+                "description": "dev only!",
+                "type": "float",
+                "value": "4.5"
+              }
+            }
+          },
+          "padding-inline": {
+            "description": "dev only!",
+            "type": "float",
+            "value": "15"
           }
         },
         "--tertiary": {
@@ -6822,8 +7018,20 @@
                   "description": "Default icon color ",
                   "type": "color",
                   "value": "{ui-dark.utilities.color.primary.800}"
+                },
+                "text": {
+                  "description": "Used for inverted hover interaction text link and inverted pressed interaction button label",
+                  "type": "color",
+                  "value": "{ui-dark.utilities.color.primary.200}"
                 }
               }
+            },
+            "color": {
+              "text": {
+                "description": "Inverted icon color",
+                "type": "color",
+                "value": "{ui-dark.utilities.color.white.default}"
+              }
             }
           },
           "--active": {
@@ -6832,6 +7040,11 @@
                 "description": "Default icon color ",
                 "type": "color",
                 "value": "{ui-dark.utilities.color.primary.500}"
+              },
+              "text": {
+                "description": "Used for pressed interaction",
+                "type": "color",
+                "value": "{ui-dark.utilities.color.primary.200}"
               }
             }
           },
@@ -6854,6 +7067,11 @@
             }
           }
         },
+        "padding-inline": {
+          "description": "sd-button&#39;s left right padding (except for icon-only &amp; loading variant)",
+          "type": "float",
+          "value": "{ui-dark.utilities.spacing.4}"
+        },
         "--size": {
           "md": {
             "font-size": {
@@ -6861,17 +7079,30 @@
               "value": "{ui-dark.utilities.text.base}"
             },
             "padding-block": {
+              "description": "Top bottom padding for sd-button md variant",
               "type": "float",
               "value": "{ui-dark.utilities.spacing.2}"
             },
             "border-radius": {
               "type": "float",
               "value": "{ui-dark.utilities.rounded.default}"
+            },
+            "min-height": {
+              "type": "float",
+              "value": "{ui-dark.utilities.sizing.10}"
+            },
+            "--icon": {
+              "only": {
+                "padding-inline": {
+                  "type": "float",
+                  "value": "{ui-dark.utilities.sizing.2,5}"
+                }
+              }
             }
           },
           "lg": {
             "icon": {
-              "_font-size": {
+              "height": {
                 "type": "float",
                 "value": "{ui-dark.utilities.sizing.6}"
               }
@@ -6880,13 +7111,15 @@
               "type": "float",
               "value": "{ui-dark.utilities.text.base}"
             },
-            "border-radius": {
-              "type": "float",
-              "value": "{ui-dark.utilities.rounded.default}"
-            },
             "padding-block": {
+              "description": "Top bottom padding for sd-button lg variant",
               "type": "float",
               "value": "{ui-dark.utilities.spacing.3}"
+            },
+            "min-height": {
+              "description": "Used for icon-only and loading variant",
+              "type": "float",
+              "value": "{ui-dark.utilities.sizing.12}"
             }
           },
           "sm": {
@@ -6900,10 +7133,14 @@
             },
             "padding-block": {
               "type": "float",
-              "value": "{ui-dark.utilities.spacing.2}"
+              "value": "5.5"
             }
           }
         },
+        "border-radius": {
+          "type": "float",
+          "value": "{ui-dark.utilities.rounded.default}"
+        },
         "font-weight": {
           "type": "string",
           "value": "{ui-dark.utilities.font-weight.normal}"
@@ -6971,6 +7208,10 @@
               }
             }
           }
+        },
+        "border-width": {
+          "type": "float",
+          "value": "{ui-dark.utilities.border-width.default}"
         }
       },
       "sd-footnotes": {
@@ -6990,7 +7231,7 @@
         "--active": {
           "color": {
             "text": {
-              "description": "Default icon color ",
+              "description": "Used for sd-link &amp; sd-interactive",
               "type": "color",
               "value": "{ui-dark.utilities.color.primary.400}"
             }
@@ -6999,9 +7240,9 @@
         "--default": {
           "color": {
             "text": {
-              "description": "Default icon color ",
+              "description": "Used for sd-link &amp; sd-interactive",
               "type": "color",
-              "value": "{ui-dark.utilities.color.text.primary.default}"
+              "value": "{ui-dark.utilities.color.white.default}"
             }
           }
         }
@@ -7036,10 +7277,6 @@
           "type": "float",
           "value": "{ui-dark.utilities.rounded.none}"
         },
-        "border-width": {
-          "type": "float",
-          "value": "0"
-        },
         "--neutral-300": {
           "color": {
             "background": {
@@ -7064,14 +7301,6 @@
               "value": "rgba(255, 255, 255, 0.00)"
             }
           }
-        },
-        "font-weight": {
-          "type": "string",
-          "value": "{ui-dark.utilities.font-weight.normal}"
-        },
-        "font-size": {
-          "type": "float",
-          "value": "{ui-dark.utilities.text.sm}"
         }
       },
       "sd-brandshape": {
@@ -7114,6 +7343,7 @@
           "--primary-800": {
             "color": {
               "background": {
+                "description": "code only",
                 "type": "color",
                 "value": "{ui-dark.utilities.color.primary.800}"
               }
@@ -7121,6 +7351,39 @@
           }
         }
       },
+      "sd-accordion": {
+        "color": {
+          "text": {
+            "type": "color",
+            "value": "{ui-dark.utilities.color.text.primary.default}"
+          },
+          "icon-fill": {
+            "description": "Default icon color ",
+            "type": "color",
+            "value": "{ui-dark.utilities.color.white.default}"
+          }
+        },
+        "__indicator": {
+          "color": {
+            "type": "color",
+            "value": "{ui-dark.utilities.color.border.accent.default}"
+          }
+        },
+        "padding-block": {
+          "description": "Top bottom padding for sd-accordion ",
+          "type": "float",
+          "value": "{ui-dark.utilities.spacing.3}"
+        },
+        "border-width": {
+          "type": "float",
+          "value": "{ui-dark.utilities.sizing.0,25}"
+        },
+        "_panel-padding": {
+          "description": "Used inside panel summary layer of sd-accordion to accommodate the border",
+          "type": "float",
+          "value": "1"
+        }
+      },
       "navigable": {
         "__current-indicator": {
           "border-radius": {
@@ -7160,14 +7423,6 @@
             "type": "color",
             "value": "{ui-dark.utilities.color.text.primary.default}"
           }
-        },
-        "--current": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.text.primary.default}"
-            }
-          }
         }
       },
       "sd-badge": {
@@ -7194,6 +7449,7 @@
         "--red": {
           "color": {
             "background": {
+              "description": "Used in both sd-badge and sd-status-badge",
               "type": "color",
               "value": "{ui-dark.utilities.color.error.300}"
             }
@@ -7212,6 +7468,7 @@
         "--green": {
           "color": {
             "background": {
+              "description": "Used in both sd-badge and sd-status-badge",
               "type": "color",
               "value": "{ui-dark.utilities.color.accent.550}"
             },
@@ -7247,6 +7504,7 @@
           "value": "{ui-dark.utilities.rounded.full}"
         },
         "padding": {
+          "description": "Top bottom left right padding for the sd-radio-button-group",
           "type": "float",
           "value": "0"
         }
@@ -7258,12 +7516,7 @@
         },
         "color": {
           "text": {
-            "description": "Primary brand color for text",
-            "type": "color",
-            "value": "{ui-dark.utilities.color.white.default}"
-          },
-          "icon-fil": {
-            "description": "Default icon color ",
+            "description": "Used for text and icon fill",
             "type": "color",
             "value": "{ui-dark.utilities.color.white.default}"
           }
@@ -7275,13 +7528,8 @@
               "type": "color",
               "value": "rgba(255, 255, 255, 0.00)"
             },
-            "icon-fill": {
-              "description": "Used for hover interaction",
-              "type": "color",
-              "value": "{ui-dark.utilities.color.primary.200}"
-            },
             "text": {
-              "description": "Used for hover interaction",
+              "description": "Used for text and icon fill",
               "type": "color",
               "value": "{ui-dark.utilities.color.primary.200}"
             }
@@ -7297,15 +7545,7 @@
           "text": {
             "type": "color",
             "value": "{ui-dark.utilities.color.white.default}"
-          },
-          "border": {
-            "type": "color",
-            "value": "rgba(255, 255, 255, 0.00)"
           }
-        },
-        "border-width": {
-          "type": "float",
-          "value": "{ui-dark.utilities.border-width.default}"
         }
       },
       "sd-notification": {
@@ -7356,6 +7596,14 @@
             "type": "color",
             "value": "{core.ui.blue.400}"
           }
+        },
+        "__duration-indicator": {
+          "color": {
+            "background": {
+              "type": "color",
+              "value": "{ui-dark.utilities.color.white.default}"
+            }
+          }
         }
       },
       "sd-range": {
@@ -7432,18 +7680,6 @@
               "value": "rgba(255, 255, 255, 0.00)"
             }
           }
-        },
-        "font-weight": {
-          "type": "string",
-          "value": "{ui-dark.utilities.font-weight.normal}"
-        },
-        "border-width": {
-          "type": "float",
-          "value": "0"
-        },
-        "font-size": {
-          "type": "float",
-          "value": "{ui-dark.utilities.text.sm}"
         }
       },
       "sd-radio": {
@@ -7472,7 +7708,7 @@
                 "background": {
                   "description": "Used for hover interaction",
                   "type": "color",
-                  "value": "{ui-dark.utilities.color.accent.550}"
+                  "value": "{ui-dark.utilities.color.accent.default}"
                 }
               }
             },
@@ -7498,7 +7734,7 @@
                   "background": {
                     "description": "Used for error messages, invalid states",
                     "type": "color",
-                    "value": "{ui-dark.utilities.color.error.300}"
+                    "value": "{ui-dark.utilities.color.error.250}"
                   }
                 }
               }
@@ -7509,7 +7745,7 @@
                   "background": {
                     "description": "Used for hover interaction invalid form elements\n",
                     "type": "color",
-                    "value": "{ui-dark.utilities.color.error.400}"
+                    "value": "{ui-dark.utilities.color.error.300}"
                   }
                 }
               }
@@ -7530,13 +7766,28 @@
         "border-width": {
           "type": "float",
           "value": "{ui-dark.utilities.border-width.default}"
+        }
+      },
+      "sd-audio": {
+        "__slide-bar": {
+          "--inverted": {
+            "color": {
+              "background": {
+                "description": "Used for inverted dividers",
+                "type": "color",
+                "value": "{ui-dark.utilities.color.primary.400}"
+              }
+            }
+          }
         },
-        "--error": {
-          "color": {
-            "text": {
-              "description": "Default icon color ",
-              "type": "color",
-              "value": "{ui-dark.utilities.color.text.black.default}"
+        "__track-bar": {
+          "--inverted": {
+            "color": {
+              "background": {
+                "description": "Used for inverted dividers",
+                "type": "color",
+                "value": "{ui-dark.utilities.color.white.default}"
+              }
             }
           }
         }
@@ -7554,14 +7805,6 @@
             "value": "{ui-dark.utilities.color.text.primary.default}"
           }
         },
-        "hover": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.text.primary.500}"
-            }
-          }
-        },
         "__circle": {
           "border-width": {
             "type": "float",
@@ -7570,40 +7813,72 @@
         }
       },
       "sd-map-marker": {
-        "cluster": {
-          "color": {
-            "icon-fill": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.background.primary.default}"
+        "--cluster": {
+          "--default": {
+            "color": {
+              "background": {
+                "type": "color",
+                "value": "{ui-dark.utilities.color.white.default}"
+              }
             }
           },
-          "--hovered": {
+          "--hover": {
             "color": {
-              "icon-fill": {
+              "background": {
                 "type": "color",
-                "value": "{ui-dark.utilities.color.background.primary.500}"
+                "value": "{ui-dark.utilities.color.primary.100}"
               }
             }
+          },
+          "color": {
+            "text": {
+              "type": "color",
+              "value": "{ui-dark.utilities.color.primary.default}"
+            }
           }
         },
-        "font-size": {
-          "type": "float",
-          "value": "{ui-dark.utilities.text.xs}"
-        },
-        "main": {
+        "--main": {
           "color": {
-            "icon-fill": {
+            "background": {
               "type": "color",
               "value": "{ui-dark.utilities.color.background.accent.500}"
             }
           }
+        },
+        "--pin": {
+          "--hover": {
+            "color": {
+              "background": {
+                "description": "Default icon color ",
+                "type": "color",
+                "value": "{ui-dark.utilities.color.primary.100}"
+              }
+            }
+          },
+          "color": {
+            "text": {
+              "type": "color",
+              "value": "{ui-dark.utilities.color.primary.default}"
+            }
+          },
+          "--default": {
+            "color": {
+              "background": {
+                "description": "Inverted icon color",
+                "type": "color",
+                "value": "{ui-dark.utilities.color.white.default}"
+              }
+            }
+          }
         }
       },
       "sd-headline": {
-        "4xl-and-mobile-4xl": {
-          "text": {
-            "type": "color",
-            "value": "{ui-dark.utilities.color.text.primary.default}"
+        "--3xl-onwards": {
+          "color": {
+            "text": {
+              "type": "color",
+              "value": "{ui-dark.utilities.color.text.primary.default}"
+            }
           }
         }
       },
@@ -7621,7 +7896,7 @@
             }
           }
         },
-        "--description": {
+        "_description": {
           "color": {
             "text": {
               "type": "color",
@@ -7631,23 +7906,7 @@
         }
       },
       "sd-quickfact": {
-        "__expandable": {
-          "color": {
-            "description-default": {
-              "text": {
-                "type": "color",
-                "value": "{ui-dark.utilities.color.text.black.default}"
-              }
-            },
-            "title-default": {
-              "text": {
-                "type": "color",
-                "value": "{ui-dark.utilities.color.text.black.default}"
-              }
-            }
-          }
-        },
-        "--expandable": {
+        "--expandable": {
           "color": {
             "text": {
               "type": "color",
@@ -7656,24 +7915,8 @@
           }
         }
       },
-      "sd-loader": {
-        "color": {
-          "neutral-500": {
-            "_text": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.text.neutral.500}"
-            }
-          }
-        }
-      },
       "sd-teaser-media": {
         "--primary-100": {
-          "color": {
-            "background": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.background.primary.100}"
-            }
-          },
           "--hover": {
             "color": {
               "background": {
@@ -7681,6 +7924,13 @@
                 "value": "{ui-dark.utilities.color.background.primary.100}"
               }
             }
+          },
+          "color": {
+            "background": {
+              "description": "Used for teaser",
+              "type": "color",
+              "value": "rgba(10, 32, 74, 0.80)"
+            }
           }
         },
         "--neutral-100": {
@@ -7698,6 +7948,24 @@
               }
             }
           }
+        },
+        "--white": {
+          "--hover": {
+            "color": {
+              "background": {
+                "description": "Used for teaser, audio (wave animation)\n",
+                "type": "color",
+                "value": "rgba(0, 53, 142, 0.90)"
+              }
+            }
+          },
+          "color": {
+            "background": {
+              "description": "Used for teaser",
+              "type": "color",
+              "value": "rgba(0, 53, 142, 0.80)"
+            }
+          }
         }
       },
       "sd-teaser": {
@@ -7786,22 +8054,33 @@
           "value": "{ui-dark.utilities.border-width.default}"
         }
       },
-      "color": {
-        "background": {
-          "type": "color",
-          "value": "{ui-dark.utilities.color.background.neutral.200}"
-        }
-      },
       "sd-tab": {
         "color": {
           "border": {
             "type": "color",
             "value": "{ui-dark.utilities.color.border.neutral.400}"
+          },
+          "text": {
+            "type": "color",
+            "value": "{ui-dark.utilities.color.white.default}"
           }
         },
-        "font-weight": {
-          "type": "string",
-          "value": "{ui-dark.utilities.font-weight.normal}"
+        "--hover": {
+          "color": {
+            "background": {
+              "description": "Used for sd-flag",
+              "type": "color",
+              "value": "{ui-dark.utilities.color.primary.700}"
+            }
+          }
+        },
+        "--active": {
+          "color": {
+            "text": {
+              "type": "color",
+              "value": "{ui-dark.utilities.color.white.default}"
+            }
+          }
         }
       },
       "sd-switch": {
@@ -7832,7 +8111,7 @@
             "color": {
               "background": {
                 "type": "color",
-                "value": "{ui-dark.utilities.color.accent.550}"
+                "value": "{ui-dark.utilities.color.accent.default}"
               }
             }
           }
@@ -7849,20 +8128,20 @@
           }
         }
       },
-      "sd-menu": {
+      "sd-menu-item": {
         "color": {
           "text": {
             "type": "color",
             "value": "{ui-dark.utilities.color.text.primary.default}"
           },
-          "icon": {
+          "icon-fill": {
             "type": "color",
             "value": "{ui-dark.utilities.color.icon-fill.primary.default}"
           }
         },
         "--disabled": {
           "color": {
-            "icon": {
+            "icon-fill": {
               "type": "color",
               "value": "{ui-dark.utilities.color.icon-fill.neutral.500}"
             },
@@ -7873,53 +8152,38 @@
           }
         }
       },
+      "choice-control": {
+        "font-weight": {
+          "description": "Used for font weight inside sd-tag, sd-tab, sd-navigation-item &amp; sd-radio-button",
+          "type": "string",
+          "value": "{ui-dark.utilities.font-weight.normal}"
+        }
+      },
       "sd-link": {
         "color": {
           "--hover": {
-            "text": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.text.primary.200}"
-            },
             "icon": {
               "type": "color",
               "value": "{ui-dark.utilities.color.text.primary.200}"
             }
           },
-          "--default": {
-            "text": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.text.primary.default}"
-            }
-          },
           "--none": {
             "icon": {
               "type": "color",
               "value": "{ui-dark.utilities.color.text.primary.default}"
             }
           },
-          "--active": {
-            "text": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.text.primary.400}"
-            }
-          },
           "--pressed": {
             "icon": {
               "type": "color",
               "value": "{ui-dark.utilities.color.text.primary.400}"
             }
-          },
-          "--disabled": {
-            "text": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.text.primary.400}"
-            }
           }
         }
       },
       "sd-datepicker": {
         "__date-item": {
-          "--hovered": {
+          "--hover": {
             "--default": {
               "color": {
                 "background": {
@@ -7929,6 +8193,10 @@
                 "text": {
                   "type": "color",
                   "value": "{ui-dark.utilities.color.primary.750}"
+                },
+                "border": {
+                  "type": "color",
+                  "value": "{ui-dark.utilities.color.primary.750}"
                 }
               }
             },
@@ -7943,28 +8211,42 @@
                   "value": "{ui-dark.utilities.color.primary.750}"
                 }
               }
+            }
+          },
+          "--selected": {
+            "color": {
+              "text": {
+                "type": "color",
+                "value": "{ui-dark.utilities.color.white.default}"
+              },
+              "background": {
+                "type": "color",
+                "value": "{ui-dark.utilities.color.primary.default}"
+              }
             },
-            "--current": {
+            "--hover": {
               "color": {
-                "text": {
+                "background": {
+                  "description": "Used for hover interaction",
                   "type": "color",
-                  "value": "{ui-dark.utilities.color.primary.750}"
+                  "value": "{ui-dark.utilities.color.primary.200}"
                 }
               }
             }
           },
-          "--selected": {
+          "--default": {
             "color": {
               "text": {
+                "description": "Default icon color ",
                 "type": "color",
-                "value": "{ui-dark.utilities.color.primary.600}"
+                "value": "{ui-dark.utilities.color.white.default}"
               }
             }
           },
-          "--default": {
+          "--current": {
             "font-weight": {
               "type": "string",
-              "value": "{ui-dark.utilities.font-weight.normal}"
+              "value": "{ui-dark.utilities.font-weight.bold}"
             },
             "color": {
               "text": {
@@ -7974,32 +8256,14 @@
               }
             }
           },
-          "--current": {
-            "font-weight": {
-              "type": "string",
-              "value": "{ui-dark.utilities.font-weight.bold}"
-            }
-          }
-        }
-      },
-      "sd-combobox": {
-        "--default": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.white.default}"
-            },
-            "icon": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.white.default}"
+          "--range": {
+            "color": {
+              "background": {
+                "type": "color",
+                "value": "{ui-dark.utilities.color.primary.750}"
+              }
             }
           }
-        },
-        "__tag": {
-          "border-width": {
-            "type": "float",
-            "value": "{ui-dark.utilities.border-width.default}"
-          }
         }
       },
       "sd-input": {
@@ -8012,6 +8276,31 @@
           }
         }
       },
+      "marker": {
+        "font-weight": {
+          "description": "Used for font weight inside sd-chip &amp; sd-flag",
+          "type": "string",
+          "value": "{ui-dark.utilities.font-weight.normal}"
+        },
+        "border-width": {
+          "description": "Used for sd-chip &amp; sd-flag",
+          "type": "float",
+          "value": "0"
+        },
+        "font-size": {
+          "description": "Used for sd-chip &amp; sd-flag",
+          "type": "float",
+          "value": "{ui-dark.utilities.text.sm}"
+        }
+      },
+      "sd-combobox": {
+        "__tag": {
+          "border-width": {
+            "type": "float",
+            "value": "{ui-dark.utilities.border-width.default}"
+          }
+        }
+      },
       "sd-skeleton": {
         "color": {
           "description": "Default icon color ",
@@ -8023,13 +8312,13 @@
         "--inverted": {
           "border": {
             "type": "color",
-            "value": "{ui-dark.utilities.color.accent.550}"
+            "value": "{ui-dark.utilities.color.accent.default}"
           }
         },
         "--default": {
           "border": {
             "type": "color",
-            "value": "{ui-dark.utilities.color.accent.550}"
+            "value": "{ui-dark.utilities.color.accent.default}"
           }
         }
       },
@@ -8042,15 +8331,10 @@
           }
         }
       },
-      "sd-option": {
-        "--disabled": {
-          "color": {
-            "border": {
-              "description": "Used for disabled state",
-              "type": "color",
-              "value": "{ui-dark.utilities.color.neutral.500}"
-            }
-          }
+      "sd-accordion-group": {
+        "_gap": {
+          "type": "float",
+          "value": "-1"
         }
       }
     }
@@ -8142,7 +8426,7 @@
             "100": {
               "description": "Form field read only. Used for sd-container",
               "type": "color",
-              "value": "{vb.utilities.color.primary.100}"
+              "value": "{vb.utilities.color.neutral.100}"
             },
             "200": {
               "description": "Used for sd-flag",
@@ -8402,17 +8686,17 @@
               "40%": {
                 "description": "Used to add border that is only visible in dark mode:\n-dropdown",
                 "type": "color",
-                "value": "rgba(24, 24, 24, 0.00)"
+                "value": "rgba(0, 0, 0, 0.00)"
               },
               "0%": {
                 "description": "Used to add border that is only visible in dark mode:\n-dropdown",
                 "type": "color",
-                "value": "rgba(24, 24, 24, 0.00)"
+                "value": "rgba(0, 0, 0, 0.00)"
               },
               "10%": {
                 "description": "Used to add border that is only visible in dark mode:\n-dropdown",
                 "type": "color",
-                "value": "rgba(24, 24, 24, 0.10)"
+                "value": "rgba(0, 0, 0, 0.10)"
               }
             }
           }
@@ -8420,31 +8704,31 @@
         "primary": {
           "100": {
             "type": "color",
-            "value": "{core.vb.azure.100}"
+            "value": "{core.vb.azure.50}"
           },
           "200": {
             "type": "color",
-            "value": "{core.vb.azure.200}"
+            "value": "{core.vb.azure.100}"
           },
           "300": {
             "type": "color",
-            "value": "{core.vb.azure.300}"
+            "value": "{core.vb.azure.200}"
           },
           "400": {
             "type": "color",
-            "value": "{core.vb.azure.400}"
+            "value": "{core.vb.azure.300}"
           },
           "500": {
             "type": "color",
-            "value": "{core.vb.azure.500}"
+            "value": "{core.vb.azure.400}"
           },
           "600": {
             "type": "color",
-            "value": "{core.vb.azure.600}"
+            "value": "{core.vb.azure.500}"
           },
           "700": {
             "type": "color",
-            "value": "{core.vb.azure.750}"
+            "value": "{core.vb.azure.600}"
           },
           "750": {
             "type": "color",
@@ -8528,7 +8812,7 @@
           },
           "600": {
             "type": "color",
-            "value": "{core.vb.grey.600}"
+            "value": "{core.vb.grey.500}"
           },
           "700": {
             "type": "color",
@@ -8682,7 +8966,7 @@
             "500": {
               "description": "Used for disabled state",
               "type": "color",
-              "value": "{vb.utilities.color.background.neutral.400}"
+              "value": "{vb.utilities.color.neutral.400}"
             },
             "600": {
               "description": "Used for inverted disabled state",
@@ -8972,28 +9256,74 @@
             "type": "color",
             "value": "{vb.utilities.color.neutral.800}"
           }
-        }
-      },
-      "opacity": {
-        "0": {
-          "type": "float",
-          "value": "{core.ui.opacity.opacity-0}"
-        },
-        "5": {
-          "type": "float",
-          "value": "{core.ui.opacity.opacity-5}"
         },
-        "10": {
-          "type": "float",
-          "value": "{core.ui.opacity.opacity-10}"
-        },
-        "20": {
-          "type": "float",
-          "value": "{core.ui.opacity.opacity-20}"
+        "xs": {
+          "color": {
+            "description": "Used for tooltip",
+            "type": "color",
+            "value": "{vb.utilities.color.neutral.800}"
+          },
+          "x": {
+            "type": "float",
+            "value": "0.5"
+          },
+          "y": {
+            "type": "float",
+            "value": "0.5"
+          },
+          "blur": {
+            "type": "float",
+            "value": "1.5"
+          },
+          "spread": {
+            "type": "float",
+            "value": "0"
+          }
         },
-        "30": {
-          "type": "float",
-          "value": "{core.ui.opacity.opacity-30}"
+        "listbox": {
+          "x": {
+            "type": "float",
+            "value": "0"
+          },
+          "y": {
+            "type": "float",
+            "value": "20"
+          },
+          "blur": {
+            "type": "float",
+            "value": "20"
+          },
+          "spread": {
+            "type": "float",
+            "value": "0"
+          },
+          "color": {
+            "description": "Used for tooltip",
+            "type": "color",
+            "value": "rgba(0, 0, 0, 0.25)"
+          }
+        }
+      },
+      "opacity": {
+        "0": {
+          "type": "float",
+          "value": "{core.ui.opacity.opacity-0}"
+        },
+        "5": {
+          "type": "float",
+          "value": "{core.ui.opacity.opacity-5}"
+        },
+        "10": {
+          "type": "float",
+          "value": "{core.ui.opacity.opacity-10}"
+        },
+        "20": {
+          "type": "float",
+          "value": "{core.ui.opacity.opacity-20}"
+        },
+        "30": {
+          "type": "float",
+          "value": "{core.ui.opacity.opacity-30}"
         },
         "50": {
           "type": "float",
@@ -9033,6 +9363,11 @@
         }
       },
       "sizing": {
+        "0": {
+          "description": "8px",
+          "type": "float",
+          "value": "{core.ui.sizing.0}"
+        },
         "1": {
           "description": "8px",
           "type": "float",
@@ -9193,6 +9528,10 @@
         "1,5": {
           "type": "float",
           "value": "{core.ui.sizing.1,5}"
+        },
+        "2,5": {
+          "type": "float",
+          "value": "{core.ui.sizing.2,5}"
         }
       },
       "rounded": {
@@ -9568,65 +9907,6 @@
       }
     },
     "components": {
-      "sd-audio": {
-        "__timestamp": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{vb.utilities.color.text.neutral.700}"
-            }
-          }
-        },
-        "--inverted": {
-          "color": {
-            "border": {
-              "type": "color",
-              "value": "{vb.utilities.color.white.default}"
-            }
-          }
-        },
-        "__slide-bar": {
-          "--inverted": {
-            "color": {
-              "border": {
-                "description": "Used for inverted dividers",
-                "type": "color",
-                "value": "rgba(255, 255, 255, 0.50)"
-              }
-            }
-          }
-        }
-      },
-      "sd-accordion": {
-        "__chevron": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{vb.utilities.color.text.neutral.600}"
-            }
-          }
-        },
-        "color": {
-          "text": {
-            "type": "color",
-            "value": "{vb.utilities.color.text.black.default}"
-          }
-        },
-        "__indicator": {
-          "color": {
-            "type": "color",
-            "value": "rgba(255, 255, 255, 0.00)"
-          }
-        },
-        "padding-block": {
-          "type": "float",
-          "value": "{vb.utilities.spacing.4}"
-        },
-        "border-width": {
-          "type": "float",
-          "value": "{vb.utilities.sizing.0,5}"
-        }
-      },
       "sd-breadcrumb": {
         "__separator": {
           "color": {
@@ -9650,10 +9930,11 @@
           "_shadow": {
             "description": "Deprecated?",
             "type": "color",
-            "value": "rgba(24, 24, 24, 0.40)"
+            "value": "rgba(0, 0, 0, 0.20)"
           }
         },
         "padding-bottom": {
+          "description": "Is this used in code?",
           "type": "float",
           "value": "{vb.utilities.spacing.0,5}"
         },
@@ -9668,6 +9949,12 @@
               "value": "{core.vb.grey.200}"
             }
           }
+        },
+        "__shadow": {
+          "height": {
+            "type": "float",
+            "value": "{vb.utilities.sizing.0}"
+          }
         }
       },
       "sd-tag": {
@@ -9730,7 +10017,7 @@
             },
             "border": {
               "type": "color",
-              "value": "{vb.utilities.color.border.primary.500}"
+              "value": "{vb.utilities.color.border.primary.default}"
             }
           }
         },
@@ -9742,14 +10029,6 @@
           "type": "string",
           "value": "{vb.utilities.font-weight.bold}"
         },
-        "--disabled": {
-          "color": {
-            "border": {
-              "type": "color",
-              "value": "{core.vb.azure.400}"
-            }
-          }
-        },
         "--size": {
           "lg": {
             "font-size": {
@@ -9763,6 +10042,15 @@
               "value": "{vb.utilities.text.sm}"
             }
           }
+        },
+        "--disabled": {
+          "color": {
+            "text": {
+              "description": "Used for disabled state",
+              "type": "color",
+              "value": "{vb.utilities.color.neutral.400}"
+            }
+          }
         }
       },
       "form-control": {
@@ -9772,12 +10060,9 @@
             "value": "{vb.utilities.color.black.default}"
           },
           "text": {
+            "description": "Used for label ",
             "type": "color",
-            "value": "{core.vb.grey.620}"
-          },
-          "icon-fill": {
-            "type": "color",
-            "value": "{core.vb.grey.620}"
+            "value": "{vb.utilities.color.neutral.700}"
           }
         },
         "--invalid": {
@@ -9788,14 +10073,6 @@
             }
           }
         },
-        "__tooltip": {
-          "color": {
-            "icon": {
-              "type": "color",
-              "value": "{vb.utilities.color.black.default}"
-            }
-          }
-        },
         "--filled": {
           "__floating-label": {
             "color": {
@@ -9806,6 +10083,24 @@
             }
           }
         },
+        "__listbox": {
+          "border-bottom-left-radius": {
+            "type": "float",
+            "value": "{vb.utilities.rounded.default}"
+          },
+          "border-bottom-right-radius": {
+            "type": "float",
+            "value": "{vb.utilities.rounded.default}"
+          },
+          "border-top-left-radius": {
+            "type": "float",
+            "value": "{vb.utilities.rounded.default}"
+          },
+          "border-top-right-radius": {
+            "type": "float",
+            "value": "{vb.utilities.rounded.default}"
+          }
+        },
         "border-radius": {
           "type": "float",
           "value": "{vb.utilities.rounded.default}"
@@ -9863,7 +10158,7 @@
                 "background": {
                   "description": "Default icon color ",
                   "type": "color",
-                  "value": "{vb.utilities.color.primary.100}"
+                  "value": "{core.vb.azure.100}"
                 },
                 "text": {
                   "description": "Default icon color ",
@@ -9891,7 +10186,12 @@
             "color": {
               "background": {
                 "type": "color",
-                "value": "{vb.utilities.color.primary.600}"
+                "value": "{vb.utilities.color.primary.700}"
+              },
+              "text": {
+                "description": "Used for inverted hover interaction button label",
+                "type": "color",
+                "value": "{core.vb.azure.100}"
               }
             }
           }
@@ -9902,7 +10202,12 @@
               "background": {
                 "description": "Default icon color ",
                 "type": "color",
-                "value": "{vb.utilities.color.primary.100}"
+                "value": "{core.vb.azure.100}"
+              },
+              "text": {
+                "description": "Used for pressed interaction",
+                "type": "color",
+                "value": "{vb.utilities.color.primary.800}"
               }
             }
           },
@@ -9911,7 +10216,7 @@
               "background": {
                 "description": "Default icon color ",
                 "type": "color",
-                "value": "{vb.utilities.color.primary.100}"
+                "value": "{core.vb.azure.100}"
               }
             }
           },
@@ -9919,14 +10224,14 @@
             "--hover": {
               "color": {
                 "text": {
-                  "description": "Default icon color ",
+                  "description": "Used for inverted hover interaction button label",
                   "type": "color",
-                  "value": "{vb.utilities.color.primary.100}"
+                  "value": "{core.vb.azure.100}"
                 },
                 "background": {
                   "description": "Used for sd-chip, sd-badge",
                   "type": "color",
-                  "value": "{core.vb.azure.750}"
+                  "value": "{vb.utilities.color.primary.750}"
                 }
               }
             },
@@ -9934,7 +10239,12 @@
               "color": {
                 "background": {
                   "type": "color",
-                  "value": "{core.vb.azure.650}"
+                  "value": "{vb.utilities.color.primary.750}"
+                },
+                "text": {
+                  "description": "Used for inverted hover interaction text link and inverted pressed interaction button label",
+                  "type": "color",
+                  "value": "{vb.utilities.color.primary.200}"
                 }
               }
             },
@@ -9943,6 +10253,11 @@
                 "description": "Used for buttons, inverted focus state",
                 "type": "color",
                 "value": "{vb.utilities.color.white.default}"
+              },
+              "text": {
+                "description": "Inverted icon color",
+                "type": "color",
+                "value": "{vb.utilities.color.white.default}"
               }
             }
           },
@@ -9963,6 +10278,34 @@
                 "value": "{vb.utilities.color.neutral.500}"
               }
             }
+          },
+          "--size": {
+            "lg": {
+              "padding-block": {
+                "description": "dev only!",
+                "type": "float",
+                "value": "8"
+              }
+            },
+            "md": {
+              "padding-block": {
+                "description": "dev only!",
+                "type": "float",
+                "value": "8"
+              }
+            },
+            "sm": {
+              "padding-block": {
+                "description": "dev only!",
+                "type": "float",
+                "value": "3.5"
+              }
+            }
+          },
+          "padding-inline": {
+            "description": "dev only!",
+            "type": "float",
+            "value": "22"
           }
         },
         "--tertiary": {
@@ -9971,7 +10314,7 @@
               "background": {
                 "description": "Default icon color ",
                 "type": "color",
-                "value": "{vb.utilities.color.background.primary.100}"
+                "value": "{core.vb.azure.100}"
               }
             }
           },
@@ -9981,12 +10324,12 @@
                 "text": {
                   "description": "Default icon color ",
                   "type": "color",
-                  "value": "{vb.utilities.color.primary.100}"
+                  "value": "{core.vb.azure.100}"
                 },
                 "background": {
                   "description": "Used for sd-chip, sd-badge",
                   "type": "color",
-                  "value": "{core.vb.azure.750}"
+                  "value": "{vb.utilities.color.primary.750}"
                 }
               }
             },
@@ -9996,8 +10339,20 @@
                   "description": "Default icon color ",
                   "type": "color",
                   "value": "{core.vb.azure.650}"
+                },
+                "text": {
+                  "description": "Used for inverted hover interaction text link and inverted pressed interaction button label",
+                  "type": "color",
+                  "value": "{vb.utilities.color.primary.200}"
                 }
               }
+            },
+            "color": {
+              "text": {
+                "description": "Inverted icon color",
+                "type": "color",
+                "value": "{vb.utilities.color.white.default}"
+              }
             }
           },
           "--active": {
@@ -10005,7 +10360,12 @@
               "background": {
                 "description": "Default icon color ",
                 "type": "color",
-                "value": "{vb.utilities.color.primary.100}"
+                "value": "{core.vb.azure.100}"
+              },
+              "text": {
+                "description": "Used for pressed interaction",
+                "type": "color",
+                "value": "{vb.utilities.color.primary.800}"
               }
             }
           },
@@ -10028,6 +10388,11 @@
             }
           }
         },
+        "padding-inline": {
+          "description": "sd-button&#39;s left right padding (except for icon-only &amp; loading variant)",
+          "type": "float",
+          "value": "{vb.utilities.spacing.6}"
+        },
         "--size": {
           "md": {
             "font-size": {
@@ -10035,17 +10400,30 @@
               "value": "{vb.utilities.text.sm}"
             },
             "padding-block": {
+              "description": "Top bottom padding for sd-button md variant",
               "type": "float",
-              "value": "{vb.utilities.sizing.2,5}"
+              "value": "{vb.utilities.spacing.2,5}"
             },
             "border-radius": {
               "type": "float",
               "value": "{vb.utilities.rounded.full}"
+            },
+            "min-height": {
+              "type": "float",
+              "value": "44"
+            },
+            "--icon": {
+              "only": {
+                "padding-inline": {
+                  "type": "float",
+                  "value": "{vb.utilities.sizing.3}"
+                }
+              }
             }
           },
           "lg": {
             "icon": {
-              "_font-size": {
+              "height": {
                 "type": "float",
                 "value": "{vb.utilities.sizing.5}"
               }
@@ -10054,13 +10432,15 @@
               "type": "float",
               "value": "{vb.utilities.text.sm}"
             },
-            "border-radius": {
+            "padding-block": {
+              "description": "Top bottom padding for sd-button lg variant",
               "type": "float",
-              "value": "{vb.utilities.rounded.full}"
+              "value": "{vb.utilities.spacing.2,5}"
             },
-            "padding-block": {
+            "min-height": {
+              "description": "Used for icon-only and loading variant",
               "type": "float",
-              "value": "{vb.utilities.sizing.2,5}"
+              "value": "44"
             }
           },
           "sm": {
@@ -10074,10 +10454,14 @@
             },
             "padding-block": {
               "type": "float",
-              "value": "{vb.utilities.sizing.2,5}"
+              "value": "5.5"
             }
           }
         },
+        "border-radius": {
+          "type": "float",
+          "value": "{vb.utilities.rounded.full}"
+        },
         "font-weight": {
           "type": "string",
           "value": "{vb.utilities.font-weight.bold}"
@@ -10103,7 +10487,7 @@
                 "background": {
                   "description": "Default icon color ",
                   "type": "color",
-                  "value": "{vb.utilities.color.primary.100}"
+                  "value": "{core.vb.azure.100}"
                 },
                 "text": {
                   "description": "Default icon color ",
@@ -10133,18 +10517,22 @@
             "color": {
               "border": {
                 "type": "color",
-                "value": "{core.vb.azure.400}"
+                "value": "{vb.utilities.color.primary.400}"
               },
               "text": {
                 "type": "color",
-                "value": "{core.vb.azure.400}"
+                "value": "{vb.utilities.color.primary.400}"
               },
               "background": {
                 "type": "color",
-                "value": "{core.vb.azure.400}"
+                "value": "{vb.utilities.color.primary.400}"
               }
             }
           }
+        },
+        "border-width": {
+          "type": "float",
+          "value": "{vb.utilities.border-width.2}"
         }
       },
       "sd-footnotes": {
@@ -10164,18 +10552,18 @@
         "--active": {
           "color": {
             "text": {
-              "description": "Default icon color ",
+              "description": "Used for sd-link &amp; sd-interactive",
               "type": "color",
-              "value": "{vb.utilities.color.primary.800}"
+              "value": "{vb.utilities.color.primary.default}"
             }
           }
         },
         "--default": {
           "color": {
             "text": {
-              "description": "Default icon color ",
+              "description": "Used for sd-link &amp; sd-interactive",
               "type": "color",
-              "value": "{vb.utilities.color.text.primary.500}"
+              "value": "{vb.utilities.color.primary.default}"
             }
           }
         }
@@ -10210,10 +10598,6 @@
           "type": "float",
           "value": "{vb.utilities.rounded.default}"
         },
-        "border-width": {
-          "type": "float",
-          "value": "{vb.utilities.border-width.default}"
-        },
         "--neutral-300": {
           "color": {
             "background": {
@@ -10238,14 +10622,6 @@
               "value": "{vb.utilities.color.primary.900}"
             }
           }
-        },
-        "font-weight": {
-          "type": "string",
-          "value": "{vb.utilities.font-weight.normal}"
-        },
-        "font-size": {
-          "type": "float",
-          "value": "{vb.utilities.text.sm}"
         }
       },
       "sd-brandshape": {
@@ -10288,28 +10664,62 @@
           "--primary-800": {
             "color": {
               "background": {
+                "description": "code only",
                 "type": "color",
-                "value": "{vb.utilities.color.primary.800}"
+                "value": "#000000"
               }
             }
           }
         }
       },
-      "navigable": {
-        "__current-indicator": {
-          "border-radius": {
-            "type": "float",
-            "value": "{vb.utilities.rounded.full}"
-          },
-          "height": {
-            "type": "float",
-            "value": "3"
+      "sd-accordion": {
+        "color": {
+          "text": {
+            "type": "color",
+            "value": "{vb.utilities.color.text.black.default}"
           },
-          "width": {
-            "type": "float",
-            "value": "3"
-          }
-        },
+          "icon-fill": {
+            "description": "Default icon color ",
+            "type": "color",
+            "value": "{vb.utilities.color.neutral.700}"
+          }
+        },
+        "__indicator": {
+          "color": {
+            "type": "color",
+            "value": "rgba(255, 255, 255, 0.00)"
+          }
+        },
+        "padding-block": {
+          "description": "Top bottom padding for sd-accordion ",
+          "type": "float",
+          "value": "15"
+        },
+        "border-width": {
+          "type": "float",
+          "value": "{vb.utilities.sizing.0,5}"
+        },
+        "_panel-padding": {
+          "description": "Used inside panel summary layer of sd-accordion to accommodate the border",
+          "type": "float",
+          "value": "2"
+        }
+      },
+      "navigable": {
+        "__current-indicator": {
+          "border-radius": {
+            "type": "float",
+            "value": "{vb.utilities.rounded.full}"
+          },
+          "height": {
+            "type": "float",
+            "value": "3"
+          },
+          "width": {
+            "type": "float",
+            "value": "3"
+          }
+        },
         "border-radius": {
           "type": "float",
           "value": "{vb.utilities.rounded.sm}"
@@ -10328,20 +10738,12 @@
         "color": {
           "text": {
             "type": "color",
-            "value": "{vb.utilities.color.neutral.700}"
+            "value": "{vb.utilities.color.black.default}"
           },
           "_icon": {
             "type": "color",
             "value": "{vb.utilities.color.text.black.default}"
           }
-        },
-        "--current": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{vb.utilities.color.text.black.default}"
-            }
-          }
         }
       },
       "sd-badge": {
@@ -10368,6 +10770,7 @@
         "--red": {
           "color": {
             "background": {
+              "description": "Used in both sd-badge and sd-status-badge",
               "type": "color",
               "value": "{vb.utilities.color.error.default}"
             }
@@ -10386,6 +10789,7 @@
         "--green": {
           "color": {
             "background": {
+              "description": "Used in both sd-badge and sd-status-badge",
               "type": "color",
               "value": "{vb.utilities.color.background.success.default}"
             },
@@ -10421,6 +10825,7 @@
           "value": "{vb.utilities.rounded.lg}"
         },
         "padding": {
+          "description": "Top bottom left right padding for the sd-radio-button-group",
           "type": "float",
           "value": "{vb.utilities.spacing.1}"
         }
@@ -10432,12 +10837,7 @@
         },
         "color": {
           "text": {
-            "description": "Primary brand color for text",
-            "type": "color",
-            "value": "{vb.utilities.color.black.default}"
-          },
-          "icon-fil": {
-            "description": "Default icon color ",
+            "description": "Used for text and icon fill",
             "type": "color",
             "value": "{vb.utilities.color.black.default}"
           }
@@ -10449,13 +10849,8 @@
               "type": "color",
               "value": "{core.vb.azure.50}"
             },
-            "icon-fill": {
-              "description": "Used for hover interaction",
-              "type": "color",
-              "value": "{vb.utilities.color.black.default}"
-            },
             "text": {
-              "description": "Used for hover interaction",
+              "description": "Used for text and icon fill",
               "type": "color",
               "value": "{vb.utilities.color.black.default}"
             }
@@ -10471,15 +10866,7 @@
           "text": {
             "type": "color",
             "value": "{core.vb.grey.600}"
-          },
-          "border": {
-            "type": "color",
-            "value": "{core.vb.grey.400}"
           }
-        },
-        "border-width": {
-          "type": "float",
-          "value": "{vb.utilities.border-width.default}"
         }
       },
       "sd-notification": {
@@ -10530,6 +10917,14 @@
             "type": "color",
             "value": "{core.vb.azure.800}"
           }
+        },
+        "__duration-indicator": {
+          "color": {
+            "background": {
+              "type": "color",
+              "value": "{vb.utilities.color.primary.default}"
+            }
+          }
         }
       },
       "sd-range": {
@@ -10606,18 +11001,6 @@
               "value": "{vb.utilities.color.primary.900}"
             }
           }
-        },
-        "font-weight": {
-          "type": "string",
-          "value": "{vb.utilities.font-weight.normal}"
-        },
-        "border-width": {
-          "type": "float",
-          "value": "{vb.utilities.border-width.default}"
-        },
-        "font-size": {
-          "type": "float",
-          "value": "{vb.utilities.text.sm}"
         }
       },
       "sd-radio": {
@@ -10704,13 +11087,28 @@
         "border-width": {
           "type": "float",
           "value": "{vb.utilities.border-width.2}"
+        }
+      },
+      "sd-audio": {
+        "__slide-bar": {
+          "--inverted": {
+            "color": {
+              "background": {
+                "description": "Used for inverted dividers",
+                "type": "color",
+                "value": "rgba(255, 255, 255, 0.50)"
+              }
+            }
+          }
         },
-        "--error": {
-          "color": {
-            "text": {
-              "description": "Default icon color ",
-              "type": "color",
-              "value": "{vb.utilities.color.text.black.default}"
+        "__track-bar": {
+          "--inverted": {
+            "color": {
+              "background": {
+                "description": "Used for inverted dividers",
+                "type": "color",
+                "value": "{vb.utilities.color.white.default}"
+              }
             }
           }
         }
@@ -10728,14 +11126,6 @@
             "value": "{vb.utilities.color.text.neutral.700}"
           }
         },
-        "hover": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{vb.utilities.color.text.neutral.700}"
-            }
-          }
-        },
         "__circle": {
           "border-width": {
             "type": "float",
@@ -10744,40 +11134,72 @@
         }
       },
       "sd-map-marker": {
-        "cluster": {
-          "color": {
-            "icon-fill": {
-              "type": "color",
-              "value": "{vb.utilities.color.background.accent.500}"
+        "--cluster": {
+          "--default": {
+            "color": {
+              "background": {
+                "type": "color",
+                "value": "{vb.utilities.color.primary.default}"
+              }
             }
           },
-          "--hovered": {
+          "--hover": {
             "color": {
-              "icon-fill": {
+              "background": {
                 "type": "color",
                 "value": "{vb.utilities.color.background.accent.550}"
               }
             }
+          },
+          "color": {
+            "text": {
+              "type": "color",
+              "value": "{vb.utilities.color.white.default}"
+            }
           }
         },
-        "font-size": {
-          "type": "float",
-          "value": "{vb.utilities.text.xs}"
+        "--main": {
+          "color": {
+            "background": {
+              "type": "color",
+              "value": "{vb.utilities.color.primary.default}"
+            }
+          }
         },
-        "main": {
+        "--pin": {
+          "--hover": {
+            "color": {
+              "background": {
+                "description": "Default icon color ",
+                "type": "color",
+                "value": "{vb.utilities.color.background.primary.100}"
+              }
+            }
+          },
           "color": {
-            "icon-fill": {
+            "text": {
               "type": "color",
-              "value": "{vb.utilities.color.background.accent.500}"
+              "value": "{vb.utilities.color.primary.default}"
+            }
+          },
+          "--default": {
+            "color": {
+              "background": {
+                "description": "Inverted icon color",
+                "type": "color",
+                "value": "{vb.utilities.color.white.default}"
+              }
             }
           }
         }
       },
       "sd-headline": {
-        "4xl-and-mobile-4xl": {
-          "text": {
-            "type": "color",
-            "value": "{vb.utilities.color.primary.800}"
+        "--3xl-onwards": {
+          "color": {
+            "text": {
+              "type": "color",
+              "value": "{vb.utilities.color.primary.800}"
+            }
           }
         }
       },
@@ -10795,7 +11217,7 @@
             }
           }
         },
-        "--description": {
+        "_description": {
           "color": {
             "text": {
               "type": "color",
@@ -10805,22 +11227,6 @@
         }
       },
       "sd-quickfact": {
-        "__expandable": {
-          "color": {
-            "description-default": {
-              "text": {
-                "type": "color",
-                "value": "{core.vb.grey.620}"
-              }
-            },
-            "title-default": {
-              "text": {
-                "type": "color",
-                "value": "{vb.utilities.color.text.black.default}"
-              }
-            }
-          }
-        },
         "--expandable": {
           "color": {
             "text": {
@@ -10830,24 +11236,8 @@
           }
         }
       },
-      "sd-loader": {
-        "color": {
-          "neutral-500": {
-            "_text": {
-              "type": "color",
-              "value": "rgba(0, 102, 179, 0.40)"
-            }
-          }
-        }
-      },
       "sd-teaser-media": {
         "--primary-100": {
-          "color": {
-            "background": {
-              "type": "color",
-              "value": "rgba(245, 247, 249, 0.80)"
-            }
-          },
           "--hover": {
             "color": {
               "background": {
@@ -10855,6 +11245,13 @@
                 "value": "rgba(245, 247, 249, 0.90)"
               }
             }
+          },
+          "color": {
+            "background": {
+              "description": "Used for teaser",
+              "type": "color",
+              "value": "rgba(236, 240, 249, 0.80)"
+            }
           }
         },
         "--neutral-100": {
@@ -10872,6 +11269,24 @@
               }
             }
           }
+        },
+        "--white": {
+          "--hover": {
+            "color": {
+              "background": {
+                "description": "Used for teaser, audio (wave animation)\n",
+                "type": "color",
+                "value": "rgba(255, 255, 255, 0.90)"
+              }
+            }
+          },
+          "color": {
+            "background": {
+              "description": "Used for teaser",
+              "type": "color",
+              "value": "rgba(255, 255, 255, 0.80)"
+            }
+          }
         }
       },
       "sd-teaser": {
@@ -10960,22 +11375,33 @@
           "value": "{vb.utilities.border-width.2}"
         }
       },
-      "color": {
-        "background": {
-          "type": "color",
-          "value": "{core.vb.azure.50}"
-        }
-      },
       "sd-tab": {
         "color": {
           "border": {
             "type": "color",
             "value": "{core.vb.grey.400}"
+          },
+          "text": {
+            "type": "color",
+            "value": "{vb.utilities.color.neutral.700}"
           }
         },
-        "font-weight": {
-          "type": "string",
-          "value": "{vb.utilities.font-weight.bold}"
+        "--hover": {
+          "color": {
+            "background": {
+              "description": "Used for sd-flag",
+              "type": "color",
+              "value": "{core.vb.azure.50}"
+            }
+          }
+        },
+        "--active": {
+          "color": {
+            "text": {
+              "type": "color",
+              "value": "{vb.utilities.color.primary.default}"
+            }
+          }
         }
       },
       "sd-switch": {
@@ -11023,20 +11449,20 @@
           }
         }
       },
-      "sd-menu": {
+      "sd-menu-item": {
         "color": {
           "text": {
             "type": "color",
             "value": "{vb.utilities.color.text.black.default}"
           },
-          "icon": {
+          "icon-fill": {
             "type": "color",
             "value": "{vb.utilities.color.text.black.default}"
           }
         },
         "--disabled": {
           "color": {
-            "icon": {
+            "icon-fill": {
               "type": "color",
               "value": "rgba(0, 0, 0, 0.20)"
             },
@@ -11047,20 +11473,17 @@
           }
         }
       },
+      "choice-control": {
+        "font-weight": {
+          "description": "Used for font weight inside sd-tag, sd-tab, sd-navigation-item &amp; sd-radio-button",
+          "type": "string",
+          "value": "{vb.utilities.font-weight.bold}"
+        }
+      },
       "sd-link": {
         "color": {
           "--hover": {
-            "text": {
-              "type": "color",
-              "value": "{core.vb.azure.500}"
-            },
-            "icon": {
-              "type": "color",
-              "value": "{core.vb.azure.500}"
-            }
-          },
-          "--default": {
-            "text": {
+            "icon": {
               "type": "color",
               "value": "{core.vb.azure.500}"
             }
@@ -11071,29 +11494,17 @@
               "value": "{core.vb.azure.500}"
             }
           },
-          "--active": {
-            "text": {
-              "type": "color",
-              "value": "{core.vb.azure.500}"
-            }
-          },
           "--pressed": {
             "icon": {
               "type": "color",
               "value": "{core.vb.azure.500}"
             }
-          },
-          "--disabled": {
-            "text": {
-              "type": "color",
-              "value": "{core.ui.grey.400}"
-            }
           }
         }
       },
       "sd-datepicker": {
         "__date-item": {
-          "--hovered": {
+          "--hover": {
             "--default": {
               "color": {
                 "background": {
@@ -11103,6 +11514,10 @@
                 "text": {
                   "type": "color",
                   "value": "{vb.utilities.color.black.default}"
+                },
+                "border": {
+                  "type": "color",
+                  "value": "{vb.utilities.color.black.default}"
                 }
               }
             },
@@ -11117,14 +11532,6 @@
                   "value": "{vb.utilities.color.neutral.700}"
                 }
               }
-            },
-            "--current": {
-              "color": {
-                "text": {
-                  "type": "color",
-                  "value": "{vb.utilities.color.primary.500}"
-                }
-              }
             }
           },
           "--selected": {
@@ -11132,14 +11539,23 @@
               "text": {
                 "type": "color",
                 "value": "{vb.utilities.color.white.default}"
+              },
+              "background": {
+                "type": "color",
+                "value": "{vb.utilities.color.primary.default}"
+              }
+            },
+            "--hover": {
+              "color": {
+                "background": {
+                  "description": "Used for hover interaction",
+                  "type": "color",
+                  "value": "{vb.utilities.color.primary.700}"
+                }
               }
             }
           },
           "--default": {
-            "font-weight": {
-              "type": "string",
-              "value": "{vb.utilities.font-weight.normal}"
-            },
             "color": {
               "text": {
                 "description": "Default icon color ",
@@ -11152,27 +11568,22 @@
             "font-weight": {
               "type": "string",
               "value": "{vb.utilities.font-weight.bold}"
-            }
-          }
-        }
-      },
-      "sd-combobox": {
-        "--default": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{vb.utilities.color.primary.500}"
             },
-            "icon": {
-              "type": "color",
-              "value": "{vb.utilities.color.primary.500}"
+            "color": {
+              "text": {
+                "description": "Default icon color ",
+                "type": "color",
+                "value": "{vb.utilities.color.primary.default}"
+              }
+            }
+          },
+          "--range": {
+            "color": {
+              "background": {
+                "type": "color",
+                "value": "{vb.utilities.color.primary.100}"
+              }
             }
-          }
-        },
-        "__tag": {
-          "border-width": {
-            "type": "float",
-            "value": "{vb.utilities.border-width.2}"
           }
         }
       },
@@ -11186,6 +11597,31 @@
           }
         }
       },
+      "marker": {
+        "font-weight": {
+          "description": "Used for font weight inside sd-chip &amp; sd-flag",
+          "type": "string",
+          "value": "{vb.utilities.font-weight.normal}"
+        },
+        "border-width": {
+          "description": "Used for sd-chip &amp; sd-flag",
+          "type": "float",
+          "value": "{vb.utilities.border-width.default}"
+        },
+        "font-size": {
+          "description": "Used for sd-chip &amp; sd-flag",
+          "type": "float",
+          "value": "{vb.utilities.text.sm}"
+        }
+      },
+      "sd-combobox": {
+        "__tag": {
+          "border-width": {
+            "type": "float",
+            "value": "{vb.utilities.border-width.2}"
+          }
+        }
+      },
       "sd-skeleton": {
         "color": {
           "description": "Default icon color ",
@@ -11216,15 +11652,10 @@
           }
         }
       },
-      "sd-option": {
-        "--disabled": {
-          "color": {
-            "border": {
-              "description": "Used for disabled state",
-              "type": "color",
-              "value": "{vb.utilities.color.background.neutral.400}"
-            }
-          }
+      "sd-accordion-group": {
+        "_gap": {
+          "type": "float",
+          "value": "-2"
         }
       }
     }
@@ -11576,17 +12007,17 @@
               "40%": {
                 "description": "Used to add border that is only visible in dark mode:\n-dropdown",
                 "type": "color",
-                "value": "rgba(24, 24, 24, 0.00)"
+                "value": "rgba(5, 21, 48, 0.20)"
               },
               "0%": {
                 "description": "Used to add border that is only visible in dark mode:\n-dropdown",
                 "type": "color",
-                "value": "rgba(24, 24, 24, 0.00)"
+                "value": "rgba(5, 21, 48, 0.00)"
               },
               "10%": {
                 "description": "Used to add border that is only visible in dark mode:\n-dropdown",
                 "type": "color",
-                "value": "rgba(24, 24, 24, 0.10)"
+                "value": "rgba(5, 21, 48, 0.10)"
               }
             }
           }
@@ -11614,7 +12045,7 @@
           },
           "600": {
             "type": "color",
-            "value": "{core.kid.primary.600}"
+            "value": "#244faf"
           },
           "700": {
             "type": "color",
@@ -12105,15 +12536,15 @@
           "color": {
             "description": "Used for tooltip",
             "type": "color",
-            "value": "rgba(107, 36, 5, 0.25)"
+            "value": "rgba(5, 21, 48, 0.10)"
           },
           "y": {
             "type": "float",
-            "value": "4"
+            "value": "2"
           },
           "blur": {
             "type": "float",
-            "value": "12"
+            "value": "4"
           },
           "x": {
             "type": "float",
@@ -12121,7 +12552,7 @@
           },
           "spread": {
             "type": "float",
-            "value": "-6"
+            "value": "0"
           }
         },
         "sm": {
@@ -12146,12 +12577,58 @@
             "type": "color",
             "value": "rgba(5, 21, 48, 0.25)"
           }
+        },
+        "xs": {
+          "color": {
+            "description": "Used for tooltip",
+            "type": "color",
+            "value": "rgba(5, 21, 48, 0.75)"
+          },
+          "x": {
+            "type": "float",
+            "value": "0.5"
+          },
+          "y": {
+            "type": "float",
+            "value": "0.5"
+          },
+          "blur": {
+            "type": "float",
+            "value": "1.5"
+          },
+          "spread": {
+            "type": "float",
+            "value": "0"
+          }
+        },
+        "listbox": {
+          "x": {
+            "type": "float",
+            "value": "0"
+          },
+          "y": {
+            "type": "float",
+            "value": "2"
+          },
+          "blur": {
+            "type": "float",
+            "value": "4"
+          },
+          "spread": {
+            "type": "float",
+            "value": "0"
+          },
+          "color": {
+            "description": "Used for tooltip",
+            "type": "color",
+            "value": "rgba(5, 21, 48, 0.10)"
+          }
         }
       },
       "opacity": {
         "0": {
           "type": "float",
-          "value": "0"
+          "value": "{core.ui.opacity.opacity-0}"
         },
         "5": {
           "type": "float",
@@ -12187,11 +12664,11 @@
         },
         "75": {
           "type": "float",
-          "value": "0"
+          "value": "{core.ui.opacity.opacity-75}"
         },
         "80": {
           "type": "float",
-          "value": "0"
+          "value": "{core.ui.opacity.opacity-80}"
         },
         "\b85": {
           "type": "float",
@@ -12199,7 +12676,7 @@
         },
         "\b90": {
           "type": "float",
-          "value": "0"
+          "value": "{core.ui.opacity.opacity-90}"
         },
         "\b100": {
           "type": "float",
@@ -12207,6 +12684,11 @@
         }
       },
       "sizing": {
+        "0": {
+          "description": "8px",
+          "type": "float",
+          "value": "{core.ui.sizing.0}"
+        },
         "1": {
           "description": "8px",
           "type": "float",
@@ -12367,6 +12849,10 @@
         "1,5": {
           "type": "float",
           "value": "{core.ui.sizing.1,5}"
+        },
+        "2,5": {
+          "type": "float",
+          "value": "{core.ui.sizing.2,5}"
         }
       },
       "rounded": {
@@ -12742,65 +13228,6 @@
       }
     },
     "components": {
-      "sd-audio": {
-        "__timestamp": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{kid.utilities.color.text.black.default}"
-            }
-          }
-        },
-        "--inverted": {
-          "color": {
-            "border": {
-              "type": "color",
-              "value": "{kid.utilities.color.white.default}"
-            }
-          }
-        },
-        "__slide-bar": {
-          "--inverted": {
-            "color": {
-              "border": {
-                "description": "Used for inverted dividers",
-                "type": "color",
-                "value": "rgba(255, 255, 255, 0.50)"
-              }
-            }
-          }
-        }
-      },
-      "sd-accordion": {
-        "__chevron": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{kid.utilities.color.text.neutral.600}"
-            }
-          }
-        },
-        "color": {
-          "text": {
-            "type": "color",
-            "value": "{kid.utilities.color.text.black.default}"
-          }
-        },
-        "__indicator": {
-          "color": {
-            "type": "color",
-            "value": "rgba(255, 255, 255, 0.00)"
-          }
-        },
-        "padding-block": {
-          "type": "float",
-          "value": "{kid.utilities.spacing.4}"
-        },
-        "border-width": {
-          "type": "float",
-          "value": "{kid.utilities.sizing.0,25}"
-        }
-      },
       "sd-breadcrumb": {
         "__separator": {
           "color": {
@@ -12824,17 +13251,18 @@
           "_shadow": {
             "description": "Deprecated?",
             "type": "color",
-            "value": "rgba(24, 24, 24, 0.40)"
+            "value": "rgba(5, 21, 48, 0.20)"
           }
         },
         "padding-bottom": {
+          "description": "Is this used in code?",
           "type": "float",
-          "value": "{kid.utilities.spacing.0,5}"
+          "value": "0"
         },
         "__underline": {
           "height": {
             "type": "float",
-            "value": "{kid.utilities.sizing.0,25}"
+            "value": "{kid.utilities.sizing.2}"
           },
           "color": {
             "background": {
@@ -12842,6 +13270,12 @@
               "value": "rgba(255, 255, 255, 0.00)"
             }
           }
+        },
+        "__shadow": {
+          "height": {
+            "type": "float",
+            "value": "{kid.utilities.sizing.1}"
+          }
         }
       },
       "sd-tag": {
@@ -12916,14 +13350,6 @@
           "type": "string",
           "value": "{kid.utilities.font-weight.bold}"
         },
-        "--disabled": {
-          "color": {
-            "border": {
-              "type": "color",
-              "value": "{kid.utilities.color.neutral.500}"
-            }
-          }
-        },
         "--size": {
           "lg": {
             "font-size": {
@@ -12937,6 +13363,15 @@
               "value": "{kid.utilities.text.xs}"
             }
           }
+        },
+        "--disabled": {
+          "color": {
+            "text": {
+              "description": "Used for disabled state",
+              "type": "color",
+              "value": "{kid.utilities.color.neutral.400}"
+            }
+          }
         }
       },
       "form-control": {
@@ -12946,12 +13381,9 @@
             "value": "{kid.utilities.color.black.default}"
           },
           "text": {
+            "description": "Used for label ",
             "type": "color",
             "value": "{kid.utilities.color.black.default}"
-          },
-          "icon-fill": {
-            "type": "color",
-            "value": "{kid.utilities.color.neutral.800}"
           }
         },
         "--invalid": {
@@ -12962,14 +13394,6 @@
             }
           }
         },
-        "__tooltip": {
-          "color": {
-            "icon": {
-              "type": "color",
-              "value": "{kid.utilities.color.black.default}"
-            }
-          }
-        },
         "--filled": {
           "__floating-label": {
             "color": {
@@ -12980,6 +13404,24 @@
             }
           }
         },
+        "__listbox": {
+          "border-bottom-left-radius": {
+            "type": "float",
+            "value": "{kid.utilities.rounded.lg}"
+          },
+          "border-bottom-right-radius": {
+            "type": "float",
+            "value": "{kid.utilities.rounded.lg}"
+          },
+          "border-top-left-radius": {
+            "type": "float",
+            "value": "{kid.utilities.rounded.lg}"
+          },
+          "border-top-right-radius": {
+            "type": "float",
+            "value": "{kid.utilities.rounded.lg}"
+          }
+        },
         "border-radius": {
           "type": "float",
           "value": "{kid.utilities.rounded.lg}"
@@ -13066,6 +13508,11 @@
               "background": {
                 "type": "color",
                 "value": "{kid.utilities.color.neutral.800}"
+              },
+              "text": {
+                "description": "Used for inverted hover interaction button label",
+                "type": "color",
+                "value": "{kid.utilities.color.accent.100}"
               }
             }
           }
@@ -13077,6 +13524,11 @@
                 "description": "Default icon color ",
                 "type": "color",
                 "value": "{kid.utilities.color.background._gradient.components.informational.gradient.--white.background.color.0%}"
+              },
+              "text": {
+                "description": "Used for pressed interaction",
+                "type": "color",
+                "value": "{kid.utilities.color.neutral.800}"
               }
             }
           },
@@ -13093,7 +13545,7 @@
             "--hover": {
               "color": {
                 "text": {
-                  "description": "Default icon color ",
+                  "description": "Used for inverted hover interaction button label",
                   "type": "color",
                   "value": "{kid.utilities.color.accent.100}"
                 },
@@ -13109,6 +13561,11 @@
                 "background": {
                   "type": "color",
                   "value": "{kid.utilities.color.background._gradient.components.informational.gradient.--white.background.color.0%}"
+                },
+                "text": {
+                  "description": "Used for inverted hover interaction text link and inverted pressed interaction button label",
+                  "type": "color",
+                  "value": "{kid.utilities.color.accent.100}"
                 }
               }
             },
@@ -13117,6 +13574,11 @@
                 "description": "Used for buttons, inverted focus state",
                 "type": "color",
                 "value": "{kid.utilities.color.accent.100}"
+              },
+              "text": {
+                "description": "Inverted icon color",
+                "type": "color",
+                "value": "{kid.utilities.color.accent.100}"
               }
             }
           },
@@ -13134,9 +13596,37 @@
               "text": {
                 "description": "Used for buttons, select field, focus state",
                 "type": "color",
-                "value": "{kid.utilities.color.neutral.500}"
+                "value": "{kid.utilities.color.neutral.400}"
+              }
+            }
+          },
+          "--size": {
+            "lg": {
+              "padding-block": {
+                "description": "dev only!",
+                "type": "float",
+                "value": "7"
+              }
+            },
+            "md": {
+              "padding-block": {
+                "description": "dev only!",
+                "type": "float",
+                "value": "7"
+              }
+            },
+            "sm": {
+              "padding-block": {
+                "description": "dev only!",
+                "type": "float",
+                "value": "4.5"
               }
             }
+          },
+          "padding-inline": {
+            "description": "dev only!",
+            "type": "float",
+            "value": "23"
           }
         },
         "--tertiary": {
@@ -13170,8 +13660,20 @@
                   "description": "Default icon color ",
                   "type": "color",
                   "value": "{kid.utilities.color.background._gradient.components.informational.gradient.--white.background.color.0%}"
+                },
+                "text": {
+                  "description": "Used for inverted hover interaction text link and inverted pressed interaction button label",
+                  "type": "color",
+                  "value": "{kid.utilities.color.accent.100}"
                 }
               }
+            },
+            "color": {
+              "text": {
+                "description": "Inverted icon color",
+                "type": "color",
+                "value": "{kid.utilities.color.accent.100}"
+              }
             }
           },
           "--active": {
@@ -13180,6 +13682,11 @@
                 "description": "Default icon color ",
                 "type": "color",
                 "value": "{kid.utilities.color.background._gradient.components.informational.gradient.--white.background.color.0%}"
+              },
+              "text": {
+                "description": "Used for pressed interaction",
+                "type": "color",
+                "value": "{kid.utilities.color.neutral.800}"
               }
             }
           },
@@ -13197,11 +13704,16 @@
               "text": {
                 "description": "Used for buttons, select field, focus state",
                 "type": "color",
-                "value": "{kid.utilities.color.neutral.500}"
+                "value": "{kid.utilities.color.neutral.400}"
               }
             }
           }
         },
+        "padding-inline": {
+          "description": "sd-button&#39;s left right padding (except for icon-only &amp; loading variant)",
+          "type": "float",
+          "value": "{kid.utilities.spacing.6}"
+        },
         "--size": {
           "md": {
             "font-size": {
@@ -13209,17 +13721,30 @@
               "value": "{kid.utilities.text.sm}"
             },
             "padding-block": {
+              "description": "Top bottom padding for sd-button md variant",
               "type": "float",
-              "value": "{kid.utilities.sizing.2,5}"
+              "value": "{kid.utilities.spacing.2}"
             },
             "border-radius": {
               "type": "float",
               "value": "{kid.utilities.rounded.full}"
+            },
+            "min-height": {
+              "type": "float",
+              "value": "40"
+            },
+            "--icon": {
+              "only": {
+                "padding-inline": {
+                  "type": "float",
+                  "value": "{kid.utilities.sizing.3}"
+                }
+              }
             }
           },
           "lg": {
             "icon": {
-              "_font-size": {
+              "height": {
                 "type": "float",
                 "value": "{kid.utilities.sizing.6}"
               }
@@ -13228,13 +13753,15 @@
               "type": "float",
               "value": "{kid.utilities.text.sm}"
             },
-            "border-radius": {
+            "padding-block": {
+              "description": "Top bottom padding for sd-button lg variant",
               "type": "float",
-              "value": "{kid.utilities.rounded.full}"
+              "value": "{kid.utilities.spacing.2}"
             },
-            "padding-block": {
+            "min-height": {
+              "description": "Used for icon-only and loading variant",
               "type": "float",
-              "value": "{kid.utilities.sizing.2,5}"
+              "value": "40"
             }
           },
           "sm": {
@@ -13248,10 +13775,14 @@
             },
             "padding-block": {
               "type": "float",
-              "value": "{kid.utilities.sizing.2,5}"
+              "value": "5.5"
             }
           }
         },
+        "border-radius": {
+          "type": "float",
+          "value": "{kid.utilities.rounded.full}"
+        },
         "font-weight": {
           "type": "string",
           "value": "{core.kid.font-weight.font-semibold}"
@@ -13319,6 +13850,10 @@
               }
             }
           }
+        },
+        "border-width": {
+          "type": "float",
+          "value": "{kid.utilities.border-width.default}"
         }
       },
       "sd-footnotes": {
@@ -13338,7 +13873,7 @@
         "--active": {
           "color": {
             "text": {
-              "description": "Default icon color ",
+              "description": "Used for sd-link &amp; sd-interactive",
               "type": "color",
               "value": "{kid.utilities.color.neutral.800}"
             }
@@ -13347,9 +13882,9 @@
         "--default": {
           "color": {
             "text": {
-              "description": "Default icon color ",
+              "description": "Used for sd-link &amp; sd-interactive",
               "type": "color",
-              "value": "{kid.utilities.color.icon-fill.primary.default}"
+              "value": "{kid.utilities.color.black.default}"
             }
           }
         }
@@ -13384,10 +13919,6 @@
           "type": "float",
           "value": "{kid.utilities.rounded.full}"
         },
-        "border-width": {
-          "type": "float",
-          "value": "{kid.utilities.border-width.default}"
-        },
         "--neutral-300": {
           "color": {
             "background": {
@@ -13412,14 +13943,6 @@
               "value": "rgba(255, 255, 255, 0.60)"
             }
           }
-        },
-        "font-weight": {
-          "type": "string",
-          "value": "{kid.utilities.font-weight.bold}"
-        },
-        "font-size": {
-          "type": "float",
-          "value": "{kid.utilities.text.xs}"
         }
       },
       "sd-brandshape": {
@@ -13462,13 +13985,47 @@
           "--primary-800": {
             "color": {
               "background": {
+                "description": "code only",
                 "type": "color",
-                "value": "{kid.utilities.color.primary.800}"
+                "value": "#000000"
               }
             }
           }
         }
       },
+      "sd-accordion": {
+        "color": {
+          "text": {
+            "type": "color",
+            "value": "{kid.utilities.color.text.black.default}"
+          },
+          "icon-fill": {
+            "description": "Default icon color ",
+            "type": "color",
+            "value": "{kid.utilities.color.primary.default}"
+          }
+        },
+        "__indicator": {
+          "color": {
+            "type": "color",
+            "value": "rgba(255, 255, 255, 0.00)"
+          }
+        },
+        "padding-block": {
+          "description": "Top bottom padding for sd-accordion ",
+          "type": "float",
+          "value": "{kid.utilities.spacing.4}"
+        },
+        "border-width": {
+          "type": "float",
+          "value": "{kid.utilities.sizing.0,25}"
+        },
+        "_panel-padding": {
+          "description": "Used inside panel summary layer of sd-accordion to accommodate the border",
+          "type": "float",
+          "value": "1"
+        }
+      },
       "navigable": {
         "__current-indicator": {
           "border-radius": {
@@ -13508,14 +14065,6 @@
             "type": "color",
             "value": "{kid.utilities.color.text.black.default}"
           }
-        },
-        "--current": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{kid.utilities.color.text.black.default}"
-            }
-          }
         }
       },
       "sd-badge": {
@@ -13542,6 +14091,7 @@
         "--red": {
           "color": {
             "background": {
+              "description": "Used in both sd-badge and sd-status-badge",
               "type": "color",
               "value": "{kid.utilities.color.background.error.default}"
             }
@@ -13560,6 +14110,7 @@
         "--green": {
           "color": {
             "background": {
+              "description": "Used in both sd-badge and sd-status-badge",
               "type": "color",
               "value": "{kid.utilities.color.background.success.default}"
             },
@@ -13595,6 +14146,7 @@
           "value": "{kid.utilities.rounded.full}"
         },
         "padding": {
+          "description": "Top bottom left right padding for the sd-radio-button-group",
           "type": "float",
           "value": "0"
         }
@@ -13606,12 +14158,7 @@
         },
         "color": {
           "text": {
-            "description": "Primary brand color for text",
-            "type": "color",
-            "value": "{kid.utilities.color.black.default}"
-          },
-          "icon-fil": {
-            "description": "Default icon color ",
+            "description": "Used for text and icon fill",
             "type": "color",
             "value": "{kid.utilities.color.black.default}"
           }
@@ -13623,13 +14170,8 @@
               "type": "color",
               "value": "{core.vb.azure.50}"
             },
-            "icon-fill": {
-              "description": "Used for hover interaction",
-              "type": "color",
-              "value": "{kid.utilities.color.black.default}"
-            },
             "text": {
-              "description": "Used for hover interaction",
+              "description": "Used for text and icon fill",
               "type": "color",
               "value": "{kid.utilities.color.black.default}"
             }
@@ -13645,15 +14187,7 @@
           "text": {
             "type": "color",
             "value": "{core.vb.grey.600}"
-          },
-          "border": {
-            "type": "color",
-            "value": "rgba(255, 255, 255, 0.00)"
           }
-        },
-        "border-width": {
-          "type": "float",
-          "value": "{kid.utilities.border-width.default}"
         }
       },
       "sd-notification": {
@@ -13704,6 +14238,14 @@
             "type": "color",
             "value": "{kid.utilities.color.neutral.800}"
           }
+        },
+        "__duration-indicator": {
+          "color": {
+            "background": {
+              "type": "color",
+              "value": "{kid.utilities.color.primary.default}"
+            }
+          }
         }
       },
       "sd-range": {
@@ -13780,18 +14322,6 @@
               "value": "rgba(255, 255, 255, 0.60)"
             }
           }
-        },
-        "font-weight": {
-          "type": "string",
-          "value": "{kid.utilities.font-weight.bold}"
-        },
-        "border-width": {
-          "type": "float",
-          "value": "{kid.utilities.border-width.default}"
-        },
-        "font-size": {
-          "type": "float",
-          "value": "{kid.utilities.text.xs}"
         }
       },
       "sd-radio": {
@@ -13820,7 +14350,7 @@
                 "background": {
                   "description": "Used for hover interaction",
                   "type": "color",
-                  "value": "{core.kid.neutral.800}"
+                  "value": "{kid.utilities.color.neutral.800}"
                 }
               }
             },
@@ -13878,13 +14408,28 @@
         "border-width": {
           "type": "float",
           "value": "{kid.utilities.border-width.default}"
+        }
+      },
+      "sd-audio": {
+        "__slide-bar": {
+          "--inverted": {
+            "color": {
+              "background": {
+                "description": "Used for inverted dividers",
+                "type": "color",
+                "value": "rgba(255, 255, 255, 0.50)"
+              }
+            }
+          }
         },
-        "--error": {
-          "color": {
-            "text": {
-              "description": "Default icon color ",
-              "type": "color",
-              "value": "{kid.utilities.color.black.default}"
+        "__track-bar": {
+          "--inverted": {
+            "color": {
+              "background": {
+                "description": "Used for inverted dividers",
+                "type": "color",
+                "value": "{kid.utilities.color.white.default}"
+              }
             }
           }
         }
@@ -13902,14 +14447,6 @@
             "value": "{kid.utilities.color.text.neutral.700}"
           }
         },
-        "hover": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{kid.utilities.color.text.neutral.700}"
-            }
-          }
-        },
         "__circle": {
           "border-width": {
             "type": "float",
@@ -13918,40 +14455,72 @@
         }
       },
       "sd-map-marker": {
-        "cluster": {
-          "color": {
-            "icon-fill": {
-              "type": "color",
-              "value": "{kid.utilities.color.background.primary.default}"
+        "--cluster": {
+          "--default": {
+            "color": {
+              "background": {
+                "type": "color",
+                "value": "{kid.utilities.color.background.primary.default}"
+              }
             }
           },
-          "--hovered": {
+          "--hover": {
             "color": {
-              "icon-fill": {
+              "background": {
                 "type": "color",
-                "value": "{kid.utilities.color.background.primary.default}"
+                "value": "{kid.utilities.color.neutral.800}"
               }
             }
+          },
+          "color": {
+            "text": {
+              "type": "color",
+              "value": "{kid.utilities.color.text.white.default}"
+            }
           }
         },
-        "font-size": {
-          "type": "float",
-          "value": "{kid.utilities.text.xs}"
+        "--main": {
+          "color": {
+            "background": {
+              "type": "color",
+              "value": "{kid.utilities.color.background.primary.default}"
+            }
+          }
         },
-        "main": {
+        "--pin": {
+          "--hover": {
+            "color": {
+              "background": {
+                "description": "Default icon color ",
+                "type": "color",
+                "value": "{kid.utilities.color.background.primary.100}"
+              }
+            }
+          },
           "color": {
-            "icon-fill": {
+            "text": {
               "type": "color",
               "value": "{kid.utilities.color.background.primary.default}"
             }
+          },
+          "--default": {
+            "color": {
+              "background": {
+                "description": "Inverted icon color",
+                "type": "color",
+                "value": "{kid.utilities.color.accent.100}"
+              }
+            }
           }
         }
       },
       "sd-headline": {
-        "4xl-and-mobile-4xl": {
-          "text": {
-            "type": "color",
-            "value": "{core.kid.black}"
+        "--3xl-onwards": {
+          "color": {
+            "text": {
+              "type": "color",
+              "value": "{core.kid.black}"
+            }
           }
         }
       },
@@ -13969,7 +14538,7 @@
             }
           }
         },
-        "--description": {
+        "_description": {
           "color": {
             "text": {
               "type": "color",
@@ -13979,22 +14548,6 @@
         }
       },
       "sd-quickfact": {
-        "__expandable": {
-          "color": {
-            "description-default": {
-              "text": {
-                "type": "color",
-                "value": "{core.vb.grey.620}"
-              }
-            },
-            "title-default": {
-              "text": {
-                "type": "color",
-                "value": "{kid.utilities.color.text.black.default}"
-              }
-            }
-          }
-        },
         "--expandable": {
           "color": {
             "text": {
@@ -14004,24 +14557,8 @@
           }
         }
       },
-      "sd-loader": {
-        "color": {
-          "neutral-500": {
-            "_text": {
-              "type": "color",
-              "value": "rgba(0, 102, 179, 0.40)"
-            }
-          }
-        }
-      },
       "sd-teaser-media": {
         "--primary-100": {
-          "color": {
-            "background": {
-              "type": "color",
-              "value": "rgba(245, 247, 249, 0.80)"
-            }
-          },
           "--hover": {
             "color": {
               "background": {
@@ -14029,6 +14566,13 @@
                 "value": "rgba(255, 255, 255, 0.90)"
               }
             }
+          },
+          "color": {
+            "background": {
+              "description": "Used for teaser",
+              "type": "color",
+              "value": "rgba(255, 255, 255, 0.80)"
+            }
           }
         },
         "--neutral-100": {
@@ -14046,6 +14590,24 @@
               }
             }
           }
+        },
+        "--white": {
+          "--hover": {
+            "color": {
+              "background": {
+                "description": "Used for teaser, audio (wave animation)\n",
+                "type": "color",
+                "value": "rgba(247, 242, 236, 0.90)"
+              }
+            }
+          },
+          "color": {
+            "background": {
+              "description": "Used for teaser",
+              "type": "color",
+              "value": "rgba(247, 242, 236, 0.80)"
+            }
+          }
         }
       },
       "sd-teaser": {
@@ -14122,7 +14684,7 @@
               "border": {
                 "description": "Used for active / selected elements",
                 "type": "color",
-                "value": "{kid.utilities.color.white.default}"
+                "value": "{kid.utilities.color.text.white.default}"
               }
             }
           }
@@ -14134,22 +14696,33 @@
           "value": "{kid.utilities.border-width.default}"
         }
       },
-      "color": {
-        "background": {
-          "type": "color",
-          "value": "{core.vb.azure.50}"
-        }
-      },
       "sd-tab": {
         "color": {
           "border": {
             "type": "color",
             "value": "{core.vb.grey.400}"
+          },
+          "text": {
+            "type": "color",
+            "value": "{kid.utilities.color.primary.900}"
           }
         },
-        "font-weight": {
-          "type": "string",
-          "value": "{kid.utilities.font-weight.bold}"
+        "--hover": {
+          "color": {
+            "background": {
+              "description": "Used for sd-flag",
+              "type": "color",
+              "value": "{core.vb.azure.50}"
+            }
+          }
+        },
+        "--active": {
+          "color": {
+            "text": {
+              "type": "color",
+              "value": "{kid.utilities.color.primary.default}"
+            }
+          }
         }
       },
       "sd-switch": {
@@ -14197,20 +14770,20 @@
           }
         }
       },
-      "sd-menu": {
+      "sd-menu-item": {
         "color": {
           "text": {
             "type": "color",
             "value": "{kid.utilities.color.text.black.default}"
           },
-          "icon": {
+          "icon-fill": {
             "type": "color",
             "value": "{kid.utilities.color.text.black.default}"
           }
         },
         "--disabled": {
           "color": {
-            "icon": {
+            "icon-fill": {
               "type": "color",
               "value": "{kid.utilities.color.neutral.500}"
             },
@@ -14221,53 +14794,38 @@
           }
         }
       },
+      "choice-control": {
+        "font-weight": {
+          "description": "Used for font weight inside sd-tag, sd-tab, sd-navigation-item &amp; sd-radio-button",
+          "type": "string",
+          "value": "{kid.utilities.font-weight.bold}"
+        }
+      },
       "sd-link": {
         "color": {
           "--hover": {
-            "text": {
-              "type": "color",
-              "value": "{kid.utilities.color.neutral.800}"
-            },
             "icon": {
               "type": "color",
               "value": "{kid.utilities.color.text.black.default}"
             }
           },
-          "--default": {
-            "text": {
-              "type": "color",
-              "value": "{kid.utilities.color.text.black.default}"
-            }
-          },
           "--none": {
             "icon": {
               "type": "color",
               "value": "{kid.utilities.color.text.black.default}"
             }
           },
-          "--active": {
-            "text": {
-              "type": "color",
-              "value": "{kid.utilities.color.neutral.800}"
-            }
-          },
           "--pressed": {
             "icon": {
               "type": "color",
               "value": "{kid.utilities.color.text.black.default}"
             }
-          },
-          "--disabled": {
-            "text": {
-              "type": "color",
-              "value": "{kid.utilities.color.neutral.800}"
-            }
           }
         }
       },
       "sd-datepicker": {
         "__date-item": {
-          "--hovered": {
+          "--hover": {
             "--default": {
               "color": {
                 "background": {
@@ -14277,6 +14835,10 @@
                 "text": {
                   "type": "color",
                   "value": "{kid.utilities.color.neutral.700}"
+                },
+                "border": {
+                  "type": "color",
+                  "value": "{kid.utilities.color.neutral.700}"
                 }
               }
             },
@@ -14291,14 +14853,6 @@
                   "value": "{kid.utilities.color.neutral.700}"
                 }
               }
-            },
-            "--current": {
-              "color": {
-                "text": {
-                  "type": "color",
-                  "value": "{kid.utilities.color.neutral.700}"
-                }
-              }
             }
           },
           "--selected": {
@@ -14306,14 +14860,23 @@
               "text": {
                 "type": "color",
                 "value": "{kid.utilities.color.white.default}"
+              },
+              "background": {
+                "type": "color",
+                "value": "{kid.utilities.color.primary.default}"
+              }
+            },
+            "--hover": {
+              "color": {
+                "background": {
+                  "description": "Used for hover interaction",
+                  "type": "color",
+                  "value": "{kid.utilities.color.neutral.800}"
+                }
               }
             }
           },
           "--default": {
-            "font-weight": {
-              "type": "string",
-              "value": "{core.kid.font-weight.font-normal}"
-            },
             "color": {
               "text": {
                 "description": "Default icon color ",
@@ -14326,27 +14889,22 @@
             "font-weight": {
               "type": "string",
               "value": "{core.kid.font-weight.font-semibold}"
-            }
-          }
-        }
-      },
-      "sd-combobox": {
-        "--default": {
-          "color": {
-            "text": {
-              "type": "color",
-              "value": "{core.vb.grey.620}"
             },
-            "icon": {
-              "type": "color",
-              "value": "{core.vb.grey.620}"
+            "color": {
+              "text": {
+                "description": "Default icon color ",
+                "type": "color",
+                "value": "{kid.utilities.color.primary.default}"
+              }
+            }
+          },
+          "--range": {
+            "color": {
+              "background": {
+                "type": "color",
+                "value": "{kid.utilities.color.neutral.100}"
+              }
             }
-          }
-        },
-        "__tag": {
-          "border-width": {
-            "type": "float",
-            "value": "{kid.utilities.border-width.default}"
           }
         }
       },
@@ -14360,6 +14918,31 @@
           }
         }
       },
+      "marker": {
+        "font-weight": {
+          "description": "Used for font weight inside sd-chip &amp; sd-flag",
+          "type": "string",
+          "value": "{kid.utilities.font-weight.bold}"
+        },
+        "border-width": {
+          "description": "Used for sd-chip &amp; sd-flag",
+          "type": "float",
+          "value": "{kid.utilities.border-width.default}"
+        },
+        "font-size": {
+          "description": "Used for sd-chip &amp; sd-flag",
+          "type": "float",
+          "value": "{kid.utilities.text.xs}"
+        }
+      },
+      "sd-combobox": {
+        "__tag": {
+          "border-width": {
+            "type": "float",
+            "value": "{kid.utilities.border-width.default}"
+          }
+        }
+      },
       "sd-skeleton": {
         "color": {
           "description": "Default icon color ",
@@ -14390,15 +14973,10 @@
           }
         }
       },
-      "sd-option": {
-        "--disabled": {
-          "color": {
-            "border": {
-              "description": "Used for disabled state",
-              "type": "color",
-              "value": "{kid.utilities.color.neutral.400}"
-            }
-          }
+      "sd-accordion-group": {
+        "_gap": {
+          "type": "float",
+          "value": "-1"
         }
       }
     }
diff --git a/packages/tokens/src/figma-variables/variableTokens.json b/packages/tokens/src/figma-variables/variableTokens.json
index 28db9d331d..63cb818f8e 100644
--- a/packages/tokens/src/figma-variables/variableTokens.json
+++ b/packages/tokens/src/figma-variables/variableTokens.json
@@ -1,123 +1,11 @@
 {
   "variableCollections": {
-    "VariableCollectionId:30640:10055": {
-      "defaultModeId": "30640:7",
-      "hiddenFromPublishing": false,
-      "id": "VariableCollectionId:30640:10055",
-      "isExtension": false,
-      "key": "c128d6fe90cdc7566faf204c0d6672f86c9a2c6c",
-      "modes": [
-        {
-          "modeId": "30640:7",
-          "name": "Light"
-        },
-        {
-          "modeId": "30640:8",
-          "name": "Dark"
-        }
-      ],
-      "name": "EightShapes Specs",
-      "remote": false,
-      "variableIds": [
-        "VariableID:30640:10056",
-        "VariableID:30640:10057",
-        "VariableID:30640:10058",
-        "VariableID:30640:10059",
-        "VariableID:30640:10060",
-        "VariableID:30640:10061",
-        "VariableID:30640:10062",
-        "VariableID:30640:10063",
-        "VariableID:30640:10064",
-        "VariableID:30640:10065",
-        "VariableID:30640:10066",
-        "VariableID:30640:10067",
-        "VariableID:30640:10068",
-        "VariableID:30640:10069",
-        "VariableID:30640:10070",
-        "VariableID:30640:10071",
-        "VariableID:30640:10072",
-        "VariableID:30640:10073",
-        "VariableID:30640:10074",
-        "VariableID:30640:10075",
-        "VariableID:30640:10076",
-        "VariableID:30640:10077",
-        "VariableID:30640:10078",
-        "VariableID:30640:10079",
-        "VariableID:30640:10080",
-        "VariableID:30640:10081",
-        "VariableID:30640:10082",
-        "VariableID:30640:10083",
-        "VariableID:30640:10084",
-        "VariableID:30640:10085",
-        "VariableID:30640:10086",
-        "VariableID:30640:10087",
-        "VariableID:30640:10088",
-        "VariableID:31668:386",
-        "VariableID:31668:387",
-        "VariableID:31668:388"
-      ]
-    },
-    "VariableCollectionId:30640:7978": {
-      "defaultModeId": "30640:6",
-      "hiddenFromPublishing": false,
-      "id": "VariableCollectionId:30640:7978",
-      "isExtension": false,
-      "key": "0de2cd130482f20fdbf5b1b3642ee35403395ffd",
-      "modes": [
-        {
-          "modeId": "30640:6",
-          "name": "Default"
-        }
-      ],
-      "name": "Specs Layout",
-      "remote": false,
-      "variableIds": [
-        "VariableID:30640:8048",
-        "VariableID:30640:8049",
-        "VariableID:30640:8050",
-        "VariableID:30640:8051",
-        "VariableID:30640:8052",
-        "VariableID:30640:8053",
-        "VariableID:30640:8054",
-        "VariableID:30640:8055",
-        "VariableID:30640:8056",
-        "VariableID:30640:8057",
-        "VariableID:30640:8058",
-        "VariableID:30640:8059",
-        "VariableID:30640:8060",
-        "VariableID:30640:8061",
-        "VariableID:30640:8062",
-        "VariableID:30640:8063",
-        "VariableID:30640:8064",
-        "VariableID:30640:8065",
-        "VariableID:30640:8066",
-        "VariableID:30640:8067",
-        "VariableID:30640:8068",
-        "VariableID:30640:8069",
-        "VariableID:30640:8070",
-        "VariableID:30640:8071",
-        "VariableID:30640:8072",
-        "VariableID:30640:8073",
-        "VariableID:30640:8074",
-        "VariableID:30640:8075",
-        "VariableID:30640:8076",
-        "VariableID:30640:8077",
-        "VariableID:30640:8078",
-        "VariableID:30640:8079",
-        "VariableID:30640:8080",
-        "VariableID:30640:8081",
-        "VariableID:30640:8082",
-        "VariableID:30640:8083",
-        "VariableID:30640:10090",
-        "VariableID:30640:10091"
-      ]
-    },
     "VariableCollectionId:42952:95": {
       "defaultModeId": "43138:0",
       "hiddenFromPublishing": false,
       "id": "VariableCollectionId:42952:95",
       "isExtension": false,
-      "key": "0ea5cbff18715170cc63b5a898383c63fbc80006",
+      "key": "7e3d7e1162a6e6b8cb0c75eb6e6a75558c7fa5c3",
       "modes": [
         {
           "modeId": "43138:0",
@@ -368,15 +256,12 @@
         "VariableID:44029:1579",
         "VariableID:44029:1580",
         "VariableID:44029:1581",
-        "VariableID:44029:1585",
-        "VariableID:44029:1586",
         "VariableID:44029:1587",
         "VariableID:44029:1589",
         "VariableID:44029:1590",
         "VariableID:44029:1592",
         "VariableID:44029:1594",
         "VariableID:44029:1595",
-        "VariableID:44029:1596",
         "VariableID:44029:1598",
         "VariableID:44029:1599",
         "VariableID:44029:1600",
@@ -425,6 +310,7 @@
         "VariableID:44029:1632",
         "VariableID:47835:23074",
         "VariableID:47835:23075",
+        "VariableID:59189:1633",
         "VariableID:47829:657",
         "VariableID:47829:659",
         "VariableID:47829:665",
@@ -491,7 +377,7 @@
       "hiddenFromPublishing": false,
       "id": "VariableCollectionId:43174:55999",
       "isExtension": false,
-      "key": "878808809a8efa03be588e5e54c42232d9ee239a",
+      "key": "afa5ddd2c41d917d64144628d52a58a502b0a57b",
       "modes": [
         {
           "modeId": "43174:13",
@@ -514,8 +400,6 @@
       "remote": false,
       "variableIds": [
         "VariableID:43372:21101",
-        "VariableID:43373:35271",
-        "VariableID:43373:35286",
         "VariableID:43979:193",
         "VariableID:43979:194",
         "VariableID:44029:1633",
@@ -624,10 +508,42 @@
         "VariableID:44336:5063",
         "VariableID:44336:5061",
         "VariableID:43979:252",
+        "VariableID:56149:47181",
+        "VariableID:44271:64020",
+        "VariableID:44625:20357",
+        "VariableID:44762:16901",
+        "VariableID:44271:64197",
+        "VariableID:44300:68046",
+        "VariableID:44300:68048",
+        "VariableID:44300:68555",
+        "VariableID:44300:68556",
+        "VariableID:47858:29969",
+        "VariableID:44300:68558",
+        "VariableID:54687:83306",
         "VariableID:50578:41688",
+        "VariableID:44271:64199",
+        "VariableID:54294:16226",
+        "VariableID:44271:64186",
         "VariableID:50587:4943",
-        "VariableID:50587:4944",
+        "VariableID:50578:56662",
+        "VariableID:54294:28373",
+        "VariableID:46961:115232",
+        "VariableID:54294:28375",
+        "VariableID:54294:28378",
+        "VariableID:44300:68643",
+        "VariableID:54687:83305",
+        "VariableID:54687:83307",
+        "VariableID:54687:83308",
         "VariableID:50578:56661",
+        "VariableID:44271:64200",
+        "VariableID:54294:21759",
+        "VariableID:50587:4944",
+        "VariableID:47333:16976",
+        "VariableID:54294:28374",
+        "VariableID:54294:28379",
+        "VariableID:44283:64319",
+        "VariableID:46961:122725",
+        "VariableID:44283:64318",
         "VariableID:43979:288",
         "VariableID:43979:289",
         "VariableID:43979:290",
@@ -637,14 +553,25 @@
         "VariableID:43979:294",
         "VariableID:43979:254",
         "VariableID:43979:295",
+        "VariableID:53463:2694",
         "VariableID:43979:296",
         "VariableID:43979:255",
         "VariableID:43979:293",
-        "VariableID:50578:56662",
         "VariableID:43979:256",
         "VariableID:43979:257",
         "VariableID:43979:258",
         "VariableID:43979:241",
+        "VariableID:50346:24618",
+        "VariableID:47735:23880",
+        "VariableID:56342:50645",
+        "VariableID:47735:23876",
+        "VariableID:47737:23882",
+        "VariableID:47735:23878",
+        "VariableID:50348:22930",
+        "VariableID:56886:3305",
+        "VariableID:47735:23879",
+        "VariableID:56886:2865",
+        "VariableID:50635:19390",
         "VariableID:43979:236",
         "VariableID:43979:237",
         "VariableID:43979:238",
@@ -657,6 +584,7 @@
         "VariableID:43979:247",
         "VariableID:43979:248",
         "VariableID:43979:242",
+        "VariableID:59049:1633",
         "VariableID:43979:249",
         "VariableID:43979:250",
         "VariableID:43979:493",
@@ -666,9 +594,11 @@
         "VariableID:43979:286",
         "VariableID:43979:287",
         "VariableID:43979:311",
+        "VariableID:58786:17900",
         "VariableID:43979:268",
         "VariableID:43979:269",
         "VariableID:43979:270",
+        "VariableID:56886:3301",
         "VariableID:43979:271",
         "VariableID:43979:272",
         "VariableID:43979:312",
@@ -679,10 +609,12 @@
         "VariableID:43979:273",
         "VariableID:43979:280",
         "VariableID:43979:279",
+        "VariableID:61410:123912",
         "VariableID:48719:146279",
         "VariableID:47226:13298",
         "VariableID:47226:13297",
         "VariableID:44029:1647",
+        "VariableID:44029:1657",
         "VariableID:44029:1648",
         "VariableID:44029:1649",
         "VariableID:44029:1650",
@@ -693,7 +625,6 @@
         "VariableID:44029:1655",
         "VariableID:44318:2769",
         "VariableID:44029:1656",
-        "VariableID:44029:1657",
         "VariableID:44029:1658",
         "VariableID:44029:1659",
         "VariableID:44029:1660",
@@ -711,7 +642,12 @@
         "VariableID:44029:1671",
         "VariableID:44029:1672",
         "VariableID:44029:1673",
+        "VariableID:54572:8960",
         "VariableID:45046:31063",
+        "VariableID:58379:2055",
+        "VariableID:58379:2056",
+        "VariableID:58379:2057",
+        "VariableID:58379:2058",
         "VariableID:44336:4885",
         "VariableID:44336:4886",
         "VariableID:45046:31064",
@@ -733,36 +669,48 @@
         "VariableID:44953:15244",
         "VariableID:44953:15245",
         "VariableID:43979:314",
+        "VariableID:58379:2059",
         "VariableID:45046:31066",
+        "VariableID:51596:1602",
+        "VariableID:51596:1603",
+        "VariableID:51596:1604",
+        "VariableID:51596:1605",
+        "VariableID:51573:9921",
+        "VariableID:47208:26542",
         "VariableID:49857:86584",
+        "VariableID:58369:2053",
+        "VariableID:58369:2052",
+        "VariableID:58369:2054",
+        "VariableID:58369:1926",
         "VariableID:44837:7261",
-        "VariableID:44837:15833",
-        "VariableID:44612:9948",
-        "VariableID:44677:46587",
-        "VariableID:44023:41070",
-        "VariableID:44023:39698",
-        "VariableID:47174:79210",
-        "VariableID:47735:23875",
-        "VariableID:46374:83079",
-        "VariableID:47674:18801",
-        "VariableID:46500:50144",
         "VariableID:47031:407",
         "VariableID:44294:66968",
+        "VariableID:44837:15833",
+        "VariableID:48127:24317",
+        "VariableID:48127:24325",
+        "VariableID:48150:71090",
         "VariableID:45046:52299",
         "VariableID:45014:35870",
         "VariableID:45014:36471",
         "VariableID:45014:30581",
         "VariableID:45014:30582",
         "VariableID:45293:4199",
+        "VariableID:44677:46587",
+        "VariableID:44023:41070",
+        "VariableID:44023:39698",
+        "VariableID:47174:79210",
+        "VariableID:46374:83079",
+        "VariableID:47674:18801",
         "VariableID:44921:22300",
+        "VariableID:54698:83323",
+        "VariableID:50635:19389",
         "VariableID:44921:22302",
         "VariableID:44921:14810",
         "VariableID:44921:22299",
         "VariableID:46434:306253",
+        "VariableID:50635:23474",
         "VariableID:46961:99748",
-        "VariableID:44966:31913",
         "VariableID:46386:74302",
-        "VariableID:44650:36286",
         "VariableID:46386:74311",
         "VariableID:46386:74312",
         "VariableID:46386:72148",
@@ -776,46 +724,30 @@
         "VariableID:44023:39692",
         "VariableID:49052:99",
         "VariableID:44953:13157",
-        "VariableID:44271:64020",
-        "VariableID:44625:20357",
-        "VariableID:44762:16901",
-        "VariableID:44271:64197",
-        "VariableID:44300:68046",
-        "VariableID:44300:68048",
-        "VariableID:44300:68555",
-        "VariableID:44300:68556",
-        "VariableID:47858:29969",
-        "VariableID:44300:68558",
-        "VariableID:44271:64199",
-        "VariableID:44271:64186",
-        "VariableID:46961:115232",
+        "VariableID:54289:8163",
         "VariableID:44283:64315",
-        "VariableID:44300:68643",
-        "VariableID:44271:64200",
-        "VariableID:47333:16976",
-        "VariableID:46961:122725",
-        "VariableID:44283:64318",
-        "VariableID:44283:64319",
+        "VariableID:46971:17841",
+        "VariableID:46977:27416",
+        "VariableID:46977:29580",
+        "VariableID:46977:29581",
+        "VariableID:46977:29583",
+        "VariableID:46989:18467",
+        "VariableID:46977:27419",
+        "VariableID:46977:27421",
+        "VariableID:46977:29585",
         "VariableID:44921:4592",
         "VariableID:44921:4593",
         "VariableID:44921:4594",
+        "VariableID:54634:38690",
         "VariableID:44921:10563",
         "VariableID:44883:20780",
         "VariableID:44883:24906",
         "VariableID:44883:24608",
         "VariableID:47783:193767",
+        "VariableID:54634:38691",
         "VariableID:47783:193768",
-        "VariableID:46971:17841",
+        "VariableID:61428:123952",
         "VariableID:47783:193769",
-        "VariableID:46977:27416",
-        "VariableID:46977:29580",
-        "VariableID:46977:29581",
-        "VariableID:46977:29583",
-        "VariableID:46989:18467",
-        "VariableID:46977:27419",
-        "VariableID:46977:27421",
-        "VariableID:46977:29585",
-        "VariableID:47735:23881",
         "VariableID:46871:963",
         "VariableID:49052:102",
         "VariableID:46790:20333",
@@ -823,10 +755,8 @@
         "VariableID:50578:36839",
         "VariableID:49052:103",
         "VariableID:49052:1122",
+        "VariableID:46790:57690",
         "VariableID:46434:259683",
-        "VariableID:48127:24317",
-        "VariableID:48127:24325",
-        "VariableID:48150:71090",
         "VariableID:46434:259677",
         "VariableID:46434:259678",
         "VariableID:46434:259679",
@@ -836,25 +766,11 @@
         "VariableID:46434:259682",
         "VariableID:46434:259685",
         "VariableID:46434:259686",
-        "VariableID:46790:57690",
-        "VariableID:47741:23884",
-        "VariableID:47741:23893",
         "VariableID:48602:92347",
-        "VariableID:49425:38202",
-        "VariableID:50346:24618",
-        "VariableID:50348:22930",
-        "VariableID:47735:23879",
-        "VariableID:47735:23876",
-        "VariableID:47735:23880",
-        "VariableID:47735:23878",
-        "VariableID:47737:23882",
+        "VariableID:56886:3304",
         "VariableID:46871:10801",
         "VariableID:50243:25341",
-        "VariableID:49398:69",
         "VariableID:46408:68807",
-        "VariableID:46408:70160",
-        "VariableID:49398:67",
-        "VariableID:49398:68",
         "VariableID:46408:68803",
         "VariableID:46408:68806",
         "VariableID:46408:70204",
@@ -866,37 +782,32 @@
         "VariableID:44283:66900",
         "VariableID:44921:21016",
         "VariableID:48719:115820",
+        "VariableID:61410:123911",
         "VariableID:48719:115873",
         "VariableID:46581:61953",
         "VariableID:48046:4669",
-        "VariableID:47728:7236",
-        "VariableID:47728:7234",
-        "VariableID:47728:7238",
-        "VariableID:50569:510",
-        "VariableID:46768:1312",
-        "VariableID:46897:13212",
+        "VariableID:49063:51818",
+        "VariableID:51964:11323",
+        "VariableID:51974:11364",
+        "VariableID:51964:11322",
         "VariableID:46550:34530",
         "VariableID:46552:34531",
-        "VariableID:49063:51818",
         "VariableID:46893:49686",
         "VariableID:46893:50283",
         "VariableID:46893:50285",
         "VariableID:46893:50284",
-        "VariableID:45014:30959",
         "VariableID:45014:30944",
         "VariableID:46408:107783",
         "VariableID:49909:7223",
         "VariableID:49909:7224",
         "VariableID:46408:107779",
-        "VariableID:50414:28056",
+        "VariableID:46434:304499",
         "VariableID:46408:107780",
         "VariableID:46408:107781",
-        "VariableID:50603:26426",
         "VariableID:49844:13867",
         "VariableID:49844:13952",
         "VariableID:46741:3641",
         "VariableID:46434:310776",
-        "VariableID:46434:304499",
         "VariableID:46434:304476",
         "VariableID:46434:304642",
         "VariableID:46434:305759",
@@ -905,26 +816,26 @@
         "VariableID:46434:304643",
         "VariableID:46434:305760",
         "VariableID:46386:80458",
-        "VariableID:46937:80692",
         "VariableID:46937:80691",
-        "VariableID:46998:24288",
         "VariableID:46998:24289",
         "VariableID:46998:24287",
         "VariableID:46386:77408",
         "VariableID:46386:77409",
         "VariableID:46386:80499",
         "VariableID:46408:53949",
+        "VariableID:49398:69",
         "VariableID:47226:13296",
         "VariableID:46547:87699",
         "VariableID:46550:33336",
         "VariableID:46547:89332",
-        "VariableID:46547:89333",
         "VariableID:46841:8934",
         "VariableID:46841:9198",
         "VariableID:46841:9202",
         "VariableID:46841:9203",
-        "VariableID:47208:26542",
         "VariableID:46825:8941",
+        "VariableID:58454:1127",
+        "VariableID:58406:745",
+        "VariableID:51502:42739",
         "VariableID:46396:91135",
         "VariableID:46396:91136",
         "VariableID:46396:101273",
@@ -938,21 +849,20 @@
         "VariableID:46396:101306",
         "VariableID:46396:101307",
         "VariableID:46396:101308",
-        "VariableID:47741:23883",
         "VariableID:47961:6310",
         "VariableID:47961:6311",
         "VariableID:49594:14770",
-        "VariableID:46785:21019",
-        "VariableID:46785:21047",
-        "VariableID:46785:21048",
-        "VariableID:46782:21015",
+        "VariableID:53591:1806",
+        "VariableID:53591:1805",
+        "VariableID:53592:5039",
         "VariableID:46782:21016",
         "VariableID:46782:21017",
         "VariableID:46782:21018",
-        "VariableID:49399:22596",
+        "VariableID:46785:21019",
+        "VariableID:46785:21047",
+        "VariableID:46785:21048",
         "VariableID:46396:82803",
         "VariableID:46396:82804",
-        "VariableID:49399:22595",
         "VariableID:46864:40268",
         "VariableID:46588:15143",
         "VariableID:46590:15143",
@@ -960,14 +870,12 @@
         "VariableID:44023:39695",
         "VariableID:46938:18800",
         "VariableID:43373:35292",
-        "VariableID:46741:1312",
         "VariableID:47728:7235",
         "VariableID:47728:7237",
         "VariableID:47728:7239",
         "VariableID:43979:274",
         "VariableID:43373:35315",
         "VariableID:43373:35316",
-        "VariableID:43373:35318",
         "VariableID:44318:24450",
         "VariableID:47958:17170",
         "VariableID:47958:21546",
@@ -976,8 +884,6 @@
         "VariableID:44300:68678",
         "VariableID:45365:12253",
         "VariableID:49594:15491",
-        "VariableID:43373:35358",
-        "VariableID:43373:35373",
         "VariableID:43373:35401",
         "VariableID:43373:35402",
         "VariableID:43373:35403",
@@ -989,13 +895,9 @@
         "VariableID:43373:35421",
         "VariableID:43373:35427",
         "VariableID:43373:35437",
-        "VariableID:43373:35447",
         "VariableID:43343:16783",
         "VariableID:44966:21201",
         "VariableID:44973:32108",
-        "VariableID:46009:22143",
-        "VariableID:46825:8935",
-        "VariableID:46741:3526",
         "VariableID:47877:97571",
         "VariableID:47899:5274",
         "VariableID:47899:5276",
@@ -1017,3144 +919,1410 @@
         "VariableID:48602:96203",
         "VariableID:48602:96204"
       ]
-    },
-    "VariableCollectionId:44837:4512": {
-      "defaultModeId": "44837:0",
-      "hiddenFromPublishing": false,
-      "id": "VariableCollectionId:44837:4512",
-      "isExtension": false,
-      "key": "185550d0a07cd7edc9cd1e48e8a7e79365ad4441",
-      "modes": [
-        {
-          "modeId": "44837:0",
-          "name": "Mode 1"
-        }
-      ],
-      "name": "---",
-      "remote": false,
-      "variableIds": []
     }
   },
   "variables": {
-    "VariableID:30640:10056": {
+    "VariableID:42952:171": {
       "codeSyntax": {},
-      "description": "",
+      "description": "low value fluctuation",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10056",
-      "key": "a53a1d7e838a34ac24ad629ffde0622b3b6df826",
-      "name": "Background",
+      "id": "VariableID:42952:171",
+      "key": "31a28786f4f603caed15957653c7caa6773a3fcd",
+      "name": "cerulean",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "30640:8": {
+        "43138:0": {
           "a": 1,
-          "b": 0.16078431904315948,
-          "g": 0.14901961386203766,
-          "r": 0.12941177189350128
+          "b": 0.7647058963775635,
+          "g": 0.4901960790157318,
+          "r": 0.003921568859368563
         }
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10057": {
+    "VariableID:42952:172": {
       "codeSyntax": {},
-      "description": "",
+      "description": "moderate value fluctuation",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10057",
-      "key": "f9cfa390b97ef553fc269fe915a3465e209e5f8e",
-      "name": "Text/Primary",
+      "id": "VariableID:42952:172",
+      "key": "cb9f4a316184374d81dab14f3c1f558914137769",
+      "name": "emerald",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        },
-        "30640:8": {
+        "43138:0": {
           "a": 1,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "b": 0.5764706134796143,
+          "g": 0.6470588445663452,
+          "r": 0
         }
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10058": {
+    "VariableID:42952:173": {
       "codeSyntax": {},
-      "description": "",
+      "description": "increased value fluctuation",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10058",
-      "key": "98a248fc69f6fae0b464d52ff9d9a46c47f560d5",
-      "name": "Text/Secondary",
+      "id": "VariableID:42952:173",
+      "key": "df1760e0bd3afbfacac02f7a513e37d43ac33ba6",
+      "name": "lemon",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.41960999369621277,
-          "g": 0.41960999369621277,
-          "r": 0.41960999369621277
-        },
-        "30640:8": {
+        "43138:0": {
           "a": 1,
-          "b": 0.5686274766921997,
-          "g": 0.5607843399047852,
-          "r": 0.529411792755127
+          "b": 0,
+          "g": 0.9411764740943909,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10059": {
+    "VariableID:42952:174": {
       "codeSyntax": {},
-      "description": "",
+      "description": "high value fluctuation",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10059",
-      "key": "72bf11d6269fa5d767129e168a4400d8852b218e",
-      "name": "Artwork background",
+      "id": "VariableID:42952:174",
+      "key": "48ccf2fedafb66169daec96f29263bad33338154",
+      "name": "orange",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.9647058844566345,
-          "g": 0.9647058844566345,
-          "r": 0.9647058844566345
-        },
-        "30640:8": {
+        "43138:0": {
           "a": 1,
-          "b": 0.0784313753247261,
-          "g": 0.07058823853731155,
-          "r": 0.05098039284348488
+          "b": 0.11764705926179886,
+          "g": 0.6078431606292725,
+          "r": 0.9803921580314636
         }
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10060": {
+    "VariableID:42952:175": {
       "codeSyntax": {},
-      "description": "",
+      "description": "very high value fluctuation",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10060",
-      "key": "2e7f44cfb5c68088a30fabee9bf377c16916a687",
-      "name": "Change/Addition",
+      "id": "VariableID:42952:175",
+      "key": "305a1e07b39de4412090ea32c673249d5ce5a868",
+      "name": "brightred",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.20000000298023224,
-          "g": 0.48627451062202454,
-          "r": 0.03529411926865578
-        },
-        "30640:8": {
+        "43138:0": {
           "a": 1,
-          "b": 0.29411765933036804,
-          "g": 0.6274510025978088,
-          "r": 0.1568627506494522
+          "b": 0,
+          "g": 0,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10061": {
+    "VariableID:42952:176": {
       "codeSyntax": {},
-      "description": "",
+      "description": "white",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10061",
-      "key": "2dd152710a03005c32447d89df94c1a571e6f3e5",
-      "name": "Change/Removal",
+      "id": "VariableID:42952:176",
+      "key": "72b0f3ace0239eed16b431103d339d2fce26bdce",
+      "name": "white",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.20999999344348907,
-          "g": 0.03500000014901161,
-          "r": 0.84375
-        },
-        "30640:8": {
+        "43138:0": {
           "a": 1,
-          "b": 0.3450980484485626,
-          "g": 0.3333333432674408,
-          "r": 0.9647058844566345
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10062": {
+    "VariableID:42952:177": {
       "codeSyntax": {},
-      "description": "",
+      "description": "black",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10062",
-      "key": "65a2c88c92a61db11e345c6ec8b4f2e5c50ffa41",
-      "name": "Change/Update",
+      "id": "VariableID:42952:177",
+      "key": "a42c89c0dd4704f0649eaa4bf162e9af76071951",
+      "name": "black",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0,
-          "g": 0.27300000190734863,
-          "r": 0.7720000147819519
-        },
-        "30640:8": {
+        "43138:0": {
           "a": 1,
-          "b": 0.1599999964237213,
-          "g": 0.36000001430511475,
-          "r": 0.9399999976158142
+          "b": 0.0941176488995552,
+          "g": 0.0941176488995552,
+          "r": 0.0941176488995552
         }
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10063": {
+    "VariableID:43138:1914": {
       "codeSyntax": {},
-      "description": "",
+      "description": "\b0px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10063",
-      "key": "1eb6431c484943fbe956cab0c8b09937e0459fae",
-      "name": "Artwork stroke",
+      "id": "VariableID:43138:1914",
+      "key": "3216e2fdced75f46e21b4e6b15b3dd98ab810a18",
+      "name": "sizing",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.949999988079071,
-          "g": 0.949999988079071,
-          "r": 0.949999988079071
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.0784313753247261,
-          "g": 0.07058823853731155,
-          "r": 0.05098039284348488
-        }
+        "43138:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10064": {
+    "VariableID:43138:1915": {
       "codeSyntax": {},
-      "description": "",
+      "description": "4px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10064",
-      "key": "26dc3f46e5a03bb33a213e2ad36fb20d98b4af94",
-      "name": "Attributes/Icon stroke",
+      "id": "VariableID:43138:1915",
+      "key": "04699b287631e8cd4c72c6e9d22a2a68eed09eb3",
+      "name": "1",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.41960999369621277,
-          "g": 0.41960999369621277,
-          "r": 0.41960999369621277
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.5686274766921997,
-          "g": 0.5607843399047852,
-          "r": 0.529411792755127
-        }
+        "43138:0": 4
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10065": {
+    "VariableID:43138:1916": {
       "codeSyntax": {},
-      "description": "",
+      "description": "8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10065",
-      "key": "dca7f9d55ffc0718d10313b6ef4dc4532bce75d6",
-      "name": "Attributes/Style fill",
+      "id": "VariableID:43138:1916",
+      "key": "f6a385bb9d08e07d785188d15e1fc24ac9fb3429",
+      "name": "2",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.949999988079071,
-          "g": 0.949999988079071,
-          "r": 0.949999988079071
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.0784313753247261,
-          "g": 0.07058823853731155,
-          "r": 0.05098039284348488
-        }
+        "43138:0": 8
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10066": {
+    "VariableID:43138:1917": {
       "codeSyntax": {},
-      "description": "",
+      "description": "12px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10066",
-      "key": "001690179a9e5bb13cb6783367906c5f612482a6",
-      "name": "Attributes/Style stroke",
+      "id": "VariableID:43138:1917",
+      "key": "16a22fda2e4d1cf3543b87d19cfc6282ccfa90a1",
+      "name": "3",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.8899999856948853,
-          "g": 0.8899999856948853,
-          "r": 0.8899999856948853
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.23137255012989044,
-          "g": 0.21176470816135406,
-          "r": 0.18039216101169586
-        }
+        "43138:0": 12
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10067": {
+    "VariableID:43138:1918": {
       "codeSyntax": {},
-      "description": "",
+      "description": "16px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10067",
-      "key": "fbf6cca1f86d38fb31a6e42f7215efe504f7bf2b",
-      "name": "Attributes/Style text",
+      "id": "VariableID:43138:1918",
+      "key": "69fe6016c41f851e24a17c73951d5c3b1fb407de",
+      "name": "4",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.9764705896377563,
-          "g": 0.9411764740943909,
-          "r": 0.9254902005195618
-        }
+        "43138:0": 16
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10068": {
+    "VariableID:43138:1919": {
       "codeSyntax": {},
-      "description": "",
+      "description": "20px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10068",
-      "key": "a5c02feb36c88c973536ca2e6458de67eb38a891",
-      "name": "Attributes/Variable stroke",
+      "id": "VariableID:43138:1919",
+      "key": "1b59e2d0d8e5bdbaa1a47a19f1c63ee5b334aea6",
+      "name": "5",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.8899999856948853,
-          "g": 0.8899999856948853,
-          "r": 0.8899999856948853
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.23137255012989044,
-          "g": 0.21176470816135406,
-          "r": 0.18039216101169586
-        }
+        "43138:0": 20
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10069": {
+    "VariableID:43138:1920": {
       "codeSyntax": {},
-      "description": "",
+      "description": "24px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10069",
-      "key": "0b1eabef1712352028fc59b40810f36014780622",
-      "name": "Attributes/Variable fill",
+      "id": "VariableID:43138:1920",
+      "key": "14ac477a0ebbd04e95e34ce4b3662fcf16806fce",
+      "name": "6",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.949999988079071,
-          "g": 0.949999988079071,
-          "r": 0.949999988079071
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.0784313753247261,
-          "g": 0.07058823853731155,
-          "r": 0.05098039284348488
-        }
+        "43138:0": 24
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10070": {
+    "VariableID:43138:1921": {
       "codeSyntax": {},
-      "description": "",
+      "description": "28px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10070",
-      "key": "ecdc723ecfe3cdbed90048feb444abd90f4fc230",
-      "name": "Attributes/Variable text",
+      "id": "VariableID:43138:1921",
+      "key": "faf124b319ba7aecb47a23cec4fa1c9902159ddd",
+      "name": "7",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.9764705896377563,
-          "g": 0.9411764740943909,
-          "r": 0.9254902005195618
-        }
+        "43138:0": 28
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10071": {
+    "VariableID:43138:1922": {
       "codeSyntax": {},
-      "description": "",
+      "description": "32px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10071",
-      "key": "c9b1b528a6a74a86acf1a8d33ee1cce0520082cd",
-      "name": "Attributes/Raw value text",
+      "id": "VariableID:43138:1922",
+      "key": "36d7ccbe70b870672f451ec382d6550c6d9e170c",
+      "name": "8",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.41960999369621277,
-          "g": 0.41960999369621277,
-          "r": 0.41960999369621277
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.5686274766921997,
-          "g": 0.5607843399047852,
-          "r": 0.529411792755127
-        }
+        "43138:0": 32
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10072": {
+    "VariableID:43138:1923": {
       "codeSyntax": {},
-      "description": "",
+      "description": "36px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10072",
-      "key": "dfe7ecc241c2b08d5ef91305d3457482c8c4552e",
-      "name": "Attributes/Token fill",
+      "id": "VariableID:43138:1923",
+      "key": "95e07e8e7769b7a936c39341ac52a6ea1b94e44a",
+      "name": "9",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.9647058844566345,
-          "g": 0.9647058844566345,
-          "r": 0.9647058844566345
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.0784313753247261,
-          "g": 0.07058823853731155,
-          "r": 0.05098039284348488
-        }
+        "43138:0": 36
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-        "VariableID:44650:36286": {
+    "VariableID:43138:1924": {
       "codeSyntax": {},
-      "description": "",
+      "description": "40px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44650:36286",
-      "key": "8e51e986ef00e9ed99bb8fc6646a323f6932b1be",
-      "name": "components/sd-audio/__timestamp/color/text",
+      "id": "VariableID:43138:1924",
+      "key": "7ed1d4e4a1507a78f87ae384508bcc522d9ee5b6",
+      "name": "10",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:269",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:278",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 40
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10073": {
+    "VariableID:43138:1925": {
       "codeSyntax": {},
-      "description": "",
+      "description": "44px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10073",
-      "key": "44f299993684e639013ef1252a63fbdf242486b3",
-      "name": "Attributes/Token text",
+      "id": "VariableID:43138:1925",
+      "key": "5025ed9eb182526f391a34e12eb30c0610d09032",
+      "name": "11",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.9764705896377563,
-          "g": 0.9411764740943909,
-          "r": 0.9254902005195618
-        }
+        "43138:0": 44
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10074": {
+    "VariableID:43138:1926": {
       "codeSyntax": {},
-      "description": "",
+      "description": "48px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10074",
-      "key": "ad224b46055b0b5b7d7d8ed74b02c6b122c793c1",
-      "name": "Attributes/Dependency fill",
+      "id": "VariableID:43138:1926",
+      "key": "710e17843964f39ae16a2431d70637bb6c5ec98b",
+      "name": "12",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.949999988079071,
-          "g": 0.949999988079071,
-          "r": 0.949999988079071
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.0784313753247261,
-          "g": 0.07058823853731155,
-          "r": 0.05098039284348488
-        }
+        "43138:0": 48
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10075": {
+    "VariableID:43138:1927": {
       "codeSyntax": {},
-      "description": "",
+      "description": "56px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10075",
-      "key": "4f87e62944c3ce17f432ddc8839cb2a8df001807",
-      "name": "Attributes/Dependency stroke",
+      "id": "VariableID:43138:1927",
+      "key": "e3dcf8a58456aaf283bf9b18e889a1faf8a71058",
+      "name": "14",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.8899999856948853,
-          "g": 0.8899999856948853,
-          "r": 0.8899999856948853
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.23137255012989044,
-          "g": 0.21176470816135406,
-          "r": 0.18039216101169586
-        }
+        "43138:0": 56
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10076": {
+    "VariableID:43138:1928": {
       "codeSyntax": {},
-      "description": "",
+      "description": "64px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10076",
-      "key": "6f0da5f661f1b8ba8a56dbb14c4f90b861fc511d",
-      "name": "Attributes/Dependency text",
+      "id": "VariableID:43138:1928",
+      "key": "45d03843345ca7171840c71c6fb10d42eefed910",
+      "name": "16",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.40784314274787903,
-          "g": 0.40784314274787903,
-          "r": 0.40784314274787903
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        }
+        "43138:0": 64
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44966:31913": {
+    "VariableID:43138:1929": {
       "codeSyntax": {},
-      "description": "",
+      "description": "80px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44966:31913",
-      "key": "9d03277945d1def793bea23053cf2644d4ea5532",
-      "name": "components/sd-accordion/__chevron/color/text",
+      "id": "VariableID:43138:1929",
+      "key": "39f81189d44e8ce2d1a30914d1e9c997831a4180",
+      "name": "20",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:272",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:272",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:313",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:313",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 80
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10077": {
+    "VariableID:43138:1930": {
       "codeSyntax": {},
-      "description": "",
+      "description": "96px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10077",
-      "key": "aef743797e4a2d677ed3901a22730080e77ab38f",
-      "name": "Annotation/Alignment grid",
+      "id": "VariableID:43138:1930",
+      "key": "cfa91e5609d74bc9b47c58a9d99143017c129d39",
+      "name": "24",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.41960999369621277,
-          "g": 0.41960999369621277,
-          "r": 0.41960999369621277
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.5686274766921997,
-          "g": 0.5607843399047852,
-          "r": 0.529411792755127
-        }
+        "43138:0": 96
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10078": {
+    "VariableID:43138:1931": {
       "codeSyntax": {},
-      "description": "",
+      "description": "112px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10078",
-      "key": "7b5b4c0a6e089f6004e6792afe2c3f21d3d21e9e",
-      "name": "Annotation/Direction arrow",
+      "id": "VariableID:43138:1931",
+      "key": "b2cd5102aec8a300ad436cfbe871545275d8ee38",
+      "name": "28",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.41960999369621277,
-          "g": 0.41960999369621277,
-          "r": 0.41960999369621277
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.5686274766921997,
-          "g": 0.5607843399047852,
-          "r": 0.529411792755127
-        }
+        "43138:0": 112
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10079": {
+    "VariableID:43138:1932": {
       "codeSyntax": {},
-      "description": "",
+      "description": "128px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10079",
-      "key": "44ce42e40e869ca21a43a47c122376c699703856",
-      "name": "Annotation/Element outline",
+      "id": "VariableID:43138:1932",
+      "key": "ac168d5031b411a9acc9ed1e69053c52e0670c19",
+      "name": "32",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.5568627715110779,
-          "g": 0.2078431397676468,
-          "r": 0
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.9599999785423279,
-          "g": 0.5400000214576721,
-          "r": 0.3199999928474426
-        }
+        "43138:0": 128
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10080": {
+    "VariableID:43138:1933": {
       "codeSyntax": {},
-      "description": "",
+      "description": "144px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10080",
-      "key": "5c97bd2003267dd66256f4b254c6e8034d307e9d",
-      "name": "Annotation/Element overlay",
+      "id": "VariableID:43138:1933",
+      "key": "6ea4332fa0bc6180f6605121cd08e3cab3519394",
+      "name": "36",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.8352941274642944,
-          "g": 0.5098039507865906,
-          "r": 0.08235294371843338
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.9599999785423279,
-          "g": 0.5400000214576721,
-          "r": 0.3199999928474426
-        }
+        "43138:0": 144
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10081": {
+    "VariableID:43138:1934": {
       "codeSyntax": {},
-      "description": "",
+      "description": "160px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10081",
-      "key": "ee631b6ec13d320c3ad8c77a1131cd1881ec295f",
-      "name": "Annotation/Item spacing overlay",
+      "id": "VariableID:43138:1934",
+      "key": "51638d227317f80cf9f818675e6cc78d372b1918",
+      "name": "40",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.6078431606292725,
-          "g": 0.2078431397676468,
-          "r": 0.3843137323856354
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.1599999964237213,
-          "g": 0.36000001430511475,
-          "r": 0.9399999976158142
-        }
+        "43138:0": 160
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10082": {
+    "VariableID:43138:1935": {
       "codeSyntax": {},
-      "description": "",
+      "description": "176px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10082",
-      "key": "1df0b6006b1b27ba7a44daa8716b9bd5f0aedfa3",
-      "name": "Annotation/Item size",
+      "id": "VariableID:43138:1935",
+      "key": "2a157b3d8dab7bb2168ca7d476670e554895d47c",
+      "name": "44",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.8352941274642944,
-          "g": 0.24705882370471954,
-          "r": 0.529411792755127
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.1599999964237213,
-          "g": 0.36000001430511475,
-          "r": 0.9399999976158142
-        }
+        "43138:0": 176
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10083": {
+    "VariableID:43138:1936": {
       "codeSyntax": {},
-      "description": "",
+      "description": "208px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10083",
-      "key": "eb494e4f7c64afb699fb711f5890e6eab380c348",
-      "name": "Annotation/Item spacing line",
+      "id": "VariableID:43138:1936",
+      "key": "5ab812f466d8c2d8c00aa1848ee2317e9093addf",
+      "name": "52",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.1599999964237213,
-          "g": 0.36000001430511475,
-          "r": 0.9399999976158142
-        }
+        "43138:0": 208
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10084": {
+    "VariableID:43138:1937": {
       "codeSyntax": {},
-      "description": "",
+      "description": "224px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10084",
-      "key": "ffc4deb06aac00426abdfd7c34c4a3c39f39a83e",
-      "name": "Annotation/Padding overlay",
+      "id": "VariableID:43138:1937",
+      "key": "409ae72f5e358ed486882dbc119c9a8ed95919fb",
+      "name": "56",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0,
-          "g": 0.615686297416687,
-          "r": 0.1764705926179886
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0,
-          "g": 0.615686297416687,
-          "r": 0.1764705926179886
-        }
+        "43138:0": 224
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10085": {
+    "VariableID:43138:1938": {
       "codeSyntax": {},
-      "description": "",
+      "description": "256px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10085",
-      "key": "62807592acb00d4ecd5794a237e3c1c580972afe",
-      "name": "Annotation/Padding size",
+      "id": "VariableID:43138:1938",
+      "key": "abe04ab1fe705bcf6097d0445ab3f58bb201ca1e",
+      "name": "64",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0,
-          "g": 0.615686297416687,
-          "r": 0.1764705926179886
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0,
-          "g": 0.615686297416687,
-          "r": 0.1764705926179886
-        }
+        "43138:0": 256
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10086": {
+    "VariableID:43138:1939": {
       "codeSyntax": {},
-      "description": "",
+      "description": "288px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10086",
-      "key": "bedfca9c7d4b685321930d2abccf3d7a0de206aa",
-      "name": "Annotation/Padding line",
+      "id": "VariableID:43138:1939",
+      "key": "d274c127e3eeb20dc82e23e71e5057e39bc63944",
+      "name": "72",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0,
-          "g": 0.615686297416687,
-          "r": 0.1764705926179886
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0,
-          "g": 0.615686297416687,
-          "r": 0.1764705926179886
-        }
+        "43138:0": 288
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10087": {
+    "VariableID:43138:1940": {
       "codeSyntax": {},
-      "description": "",
+      "description": "320px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10087",
-      "key": "51dc4a3cbba1d043d820c1d69653b03525166ee4",
-      "name": "Annotation/Marker fill",
+      "id": "VariableID:43138:1940",
+      "key": "21c0d4409ccdf3a63eb7ba7788e128b8a4009845",
+      "name": "80",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0.40784314274787903,
-          "g": 0.40784314274787903,
-          "r": 0.40784314274787903
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0.1599999964237213,
-          "g": 0.36000001430511475,
-          "r": 0.9399999976158142
-        }
+        "43138:0": 320
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10088": {
+    "VariableID:43138:1941": {
       "codeSyntax": {},
-      "description": "",
+      "description": "384px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10088",
-      "key": "cada6d7ef339599868b09d1c52d1a1f44520a98d",
-      "name": "Annotation/Marker text",
+      "id": "VariableID:43138:1941",
+      "key": "0b6392ce86b14d2f654d435b27a82c9acb0ce95b",
+      "name": "96",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        }
+        "43138:0": 384
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10090": {
+    "VariableID:43138:1942": {
       "codeSyntax": {},
-      "description": "",
+      "description": "1px\b",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10090",
-      "key": "49ac2bc9bf63de38e15de45b453bdf367a9b661f",
-      "name": "Attribute/Horizontal/itemSpacing",
+      "id": "VariableID:43138:1942",
+      "key": "cdd0687109356e06e0d5d2cbe80357b93b0226f3",
+      "name": "px",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 0
+        "43138:0": 1
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:10091": {
+    "VariableID:43138:1943": {
       "codeSyntax": {},
-      "description": "",
+      "description": "2px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:10091",
-      "key": "1b58a9e3187bb8e88acc8146247a595bcab7c98e",
-      "name": "Resources/itemSpacing",
+      "id": "VariableID:43138:1943",
+      "key": "1512c812f193bdf3075c7e6a2ef2e279fd7925ab",
+      "name": "0,5",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 0
+        "43138:0": 2
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8048": {
+    "VariableID:43138:1944": {
       "codeSyntax": {},
-      "description": "",
+      "description": "\b6px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8048",
-      "key": "3f1b7e9c25b8e9e511d4aeeaecf0a5344b47d77a",
-      "name": "Specs/itemSpacing",
+      "id": "VariableID:43138:1944",
+      "key": "6c2146880cd856b63dca26ccc5b40484fc281d49",
+      "name": "1,5",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 128
+        "43138:0": 6
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8049": {
+    "VariableID:43138:1945": {
       "codeSyntax": {},
-      "description": "",
+      "description": "14px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8049",
-      "key": "ef2b9c221cb665149f14f8d53db508141fa37533",
-      "name": "Spec/itemSpacing",
+      "id": "VariableID:43138:1945",
+      "key": "daf049ad4d6c87138eec49bff42264662c270751",
+      "name": "3,5",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 48
+        "43138:0": 14
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8050": {
+    "VariableID:43138:1946": {
       "codeSyntax": {},
-      "description": "",
+      "description": "10px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8050",
-      "key": "d1144925ee558c678f92e4a233d28c75ffb20ae7",
-      "name": "Title/itemSpacing",
+      "id": "VariableID:43138:1946",
+      "key": "f6e71f47dbaee6354b6a506ccadab9f9b2e47d8a",
+      "name": "2,5",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 48
+        "43138:0": 10
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8051": {
+    "VariableID:43138:1947": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8051",
-      "key": "533875f0dec6b8cc2e2c20911fea664328d0b05d",
-      "name": "Title/padding",
+      "id": "VariableID:43138:1947",
+      "key": "7b90939a3491af86a77fb1610f9e155868b039e5",
+      "name": "opacity-0",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 32
+        "43138:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8052": {
+    "VariableID:43138:1948": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8052",
-      "key": "db635f24c1f42322f267972c697e1a336e31cacf",
-      "name": "Section/itemSpacing",
+      "id": "VariableID:43138:1948",
+      "key": "ebf755ab9b291ea74e05aeebbba2d11fa5ec3101",
+      "name": "opacity-5",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 48
+        "43138:0": 5
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8053": {
+    "VariableID:43138:1949": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8053",
-      "key": "277a1bd75b491a2766452758de6844b5a5ba16c2",
-      "name": "Section/padding",
+      "id": "VariableID:43138:1949",
+      "key": "0e1b4bf54f46096a4e6dd2e638375bf0cc17fa76",
+      "name": "opacity-10",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 32
+        "43138:0": 10
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8054": {
+    "VariableID:43138:1950": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8054",
-      "key": "824f63807d4a1e2449f9a9cbd853180a3cba24cf",
-      "name": "Subsection/itemSpacing",
+      "id": "VariableID:43138:1950",
+      "key": "058cc2fae507a04cb6402d02479270124fa68747",
+      "name": "opacity-20",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 40
+        "43138:0": 20
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8055": {
+    "VariableID:43138:1951": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8055",
-      "key": "27ca4d1a1945608141b8471827aa2272fd5ed697",
-      "name": "Subsection/Title/itemSpacing",
+      "id": "VariableID:43138:1951",
+      "key": "4304162272093a0e444f70c75ea185f9f7be6c53",
+      "name": "opacity-30",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 16
+        "43138:0": 30
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8056": {
+    "VariableID:43138:1952": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8056",
-      "key": "c01bc3c015552be72a7135bf37ceb84392aff882",
-      "name": "Subsection/Exhibits/itemSpacing",
+      "id": "VariableID:43138:1952",
+      "key": "9c25364068160a56e311e3a7a84bc565c2741fb0",
+      "name": "opacity-50",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 40
+        "43138:0": 50
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8057": {
+    "VariableID:43138:1953": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8057",
-      "key": "ed719db6a5a8fa2553bfd4cfbbcc307d676322db",
-      "name": "Table/itemSpacing",
+      "id": "VariableID:43138:1953",
+      "key": "ebc7d9f965590380cab788768ffa6e6b5f914fc3",
+      "name": "opacity-55",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 16
+        "43138:0": 55
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8058": {
+    "VariableID:43138:1954": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8058",
-      "key": "58ff823aa65186ae670a8b8db34d9876f309fbfb",
-      "name": "Table/Column Header/itemSpacing",
+      "id": "VariableID:43138:1954",
+      "key": "5f2a27f5ce55a1c3003367458ee54c74d2348ec1",
+      "name": "opacity-60",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 32
+        "43138:0": 60
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8059": {
+    "VariableID:43138:1955": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8059",
-      "key": "2c5272465a7ec8aa2c3aa3b253eaa164e160f90a",
-      "name": "Table/Row/itemSpacing",
+      "id": "VariableID:43138:1955",
+      "key": "c2172b0685f6c2a5b54cd285761594660bda0280",
+      "name": "opacity-70",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 32
+        "43138:0": 70
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8060": {
+    "VariableID:43138:1956": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8060",
-      "key": "fe7009ce76e1598699eb101f8e666517641ecb97",
-      "name": "Element/Horizontal/itemSpacing",
+      "id": "VariableID:43138:1956",
+      "key": "f1e01f15e3b8e8cdca86818bcb325d8eca2b8d40",
+      "name": "opacity-75",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 32
+        "43138:0": 75
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8061": {
+    "VariableID:43138:1957": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8061",
-      "key": "f2724f5ed93beb44144f7d5e10831210c4c6536c",
-      "name": "Element/Vertical/itemSpacing",
+      "id": "VariableID:43138:1957",
+      "key": "797ccf6a63a5a2988e840483f4944077728f08c3",
+      "name": "opacity-80",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 8
+        "43138:0": 80
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8062": {
+    "VariableID:43138:1958": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8062",
-      "key": "c7a620daba97bae71211634e95220622b7f6370a",
-      "name": "Element/Anatomy/paddingLeft",
+      "id": "VariableID:43138:1958",
+      "key": "abc72d5e4baad7733042e9bddff24d2534f2246e",
+      "name": "opacity-85",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 28
+        "43138:0": 85
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8063": {
+    "VariableID:43138:1959": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8063",
-      "key": "a8e851d47a98083ec90f91a055ce03a3402f79d5",
-      "name": "Element/Name/itemSpacing",
+      "id": "VariableID:43138:1959",
+      "key": "a0b57a5c5e2f574583c0ac5733f217c84552feeb",
+      "name": "opacity-90",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 6
+        "43138:0": 90
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8064": {
+    "VariableID:43138:1960": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8064",
-      "key": "dc9cc79bcaca94d13b64ffd80d38d9030bdc1549",
-      "name": "Attribute/Vertical/itemSpacing",
+      "id": "VariableID:43138:1960",
+      "key": "106d0c1ea3303ff9dd5e13002b7d85b46f53067c",
+      "name": "opacity-1",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 4
+        "43138:0": 100
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8065": {
+    "VariableID:43174:55601": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8065",
-      "key": "d8a6431525570078843e724118a5e3f558f815ae",
-      "name": "Attribute/Layer/itemSpacing",
+      "id": "VariableID:43174:55601",
+      "key": "65e7cbb526c01ca9dbcfab8b607157ed4fbb73f3",
+      "name": "opacity-2",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 4
+        "43138:0": 2
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8066": {
+    "VariableID:43343:15190": {
       "codeSyntax": {},
-      "description": "",
+      "description": "14px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8066",
-      "key": "ac83ed43aa7985423a725ec11d3365dab3d6d61b",
-      "name": "Attribute/Layer/paddingVertical",
+      "id": "VariableID:43343:15190",
+      "key": "b6a598c20934f3910dbabfd30926ddb2807d8fb1",
+      "name": "text-sm",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 4
+        "43138:0": 14
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8067": {
+    "VariableID:43343:15191": {
       "codeSyntax": {},
-      "description": "",
+      "description": "16px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8067",
-      "key": "9cc80033615b375bf7fa610e1d386b84779d7ec3",
-      "name": "Attribute/Style/paddingHorizontal",
+      "id": "VariableID:43343:15191",
+      "key": "8eb0c982a7ffbafb4f25ed769b04e336d14bb6a9",
+      "name": "text-base",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 9
+        "43138:0": 16
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8068": {
+    "VariableID:43343:15192": {
       "codeSyntax": {},
-      "description": "",
+      "description": "20px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8068",
-      "key": "e7d6e6e7a78486109d953718715e68e1d9829b24",
-      "name": "Attribute/Style/itemSpacing",
+      "id": "VariableID:43343:15192",
+      "key": "5f7c63193980b6ceb306bb8e0af5b804dcf0c2a0",
+      "name": "text-lg",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 6
+        "43138:0": 20
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8069": {
+    "VariableID:43343:15193": {
       "codeSyntax": {},
-      "description": "",
+      "description": "24px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8069",
-      "key": "29ae3f7545ea133870290fecaae57c25bb28994c",
-      "name": "Attribute/Variable/paddingHorizontal",
+      "id": "VariableID:43343:15193",
+      "key": "0a145478e7ea417f0611f2eb900ad948491dfed1",
+      "name": "text-xl",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 6
+        "43138:0": 24
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8070": {
+    "VariableID:43343:15194": {
       "codeSyntax": {},
-      "description": "",
+      "description": "28px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8070",
-      "key": "e90eb1975d34ecc3aec5ee7d4074cf8afd35eadb",
-      "name": "Attribute/Variable/paddingVertical",
+      "id": "VariableID:43343:15194",
+      "key": "44886f2c15b496dac1c8363ffba80ce652f5daf0",
+      "name": "text-2xl",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 3.5
+        "43138:0": 28
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8071": {
+    "VariableID:43343:15195": {
       "codeSyntax": {},
-      "description": "",
+      "description": "32px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8071",
-      "key": "b41a6c7eb9e01dd38db6fa6274b9b1d37456a72e",
-      "name": "Attribute/Variable/itemSpacing",
+      "id": "VariableID:43343:15195",
+      "key": "dd9d8dce8b2a6564e81e24c4196b50ae85b17161",
+      "name": "text-3xl",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 4
+        "43138:0": 32
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8072": {
+    "VariableID:43343:15196": {
       "codeSyntax": {},
-      "description": "",
+      "description": "40px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8072",
-      "key": "e112233a9c146bab4f3ab3c968febab1e3edc9ec",
-      "name": "Attribute/Variable/Color/paddingLeft",
+      "id": "VariableID:43343:15196",
+      "key": "8c00cdfeb30be519b27909768191b8abd60a4a5c",
+      "name": "text-4xl",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 4
+        "43138:0": 40
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8073": {
+    "VariableID:43343:15197": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8073",
-      "key": "48f1e37a30b2de7f1ab2b5306917361482646999",
-      "name": "Attribute/Token Studio/itemSpacing",
+      "id": "VariableID:43343:15197",
+      "key": "6534e99dcecacba2260ae855cb409fd7d13cee6b",
+      "name": "border-0",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 6
+        "43138:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8074": {
+    "VariableID:43343:15198": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default border width",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8074",
-      "key": "a9eb6733165eb4fb2b66f244a024510ba3edb853",
-      "name": "Attribute/Token Studio/paddingLeft",
+      "id": "VariableID:43343:15198",
+      "key": "9ae88ef31c3e733b457190acc71f7639eff571d9",
+      "name": "border",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 6
+        "43138:0": 1
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8075": {
+    "VariableID:43343:15199": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8075",
-      "key": "d38a3231b81ea5b82e5655038fd64c840b7e7233",
-      "name": "Attribute/Token Studio/paddingRight",
+      "id": "VariableID:43343:15199",
+      "key": "6cc4ff5264ac08060383eede97747fbb699fccef",
+      "name": "border-2",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 8
+        "43138:0": 2
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8076": {
+    "VariableID:43343:15200": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8076",
-      "key": "737470239a9cbd3500a0b4524d0dfa7833e1c11c",
-      "name": "Option/itemSpacing",
+      "id": "VariableID:43343:15200",
+      "key": "c29aff98e931c258749a0a50144542de583cd52d",
+      "name": "border-4",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 8
+        "43138:0": 4
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8077": {
+    "VariableID:43343:15201": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8077",
-      "key": "b9d97754665d23a3da00889001bb6b8734ef6f10",
-      "name": "Option/Label/itemSpacing",
+      "id": "VariableID:43343:15201",
+      "key": "4c6e3af3083fbbf1c813185bec1c6626d44a6210",
+      "name": "border-6",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 4
+        "43138:0": 6
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8078": {
+    "VariableID:43343:15202": {
       "codeSyntax": {},
-      "description": "",
+      "description": "For pill buttons / shapes",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8078",
-      "key": "2445ff16ecbadc8ec26ff73bc7b465ea58e60fd3",
-      "name": "Exhibit/Anatomy/itemSpacing",
+      "id": "VariableID:43343:15202",
+      "key": "54b7042191aa1f7591c227e75ff4ce3b3b99ee64",
+      "name": "rounded-full",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 40
+        "43138:0": 9999
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8079": {
+    "VariableID:43343:15203": {
       "codeSyntax": {},
-      "description": "",
+      "description": "For pill buttons / shapes",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8079",
-      "key": "380bfbf40b487785d021dce52f5aa5b36b9c573b",
-      "name": "Exhibit/Horizontal/itemSpacing",
+      "id": "VariableID:43343:15203",
+      "key": "227505a00e2a13989915d7ecc6980d4787fbafff",
+      "name": "rounded",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 64
+        "43138:0": 4
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8080": {
+    "VariableID:43343:15204": {
       "codeSyntax": {},
-      "description": "",
+      "description": "No rounding",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8080",
-      "key": "f12aa8f06c6bb9c899597f514fb1d14159de7282",
-      "name": "Exhibit/Vertical/paddingBottom",
+      "id": "VariableID:43343:15204",
+      "key": "6775efb013bab52703100ab848d4e9597be75869",
+      "name": "rounded-none",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 40
+        "43138:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8081": {
+    "VariableID:43343:15205": {
       "codeSyntax": {},
-      "description": "",
+      "description": "2px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8081",
-      "key": "2e57fc8c351103216107377f6feb0dc2f347a171",
-      "name": "Exhibit/Vertical/itemSpacing",
+      "id": "VariableID:43343:15205",
+      "key": "5415e5ae980706b99ad30d747f3983b16ac16daf",
+      "name": "rounded-sm",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 16
+        "43138:0": 2
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8082": {
+    "VariableID:43343:15206": {
       "codeSyntax": {},
-      "description": "",
+      "description": "6px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8082",
-      "key": "91fa1715df3b6d92a99856c2d9fc4ff0252584b4",
-      "name": "Exhibit/Vertical/Table/itemSpacing",
+      "id": "VariableID:43343:15206",
+      "key": "c84bbe1aabc31bf4250bc905e2b99d1e1e80ba64",
+      "name": "rounded-md",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 32
+        "43138:0": 6
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:30640:8083": {
+    "VariableID:43343:15207": {
       "codeSyntax": {},
-      "description": "",
+      "description": "8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:30640:8083",
-      "key": "4b869cf222d64f4b257eb09924bbf216ee8b203f",
-      "name": "Exhibit/Content/itemSpacing",
+      "id": "VariableID:43343:15207",
+      "key": "9fe30294095750b45c0c54149a2348047d80d286",
+      "name": "rounded-\blg",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "30640:6": 24
+        "43138:0": 8
       },
-      "variableCollectionId": "VariableCollectionId:30640:7978"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:31668:386": {
+    "VariableID:43343:15208": {
       "codeSyntax": {},
-      "description": "",
+      "description": "12px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:31668:386",
-      "key": "21d1debd7c8b39efc17d63263a88e06027bf1098",
-      "name": "Annotation/Padding pill background",
+      "id": "VariableID:43343:15208",
+      "key": "55bbe6014384b3a5a080cdf652dfe780e6cf1305",
+      "name": "rounded-xl",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0,
-          "g": 0.490200012922287,
-          "r": 0
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0,
-          "g": 0.490200012922287,
-          "r": 0
-        }
+        "43138:0": 12
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:31668:387": {
+    "VariableID:43343:15209": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:31668:387",
-      "key": "7c628875f6b86c8f662510d53b8910177a7d4669",
-      "name": "Annotation/Gap pill background",
+      "id": "VariableID:43343:15209",
+      "key": "04304b1da58f06e33888fb70fad7f1eab5fcba10",
+      "name": "font-normal",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "STRING",
+      "scopes": [],
       "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 0,
-          "g": 0.27300000190734863,
-          "r": 0.7720000147819519
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 0,
-          "g": 0.27300000190734863,
-          "r": 0.7720000147819519
-        }
+        "43138:0": "Bk"
       },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:31668:388": {
+    "VariableID:43343:15210": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:31668:388",
-      "key": "b9ddbe44e949015556e970d4e387b81fc9a0ba93",
-      "name": "Annotation/Spacer pill text",
+      "id": "VariableID:43343:15210",
+      "key": "3597e93590b1f68561f766abe6837dbf59056d14",
+      "name": "font-bold",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "30640:7": {
-          "a": 1,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "30640:8": {
-          "a": 1,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:30640:10055"
-    },
-    "VariableID:42952:171": {
-      "codeSyntax": {},
-      "description": "low value fluctuation",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:42952:171",
-      "key": "e63af9e5d12593424bc4e3026ec8da3da900f550",
-      "name": "cerulean",
-      "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "STRING",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.7647058963775635,
-          "g": 0.4901960790157318,
-          "r": 0.003921568859368563
-        }
+        "43138:0": "Bold"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:42952:172": {
+    "VariableID:43343:16783": {
       "codeSyntax": {},
-      "description": "moderate value fluctuation",
+      "deletedButReferenced": true,
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:42952:172",
-      "key": "ebe916115bbf088079d4e10b14d858a154962ae5",
-      "name": "emerald",
+      "id": "VariableID:43343:16783",
+      "key": "8a82d885476e2cbde7b3f64aaafde2725a346a25",
+      "name": "sd-button/border-width",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.5764706134796143,
-          "g": 0.6470588445663452,
-          "r": 0
+        "43174:13": {
+          "id": "VariableID:43343:15198",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43343:15198",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43343:15198",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43343:15198",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:42952:173": {
+    "VariableID:43343:21080": {
       "codeSyntax": {},
-      "description": "increased value fluctuation",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:42952:173",
-      "key": "a935fe9c3af5cb087194088541d7be43ebad1dc9",
-      "name": "lemon",
+      "description": "Used for text 3xl, mobile text 4xl (size: 32, line-height: 120%)",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:43343:21080",
+      "key": "443a9aa8d05a036cb52a61e81ea4d504865679dc",
+      "name": "leading-9,5",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0,
-          "g": 0.9411764740943909,
-          "r": 1
-        }
+        "43138:0": 38.400001525878906
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:42952:174": {
+    "VariableID:43343:21081": {
       "codeSyntax": {},
-      "description": "high value fluctuation",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:42952:174",
-      "key": "7b63660a029d70cb95c0b4ba44e1344cfa08add1",
-      "name": "orange",
+      "description": "Used for mobile text lg (size: 20, line-height: 150%)",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:43343:21081",
+      "key": "0149ae570463ed9718119164c8878737beff5086",
+      "name": "leading-8",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.11764705926179886,
-          "g": 0.6078431606292725,
-          "r": 0.9803921580314636
-        }
+        "43138:0": 30
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:42952:175": {
+    "VariableID:43343:21082": {
       "codeSyntax": {},
-      "description": "very high value fluctuation",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:42952:175",
-      "key": "856b15f59c912beb21c0eae9a3d1dcce62d92b7e",
-      "name": "brightred",
+      "description": "Used for text base (size: 16, line-height: 150%)",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:43343:21082",
+      "key": "20c32e94e53b3f4f7a2f390d99797e18a494bd08",
+      "name": "leading-9",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0,
-          "g": 0,
-          "r": 1
-        }
+        "43138:0": 36
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:42952:176": {
+    "VariableID:43343:21083": {
       "codeSyntax": {},
-      "description": "white",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:42952:176",
-      "key": "72fb1b9285eb39ff5bb3f7f977b8ea6bec04571a",
-      "name": "white",
+      "description": "Used for text 3xl (size: 32, line-height: 120%)",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:43343:21083",
+      "key": "903e3581c536b181fe51ddcba6c34174403e2373",
+      "name": "leading-12",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        }
+        "43138:0": 48
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:42952:177": {
+    "VariableID:43343:21084": {
       "codeSyntax": {},
-      "description": "black",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:42952:177",
-      "key": "905d09b44b843a2747fa4552400576835a240624",
-      "name": "black",
+      "description": "Used for text xl (size: 24, line-height: 120%)",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:43343:21084",
+      "key": "0eb3e6b197e8edbb8b4d7849a4cd9b5ebecdc0ad",
+      "name": "leading-7",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        }
+        "43138:0": 28.799999237060547
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1914": {
+    "VariableID:43343:21085": {
       "codeSyntax": {},
-      "description": "\b0px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1914",
-      "key": "6cbca96e8235d1d6a45afc221c0663ddd44a8f85",
-      "name": "sizing",
+      "description": "Used for text base (size: 16, line-height: 150%)",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:43343:21085",
+      "key": "869ee3e5e24e053d94816c381acab0dfd99b8fde",
+      "name": "leading-6",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 0
+        "43138:0": 24
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1915": {
+    "VariableID:43343:21086": {
       "codeSyntax": {},
-      "description": "4px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1915",
-      "key": "96da215a8c05f51d5171acdec58ff33e0ec2c0ca",
-      "name": "1",
+      "description": "Used for text sm (size: 14, line-height: 150%)",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:43343:21086",
+      "key": "e2cba5bd5f69b406346c7023f367091e3fadb8b8",
+      "name": "leading-5",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 4
+        "43138:0": 21
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1916": {
+    "VariableID:43343:21090": {
       "codeSyntax": {},
-      "description": "8px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1916",
-      "key": "fa33e36a33670bb82cbe2eea84f6a6df2c7bc5bc",
-      "name": "2",
+      "description": "Used for text base compact (size: 16, line-height: 100%)",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:43343:21090",
+      "key": "8233d7aa904dafb6cd5c14b22ef329aba8e8237a",
+      "name": "leading-4",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 8
+        "43138:0": 16
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1917": {
+    "VariableID:43343:21094": {
       "codeSyntax": {},
-      "description": "12px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1917",
-      "key": "b694e5fcfed9deb072ac6607a5d39fb3a3fda44e",
-      "name": "3",
+      "description": "Used for text xl, mobile text 3xl (size: 28, line-height: 120%)",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:43343:21094",
+      "key": "3f51fa1b629a73c71e89ca3a94c4a877b81fdba7",
+      "name": "leading-8,5",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 12
+        "43138:0": 33.599998474121094
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1918": {
+    "VariableID:43343:21095": {
       "codeSyntax": {},
-      "description": "16px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1918",
-      "key": "c96cdd21b74f976a8134bbc739d8ebc811e0119d",
-      "name": "4",
+      "description": "Used for text sm compact (size: 14, line-height: 100%)",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:43343:21095",
+      "key": "877dfa15d7dd68288cab492a17575cdeb2bf6cd9",
+      "name": "leading-3",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 16
+        "43138:0": 14
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1919": {
+    "VariableID:43343:21096": {
       "codeSyntax": {},
-      "description": "20px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1919",
-      "key": "2a57dc7588e6fb59c0c1742749d0212246c3ccf8",
-      "name": "5",
+      "description": "Used for text 4xl (size: 40, line-height: 120%)",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:43343:21096",
+      "key": "c66b5c52ae606c66c3b570101fb3e30ed28267f8",
+      "name": "leading-15",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 20
+        "43138:0": 60
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1920": {
+    "VariableID:43372:21097": {
       "codeSyntax": {},
-      "description": "24px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1920",
-      "key": "901bc072867f839c048359f01d8c18220c39313e",
-      "name": "6",
+      "id": "VariableID:43372:21097",
+      "key": "b71da6e5af9861a8cb02fabe7928a516c1d4b75d",
+      "name": "letter-spacing-none",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 24
+        "43138:0": 0
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1921": {
+    "VariableID:43372:21101": {
       "codeSyntax": {},
-      "description": "28px",
+      "deletedButReferenced": true,
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1921",
-      "key": "4f2388daf605447b1aa2c665d41799f9be414ba3",
-      "name": "7",
+      "id": "VariableID:43372:21101",
+      "key": "5589c2e90102cce9643ebf8158e51090326b7a13",
+      "name": "sd-button/letter-spacing",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 28
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1922": {
-      "codeSyntax": {},
-      "description": "32px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1922",
-      "key": "8378097b8452ea3efb64cef0b994d8b94ab4477b",
-      "name": "8",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 32
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1923": {
-      "codeSyntax": {},
-      "description": "36px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1923",
-      "key": "6b62e4fe6d921d6b9b5aaa575da5c029b622ff77",
-      "name": "9",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 36
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1924": {
-      "codeSyntax": {},
-      "description": "40px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1924",
-      "key": "a1ec0d4a1a0794248d0f0f7cd0daced6de6973b6",
-      "name": "10",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 40
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1925": {
-      "codeSyntax": {},
-      "description": "44px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1925",
-      "key": "a61b948d015a8c6f769e4a7fb0f56d0e3f097a66",
-      "name": "11",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 44
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1926": {
-      "codeSyntax": {},
-      "description": "48px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1926",
-      "key": "753f0193194f004988c3ecbb116a50c8b709c336",
-      "name": "12",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 48
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1927": {
-      "codeSyntax": {},
-      "description": "56px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1927",
-      "key": "e99a8b6da3d69031d961e0056ea047f253e47c2c",
-      "name": "14",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 56
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1928": {
-      "codeSyntax": {},
-      "description": "64px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1928",
-      "key": "3d90c88bc89778cd593a0553735356681df3a748",
-      "name": "16",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 64
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1929": {
-      "codeSyntax": {},
-      "description": "80px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1929",
-      "key": "d4f58ba2cb2558bb09c97271f8d1712b407de57d",
-      "name": "20",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 80
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1930": {
-      "codeSyntax": {},
-      "description": "96px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1930",
-      "key": "0cb16d257d9fa5c93721b9abc254239fc9314f1a",
-      "name": "24",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 96
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1931": {
-      "codeSyntax": {},
-      "description": "112px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1931",
-      "key": "e23df93e1d7525406639b15b5ff379d98132eeab",
-      "name": "28",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 112
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1932": {
-      "codeSyntax": {},
-      "description": "128px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1932",
-      "key": "3ebe2dbb932901db5620cea9b7be5f2e5330ba12",
-      "name": "32",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 128
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1933": {
-      "codeSyntax": {},
-      "description": "144px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1933",
-      "key": "059baa4a28c8852a47ae4710070cafa15d42faa7",
-      "name": "36",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 144
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1934": {
-      "codeSyntax": {},
-      "description": "160px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1934",
-      "key": "72f4a53347f54405a8d6fa6d45e55bbae263defc",
-      "name": "40",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 160
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1935": {
-      "codeSyntax": {},
-      "description": "176px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1935",
-      "key": "71ca2fa3c4d4d6308ebb56f07a253a0dcef7a892",
-      "name": "44",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 176
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1936": {
-      "codeSyntax": {},
-      "description": "208px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1936",
-      "key": "de8fd550111d9d1171b893f13f8a99366fd3a2bc",
-      "name": "52",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 208
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1937": {
-      "codeSyntax": {},
-      "description": "224px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1937",
-      "key": "12fd93abbc3b39536e5eba769a55b55b24668793",
-      "name": "56",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 224
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1938": {
-      "codeSyntax": {},
-      "description": "256px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1938",
-      "key": "07a6cb4b4ecd0843d291b5140ea68bb7846261dd",
-      "name": "64",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 256
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1939": {
-      "codeSyntax": {},
-      "description": "288px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1939",
-      "key": "4d71f24080fa1d6fcd57238e5a02b4a01f3f1fa9",
-      "name": "72",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 288
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1940": {
-      "codeSyntax": {},
-      "description": "320px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1940",
-      "key": "74eaabbe60dcba12bca7fea1b49e98079d22475b",
-      "name": "80",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 320
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1941": {
-      "codeSyntax": {},
-      "description": "384px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1941",
-      "key": "a0a198c90e11a9344be142e4dda693ea3f3b66da",
-      "name": "96",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 384
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1942": {
-      "codeSyntax": {},
-      "description": "1px\b",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1942",
-      "key": "06ca5520e003ca760c6e7b005f24737803ce7cc0",
-      "name": "px",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 1
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1943": {
-      "codeSyntax": {},
-      "description": "2px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1943",
-      "key": "c6b25c140ab2678fed1149e3fbba7d3896acf240",
-      "name": "0,5",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 2
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1944": {
-      "codeSyntax": {},
-      "description": "\b6px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1944",
-      "key": "497026f81e0edb272e18341e4a4f281606bc9ee1",
-      "name": "1,5",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 6
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1945": {
-      "codeSyntax": {},
-      "description": "14px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1945",
-      "key": "c7b135ba491f10e2107c4e3b02126a62c0d07ab8",
-      "name": "3,5",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 14
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1946": {
-      "codeSyntax": {},
-      "description": "10px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1946",
-      "key": "913662099a38898de51cad5c9d69f7a385e02289",
-      "name": "2,5",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 10
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1947": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1947",
-      "key": "46d30322b307d71d5f70c48f75dbd2834b2b5ac6",
-      "name": "opacity-0",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 0
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1948": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1948",
-      "key": "acd7f1852659d0df76db3f80e074aaf21de95ea9",
-      "name": "opacity-5",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 5
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1949": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1949",
-      "key": "587d3850d2525f558d623f4612f37eeb30e5ccc7",
-      "name": "opacity-10",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 10
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1950": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1950",
-      "key": "cc08540da8d67a77f7cacd949400714401695b44",
-      "name": "opacity-20",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 20
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1951": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1951",
-      "key": "c5b681b4260504e7d597fcde8f339d5df42d5544",
-      "name": "opacity-30",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 30
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1952": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1952",
-      "key": "8dd4ea94fadf6a62dd3278624c48b284336fd36e",
-      "name": "opacity-50",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 50
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1953": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1953",
-      "key": "9c815cf5e3cbfc5bafc9ac24646531dc1c9839e1",
-      "name": "opacity-55",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 55
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1954": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1954",
-      "key": "359fac91b8f9297e0c487aa19950b7edc6fe154a",
-      "name": "opacity-60",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 60
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1955": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1955",
-      "key": "265674c39ae4ea389739ff8a0b06055004c08a98",
-      "name": "opacity-70",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 70
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1956": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1956",
-      "key": "c502f52983f9c62b43588d574127b35714e00ebc",
-      "name": "opacity-75",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 75
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1957": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1957",
-      "key": "a225c504db39d957e7ae7511890176c42c1a178b",
-      "name": "opacity-80",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 80
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1958": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1958",
-      "key": "50e528898068f1871734755d75b75a7ca7d2b58d",
-      "name": "opacity-85",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 85
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1959": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1959",
-      "key": "34146e562e1f890699e8ed8f76aae95e52fbf3e5",
-      "name": "opacity-90",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 90
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1960": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1960",
-      "key": "e316c667cded9399e1e20f76cc4a045facfea48d",
-      "name": "opacity-1",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 100
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43174:55601": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43174:55601",
-      "key": "10a079f0ca975875c37c47fb3aa6a3dff20b78e4",
-      "name": "opacity-2",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 2
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15190": {
-      "codeSyntax": {},
-      "description": "14px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15190",
-      "key": "7a735e88b8f314396ef9e41164affb92d89de7c8",
-      "name": "text-sm",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 14
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15191": {
-      "codeSyntax": {},
-      "description": "16px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15191",
-      "key": "fc8120c5748636abc9346296d752a2a73c47b3fc",
-      "name": "text-base",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 16
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15192": {
-      "codeSyntax": {},
-      "description": "20px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15192",
-      "key": "2dfdb19c2fbe59bfc54e9487f1dbb4e316894b7e",
-      "name": "text-lg",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 20
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15193": {
-      "codeSyntax": {},
-      "description": "24px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15193",
-      "key": "c64ecd13d6cab33db248d87d420b3c4c0911a60a",
-      "name": "text-xl",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 24
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15194": {
-      "codeSyntax": {},
-      "description": "28px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15194",
-      "key": "ff0595582ce46a2d9a4ec8c58c2153aeaf5130e4",
-      "name": "text-2xl",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 28
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15195": {
-      "codeSyntax": {},
-      "description": "32px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15195",
-      "key": "ad2af8b01f8427c0983fbb8827b203f61c962f45",
-      "name": "text-3xl",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 32
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15196": {
-      "codeSyntax": {},
-      "description": "40px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15196",
-      "key": "0fb0dd13c05b247cd2ccb77c4a655738fa0b5819",
-      "name": "text-4xl",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 40
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15197": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15197",
-      "key": "fbbcc81e2bf58fdb50b14ee9c1cd727258f5f8da",
-      "name": "border-0",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 0
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15198": {
-      "codeSyntax": {},
-      "description": "Default border width",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15198",
-      "key": "1b418d9575a8007af486c3be79c838d8c9fc848e",
-      "name": "border",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 1
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15199": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15199",
-      "key": "ae2114782ef8a0cb5c0841e809b2dece064ef03f",
-      "name": "border-2",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 2
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15200": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15200",
-      "key": "d4ff26540b1bacc4e053ee72050e11bc0bd212ef",
-      "name": "border-4",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 4
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15201": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15201",
-      "key": "86fcc3f7db4f653a7a1608d4be5323d22306e72c",
-      "name": "border-6",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 6
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15202": {
-      "codeSyntax": {},
-      "description": "For pill buttons / shapes",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15202",
-      "key": "043051c9da6dc19ec582bae4e998ca7da435198b",
-      "name": "rounded-full",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 9999
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15203": {
-      "codeSyntax": {},
-      "description": "For pill buttons / shapes",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15203",
-      "key": "1afce73872237a2d75bdaa8fe1d3182a7ee2c3e8",
-      "name": "rounded",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 4
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15204": {
-      "codeSyntax": {},
-      "description": "No rounding",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15204",
-      "key": "e1bf70dfd6e47488caba5a42638c35e4fcb3277b",
-      "name": "rounded-none",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 0
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15205": {
-      "codeSyntax": {},
-      "description": "2px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15205",
-      "key": "c6807094d852f1c24b831a506456a90f68100413",
-      "name": "rounded-sm",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 2
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15206": {
-      "codeSyntax": {},
-      "description": "6px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15206",
-      "key": "8d1592d05d3260fee5b7105be4e76627b5581226",
-      "name": "rounded-md",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 6
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15207": {
-      "codeSyntax": {},
-      "description": "8px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15207",
-      "key": "326c7fbd6c725669094f495c76c9414f923ff36f",
-      "name": "rounded-\blg",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 8
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15208": {
-      "codeSyntax": {},
-      "description": "12px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15208",
-      "key": "0532f61700b50ea0d2c017289c72b86139246070",
-      "name": "rounded-xl",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 12
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15209": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15209",
-      "key": "232462113a85e376d130493d05eccf4018c9f254",
-      "name": "font-normal",
-      "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": "Bk"
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:15210": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15210",
-      "key": "50035343c1d0ae79bfd588936b91e8aa280c8f93",
-      "name": "font-bold",
-      "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": "Bold"
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:16783": {
-      "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43343:16783",
-      "key": "a1fb4d68785b619f577cb565340dd3eccb0b30ea",
-      "name": "sd-button/border-width",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43343:15198",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43343:15198",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43343:15198",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43343:15198",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43343:21080": {
-      "codeSyntax": {},
-      "description": "Used for text 3xl, mobile text 4xl (size: 32, line-height: 120%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21080",
-      "key": "92db012a8c104b59f39be547cd53f2df959ca437",
-      "name": "leading-9,5",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 38.400001525878906
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:21081": {
-      "codeSyntax": {},
-      "description": "Used for mobile text lg (size: 20, line-height: 150%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21081",
-      "key": "85261bc91f086662a15b35647277385ad185721e",
-      "name": "leading-8",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 30
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:21082": {
-      "codeSyntax": {},
-      "description": "Used for text base (size: 16, line-height: 150%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21082",
-      "key": "799425935d82ef5c17dd09b0b6be75fd7691eb13",
-      "name": "leading-9",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 36
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:21083": {
-      "codeSyntax": {},
-      "description": "Used for text 3xl (size: 32, line-height: 120%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21083",
-      "key": "e0a2d65088536ddfc71748ac6d96132c5ebec5ec",
-      "name": "leading-12",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 48
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:21084": {
-      "codeSyntax": {},
-      "description": "Used for text xl (size: 24, line-height: 120%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21084",
-      "key": "d64478befe951216dec9097251b135e66f53df97",
-      "name": "leading-7",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 28.799999237060547
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:21085": {
-      "codeSyntax": {},
-      "description": "Used for text base (size: 16, line-height: 150%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21085",
-      "key": "47cba79cf81352a5ff090a496141930c84b4002f",
-      "name": "leading-6",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 24
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:21086": {
-      "codeSyntax": {},
-      "description": "Used for text sm (size: 14, line-height: 150%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21086",
-      "key": "a5aee0d04df5054bcbb65055bd2c6023e55e6ccb",
-      "name": "leading-5",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 21
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:21090": {
-      "codeSyntax": {},
-      "description": "Used for text base compact (size: 16, line-height: 100%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21090",
-      "key": "7aca18c96136a992c373796f27448bf2f26d5dc4",
-      "name": "leading-4",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 16
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:21094": {
-      "codeSyntax": {},
-      "description": "Used for text xl, mobile text 3xl (size: 28, line-height: 120%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21094",
-      "key": "e988aed72f1b34ada304766da762169d04bed9f9",
-      "name": "leading-8,5",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 33.599998474121094
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:21095": {
-      "codeSyntax": {},
-      "description": "Used for text sm compact (size: 14, line-height: 100%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21095",
-      "key": "5d4f0547a6956b3a6cefcbb1335349bf473d8913",
-      "name": "leading-3",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 14
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43343:21096": {
-      "codeSyntax": {},
-      "description": "Used for text 4xl (size: 40, line-height: 120%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21096",
-      "key": "8474041f538bd0dc8281034d65a87fa76b1512db",
-      "name": "leading-15",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 60
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43372:21097": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43372:21097",
-      "key": "0ab24ca479b1e7a9be844ea500723def56496ceb",
-      "name": "letter-spacing-none",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 0
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43372:21101": {
-      "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43372:21101",
-      "key": "23a6405f5b232d4d4181f9af1590e46fe36d5af8",
-      "name": "sd-button/letter-spacing",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
           "id": "VariableID:43372:21097",
@@ -4175,79 +2343,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43373:35271": {
-      "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Default icon color ",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35271",
-      "key": "555f5805884d5dce3c760b24bef2f8dc69877f8c",
-      "name": "icon-fill/primary",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:42952:107",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:42952:176",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:42952:107",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:42952:107",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43373:35286": {
-      "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Default border color. \nUsed for divider, teaser, table cell, ... , sd-container",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35286",
-      "key": "901d5e9b85ba795187c9bd780083a131900f434e",
-      "name": "border/neutral-400",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:42952:121",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:42952:100",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:42952:121",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:42952:121",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
     "VariableID:43373:35292": {
       "codeSyntax": {},
       "deletedButReferenced": true,
       "description": "Inverted background color (light mode)\nUsed for button",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35292",
-      "key": "1376a7c4642297af36f8b6052cddc55ef0e417cf",
+      "key": "e607bd4835efae093a68c3e4b6d131766f04997d",
       "name": "background/primary",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4279,7 +2381,7 @@
       "description": "Default background color. Used for sd-chip, sd-flag, sd-container",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35293",
-      "key": "c3a96dd5345c11e8e86a119144bf409f4d4a488f",
+      "key": "626ac213e1fd4e4901a5d1f8d79d668c6c820e79",
       "name": "utilities/color/background/white/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4311,7 +2413,7 @@
       "description": "Form field read only. Used for sd-container",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35301",
-      "key": "b4f5758e4f3b0c6a9acf9da9b4a4bd014ba2d057",
+      "key": "6b04cca2d732fca28cd547b8424944bd34c3b372",
       "name": "utilities/color/background/neutral/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4328,7 +2430,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:193",
+          "id": "VariableID:43979:214",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -4343,7 +2445,7 @@
       "description": "Used for sd-flag",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35302",
-      "key": "edc178230c596bd0f5806885e666efa15b60ed3a",
+      "key": "5c796f360506dc3462d2743c7898a44f6253ad4b",
       "name": "utilities/color/background/neutral/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4375,7 +2477,7 @@
       "description": "Used for sd-flag ",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35303",
-      "key": "993bccc7901700010339b5ff5b2568c8ce883e90",
+      "key": "95055cece97b6e1cc5bc3516636377be0ead43ca",
       "name": "utilities/color/background/neutral/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4407,7 +2509,7 @@
       "description": "Used for sd-flag ",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35304",
-      "key": "3b7fa7bcaec2b41e99f48cd8965886241a375b48",
+      "key": "b411507c4eff86348db226521b242f245d13b47a",
       "name": "utilities/color/background/neutral/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4439,7 +2541,7 @@
       "description": "Used for disabled state ",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35305",
-      "key": "d4341d2d6d60eac0562d08aae8f9e14469d7b1f8",
+      "key": "a74c6363e86a013f8e8263c2e22152c45c531f30",
       "name": "utilities/color/background/neutral/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4471,7 +2573,7 @@
       "description": "Used for notification, status-badge",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35306",
-      "key": "9cb1ecccb77875f1982e918155202e74b2cf6190",
+      "key": "2431a69febb9831724e093ca1cc8d70a04a80adf",
       "name": "utilities/color/background/success/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4503,7 +2605,7 @@
       "description": "Used for notification, status-badge",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35307",
-      "key": "385d29f53c5a44c5d49fad5526e6b4f4d7810161",
+      "key": "bd56beadff129eb17715c293f10da6979ddf7077",
       "name": "utilities/color/background/error/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4535,7 +2637,7 @@
       "description": "Used for hover interaction invalid form elements",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35308",
-      "key": "8742bb10fae8e6d61f785faa87a3d71750feeacd",
+      "key": "43b52d70f4ca26c76350d11d12317f074e6919c9",
       "name": "utilities/color/background/error/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4548,7 +2650,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:223",
+          "id": "VariableID:43979:222",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
@@ -4567,7 +2669,7 @@
       "description": "Used for teaser",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35309",
-      "key": "f86e4eb18d8ed8ad2c8b747e4fee218a03c74d20",
+      "key": "7799cab9b7babd36c6f88ad82d109969e0f6b273",
       "name": "utilities/color/background/_transparent/primary-100|80",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4607,7 +2709,7 @@
       "description": "Used for teaser",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35310",
-      "key": "9c6e538f59213f18eb01e46eef5901cc78687541",
+      "key": "aed191bb6eb4b221cc16ee481c638cf8cce5fc00",
       "name": "utilities/color/background/_transparent/primary-100|90",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4647,7 +2749,7 @@
       "description": "Used for teaser",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35311",
-      "key": "296792dcc3a08e0b805902f26c782d565e54f99b",
+      "key": "25c46287eed9c87cee55138321bbafaf3bc748e8",
       "name": "utilities/color/background/_transparent/neutral-100|80",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4687,7 +2789,7 @@
       "description": "Used for teaser",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35312",
-      "key": "f4564ab9e9f33f89638ba4cd3b6193e7052b5a9e",
+      "key": "1acfa60f1301499e875765e6417b677cb246b033",
       "name": "utilities/color/background/_transparent/neutral-100|90",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4727,7 +2829,7 @@
       "description": "Used for teaser, audio (wave animation)\n",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35313",
-      "key": "d9299eaef96064149801c644830cc481f7f59eff",
+      "key": "e852879639d0c6e0934f7d8f6f63a30ccb984b3b",
       "name": "utilities/color/background/_transparent/white|90",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4767,7 +2869,7 @@
       "description": "Used for teaser",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35314",
-      "key": "cea8c3096bc2fe2daa7b0760146fbd25d0cf083d",
+      "key": "9b20c89b17362fe82bc91c93648fb32cfc7da35d",
       "name": "utilities/color/background/_transparent/white|80",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4808,7 +2910,7 @@
       "description": "Primary brand color for text",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35315",
-      "key": "6a2cf5fa90efcfa507da895230fbf7a13ecf0de4",
+      "key": "1b86ccc59982dd66eb735879a7369ad3bf110c6f",
       "name": "text/primary",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4841,7 +2943,7 @@
       "description": "Inverted text color",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35316",
-      "key": "5819cfc660740a057dea2396e91832cb0555d898",
+      "key": "6b511f53991ed54521d8a14024fb506d4f18a5ae",
       "name": "text/white",
       "remote": false,
       "resolvedType": "COLOR",
@@ -4868,112 +2970,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43373:35318": {
-      "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Default text color",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35318",
-      "key": "ec37764323b7d673109bd75a3d3ce1fcf35eaa11",
-      "name": "text/black",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:42952:177",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:42952:176",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:42952:177",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:42952:177",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43373:35358": {
-      "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35358",
-      "key": "2f9d67aee49e953a0e64fe942cdf7e2db8addd34",
-      "name": "icon-fill/accent",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:42952:117",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:42952:117",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:42952:117",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:42952:117",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43373:35373": {
-      "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Used to highlight active/selected elements\n",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35373",
-      "key": "5e8f3fa110d29c6180137f5816626f3922884f02",
-      "name": "border/accent",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:42952:117",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:42952:117",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:42952:117",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:42952:117",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
     "VariableID:43373:35401": {
       "codeSyntax": {},
       "deletedButReferenced": true,
       "description": "4px",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35401",
-      "key": "cbe1023bb831a589028c40cda10fdf630ef1e41e",
+      "key": "15801c15ddfce77a4343e7a57ab38ba5195994e7",
       "name": "spacing/1",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -5006,7 +3009,7 @@
       "description": "8px",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35402",
-      "key": "7aa5100e6a225464275d3fcf17f528dafa8d785d",
+      "key": "90bbb50ba95358b5d1ad2c90c4873d9d5d198bf2",
       "name": "spacing/2",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -5039,7 +3042,7 @@
       "description": "12px",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35403",
-      "key": "5c027ba8b91c7700d9dce39b95b9e1393166bc9c",
+      "key": "1bff7330e3fa24781a787cd00c939076d75217a1",
       "name": "spacing/3",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -5072,7 +3075,7 @@
       "description": "16px",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35404",
-      "key": "39100e08aed7b3a4439377cb9500f23471327005",
+      "key": "2eb06d4b66537143cb22a28828e704d7e8df16b8",
       "name": "spacing/4",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -5105,7 +3108,7 @@
       "description": "2px",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35414",
-      "key": "1dc5f0fd5239e145990723d4c88d2a401eae5f5c",
+      "key": "691c14f318e4f0a304dafca15c1603d03656780f",
       "name": "spacing/0,5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -5138,7 +3141,7 @@
       "description": "12px",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35418",
-      "key": "e007f373a466cad76692184dc294bf380d49c88a",
+      "key": "c10b6252d772229d9bf89e97d563a5fcc6c41ddd",
       "name": "sizing/3",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -5171,7 +3174,7 @@
       "description": "16px",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35419",
-      "key": "03797d3b3a932341a4cfd52fe42deddb4039d956",
+      "key": "ec7a096d9a4b1a64f107350e7ea037f7f5d46dc6",
       "name": "sizing/4",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -5204,7 +3207,7 @@
       "description": "20px",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35420",
-      "key": "cb746e5f37754d24d86b7da81dd2e1fb42bc4d91",
+      "key": "36d39f1e4a8efcd0d79fdf5d331df839fbfc9cfe",
       "name": "sizing/5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -5237,7 +3240,7 @@
       "description": "24px",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35421",
-      "key": "1c60a13df116a22db9be634349f41d537fef2924",
+      "key": "04ddaafdfc15792090a707be4b360c2a1f67ff99",
       "name": "sizing/6",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -5270,7 +3273,7 @@
       "description": "10px",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35427",
-      "key": "ff6262d827d7296c7e7981116247fafeec68bdb4",
+      "key": "1fa9d95c8d6193b3ab86ac17838fc5e6a9e70098",
       "name": "sizing/2,5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -5303,7 +3306,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35437",
-      "key": "87d0ff1bd178b3afc388f2a588a697b55bf88825",
+      "key": "fc65b6e98f6ab371a5cde903a0acbc723f623038",
       "name": "border-width/default",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -5330,45 +3333,12 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43373:35447": {
-      "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35447",
-      "key": "747141fbc1efed045eb584f9f508241a1ed5c083",
-      "name": "opacity/75",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43138:1956",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43138:1956",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43138:1956",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43138:1956",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
     "VariableID:43373:35452": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43373:35452",
-      "key": "060a5b7f38f8a82de596008fb8bbaf2e600e1dbc",
+      "key": "1dab9e3e52f9fe3c60232729a4ed1387f8479946",
       "name": "UI/font-family/font-family-primary",
       "remote": false,
       "resolvedType": "STRING",
@@ -5383,7 +3353,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4947",
-      "key": "ef34040723ff29c9c814d949279b5bbdb8a76175",
+      "key": "7f5b0f1b9f5b0b8c65924797a0709a251525946e",
       "name": "UI/blue/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5403,7 +3373,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4948",
-      "key": "7bf6fe912343e296c5a740b605c0f7790aed86a1",
+      "key": "ee9e711e54f647d51ead192e626cb7c00295284f",
       "name": "UI/blue/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5423,7 +3393,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4949",
-      "key": "5db9cf16eed2f1f14bc70794c766dbb2cf07a9ad",
+      "key": "215fb82b5c2232370dad71e18896fcebb0880edb",
       "name": "UI/blue/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5443,7 +3413,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4950",
-      "key": "da9a94d54856c653e28822c17f955ab47c4e2efe",
+      "key": "4f41ba210a080fb935b6308402a502656cdce359",
       "name": "UI/blue/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5463,7 +3433,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4951",
-      "key": "ef3cc92f9f552b642b4217a4bde81e262564b1bf",
+      "key": "a33281de00b6575b0c52d3a62c41cf9112fbf8ba",
       "name": "UI/blue/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5483,7 +3453,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4952",
-      "key": "e121dfda4f3bf867964ecdddbb9129b5dc8fc259",
+      "key": "e8c7d9e0f1ada14907021d7111248b75ffb5228b",
       "name": "UI/blue/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5503,7 +3473,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4953",
-      "key": "6df0bb060b4d1ee6b837d2c3adddb610e527ec08",
+      "key": "9cae38a2e8c375debe570334c91c7757dc00fdf3",
       "name": "UI/blue/700",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5523,7 +3493,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4954",
-      "key": "6ac1dc7e633d3599e843b03ccdcc60e8d339ab9b",
+      "key": "abb3373a50bc117ba90bbcdc899911663b99b675",
       "name": "UI/blue/750",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5543,7 +3513,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4955",
-      "key": "ab420dcbaef214cd50edaaa9ec3d240587e5533e",
+      "key": "b0a7c07d303db1be1360436b030b4043b4995356",
       "name": "UI/blue/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5563,7 +3533,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4956",
-      "key": "1fc4833383f513a02e0c3272cf00401233f556df",
+      "key": "2ddf8c4594180290731a293f11de92fc17d45d20",
       "name": "UI/blue/900",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5583,7 +3553,7 @@
       "description": "blue-default",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4957",
-      "key": "0a21d2d5c77d2e87e2549d89da26e8d27859c46c",
+      "key": "73c4b50fa5e4261fc9cb7a352b8d1f12b6b29dee",
       "name": "UI/blue/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5601,7 +3571,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4958",
-      "key": "8808e4030a6031b8cbdb14c0b4ebe099404f0e4e",
+      "key": "bcca91defb7698b3ad3054c72a1ce018f3134fb5",
       "name": "UI/green/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5621,7 +3591,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4959",
-      "key": "ea2f68ac91f7bb34a514ca3072241d3c706b4c44",
+      "key": "e38b42efcf568670e1227b79b7f30c7941da2071",
       "name": "UI/green/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5641,7 +3611,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4960",
-      "key": "6081b556536aaabfd2e4d19c546e9278064a102b",
+      "key": "96375237e717deb264522909bdf5adbe16fd0c80",
       "name": "UI/green/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5661,7 +3631,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4961",
-      "key": "c4290e5e4de0fa933f8551d1cc084d9b7eb35c1f",
+      "key": "05bdbbeeeb829880e507c1b723761bca06e2fa29",
       "name": "UI/green/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5681,7 +3651,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4962",
-      "key": "3a08e9cdec70e4cb04e5abd3b9c4a10541547910",
+      "key": "79e1299cc9e15b23a2cbfc9aead08b07ef7fc45a",
       "name": "UI/green/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5701,7 +3671,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4963",
-      "key": "624da3f07b820edd0423d1b9c07f728eb147be34",
+      "key": "7709662751752f0254ee838ace692e2b09d450f0",
       "name": "UI/green/550",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5721,7 +3691,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4964",
-      "key": "7e8c518603a9c4534937390e01687b47947139ee",
+      "key": "29b48bc8a043a5df966c8453fd2f5be7bb0fe2ad",
       "name": "UI/green/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5741,7 +3711,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4965",
-      "key": "5dc0bee38199a6ebc6c3b8c8dae59626c6aaf89f",
+      "key": "7f0df4e1dbcf175e95796f7f8f2e235512693eeb",
       "name": "UI/green/700",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5761,7 +3731,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4966",
-      "key": "5cd24f413e03cbb99bd7cbeffd87f29fc0bf844d",
+      "key": "47d128d95df72566d55131ad0c7b3aa64caf3b92",
       "name": "UI/green/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5781,7 +3751,7 @@
       "description": "green-default",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4967",
-      "key": "b41fe2f08db93ce39762c483191154e5969575b0",
+      "key": "7098798c736c1dd000f51b20b5f6038ee96c585a",
       "name": "UI/green/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5799,7 +3769,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4968",
-      "key": "a898ee62b0fd5e0ce6bd62417444510279d1f51a",
+      "key": "619018e69826fa8447aded66a91211ffc1de67ee",
       "name": "UI/grey/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5819,7 +3789,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4969",
-      "key": "d6a0bb715571bddb37ca7cc26c21c5caa2511a8c",
+      "key": "79f37ee7c35a471268eaca8961e73d58c2cfe336",
       "name": "UI/grey/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5839,7 +3809,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4970",
-      "key": "cd50846c09117cf3dfc5c2482b1712372063cd7b",
+      "key": "72f29d01fd01b044022d2f290d37cc968724c409",
       "name": "UI/grey/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5859,7 +3829,7 @@
       "description": "grey-400",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4971",
-      "key": "a9374a62f05bc52c3ffaeec37a1faa61bc30baf0",
+      "key": "12dca6f88ea3d8dcb3941894aa8c5e42cc9f3602",
       "name": "UI/grey/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5879,7 +3849,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4972",
-      "key": "9652ec5f6878a5b98304d5e7d6115e08a4704237",
+      "key": "5c3e92fe322f3a0a0345ed2bbcf20f129061b387",
       "name": "UI/grey/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5899,7 +3869,7 @@
       "description": "grey-600",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4973",
-      "key": "a4765f6e0f30358867ff58f008083f29d1264f54",
+      "key": "5a02419f9d44fc6510e7a53dde75a103d197e271",
       "name": "UI/grey/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5919,7 +3889,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4974",
-      "key": "079c1e28f7f7b11a3735ec3d38b5e32c616d72db",
+      "key": "123ff33fcecf5495426898d14a3bdc57a6ae6f8c",
       "name": "UI/grey/700",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5939,7 +3909,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4975",
-      "key": "89bc126a0401d365bbf1a7fb29e6e389edb9ad00",
+      "key": "eb1f9b2725c4c5207e143e8452a6c024136b85e5",
       "name": "UI/grey/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5959,7 +3929,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4976",
-      "key": "b4cb029ee5c0ed22732c74b242d366bf9b019a2f",
+      "key": "2bb97dc836bf6316751dc4c2e5c2bbe8bad2c668",
       "name": "UI/teal/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5979,7 +3949,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4977",
-      "key": "8361f80b6b66f4a2eafcb0783d2e6cdc6c65ce6b",
+      "key": "ede1f4750730a6333b36c9b62f71401f2ccbf13e",
       "name": "UI/teal/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -5999,7 +3969,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4978",
-      "key": "8f3b5af631b1e63a19fec60c6b96b25ca5c2db89",
+      "key": "bbd630fdc726884379fe3b93e51119dd9aa11ad6",
       "name": "UI/teal/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6019,7 +3989,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4979",
-      "key": "fd319d9a3c440e9198960bc90918eab7442475ea",
+      "key": "5004071b3f6d2391ac18da2e52759a15e17caed5",
       "name": "UI/teal/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6039,7 +4009,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4980",
-      "key": "fb448b439e79bc432f27c8100ee3f2128ca41bd2",
+      "key": "5dd583a1a531b1e46f09456a6ec9442c2cef6c50",
       "name": "UI/teal/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6059,7 +4029,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4981",
-      "key": "1f43ffbece068fc22abe39d45e18f28d3e42ff60",
+      "key": "8ca7f928f0c1b8ffa552fdc4fcd0e088f26eb80d",
       "name": "UI/teal/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6079,7 +4049,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4982",
-      "key": "ad4ed700144096316b0c2b30cfaf757f21f77bd0",
+      "key": "2a6dcb25c64116196c6b5fcc008b660921cfecff",
       "name": "UI/teal/700",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6099,7 +4069,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4983",
-      "key": "767969ed988a5780b326baaa10dfb724acdb5fc1",
+      "key": "ecb00ce2643a9ad0d5922b15eb43759497beb8b2",
       "name": "UI/teal/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6119,7 +4089,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4984",
-      "key": "365878956291b92ef182790c96ffe7cd64d779cd",
+      "key": "2e4d13439393b5d80a6708690dce1f67866b6659",
       "name": "UI/yellow/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6139,7 +4109,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4985",
-      "key": "0cb5d2edc1a3e6a174c236cf89ba725151423ff4",
+      "key": "b5b26f848506e01887ffed4defd8c3767615fddd",
       "name": "UI/yellow/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6159,7 +4129,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4986",
-      "key": "aca69f41fcc76479763af3d2802eaa3529efd966",
+      "key": "bf0a9d5190fdbb74bf0b7988870d2f482a400677",
       "name": "UI/yellow/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6179,7 +4149,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4987",
-      "key": "f7e0c69f55e6291d798ed59ec1b36576ff716c67",
+      "key": "76b8c161ae222b23d5e73f0bcf47024e87056b10",
       "name": "UI/yellow/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6199,7 +4169,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4988",
-      "key": "baf1a2ba43806e7a6da26f6954417fe1e84c0a46",
+      "key": "bd435fe1ed1fa125f40a519da1aa346da4024a0d",
       "name": "UI/yellow/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6219,7 +4189,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4989",
-      "key": "be5f3624f02fac443dd49482f4841f272b1d3d57",
+      "key": "ed73cc3638249a1cdc57c75a37fc42a681671153",
       "name": "UI/yellow/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6239,7 +4209,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4990",
-      "key": "99d033665defffb8939280888e54c454dc60c219",
+      "key": "ebeec19fe479373def6f76263dd036875aa0e79d",
       "name": "UI/yellow/650",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6259,7 +4229,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4991",
-      "key": "9b67ceb29a45fac3eb387a4e0369275b12ad61c2",
+      "key": "94e3085da9f0012cacca0a9f3259c97e4955b005",
       "name": "UI/yellow/700",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6279,7 +4249,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4992",
-      "key": "8995b07e1be685cdd75da7f7f003e006e1927f5e",
+      "key": "7561b24fe7bbcee28ca52f456d505304a9770266",
       "name": "UI/yellow/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6299,7 +4269,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4993",
-      "key": "823fa29884ecf1a3775cd309ebc6404945181c88",
+      "key": "f57ff7ee71abcb5570a2ca4712e6a773986b2578",
       "name": "UI/lightblue/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6319,7 +4289,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4994",
-      "key": "c5ddf9287c8cc5f5a35ede04575d2d60f904a4a0",
+      "key": "3eb9523442c747e27fc698fa8278c8a1e5c90d47",
       "name": "UI/lightblue/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6339,7 +4309,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4995",
-      "key": "966e87e170e97690f4272c9cc686b972b34796d8",
+      "key": "2883a818ff5ca0f16d2ba23dd8ee4266ca70c6b4",
       "name": "UI/lightblue/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6359,7 +4329,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4996",
-      "key": "ac28dd3450f2a5440e4b58c2c13381fd91573894",
+      "key": "099d14ff07b4947c7a24f34a680d3228b8f7fda5",
       "name": "UI/lightblue/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6379,7 +4349,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4997",
-      "key": "4db7f1bb7e5f90d348af4791caa7485d4c54339e",
+      "key": "2b3d7ac1309e16e8256ea96f853080c42f8a381f",
       "name": "UI/lightblue/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6399,7 +4369,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4998",
-      "key": "80482eb6174f2ce46a97671415d1280cb36d1b78",
+      "key": "34f7a33c3d01eaf4cc3d01f23af44fa51a0851cf",
       "name": "UI/lightblue/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6419,7 +4389,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:4999",
-      "key": "442d3e6171eed7068f32aff0ee0de3375cacdb5c",
+      "key": "89d2d3d5c7671fe1a0612c29a3a83af20e5e6a96",
       "name": "UI/lightblue/700",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6439,7 +4409,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5000",
-      "key": "9008192a4213563cf0e87ae3ed63e5090793daa4",
+      "key": "982d547da477e17629d4c650d3e5c38bfac56d9d",
       "name": "UI/lightblue/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6459,7 +4429,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5001",
-      "key": "d1d7de496f250f4bcb75c12644eaa97779ae2ea0",
+      "key": "7306b5e70e95926343b5bde3d1a2a8a86ca46ddd",
       "name": "UI/violet/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6479,7 +4449,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5002",
-      "key": "ce3fdcae4878cc88856cb595deef4a7607618c2b",
+      "key": "26dbfc6cb9ab15e9c244b8de07c009d6ae02af72",
       "name": "UI/violet/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6499,7 +4469,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5003",
-      "key": "32c3916256405c36f7e9f7df3845d75b69deab52",
+      "key": "e883495efca79f59181c95df7164bdddcf5a59f6",
       "name": "UI/violet/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6519,7 +4489,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5004",
-      "key": "f002998b4c678a96028db3df24384588bec97bea",
+      "key": "48000ed011ca372de77b31a475ef8fd64f67634a",
       "name": "UI/violet/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6539,7 +4509,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5005",
-      "key": "07ba299d1faa7fb4c3cf0cfcf30ae242155b8244",
+      "key": "8b48312950672b468d9e0024dd6831ecb8246b86",
       "name": "UI/violet/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6559,7 +4529,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5006",
-      "key": "b4ee93b78939e64a5273a86e9bad8986c4a6f702",
+      "key": "cb9cc6b2ee90287180fb1f9ef54f5e1fd4201b3c",
       "name": "UI/violet/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6579,7 +4549,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5007",
-      "key": "23699a8c3c6d4d7127858e9320326516b0d4e5b6",
+      "key": "f9234beb69bc6ceda506efb29cc005906afa325c",
       "name": "UI/violet/700",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6599,7 +4569,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5008",
-      "key": "10a1160c8994a27a34faa154fe2fc06c7f3bb95e",
+      "key": "ff0875e01de7cc74c7b0d70c02cf52bf0a483a2f",
       "name": "UI/violet/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6619,7 +4589,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5009",
-      "key": "c0f3b212a97f8cf42a71abbbdf785089ec588091",
+      "key": "0a77adee1bde0cf8202b9d8077ed9e885f1d98a9",
       "name": "UI/lightgreen/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6639,7 +4609,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5010",
-      "key": "d412d7e3610c59242cb6285330ed671c14b256d3",
+      "key": "6108917e0d188f17a3eba4b059ed70406e1802da",
       "name": "UI/lightgreen/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6659,7 +4629,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5011",
-      "key": "0be57b095ad95b1c45b560c4e692cc87b786bca0",
+      "key": "bff49eeaca591e532f63341ae28ee0341a4527ce",
       "name": "UI/lightgreen/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6679,7 +4649,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5012",
-      "key": "418b8853eb8062fcd94a673cd225c39e4881b74d",
+      "key": "94677bb89aaed0e8dde527a1574e7f6534a9510e",
       "name": "UI/lightgreen/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6699,7 +4669,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5013",
-      "key": "bc83c69b623d18897230bd2a5ced2bc144ce148b",
+      "key": "d1a111e06b2b1f8b228af2688cb6d1b5930fe2cb",
       "name": "UI/lightgreen/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6719,7 +4689,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5014",
-      "key": "a317749ad8e77abba0e93cf0f793f1a295248eb6",
+      "key": "2c8cac63ec37fd9f679f13147570fc4b73de0c23",
       "name": "UI/lightgreen/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6739,7 +4709,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5015",
-      "key": "2150ec7d4c47764a9903883fe3e2a0aacad8b59f",
+      "key": "6840e454b7dc5c19e270192a31267019246a2325",
       "name": "UI/lightgreen/700",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6759,7 +4729,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5016",
-      "key": "c544204de763cbe254be41076bce8b67afb13549",
+      "key": "64552c4c7b84d5084e9ce618c7a149fdd77ad407",
       "name": "UI/lightgreen/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6779,7 +4749,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5017",
-      "key": "4e0c92b32748bd51e027c087b1b0df3523444372",
+      "key": "2166dd91f9a99ddb1bded699e3bf3b2da7f47ed6",
       "name": "UI/red/250",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6799,7 +4769,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5018",
-      "key": "df60d9173d78f98652de8e0b8a53711f7734f52a",
+      "key": "5b4c1b55930e02760ce78f6b7d71c6b135b89d5f",
       "name": "UI/red/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6819,7 +4789,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5019",
-      "key": "2ed245d9db4af3face4ba7dfc6e7865a40e02303",
+      "key": "a2edb69a55aa03cc5f670330e51a9a536be02f16",
       "name": "UI/red/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6839,7 +4809,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5020",
-      "key": "fb0ed2f04eb070817bffcc139064f0d447a602e8",
+      "key": "2c11761514dbaa7a8652b4b4f10c9e72523b875a",
       "name": "UI/red/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6859,7 +4829,7 @@
       "description": "low value fluctuation",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5021",
-      "key": "a223a36e588ae875599255697a9132ecc859f9f9",
+      "key": "81c853a75b58b56050b2cdf799bf354794502410",
       "name": "UI/cerulean",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6879,7 +4849,7 @@
       "description": "moderate value fluctuation",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5022",
-      "key": "abf3d978b2245bf1181722de584a04609b91b089",
+      "key": "0b315bc37f9c8e2e3215781be7f3fe5cf0aab37d",
       "name": "UI/emerald",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6899,7 +4869,7 @@
       "description": "increased value fluctuation",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5023",
-      "key": "062b3a0ae6ea8716bc9e0e8effc1f761ec578d03",
+      "key": "a4df049f89f12f02a8ae35c65d6c100d2ac635a9",
       "name": "UI/lemon",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6919,7 +4889,7 @@
       "description": "high value fluctuation",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5024",
-      "key": "a05da783d7b3140cb71f440c805c20988ea015eb",
+      "key": "fc28d236cbb4dc7696786833d28006e07b3b300c",
       "name": "UI/orange",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6939,7 +4909,7 @@
       "description": "very high value fluctuation",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5025",
-      "key": "85b4da03f9e0db0526ee5cbc2a00fb1fde33fa7e",
+      "key": "35b07899d14b75e59ca41644ce8a16af829eaad5",
       "name": "UI/brightred",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6959,7 +4929,7 @@
       "description": "white",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5026",
-      "key": "4c642eb6863b9acef270348084f2e6b3240cdf3d",
+      "key": "9e7a24f9b0a87bab27d9f6fdf9aa6e285553b37a",
       "name": "UI/white",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6979,7 +4949,7 @@
       "description": "black",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5027",
-      "key": "67972723fe9ea4a0a0c0ec51c8ddfcce9b7e557d",
+      "key": "7926c733102900f04eacc6ec5562e4658d1b702b",
       "name": "UI/black",
       "remote": false,
       "resolvedType": "COLOR",
@@ -6999,7 +4969,7 @@
       "description": "color has same luminance as step 100",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5029",
-      "key": "ebacfe103ecfa62e06ffbeeeed0d6ccaf6b5e0f2",
+      "key": "ad8178a4c4920dfd34a7a51e99507091cd2c61e8",
       "name": "VB/azure/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7019,7 +4989,7 @@
       "description": "used for tag selected hover",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5030",
-      "key": "5abb206240a3e9632429076244b1afe2a075edd8",
+      "key": "b357fbb18b45fc6f22f3810ac18e5f0dda07d3c9",
       "name": "VB/azure/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7039,7 +5009,7 @@
       "description": "color has same luminance as step 100",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5031",
-      "key": "cb460e96b9cee084bbe96d453eb6eeec6978dc26",
+      "key": "8cf17c6f6cf276ebd1816f8dc49249a3d141c139",
       "name": "VB/azure/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7047,9 +5017,9 @@
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.6431372761726379,
-          "g": 0.5058823823928833,
-          "r": 0.4000000059604645
+          "b": 0.7921568751335144,
+          "g": 0.5803921818733215,
+          "r": 0.3019607961177826
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
@@ -7059,7 +5029,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5032",
-      "key": "b8d9ddc3097189c282c8b6d1ef2b98cb20d305fb",
+      "key": "8e4c910ea6824b30e820c574655b588cd88d5c81",
       "name": "VB/azure/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7079,7 +5049,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5033",
-      "key": "32de913d379ad84fb8010bda8c43248d1f574145",
+      "key": "627e0722cbf5a39454c83558cfeecd99d0c1d471",
       "name": "VB/azure/550",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7099,7 +5069,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5034",
-      "key": "8f4641574e2214730c48e58aa88407a99350d26f",
+      "key": "075e7b2a42522e5e91bf69e650f9c352b7462f06",
       "name": "VB/azure/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7119,7 +5089,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5035",
-      "key": "8d7cf74fd0d0b1eff232f3f5d06be69bc595c775",
+      "key": "e07d929388f47df5291376a191d3d025fa88b09b",
       "name": "VB/azure/650",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7139,7 +5109,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5036",
-      "key": "db5ed36a3a1800c8a2d7cd7ef2b017396cbb7cb1",
+      "key": "212a98f0a1ae6c6320b49a4043ecfb2a60185e2d",
       "name": "VB/azure/750",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7159,7 +5129,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5037",
-      "key": "ea40a83da5edf0e7ed401bd9e465c741d5d07f97",
+      "key": "d8aed472076399958e6adbdc40b90136a090a972",
       "name": "VB/azure/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7179,7 +5149,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43927:5038",
-      "key": "11f77eba0af4efde16b491cbd447f23efc06deaa",
+      "key": "ed81d18d173528ad4b1c5e3ead12cc8bc7dcfd6d",
       "name": "VB/azure/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7197,7 +5167,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:187",
-      "key": "79a247470e9c8cf736f35172c561d5919aae94ea",
+      "key": "3064f15a8396806fa979825f89ccb004511f0e10",
       "name": "VB/azure/900",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7217,7 +5187,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:189",
-      "key": "dd45ca6620b8b4136d2b65bb3209ecc043169f4c",
+      "key": "f15b7c02defa516ca5b16e0afdd7a9f65b6f0ac5",
       "name": "VB/vermillion/550",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7237,7 +5207,7 @@
       "description": "green-default",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:190",
-      "key": "3a576137992a96fcbb2d24900ee558d1dbacfebd",
+      "key": "f8f5e2fed98a2c075d765beff9a3fbe5b37451ca",
       "name": "VB/vermillion/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7255,7 +5225,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:193",
-      "key": "cafb2ab9a5d0a17e303d62b1638a084075d2c4fd",
+      "key": "e09bfc00496bdd3a6e3902f47f4c6dc44ee752bb",
       "name": "utilities/color/primary/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7270,7 +5240,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5029",
+          "id": "VariableID:46172:9194",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -7285,7 +5255,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:194",
-      "key": "a1d21115688bc7cdb42e1de9a7c563b046faec6c",
+      "key": "be53bfa6ccdda3b8b7104f530f7d596037f236b2",
       "name": "utilities/color/primary/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7300,7 +5270,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:48719:123821",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -7315,7 +5285,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:195",
-      "key": "cd3e8f2c00fded5e528e62d81c9148cc8277b798",
+      "key": "4e197d766d6ac6e9c7e5e58d93bbed93147d6934",
       "name": "utilities/color/primary/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7330,7 +5300,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5030",
+          "id": "VariableID:48719:123821",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -7345,7 +5315,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:196",
-      "key": "5b1557c27ed11834fbc700657f1d641287b4142f",
+      "key": "4841231ba6fc339a3e4f0d4ecf3df1fb4cc2cbb0",
       "name": "utilities/color/primary/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7360,7 +5330,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5031",
+          "id": "VariableID:43927:5030",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -7375,7 +5345,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:197",
-      "key": "e4c2878f8399c2cf18ab45d8e2766382cf6d3165",
+      "key": "aaea895d4e46a5efcebc6ac9fcf1f071162fc25f",
       "name": "utilities/color/primary/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7390,7 +5360,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5032",
+          "id": "VariableID:43927:5031",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -7405,7 +5375,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:198",
-      "key": "6a9e6151a9b36a384a7783fa0c436f9bb281b06f",
+      "key": "bcb1b213bbc3bfab7e464d71c26b00bb4a433e52",
       "name": "utilities/color/primary/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7420,12 +5390,14 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5034",
+          "id": "VariableID:43927:5032",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8464",
-          "type": "VARIABLE_ALIAS"
+          "a": 1,
+          "b": 0.686274528503418,
+          "g": 0.30980393290519714,
+          "r": 0.1411764770746231
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
@@ -7435,7 +5407,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:199",
-      "key": "e2ee7a990cb3cb376cc23975ccdbabf18878d623",
+      "key": "9a7a23e59cfe8acb9dcd89d0714b81af45eb13a8",
       "name": "utilities/color/primary/700",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7450,7 +5422,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5036",
+          "id": "VariableID:43927:5034",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -7465,7 +5437,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:200",
-      "key": "da825882cb9a1626831d6881ba970144da4e9406",
+      "key": "4b22378fcb18d5fc1f25d72eb20b05161724f09a",
       "name": "utilities/color/primary/750",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7495,7 +5467,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:201",
-      "key": "9c8619522a7ebb6ed9bcc59c9b9cb0390c8544ae",
+      "key": "399ce67f5b75ff4f2088011e43129c05117b9961",
       "name": "utilities/color/primary/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7525,7 +5497,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:202",
-      "key": "ca92adc15715a5eb488f090ee1ae5fc30db47b94",
+      "key": "3e3c8e3a2f4e832c0b4c13d9542e416cc00b06a9",
       "name": "utilities/color/primary/900",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7555,7 +5527,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:203",
-      "key": "48623a6f78dcfd39bd96711b553b6552178b73b6",
+      "key": "02e8d0edb806027286b90f53a594c7d3bd9b84ae",
       "name": "utilities/color/primary/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7585,7 +5557,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:204",
-      "key": "07bc3ef833303b160ec021b68dd66a5a04bbaae4",
+      "key": "09ecdb4054bec44c2cd67756e9a61ec603997e4a",
       "name": "utilities/color/accent/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7615,7 +5587,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:205",
-      "key": "bef2c386bd5c05f5c764fb54582f2b9bd3151200",
+      "key": "ad75fd0294da9c546588f3db1920ff5cd2a5b86a",
       "name": "utilities/color/accent/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7645,7 +5617,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:206",
-      "key": "a9da65eff10ee5a2a4eab6114187e62a5d8e8bfc",
+      "key": "51fe40caa806b22cfbaf1154c38b7e2b98672a0a",
       "name": "utilities/color/accent/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7675,7 +5647,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:207",
-      "key": "7fe4e9aa9fdbcf37e7f4542f86c028f755748c37",
+      "key": "83b4cc6f8f1830d53588611ba8b7fb868b1ce0b8",
       "name": "utilities/color/accent/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7705,7 +5677,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:208",
-      "key": "b939b0d1a51f2454eda5c476f47cf9da77ccf662",
+      "key": "ba8478128d82dc29fbeedca96caff697472927a7",
       "name": "utilities/color/accent/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7735,7 +5707,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:209",
-      "key": "8ece80720106c56a3fe3a7e54f3e2fdaa65baabf",
+      "key": "7e86cccf757342605e0b0cbdd28e9f1797843e42",
       "name": "utilities/color/accent/550",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7765,7 +5737,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:210",
-      "key": "7521aaf1f20652f286c6fff2c5ae4a2c8eaac736",
+      "key": "ebbbdc440a4cbf85de3873b8b062d261268d02ce",
       "name": "utilities/color/accent/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7795,7 +5767,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:211",
-      "key": "dc4b9f52042316c3c9c16570f3401fd5fe5143e7",
+      "key": "b8a459a0fe020227198d14e75ea22b3d69d0f8c5",
       "name": "utilities/color/accent/700",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7825,7 +5797,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:212",
-      "key": "4888f53760b7138cb08cc024eb68df0da090801c",
+      "key": "fb814ff4e4b4273a168aa69464c016e30f82d8e4",
       "name": "utilities/color/accent/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7855,7 +5827,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:213",
-      "key": "e07a999d3108280d7dd20ddfd135ec4a8d3f3c23",
+      "key": "55fb21b07d1b9adc48d42e3464be91ab272b74fd",
       "name": "utilities/color/accent/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7885,7 +5857,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:214",
-      "key": "fb3d09b4448ac274c7af1c8b442aa5a7567030bd",
+      "key": "309867147969aced864d987adf2d64aa3bb268fd",
       "name": "utilities/color/neutral/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7915,7 +5887,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:215",
-      "key": "65f3fd87cb746afcc08b7cdd7f4c4897c5e6b6cb",
+      "key": "eb42987ebffb22321629f51ee2b6249851bd14ec",
       "name": "utilities/color/neutral/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7945,7 +5917,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:216",
-      "key": "ba2e0a1260a2cfb24f3874c1b471ea9c304c6349",
+      "key": "1c2fffab4a220dc502a3b7430cc7b0f5678af9c5",
       "name": "utilities/color/neutral/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -7975,7 +5947,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:217",
-      "key": "98e0569e5e05284761273e9e3c7de943be0a7740",
+      "key": "2b13199beb0d0c4c9339595572b636fb31e1588f",
       "name": "utilities/color/neutral/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8005,7 +5977,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:218",
-      "key": "f0f4c77f5b28c184eafed6e3dce1736930ea03e4",
+      "key": "f00ace4044a81bf897c94ae9dc9fde82ef39b008",
       "name": "utilities/color/neutral/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8035,7 +6007,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:219",
-      "key": "91bbd2c4b16cc798eaeaa30bdf8f04adb0e69174",
+      "key": "3164a7557f40a4c3d0dec7ae6aef81c17fb2280c",
       "name": "utilities/color/neutral/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8050,7 +6022,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14705",
+          "id": "VariableID:44921:14704",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -8065,7 +6037,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:220",
-      "key": "d4cd56dc7c805e9889555ed2ce2ce61e273e3311",
+      "key": "22067b46a0864d80b752fff8e12a90dda0af3e97",
       "name": "utilities/color/neutral/700",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8095,7 +6067,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:221",
-      "key": "32ff5be76a23fbe73472ae29f18c70b960fd7733",
+      "key": "62381a06207bdf7fe13ec0c8381f45145d8693f5",
       "name": "utilities/color/neutral/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8125,7 +6097,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:222",
-      "key": "79b6e212c8f193ddce9794616a80c0cc71d40a79",
+      "key": "737b9997186c07321de53a88936913609fce99d7",
       "name": "utilities/color/error/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8155,7 +6127,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:223",
-      "key": "b9f3557a4ecd80307f238557d2a036e266852882",
+      "key": "6e857651aa1eeb11a9c500cf8d672c9f9cada4de",
       "name": "utilities/color/error/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8185,7 +6157,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:224",
-      "key": "e0d62f2c72805f0312c8300d2bc17e38ebaa4cb5",
+      "key": "a883007121660cc94cf6ef39aa0fc5fc385bc380",
       "name": "utilities/color/success/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8215,7 +6187,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:225",
-      "key": "f107864e52e7b08c7ecaa90f68b611294a9423e2",
+      "key": "0487f8ceaccf5ca660efe8695602c036a64d655c",
       "name": "utilities/color/black/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8245,7 +6217,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:227",
-      "key": "e7d487603cbf4394c9bbe4bd91aeccf4bec8d88f",
+      "key": "4acfd3932bd293190f7a12a63af1aa43339da008",
       "name": "utilities/color/white/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8275,7 +6247,7 @@
       "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:229",
-      "key": "546d2bf6a0033bb142a2cbe5c13160f347c6d49d",
+      "key": "d3d2d8add95ccc2a314510490ab9e973d2798e99",
       "name": "utilities/color/risk/low",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8305,7 +6277,7 @@
       "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:230",
-      "key": "960f6c4ee4e5d8bba29713b8d4b4263055509442",
+      "key": "79b2564e3da522b56f4222c3afab64194b587e19",
       "name": "utilities/color/risk/moderate",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8335,7 +6307,7 @@
       "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:231",
-      "key": "9975b9fabd62a21031a2fb1acf82327a922557e7",
+      "key": "095471ad5e2e75e8cbc10a8ed6fd30c9f52274c5",
       "name": "utilities/color/risk/increased",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8365,7 +6337,7 @@
       "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:232",
-      "key": "94bb8f1c5e7351b4e508bb271344c6827ac00b3a",
+      "key": "856a343aaa73360e0db9d901f14e70c3f4a192f4",
       "name": "utilities/color/risk/high",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8395,7 +6367,7 @@
       "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:233",
-      "key": "a994ac44cec15d52af1aa77c3d77804aa14bf3f5",
+      "key": "04d78dd356ca73bfa87eb8a1f9477e814411a43e",
       "name": "utilities/color/risk/veryhigh",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8425,7 +6397,7 @@
       "description": "Used for notification, status-badge",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:234",
-      "key": "76e08a9795abc9d4ee1e109088e8223e4f58af6d",
+      "key": "689e56866506f9cb0737cbeddc705f9663d9fc7a",
       "name": "utilities/color/info/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8455,7 +6427,7 @@
       "description": "Used for notification, status-badge",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:235",
-      "key": "39fce37560e601232217208f1ec4d996d9de44c7",
+      "key": "8aac4afb70a742d5d0edb99fed733830db4447f7",
       "name": "utilities/color/warning/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8485,7 +6457,7 @@
       "description": "Used for inverted hover interaction",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:236",
-      "key": "e127c655d92fbda79a90f8a73f6356fdc24679f2",
+      "key": "962e9483262eea599b28d4a435c32193b6ce8e4c",
       "name": "utilities/color/icon-fill/primary/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8517,7 +6489,7 @@
       "description": "Used for inverted pressed interaction",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:237",
-      "key": "f2409b7d0bc6a70a43cd1e42d825ad662675d4aa",
+      "key": "ac45f2fe9c065f560601ea702484d2c55ad7defe",
       "name": "utilities/color/icon-fill/primary/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8549,7 +6521,7 @@
       "description": "Used for inverted pressed interaction in text link",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:238",
-      "key": "b6d7a22ff9ae75f0305d7279750c51f196d1e376",
+      "key": "b2a1c3aae94653db66dc78c27591a45a7bffeb76",
       "name": "utilities/color/icon-fill/primary/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8585,7 +6557,7 @@
       "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:239",
-      "key": "1ff4b65d458a3820737a2d56a9e21eddcefab8db",
+      "key": "d4964e06c83b146512420f7d22dbc4f99da1d334",
       "name": "utilities/color/icon-fill/primary/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8617,7 +6589,7 @@
       "description": "Used for pressed interaction",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:240",
-      "key": "d934c28c2f3788abfb1309dc4cce4e644f4d1915",
+      "key": "1fc9fbe1181ff9df0cc6dd3a7bb48819874f68f9",
       "name": "utilities/color/icon-fill/primary/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8649,7 +6621,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:241",
-      "key": "831ae5e613950f85b37bf8b901d06b11df9b73ac",
+      "key": "0646819632394993d4f8eddea092a7eb6278be45",
       "name": "utilities/color/icon-fill/primary/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8681,7 +6653,7 @@
       "description": "Inverted icon color",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:242",
-      "key": "dbc729b7c0eaafa61395bcf020d9dcb15d476092",
+      "key": "1a634ef580e3a011dd2c517849882eeafa2e451b",
       "name": "utilities/color/icon-fill/white/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8713,7 +6685,7 @@
       "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:244",
-      "key": "fe7c2f0285d72eaadd3f8e81ab0cbe76b592e9fe",
+      "key": "fb426623c07ff78dc90870828b804c62fe926134",
       "name": "utilities/color/icon-fill/accent/550",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8745,7 +6717,7 @@
       "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:245",
-      "key": "4246a9ad42663d9c2f3f0fbaed7c7e522ada7f34",
+      "key": "1e4f3776111b01da4de14477592e1e7375fec56b",
       "name": "utilities/color/icon-fill/accent/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8777,7 +6749,7 @@
       "description": "Used for disabled state",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:246",
-      "key": "9f6880c9454a4e7d6970ae3950cc6192154cb35e",
+      "key": "9505d6312d1e2e9ef0cdddc5e0da8abbabf94809",
       "name": "utilities/color/icon-fill/neutral/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8794,7 +6766,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43373:35304",
+          "id": "VariableID:43979:217",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -8809,7 +6781,7 @@
       "description": "Used for inverted disabled state",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:247",
-      "key": "81715bb0a83dc6dda03f3fd9fb6a7adf37f798b6",
+      "key": "9b96dad67466abde49956bc2b5a5e09c68bc1be2",
       "name": "utilities/color/icon-fill/neutral/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8845,7 +6817,7 @@
       "description": "Used for switch, clearable",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:248",
-      "key": "1173a2a3caf547c822e445b5ad69e1bdd110bfc9",
+      "key": "09aba09c88bde2ae9cca118f3b312c15efd578a5",
       "name": "utilities/color/icon-fill/neutral/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8877,7 +6849,7 @@
       "description": "Used for success messages, valid states",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:249",
-      "key": "0ea3b42f8821ea5d60ad91057172e67dad1d330e",
+      "key": "c43f5d98604e9cd858518c3f737b8144fa1c53e3",
       "name": "utilities/color/icon-fill/success/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8909,7 +6881,7 @@
       "description": "Used for hover interaction invalid form elements\n",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:250",
-      "key": "364eb85f7dd5961cf2bab4763a5532da9dfe0344",
+      "key": "c39c07afa1f5c66e7a2e4fc45211ac93e2c4c20c",
       "name": "utilities/color/icon-fill/error/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8922,7 +6894,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:223",
+          "id": "VariableID:43979:222",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
@@ -8941,7 +6913,7 @@
       "description": "Used for error messages, invalid states",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:251",
-      "key": "e7620333d5a8baa2ca98263c1d373ed5f8725d46",
+      "key": "f4b1c9a60d4616ed9e09cb22c7c001fa6f92bb5a",
       "name": "utilities/color/error/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -8971,7 +6943,7 @@
       "description": "Used for buttons, select field, focus state",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:252",
-      "key": "0f8f2b8bc29276d768c1b25d40722482a0ca356a",
+      "key": "3edfe8a468fefa303e53028d0b46983bfaae02ee",
       "name": "utilities/color/border/primary/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9003,7 +6975,7 @@
       "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:253",
-      "key": "5f23a7ff03228ecf9d4dbab529be4b64deb19366",
+      "key": "b97ed86ccc500b5d277e91f60a1d980a446abd84",
       "name": "utilities/color/border/accent/550",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9035,7 +7007,7 @@
       "description": "Default border color. \nUsed for sd-divider, teaser, table cell, ... sd-container,",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:254",
-      "key": "000275afe43124d0e3623b6362f66b203605185f",
+      "key": "8e4c7fdd18f39c9ae1a5f2cc69f0e990f51dc901",
       "name": "utilities/color/border/neutral/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9067,7 +7039,7 @@
       "description": "Used for form fields, switch, radio, checkbox",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:255",
-      "key": "87d723f4774f304d55331ed544cdbe1a0097b3f8",
+      "key": "402c1211bcb098a0a3ebabc4ce87ef4d72487ebc",
       "name": "utilities/color/border/neutral/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9099,7 +7071,7 @@
       "description": "Used for valid form fields\n",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:256",
-      "key": "ac13e62c6fc2ed0577a82730a3e808d5691abcf7",
+      "key": "f0f7463047766b0c219d8c4f381ab1d6546d5fec",
       "name": "utilities/color/border/success/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9131,7 +7103,7 @@
       "description": "Used for hover interaction invalid form elements",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:257",
-      "key": "4ca1493da4aff71f5cb7a6025db83d0c318f0be8",
+      "key": "ee303d00b86505b9525a84ea691a28c7d5d24697",
       "name": "utilities/color/border/error/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9144,7 +7116,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:223",
+          "id": "VariableID:43979:222",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
@@ -9163,7 +7135,7 @@
       "description": "Used for invalid form fields",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:258",
-      "key": "8465f104bafeb02295d5cf50f8055e714fd00584",
+      "key": "592145d7a7025b381514515e03514be9736e9a95",
       "name": "utilities/color/border/error/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9195,7 +7167,7 @@
       "description": "Used for sd-container",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:259",
-      "key": "037404b1da65812a6dcd4e8c66f597d150979720",
+      "key": "87b3a570f0727cc9916ab158ddfb6230ad8d6494",
       "name": "utilities/color/background/primary/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9227,7 +7199,7 @@
       "description": "Used for sd-chip",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:260",
-      "key": "e4da4f757d3aac9ce77b8bc55e16c889495d62e8",
+      "key": "3edfdbf233551f6213b62d5a5502c2da769e5e01",
       "name": "utilities/color/background/primary/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9259,7 +7231,7 @@
       "description": "Used for sd-chip",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:261",
-      "key": "a545dc116abb0f39280c20f2586cc1084616d989",
+      "key": "bafc13463a52e799561bf1a97372d6f4d6f57689",
       "name": "utilities/color/background/primary/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9291,7 +7263,7 @@
       "description": "Used for sd-chip, sd-badge",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:262",
-      "key": "84dee4f4f50ff84c793be05a974be0dde55cada5",
+      "key": "f3a47026e933703e8f086aff75e394d735eaa0e9",
       "name": "utilities/color/background/primary/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9323,7 +7295,7 @@
       "description": "Used for pressed interaction",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:263",
-      "key": "6d127ebfc636e78d89d9347e170525a8253779f7",
+      "key": "3e62c168462ce8402b0a5a37f9d5676e565b49b4",
       "name": "utilities/color/background/primary/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9355,7 +7327,7 @@
       "description": "Inverted background color (light mode)\nUsed for button",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:264",
-      "key": "fc15fabc4502b2d1cf74c63d14e5f59686a0359e",
+      "key": "71df8c9347f3c44d19dc1596b842c4f760bb1253",
       "name": "utilities/color/background/primary/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9387,7 +7359,7 @@
       "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:265",
-      "key": "c0407d6e94fa9bcd3147ecc45bd7a18568c84f02",
+      "key": "2a8a3b23083288f0b5298dbc17d9f04b7e434795",
       "name": "utilities/color/background/accent/550",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9419,7 +7391,7 @@
       "description": "Used for notification, status-badge",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:266",
-      "key": "f9a10782836a8b0d7f2052f34fa261c7fc8129b0",
+      "key": "6d27dfbb8b4a4dab6ad309423b72ade6bd44ef3c",
       "name": "utilities/color/background/info/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9451,7 +7423,7 @@
       "description": "Used for notification, status-badge",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:267",
-      "key": "e469707cfcd2369c2d5dc63121e8d3b8f5869edf",
+      "key": "c030f2493b8247eb8486ffd184d395146e2c54e1",
       "name": "utilities/color/background/warning/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9483,7 +7455,7 @@
       "description": "Used for inverted hover interaction text link and inverted pressed interaction button label",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:268",
-      "key": "81a1163a2922d4a9d0ea4f8714f13477f1c57ff7",
+      "key": "067432c2f0fef4643eb7c341b336ba7cf6f2c2a0",
       "name": "utilities/color/text/primary/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9515,7 +7487,7 @@
       "description": "Additional text inverted color",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:269",
-      "key": "f298f84c97f014bd40d9da94d624958751386dcb",
+      "key": "5ebc55b0788de67c67d250345fe7538c9f0aaf55",
       "name": "utilities/color/text/primary/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9551,7 +7523,7 @@
       "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:270",
-      "key": "c6664d961dfffa7715181bb97c2be190ecd66035",
+      "key": "5c83c488eb586ab212ab12c636897420b1733315",
       "name": "utilities/color/text/primary/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9583,7 +7555,7 @@
       "description": "Used for pressed interaction",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:271",
-      "key": "f15db9908570a346de23b890f96c3312da03919e",
+      "key": "93a9077e97e47f15079ae56acc94ded2aeaa6aef",
       "name": "utilities/color/text/primary/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9615,7 +7587,7 @@
       "description": "Primary brand color for text",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:272",
-      "key": "1270d2888c2afb9b2ea14f1c9c8e0887c5847eed",
+      "key": "f99f4016cca349031db3e706b2e66689c895c6a8",
       "name": "utilities/color/text/primary/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9647,7 +7619,7 @@
       "description": "Inverted text color",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:273",
-      "key": "d33827b1f8dd0c31d2c62b4f7429c044811804cf",
+      "key": "ae480eb23e647e2f07292cc63c0d32cd98f885ae",
       "name": "utilities/color/text/white/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9680,7 +7652,7 @@
       "description": "Unchanged in dark mode",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:274",
-      "key": "9ed30f6d5bd25a8cf13fb4defa74c73c2b00b2c1",
+      "key": "70b9f744ad60838d7abf13df3c8b4449f9b817fc",
       "name": "utilities/color/text/white/default-constant",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9712,7 +7684,7 @@
       "description": "Default text color",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:275",
-      "key": "eaef4d5dbccd1e033e150a71e45803ba688092c5",
+      "key": "5c07ef2a85bc84ed76a8f42cb824d74e38fabe1c",
       "name": "utilities/color/text/black/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9744,7 +7716,7 @@
       "description": "Used for disabled state",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:277",
-      "key": "bd27f848b6bdbab1d4143fa8efa27a4655e84a40",
+      "key": "9a8778b0a1478148a86de3c82921bb23e9ef3f6e",
       "name": "utilities/color/text/neutral/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9757,7 +7729,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
@@ -9776,7 +7748,7 @@
       "description": "Additional text color, Breadcrumb item current and Video descriotion #100, 62%",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:278",
-      "key": "f23283c5ca478d1e5651e76c84cd7d32d306c891",
+      "key": "2923653711354221ca67050a3daee82c5b017651",
       "name": "utilities/color/text/neutral/700",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9808,7 +7780,7 @@
       "description": "Used to display negative performance values",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:279",
-      "key": "75a8e2ee33227eadbce3b452efef2e2ef02c6bc0",
+      "key": "392614a382fe18ee57942e20dba6e67595bc7a97",
       "name": "utilities/color/text/error/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9840,7 +7812,7 @@
       "description": "Used to display positive performance values",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:280",
-      "key": "a04283cb370ce9ea1e70be3e246d3783b6594cef",
+      "key": "d5d4536a66117d6a0279337798fe9632dea9d8f1",
       "name": "utilities/color/text/success/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9872,7 +7844,7 @@
       "description": "Used for hover interaction (dark mode)",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:281",
-      "key": "ed00b3dc9939ce371c872cc2610b56305a48b5f6",
+      "key": "fee4020a9af6576d97d65ec6ed51646d3b12253b",
       "name": "utilities/color/border/primary/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9904,7 +7876,7 @@
       "description": "Used for pressed interaction",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:282",
-      "key": "8e1e3bc78483a1b4cd1ebfea853c9c32b4722b89",
+      "key": "65d4df15124b4037032795fd7915ec1762def2c7",
       "name": "utilities/color/border/primary/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9936,7 +7908,7 @@
       "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:283",
-      "key": "4e4ced31eb89649ecc6df325c5d58ea0421efc8a",
+      "key": "10df804ce1b315cd938c30199da1982d6ab5ae46",
       "name": "utilities/color/icon-fill/risk/low",
       "remote": false,
       "resolvedType": "COLOR",
@@ -9968,7 +7940,7 @@
       "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:284",
-      "key": "778fa3cc3970ebed4cc48b1998caccf4ed6f7325",
+      "key": "82c9f7bd18c02356c989039481ddac349680177f",
       "name": "utilities/color/icon-fill/risk/moderate",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10000,7 +7972,7 @@
       "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:285",
-      "key": "7ea5bbbe45bcedb10ef8a1cac1cfb14f69fe0a82",
+      "key": "dc2e19539e410835157fe9a8d25d6b4de2350f0c",
       "name": "utilities/color/icon-fill/risk/increased",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10032,7 +8004,7 @@
       "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:286",
-      "key": "7c67cc20f9a3f2d70aba859a34015eb50260b231",
+      "key": "5566a63a049f2467a06e18f7ec8f6f4d96824245",
       "name": "utilities/color/icon-fill/risk/high",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10064,7 +8036,7 @@
       "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:287",
-      "key": "62a464b011ca14020f6e99cb29d654cd58dec19b",
+      "key": "0c5c691724b74c92f5360dad61f1bc345c1f1b0a",
       "name": "utilities/color/icon-fill/risk/veryhigh",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10096,7 +8068,7 @@
       "description": "Used for inverted hover interaction",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:288",
-      "key": "25b1a327d93548dbc61fd63077ddcdb12c9bdede",
+      "key": "f8494ade78133eaf908b2b849a7e0e5161684ec0",
       "name": "utilities/color/border/primary/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10128,7 +8100,7 @@
       "description": "Used for inverted pressed interaction",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:289",
-      "key": "98cfba68a00856cae4f0472abd9d436ef597f77c",
+      "key": "e3ce876c904b6361756c9b582caa4699fd6e5032",
       "name": "utilities/color/border/primary/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10160,7 +8132,7 @@
       "description": "Used for inverted dividers",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:290",
-      "key": "71305886b218feef5249e2fdea3fafc7d98dfe86",
+      "key": "cd975085d31cb49051d52ffd97320b069bb3e6e7",
       "name": "utilities/color/border/primary/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10192,7 +8164,7 @@
       "description": "Used for buttons, inverted focus state",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:293",
-      "key": "f41f162d5d57a82f4bfc89d3570d87552870c2fb",
+      "key": "b7dab54dbb2d7274bd65a1857321ee411c77e489",
       "name": "utilities/color/border/white/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10224,7 +8196,7 @@
       "description": "Used to highlight active/selected elements\n",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:294",
-      "key": "72cada63e48e8bfc1e55e0906465b039fc43b478",
+      "key": "0f8c347c8fb62a24be94d3f6f063c2432959735e",
       "name": "utilities/color/border/accent/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10256,7 +8228,7 @@
       "description": "Used for disabled state",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:295",
-      "key": "5e6436064e755390d8843ca4e3ae28992fc3e2a7",
+      "key": "f613a16ae05947aea9ec6a5f4ebc4c45d6f6b9b0",
       "name": "utilities/color/border/neutral/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10288,7 +8260,7 @@
       "description": "Used for inverted disabled state",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:296",
-      "key": "037f6d1e79e5d81acd9dab46b314b25932973d24",
+      "key": "9e30f258b2c0f0d2629c53c221c4751ed64863e0",
       "name": "utilities/color/border/neutral/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10320,7 +8292,7 @@
       "description": "Used for inverted hover interaction",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:299",
-      "key": "c2af23553ee57322b3a7f7fd41d6d038608fa388",
+      "key": "ab2f825f91eb7ba2f11568b0190b442732b829b1",
       "name": "utilities/color/background/accent/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10352,7 +8324,7 @@
       "description": "Used for cta background",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:300",
-      "key": "c8806a3e601e1e8e8059dafa65d19efb556c1ae6",
+      "key": "3ad1768298970cc2426092705b32478a787c2fbf",
       "name": "utilities/color/background/accent/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10384,7 +8356,7 @@
       "description": "Used for pressed interaction",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:301",
-      "key": "c16d23d9472af9c3156dc3368b2e345ce2c534f5",
+      "key": "084563e826fc6be5c3794ea355813abf7ddb8841",
       "name": "utilities/color/background/accent/700",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10416,7 +8388,7 @@
       "description": "Used for checkbox, switch",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:302",
-      "key": "f5eee4cb507315b95c26d24218e7b2e15406e9b2",
+      "key": "b99bc39562a3eabb5dda9348b3277cf4bf02cdce",
       "name": "utilities/color/background/accent/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10448,7 +8420,7 @@
       "description": "Used for inverted disabled state ",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:303",
-      "key": "1313867490b0a841d01d76ca0051d29109f57e48",
+      "key": "a69d6cd23db786e44506eb9da42ea6d2f1b7957a",
       "name": "utilities/color/background/neutral/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10480,7 +8452,7 @@
       "description": "Used for badge",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:304",
-      "key": "73683ff40a101c6cf7c9a7518585a977aceaae85",
+      "key": "daa3d6328760539153fc3f45647ad145bafce298",
       "name": "utilities/color/background/neutral/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10512,7 +8484,7 @@
       "description": "Used for audio (wave animation)",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:305",
-      "key": "3ed3a50fb584418e8e3cdb4939758e4c01e5486b",
+      "key": "5dd1b70f30143dfd4f26ce27b4f8d6783e46bf07",
       "name": "utilities/color/background/_transparent/primary|10",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10552,7 +8524,7 @@
       "description": "Used for map-marker",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:306",
-      "key": "9c8e861bda09179d275abf644e1491ce0e2973cc",
+      "key": "bebac26c4057a9c15063ebdb15ca92ded3156233",
       "name": "utilities/color/background/_transparent/primary|30",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10568,9 +8540,9 @@
         },
         "43174:14": {
           "a": 0.30000001192092896,
-          "b": 0.5568627715110779,
-          "g": 0.2078431397676468,
-          "r": 0
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
           "a": 0.30000001192092896,
@@ -10592,7 +8564,7 @@
       "description": "Used for teaser",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:307",
-      "key": "9b1e8bc57dc116c7859725cce38dd1d2cd7c2643",
+      "key": "632a16c24ef4de601aef85a91a7c6efd7bb5477a",
       "name": "utilities/color/background/_transparent/primary|80",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10632,7 +8604,7 @@
       "description": "Used for teaser",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:308",
-      "key": "a10170c5ab7f5fa906aacefab0b0301185ef2e7d",
+      "key": "61808306a9bf578e0d2fcb5cd411e734c15568b7",
       "name": "utilities/color/background/_transparent/primary|90",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10672,7 +8644,7 @@
       "description": "Used for audio (wave animation inverted)",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:309",
-      "key": "2566981249c8f7e67ce0f44408ac5a8334ef4c04",
+      "key": "9e2ac87cfc9b625ccb2f3a1421b4c90c35db0baa",
       "name": "utilities/color/background/_transparent/white|20",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10712,7 +8684,7 @@
       "description": "Used for overlays",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:310",
-      "key": "48249981bbb971d8db8d1e6ea78da0bb28e20b22",
+      "key": "f05eaf7c336301818c4c860724325ce161632001",
       "name": "utilities/color/background/_transparent/primary-800|90",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10752,7 +8724,7 @@
       "description": "Used for inverted hover interaction button label",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:311",
-      "key": "ad637893ad97d318a5360764de32b70c21eddb0b",
+      "key": "d822c045f36b95a41595a331c15f2c6c1f911fd2",
       "name": "utilities/color/text/primary/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10784,7 +8756,7 @@
       "description": "Used for inverted hover interaction button label",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:312",
-      "key": "a2ceab10a2b9cc45069bd2d772748ee221cb3d47",
+      "key": "dcab778e98006e62c2f9bcca63d4ad4c9ca91101",
       "name": "utilities/color/text/accent/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10816,7 +8788,7 @@
       "description": "Used for inverted disabled state",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:313",
-      "key": "d9097841e8b043aece2ec5e1b4d43ef9c0169543",
+      "key": "953d346b31ed015fa8c7220ba926e57982c73399",
       "name": "utilities/color/text/neutral/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10850,7 +8822,7 @@
       "description": "Used for tooltip",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:314",
-      "key": "52a88fc782d2b84da9e49e57d66780e83ab76da8",
+      "key": "aedd4ad70357f8bbc63c882a23df069eb9c4285d",
       "name": "utilities/shadow/default/color",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10877,10 +8849,10 @@
           "r": 0
         },
         "47719:0": {
-          "a": 0.25,
-          "b": 0.019607843831181526,
-          "g": 0.1411764770746231,
-          "r": 0.41960784792900085
+          "a": 0.10000000149011612,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
@@ -10890,7 +8862,7 @@
       "description": "Used for error messages, invalid states",
       "hiddenFromPublishing": false,
       "id": "VariableID:43979:493",
-      "key": "da7e94079037c2a254fafe720c9c49afe193fd31",
+      "key": "bcf7064923787b6a9ecda8d6df80d79f15ba76f9",
       "name": "utilities/color/icon-fill/error/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10922,7 +8894,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44023:39692",
-      "key": "69a0c181ec1858b732df02fa523b46e41534f4e4",
+      "key": "bfa8c9a392544ac39d4762960737f1365e8b781f",
       "name": "components/sd-breadcrumb/__separator/color",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10954,7 +8926,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44023:39695",
-      "key": "2fea8d9689dd20f84484de445a8add55e32cd6c8",
+      "key": "0bd6e7b7ff86c905754340f7a254ce504fa1e82d",
       "name": "components/sd-header/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -10986,7 +8958,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44023:39696",
-      "key": "c4968d9738c0c68c1f52eefb80a80de9878c1dfd",
+      "key": "e4e3c39bf189e942cb10e2152bdc59b5daa6c8bd",
       "name": "components/sd-tag/--selected/--default/color/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -11018,7 +8990,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44023:39698",
-      "key": "c2fbd6adcd35bb6a4c4e986afdf5575d8a5b8b6b",
+      "key": "888c121b1c70c0e412c8cdd87797339f20c5cf34",
       "name": "components/form-control/color/border",
       "remote": false,
       "resolvedType": "COLOR",
@@ -11050,7 +9022,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44023:41070",
-      "key": "8feeb680866ee96ef9f61696f7cc231977a1d36f",
+      "key": "a5b086c155047b1c3811d0e00ff0711c7ab0c74c",
       "name": "components/panel/color/border",
       "remote": false,
       "resolvedType": "COLOR",
@@ -11088,7 +9060,7 @@
       "description": "\b0px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1552",
-      "key": "d65fb8a5965643aa6c3df2a39bdc465482b467df",
+      "key": "e5c5db0ad392ca25d4dd017613e8aebb8dddc7b2",
       "name": "UI/sizing/0",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11103,7 +9075,7 @@
       "description": "4px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1553",
-      "key": "b4baf8ac4e8339f84dbac7f70c7804b89f058579",
+      "key": "2c2b1f28d9451785f54e1f2e4401f34a49992197",
       "name": "UI/sizing/1",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11118,7 +9090,7 @@
       "description": "8px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1554",
-      "key": "5bdf7e3411edf5741acb2f3d03e0dbdf42834e31",
+      "key": "a5091f77c67a853826850a993fb65ca1dac7aabd",
       "name": "UI/sizing/2",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11133,7 +9105,7 @@
       "description": "12px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1555",
-      "key": "698446cff4675d70510a0b3b95328ba18434fec7",
+      "key": "1dcbb4e13f7e0ac3e36df59f40e2092b9f37884c",
       "name": "UI/sizing/3",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11148,7 +9120,7 @@
       "description": "16px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1556",
-      "key": "3eb1a3d22e3b93b9735737390f496361860d85a1",
+      "key": "81a9505d7d7285444b72a568fe193cc7d91be13c",
       "name": "UI/sizing/4",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11163,7 +9135,7 @@
       "description": "20px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1557",
-      "key": "3d77d924746c444f861781b5d359edbf0f3d4df1",
+      "key": "8e92aceb1c4456311eab953d3908e8f6e807bd79",
       "name": "UI/sizing/5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11178,7 +9150,7 @@
       "description": "24px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1558",
-      "key": "fc6d0e0470e9673ed8a05e87e80488dd66c81972",
+      "key": "b7307b6070ea656577a557c288fbf034df78444a",
       "name": "UI/sizing/6",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11193,7 +9165,7 @@
       "description": "28px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1559",
-      "key": "26ddf65da96cc5be018991f158edeb5891fb602b",
+      "key": "ffd712f618fb057ea76fda336b51943bb8255621",
       "name": "UI/sizing/7",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11208,7 +9180,7 @@
       "description": "32px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1560",
-      "key": "bfcab3f7b6da065a5628c5ed36412ed54e768ad1",
+      "key": "ec62c4bb2c8c10f5b0ef28e852ba3bc2e84d86f6",
       "name": "UI/sizing/8",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11223,7 +9195,7 @@
       "description": "36px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1561",
-      "key": "da0d5b628ce26152d9378e0fffaffbba7c01acb1",
+      "key": "f6ee32c97782f6294b5f2a6acce831b90a0e5560",
       "name": "UI/sizing/9",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11238,7 +9210,7 @@
       "description": "40px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1562",
-      "key": "489f7a173979a8c68fba8cab729b85f2d851e1f6",
+      "key": "a59a82bfce5a30a467daa61ad0c8f15360d40492",
       "name": "UI/sizing/10",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11253,7 +9225,7 @@
       "description": "44px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1563",
-      "key": "15e61998c6b6a3fca1bc03477e8bd4a26de8a910",
+      "key": "57b22c3947e16e85f59b857a7384dc0966d6db73",
       "name": "UI/sizing/11",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11268,7 +9240,7 @@
       "description": "48px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1564",
-      "key": "3c209cdd2d6f8ecb83d4eae880f7b45ca25efa27",
+      "key": "bc9952989a89c9426389a7319ae7f494d07b4e6e",
       "name": "UI/sizing/12",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11283,7 +9255,7 @@
       "description": "56px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1565",
-      "key": "21fa6864d6e37ca7be1d7c0d9d7741a586108575",
+      "key": "319d9dacb17e72bf426c956d070c5b608dacbe73",
       "name": "UI/sizing/14",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11298,7 +9270,7 @@
       "description": "64px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1566",
-      "key": "55040634f49863306b166a07455bf24c307f12c2",
+      "key": "a1494d57d4f18658bd7bca39852be628898f86f9",
       "name": "UI/sizing/16",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11313,7 +9285,7 @@
       "description": "80px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1567",
-      "key": "8bfa4cc440cb2ddd728299f293a8a39793f80d2a",
+      "key": "7b25789acf2117b767ec91d398ee35aabdc0ccfd",
       "name": "UI/sizing/20",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11328,7 +9300,7 @@
       "description": "96px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1568",
-      "key": "dc2b963121bb343d2cb0941a80a788441e2a7ab8",
+      "key": "ba711f2d37fbdae8419625e4e0223966f3067a30",
       "name": "UI/sizing/24",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11343,7 +9315,7 @@
       "description": "112px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1569",
-      "key": "abe1e0ba7279a95d3bef92584a623b3eb16e76dc",
+      "key": "4e7f8769faa2003229832b2f652c79a8c7d79b1b",
       "name": "UI/sizing/28",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11358,7 +9330,7 @@
       "description": "128px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1570",
-      "key": "77dc10b1f96521025c5e26f2c9ce749bc5802e47",
+      "key": "08335bc1f79329ce36c6dfa01140438ea4875a78",
       "name": "UI/sizing/32",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11373,7 +9345,7 @@
       "description": "144px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1571",
-      "key": "d3b4abf138fadf48f6c40320fdb4abd6b53317c3",
+      "key": "de8da0883c94e330834d8dd72d9c7692d6f3eb4d",
       "name": "UI/sizing/36",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11388,7 +9360,7 @@
       "description": "160px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1572",
-      "key": "4ee67dc479febbc0296e4f025576af95980b5ae6",
+      "key": "8f8cd40fb83b4041c4c7a57343899839235b7dcf",
       "name": "UI/sizing/40",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11403,7 +9375,7 @@
       "description": "176px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1573",
-      "key": "3e07fd94bd55e35ad20b5ba5193c48b7346a91e8",
+      "key": "0db980b0d57c79f9b7859684fdc8b054437ad717",
       "name": "UI/sizing/44",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11418,7 +9390,7 @@
       "description": "208px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1574",
-      "key": "c63e6bd0de415e8a314e08bb8c1ec407752c91a4",
+      "key": "ee677a09262cc4d9cab3f6c6c2e29e350fa24f20",
       "name": "UI/sizing/52",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11433,7 +9405,7 @@
       "description": "224px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1575",
-      "key": "0f3332af8f07967a43208b43a28ef9f499ae84db",
+      "key": "bad128d1cf42322511ad0eaf6aeb191292db0934",
       "name": "UI/sizing/56",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11448,7 +9420,7 @@
       "description": "256px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1576",
-      "key": "c3a1cac544c357a61b68a210220212914fc565f4",
+      "key": "c147c92c2da99b6c9513c201721c6a91fed7b4ef",
       "name": "UI/sizing/64",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11463,7 +9435,7 @@
       "description": "288px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1577",
-      "key": "81ee721f6d6887564b4a152194086b3fe962d2e3",
+      "key": "742ad520d073708af3de230000152d7411210faf",
       "name": "UI/sizing/72",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11478,7 +9450,7 @@
       "description": "320px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1578",
-      "key": "a7835018b91179914c67bdcd5d3ef9759068e593",
+      "key": "5ad621d3ae1f3e78b984db81a5b5303900bae222",
       "name": "UI/sizing/80",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11493,7 +9465,7 @@
       "description": "384px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1579",
-      "key": "b3dbd88744f5abae29c5c67dd295749cb7c0a94b",
+      "key": "711a2abd24c147789e235890693ce59e41e63e85",
       "name": "UI/sizing/96",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11509,7 +9481,7 @@
       "description": "14px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1580",
-      "key": "c5e2d4215a3ef47ee736a1e2bbd0802e576b8e97",
+      "key": "1d4a59408ca790a07edbd75f463d571e7907de27",
       "name": "UI/text/sm",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11525,45 +9497,13 @@
       "description": "16px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1581",
-      "key": "bb910cf0212a6be52fd452bd650562b8c63c0ecc",
+      "key": "53e028c439df989d4c8bfda1ed5f8844dc88c88f",
       "name": "UI/text/base",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 16
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:44029:1585": {
-      "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "32px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1585",
-      "key": "960c35f79b577f51b2360a9f2b6fe21ead752c28",
-      "name": "UI/text/3xl",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 32
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:44029:1586": {
-      "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "40px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1586",
-      "key": "89348ff89357b051cca53365374e24394ce106a1",
-      "name": "UI/text/4xl",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 40
+        "43138:0": 16
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
@@ -11573,7 +9513,7 @@
       "description": "Used for text sm compact (size: 14, line-height: 100%)",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1587",
-      "key": "b06dcad6d4ee336374cd4594061da62cd32b68c5",
+      "key": "932fa9b67b3ebe95e1312c3544572b06262ed50d",
       "name": "UI/leading/3",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11589,7 +9529,7 @@
       "description": "Used for text sm (size: 14, line-height: 150%)",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1589",
-      "key": "2d178cda4f15bccfb03cbbfa2e984c3637cd317c",
+      "key": "53e35fce1e75d9f51dd6ad952ece1ce384da5fdb",
       "name": "UI/leading/5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11605,7 +9545,7 @@
       "description": "Used for text base (size: 16, line-height: 150%)",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1590",
-      "key": "690a97ab5342a19eada9b314839c048ea152697b",
+      "key": "f3bc6900d5ecfd801851b8febb76a34d32a39270",
       "name": "UI/leading/6",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11621,7 +9561,7 @@
       "description": "Used for mobile text lg (size: 20, line-height: 150%)",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1592",
-      "key": "71d338c4e3ac9376a7347d368a00de908504429a",
+      "key": "f5a1fc81d367fce4434c324af61b56f06720e914",
       "name": "UI/leading/8",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11637,7 +9577,7 @@
       "description": "Used for text base (size: 16, line-height: 150%)",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1594",
-      "key": "4847087bc97464b7107569f4930135d2b4a9e661",
+      "key": "0dca595518114be9573c32ca1713efe0b5b28287",
       "name": "UI/leading/9",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11653,7 +9593,7 @@
       "description": "Used for text 3xl, mobile text 4xl (size: 32, line-height: 120%)",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1595",
-      "key": "e430ae6a27c4362e13357196f1963b3161f8cc80",
+      "key": "c19881cfc5eb87ca3824d9079ce78f2dbc0aac3d",
       "name": "UI/leading/9,5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11663,28 +9603,12 @@
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1596": {
-      "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Used for text 3xl (size: 32, line-height: 120%)",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1596",
-      "key": "566fbd3ef23d5f90d716e12879dbcf8330b6e53a",
-      "name": "UI/leading/12",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 48
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
     "VariableID:44029:1598": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1598",
-      "key": "4c12cb064879225e14b6ae65a2e3d1bf90c6c948",
+      "key": "fd4c1d8e1c1ad21cb8684ada2e19a28ded27e408",
       "name": "UI/border/border-0",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11699,7 +9623,7 @@
       "description": "Default border width",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1599",
-      "key": "be047c95e3c8fb88a93bd295edc6605c3df6ec7d",
+      "key": "c47b5d19257f4d350fdc867957a2f42976a3b289",
       "name": "UI/border/border",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11714,7 +9638,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1600",
-      "key": "f4b6e4af457f376d90a063218262b3ed84f302d2",
+      "key": "bf5491b01b1cc68ffdadad03f99ae7b349a917b7",
       "name": "UI/border/border-2",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11729,7 +9653,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1601",
-      "key": "fd6118482e9b2c0914d1713815fe402760364773",
+      "key": "1b6bc43adb5dc0598ef6b258e8941676148f2ba1",
       "name": "UI/border/border-4",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11744,7 +9668,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1602",
-      "key": "de8398b34724c5f649e2ac09f534382b2e7d4dbb",
+      "key": "1faa72dfd5c7c3d6f2a269c478a4f585c5a23018",
       "name": "UI/border/border-6",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11759,7 +9683,7 @@
       "description": "For pill buttons / shapes",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1603",
-      "key": "ebb8a562675adfe46a06d12b3e1454bc56a1c23e",
+      "key": "eadcda80e43c5897fbbc257cade9de8f3c7dca24",
       "name": "UI/rounded/full",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11774,7 +9698,7 @@
       "description": "For pill buttons / shapes",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1604",
-      "key": "d8667543b5e6becf70c0414aa5b4f9b82f4b5b4e",
+      "key": "a7382b4972316c9a4d00edfde2d774101aeefa9f",
       "name": "UI/rounded/default",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11789,7 +9713,7 @@
       "description": "No rounding",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1605",
-      "key": "bc44d1776a2be36e70142efecd0757919f555458",
+      "key": "313c5fef17c6bce1d9e60ab0a2f87706362b7e2f",
       "name": "UI/rounded/none",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11804,7 +9728,7 @@
       "description": "2px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1606",
-      "key": "e833aaf4f7ffae4b47ce00578bd634097060e26f",
+      "key": "4de835ca59980687954af8902cf33a37627aad84",
       "name": "UI/rounded/sm",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11819,7 +9743,7 @@
       "description": "6px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1607",
-      "key": "5a50c51cf675b864f161429bea218cfb4ce55469",
+      "key": "1cdbe4833402b4792bf7adef9e4bbb591b710aa8",
       "name": "UI/rounded/md",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11834,7 +9758,7 @@
       "description": "8px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1608",
-      "key": "993272c980510de3410a60f2825a2160749e9a05",
+      "key": "e489d09135b02cbc4392cd11d0956319f94922e0",
       "name": "UI/rounded/\blg",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11849,7 +9773,7 @@
       "description": "12px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1609",
-      "key": "20d3b56010775d18018fda52adcabc327265a499",
+      "key": "14074d8b70f8ca3fe63fb75b1e8311e74677f4ea",
       "name": "UI/rounded/xl",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11864,7 +9788,7 @@
       "description": "1px\b",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1610",
-      "key": "6cc4e80fc468bc1e1933fccadd765285297c364a",
+      "key": "979429454e773990dd21002e54a822c0b6adbcac",
       "name": "UI/sizing/px",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11879,7 +9803,7 @@
       "description": "2px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1611",
-      "key": "5aa51ba9c75bc6d5c6f8c8014967fec3a1213873",
+      "key": "8e2e9664ba627af68ea1c787ce20dcde22b80983",
       "name": "UI/sizing/0,5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11894,7 +9818,7 @@
       "description": "\b6px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1612",
-      "key": "33f619ce36c4f01d7df76d89d07695960deba1d2",
+      "key": "b2b4bac01ed3327f3928b295171fea6b465b0266",
       "name": "UI/sizing/1,5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11909,7 +9833,7 @@
       "description": "14px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1613",
-      "key": "7128d70709ba863dbf3ef4a874002952414a6675",
+      "key": "c24d42699d33503ef9fa287c1b766b0b23018b11",
       "name": "UI/sizing/3,5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11924,7 +9848,7 @@
       "description": "10px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1614",
-      "key": "815b8f6f341a73323a337d8011bb47c95be5d815",
+      "key": "28293260d3823ca9d8677cda874996b8a74e14ff",
       "name": "UI/sizing/2,5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11939,7 +9863,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1615",
-      "key": "3a4ed3b96703f4e22719fece9fadedada1c31882",
+      "key": "129fc9b991650e87b1a80cb52c7e53d9b0127902",
       "name": "UI/opacity/opacity-0",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11954,7 +9878,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1616",
-      "key": "aac18cdbb3c38746325ead21f6e0d3689e15a448",
+      "key": "9db640f6f2f5a891e2a4b47ce5e148362bab65b0",
       "name": "UI/opacity/opacity-5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11969,7 +9893,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1617",
-      "key": "e71c28751aac586b28e598f3d63dc302d6545683",
+      "key": "78e9487d76f70b4c54dd439ec074e66e70f74f17",
       "name": "UI/opacity/opacity-2",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11984,7 +9908,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1618",
-      "key": "a08da7175ae0258a55557b0b0c762758337aa30b",
+      "key": "cf3381af07c8af7bba9fab1f4781e38c616f54a1",
       "name": "UI/opacity/opacity-10",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -11999,7 +9923,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1619",
-      "key": "2e5359c620ab734bf670fcbd08bee92391379622",
+      "key": "1678e4e4a4c9de8e17aa93b50858f5beb1256759",
       "name": "UI/opacity/opacity-20",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12014,7 +9938,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1620",
-      "key": "b71e0b0b0d78b1ec2cea693d7553d8069f7576c0",
+      "key": "8737c211f43a33aacd75be628d4e75cd8a2382b3",
       "name": "UI/opacity/opacity-30",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12029,7 +9953,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1621",
-      "key": "0b40ae8d62b8c6259ba89e237405a0da4222636f",
+      "key": "7822c17e5da0ffe5bc4285e1d30023226bac0c60",
       "name": "UI/opacity/opacity-50",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12044,7 +9968,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1622",
-      "key": "45cc6cc21bc26b9a83ab039238c794119106f4fc",
+      "key": "10a777d6de433ba9124af77952a9e4eaf39477b8",
       "name": "UI/opacity/opacity-55",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12059,7 +9983,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1623",
-      "key": "a14dc54d5cb831f0dd28731dd32f6455486ebc18",
+      "key": "88f795b9d03faec1d50aceb18ef56a7518b57c2a",
       "name": "UI/opacity/opacity-60",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12074,7 +9998,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1624",
-      "key": "5311ce8cb33ee93ced1a5ca73c750d2394cf6638",
+      "key": "b8e9607c999da486342b6edc1b9b9042742038e9",
       "name": "UI/opacity/opacity-70",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12089,7 +10013,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1625",
-      "key": "6b954d3f12e0dc31fc2e51c58d0480a354987425",
+      "key": "622c67aa71992a150b97adb5c7a9cf0d242e10e1",
       "name": "UI/opacity/opacity-75",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12104,7 +10028,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1626",
-      "key": "05c17717bd5703de18d2e0f2ef97674c8f08ff4f",
+      "key": "64f3e8bf909cd1f92fef683b7d154dd3ba705fa2",
       "name": "UI/opacity/opacity-80",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12119,7 +10043,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1627",
-      "key": "3688b1f9ceabb13f8a1dca7802f5ec749e6b8b41",
+      "key": "a721f8216ccb580767c16d80a665452ed49eedf7",
       "name": "UI/opacity/opacity-85",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12134,7 +10058,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1628",
-      "key": "9a80d8e5b9cf5b583b666e426223b4e442f1ebde",
+      "key": "55bbd77a9bd28ac31caa0c8ec1982330a84d9e51",
       "name": "UI/opacity/opacity-90",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12149,7 +10073,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1629",
-      "key": "a739df6f7e8c7f1d742f3a00a51e9cfec46a3375",
+      "key": "326416d4dadcb43dbeabc4d9a16e471d13c79593",
       "name": "UI/opacity/opacity-100",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12164,7 +10088,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1630",
-      "key": "89983aaef28bc7acfb5260ccc911788a28494d66",
+      "key": "3fde7fe56772cb1569e03e485fd7fef51bf6da9d",
       "name": "UI/font-weight/font-normal",
       "remote": false,
       "resolvedType": "STRING",
@@ -12179,7 +10103,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1631",
-      "key": "e678796bff2c98aea8078f1afd2e9ab1b5da62d4",
+      "key": "098c8cb0d45b74657f6ee59b7dcb56135ef107d7",
       "name": "UI/font-weight/font-bold",
       "remote": false,
       "resolvedType": "STRING",
@@ -12194,7 +10118,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1632",
-      "key": "b29891b0cdd05444c3675237d4505d14c1512f9c",
+      "key": "f8696849b5756fc265fae87f1f7b13de54eaa300",
       "name": "VB/font-family/font-family-primary",
       "remote": false,
       "resolvedType": "STRING",
@@ -12209,7 +10133,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1633",
-      "key": "aaee96dbbb8e947712a93bb25152a10e4257fec9",
+      "key": "eaa9abc0c499407cea81d3e87fc2b013091be86e",
       "name": "utilities/opacity/0",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12229,7 +10153,10 @@
           "id": "VariableID:44029:1615",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": 0
+        "47719:0": {
+          "id": "VariableID:44029:1615",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
@@ -12238,7 +10165,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1634",
-      "key": "994f92b693af0aee4cc74124849bac2b1cbb9006",
+      "key": "e6f6efabe80eb0ab85daaaef9ce7bae95a663f0c",
       "name": "utilities/opacity/5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12267,7 +10194,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1635",
-      "key": "c21c07c7968ca097669b3fe742ec3553c9a5b929",
+      "key": "84585f8d2b110ef8819d34c4c7d0084271a9e958",
       "name": "utilities/opacity/10",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12296,7 +10223,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1636",
-      "key": "206f5d9eb141442b78a6eeb5bb66313b31092a92",
+      "key": "d635152b20aa452751ca4a7955156fdfee351b50",
       "name": "utilities/opacity/20",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12325,7 +10252,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1637",
-      "key": "e10e984a9d225fb0c65e9e4e06abd4c5c4d87521",
+      "key": "aea7baea26c8631bc73b279e739ae2069d5093f6",
       "name": "utilities/opacity/30",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12354,7 +10281,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1638",
-      "key": "941df3c53e37db80d77050b18fd9de0fa3516157",
+      "key": "c3f476d1f81df6b81a486b644dfb2f4b2662ee99",
       "name": "utilities/opacity/50",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12386,7 +10313,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1639",
-      "key": "ceb03826cb62f9206dadd16bf3dd8fbaa829c172",
+      "key": "7e51e0ab42d14f543a2625768e177420d47d5303",
       "name": "utilities/opacity/55",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12415,7 +10342,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1640",
-      "key": "8b50ca5cf69081c54bb25b7f5f350dcdc4a06e4b",
+      "key": "6d39b8775e2e2ad509d7f94d4269166e19987ec2",
       "name": "utilities/opacity/60",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12447,7 +10374,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1641",
-      "key": "48311c233e8d820adef47b079d1445fecc110dcf",
+      "key": "dc39e6dcba43b41605534cad8bd4bc71bcf87d29",
       "name": "utilities/opacity/70",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12476,7 +10403,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1642",
-      "key": "9dddbe83ef119f3cae868b9e63dfd7d3407fdabf",
+      "key": "46159233b2f638d6187048b4f273f0c5049cd2b9",
       "name": "utilities/opacity/75",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12496,7 +10423,10 @@
           "id": "VariableID:44029:1625",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": 0
+        "47719:0": {
+          "id": "VariableID:44029:1625",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
@@ -12505,7 +10435,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1643",
-      "key": "7e60488bac864a987b8cdaa64fdd2a0bdcd00b41",
+      "key": "4d9de493bd91e58ab8d8d6f9726d9f53cccad652",
       "name": "utilities/opacity/80",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12525,7 +10455,10 @@
           "id": "VariableID:44029:1626",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": 0
+        "47719:0": {
+          "id": "VariableID:44029:1626",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
@@ -12534,7 +10467,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1644",
-      "key": "f939e4e4d37164fdb29dc3d8daa31564589730f4",
+      "key": "c0e7cdf7e4603fd981fbca0097318a741a8efb7f",
       "name": "utilities/opacity/\b85",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12563,7 +10496,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1645",
-      "key": "2faa9e3e33bf25d5db9fc2b498221ae955dd6078",
+      "key": "bcfe0813ef1851e89423f22825bba54653d5b70a",
       "name": "utilities/opacity/\b90",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12583,7 +10516,10 @@
           "id": "VariableID:44029:1628",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": 0
+        "47719:0": {
+          "id": "VariableID:44029:1628",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
@@ -12592,7 +10528,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1646",
-      "key": "38d7b1f384eaff3795b9a7dd400c4fdfd8b3e9d7",
+      "key": "ce80cee32d88f65332c719d48a67f1cece6a9090",
       "name": "utilities/opacity/\b100",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12624,7 +10560,7 @@
       "description": "8px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1647",
-      "key": "13164359bb7394495d4cf91bc9269d62cd0d73cb",
+      "key": "f630a94d649e1f39c3238ab15d8ac6ca837f5100",
       "name": "utilities/sizing/2",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12656,7 +10592,7 @@
       "description": "12px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1648",
-      "key": "ded1682020995040e17ac12245db474abe602e14",
+      "key": "6b739f1e3aa9655dbe35175e2acdee2318fb6da5",
       "name": "utilities/sizing/3",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12688,7 +10624,7 @@
       "description": "16px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1649",
-      "key": "cd476ec5ab3be8a54d760f6a1ee3191d1fe67531",
+      "key": "f9df5a6165d907e022d201b2c6efc6412a6c9e32",
       "name": "utilities/sizing/4",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12720,7 +10656,7 @@
       "description": "20px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1650",
-      "key": "c0124fa85e46f6048da470b412cd4bc119541ed9",
+      "key": "0818b74f02e6e4ffec1ff93f02195d0fe2b548d6",
       "name": "utilities/sizing/5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12752,7 +10688,7 @@
       "description": "24px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1651",
-      "key": "23139be05bd832f68b61501165565dae4eed1b17",
+      "key": "6f61155c45639e5b2b766aa65c06cf691eabee6e",
       "name": "utilities/sizing/6",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12784,7 +10720,7 @@
       "description": "32px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1652",
-      "key": "09db6a41f52a67991584c60f6abaa6d5e8093c80",
+      "key": "ab6ab6f90593ec3841f58eb67e03317f302dde32",
       "name": "utilities/sizing/8",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12816,7 +10752,7 @@
       "description": "40px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1653",
-      "key": "968eb622b44b289d9b975781c416eba1899ba3e6",
+      "key": "6e72ee74355849fa80525929409879a65daaebee",
       "name": "utilities/sizing/10",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12848,7 +10784,7 @@
       "description": "48px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1654",
-      "key": "14f6214e6a8f132429ec78ba9c8fe145e23963cc",
+      "key": "1d7ef86412e2b4dffe455cc325cb2d284d3d9c62",
       "name": "utilities/sizing/12",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12880,7 +10816,7 @@
       "description": "64px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1655",
-      "key": "2031a799409305aad1f204558674ea175f7d216a",
+      "key": "278a5641b0df40649117aba41ffc17d4c8cee7e2",
       "name": "utilities/sizing/16",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12912,7 +10848,7 @@
       "description": "96px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1656",
-      "key": "2a99601815e07f2dc0b0d39f2a8e066c730c8af3",
+      "key": "77352023656d5434baf8d430d4b0a0b2d5d0ccda",
       "name": "utilities/sizing/24",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12944,7 +10880,7 @@
       "description": "10px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1657",
-      "key": "74e0dbbb3b3c92f2fb74ab459ed92e1609c350fe",
+      "key": "d84982c899e9c5d6ef6c4451fd5badc9c1ce2235",
       "name": "utilities/sizing/2,5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -12976,7 +10912,7 @@
       "description": "4px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1658",
-      "key": "774c1a64e3e40c836996ffa4fd30cd5b4ca2e063",
+      "key": "d21fc67f127ffad5529c451b76e747c4252d072a",
       "name": "utilities/spacing/1",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13008,7 +10944,7 @@
       "description": "8px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1659",
-      "key": "1feba4501d6f2fbe2ff013dd07f4f0211067575d",
+      "key": "45a1bae3e06e98b819764122a0807cfc8bbb9b00",
       "name": "utilities/spacing/2",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13040,7 +10976,7 @@
       "description": "12px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1660",
-      "key": "02c4347a3b0201514eb97db10969bf2706732c0b",
+      "key": "107905365235871606a196e2ff8090413c618475",
       "name": "utilities/spacing/3",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13072,7 +11008,7 @@
       "description": "16px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1661",
-      "key": "88a7ca97af54ffa85846c6766f81ad71f7b549bd",
+      "key": "be244003d0cde449ae27e7e2ed43dd42a77f61b7",
       "name": "utilities/spacing/4",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13104,7 +11040,7 @@
       "description": "24px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1662",
-      "key": "ab4880e91b8460488c7464931eb0f4e203cacb52",
+      "key": "a22b8c9ca0668e56371b7b6cff11fed71f9efd1d",
       "name": "utilities/spacing/6",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13136,7 +11072,7 @@
       "description": "32px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1663",
-      "key": "82ed3c4a3204d7304cab5842cc2adf166143c522",
+      "key": "39b1007b35cddf50cfea0d3c6ce6e02779063c9e",
       "name": "utilities/spacing/8",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13168,7 +11104,7 @@
       "description": "40px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1664",
-      "key": "aa8d695db530448f82c30045112a34bf69a8d8e1",
+      "key": "cccbf4d7784c62e4c5fb74bf94849b2f692efaa7",
       "name": "utilities/spacing/10",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13200,7 +11136,7 @@
       "description": "48px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1665",
-      "key": "9b1acc7552d901f9342a07f12344a0b22b843c2f",
+      "key": "445d81bd946ef54846c37719b2c28268fba20d9b",
       "name": "utilities/spacing/12",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13232,7 +11168,7 @@
       "description": "64px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1666",
-      "key": "d8857751dbf6bebecd69d06678ded6131de518dc",
+      "key": "b97665d45cd0e15fab2982be222440a8114dec2c",
       "name": "utilities/spacing/16",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13264,7 +11200,7 @@
       "description": "80px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1667",
-      "key": "1f894807a94dd587b51f4f7814b6211d2d5ab33a",
+      "key": "6299f7a2d33485058f854ea5bc3e293ad92a95a3",
       "name": "utilities/spacing/20",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13296,7 +11232,7 @@
       "description": "96px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1668",
-      "key": "0bb3268a191ed1f097f86b9d29544315d381c868",
+      "key": "822d68310f23844cc1b8ebd27e14b41bfbe0aaf5",
       "name": "utilities/spacing/24",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13328,7 +11264,7 @@
       "description": "128px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1669",
-      "key": "566bf68b741e2a398eaf3e7f56f22c798a92cdf8",
+      "key": "83b6b870459f3fbefc246a01cbdee325138d5091",
       "name": "utilities/spacing/32",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13360,7 +11296,7 @@
       "description": "160px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1670",
-      "key": "66dab6b8b5decf0ad0e259269732c3b1ad07b1e1",
+      "key": "2c15912d7bb3fb79be0d6020ec81c0cbc25740be",
       "name": "utilities/spacing/40",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13392,7 +11328,7 @@
       "description": "2px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1671",
-      "key": "3eeb9af612e5c75e4742016bd5913fcadbc9d02e",
+      "key": "638216e2c5bd0702b28f6c7a51bc4794b37face2",
       "name": "utilities/spacing/0,5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13424,7 +11360,7 @@
       "description": "1px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1672",
-      "key": "b4708f9d6519657f125b308f99a6fdd11601098d",
+      "key": "8c8c8e10fe5e85a456d80d7fc866f80675071376",
       "name": "utilities/spacing/0,25",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13456,7 +11392,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1673",
-      "key": "e12729c7e65db825928422197b337fb4e774b7fb",
+      "key": "53a194cd9851871036f0edeee777a2f6dfb6e9c1",
       "name": "utilities/spacing/1,5",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13488,7 +11424,7 @@
       "description": "4px Default radius for buttons",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1674",
-      "key": "c3a0b1bc1eb9971db19bb9e85e6799d2ba9c65e1",
+      "key": "d4709dedb538400cd65d5e9afa0ee6eb19f54b46",
       "name": "utilities/rounded/default",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13520,7 +11456,7 @@
       "description": "2px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1675",
-      "key": "2c0633dc6179292d0b51a4fefb32e0d4b884fa3f",
+      "key": "17c7026d178c09d27ce1fb603e3ed1c07d4bc4fb",
       "name": "utilities/rounded/sm",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13552,7 +11488,7 @@
       "description": "6px Inner focus outline",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1676",
-      "key": "608623b68ac10f082b9151d2805d9518b1cdf8b5",
+      "key": "66bdf7ff2d85a713e9253614d4eefc759d135ceb",
       "name": "utilities/rounded/md",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13584,7 +11520,7 @@
       "description": "8px Outer focus outline",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1677",
-      "key": "631d3c50e37e5304ac2b74e9a35f4ace33b9a1b5",
+      "key": "6c40763b71d7919b53d7336ba1f9e334e1ca9665",
       "name": "utilities/rounded/lg",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13616,7 +11552,7 @@
       "description": "Radius for pill shape buttons",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1678",
-      "key": "4a8f3d014e161061a445f3c70c4ac514c691da01",
+      "key": "691b39e01de5eea6aea5902f31b1ce412c724fad",
       "name": "utilities/rounded/full",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13648,7 +11584,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1679",
-      "key": "2d506d0a26bdbd3d12737a2f20e8fad8760ff91e",
+      "key": "b34c06f6d386abcbc00134f03406fb84d0f1fb29",
       "name": "utilities/rounded/none",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13680,7 +11616,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1681",
-      "key": "b14008f1d7445ff2f4723d57966b189a2094e568",
+      "key": "0fd82dd015c469866a13986acf85213f0de7781a",
       "name": "utilities/border-width/2",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13712,7 +11648,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1682",
-      "key": "3ab70e94b5272c12f30e946c99fd3d209d269e4b",
+      "key": "a1d8f6c5529e7da4104e4d8fac6c8bd0fcadef3a",
       "name": "utilities/border-width/4",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13744,7 +11680,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1683",
-      "key": "ece9c9fdba662c87817f51426def72a47755fcfe",
+      "key": "8506edf8435d6afa9ca9bff28ba8773ea5a639a3",
       "name": "utilities/border-width/6",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13776,7 +11712,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1684",
-      "key": "4d30a9a2255c6d6edcb0ee1e71905b0d99975940",
+      "key": "eb136d049f326fa54c6e167246ed2ad41d1ff115",
       "name": "utilities/border-width/default",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -13808,7 +11744,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44029:1685",
-      "key": "7b62d5a1868a88e173e9b75527f48b8f1af5a6f2",
+      "key": "d4b37b365ccfd2760f5b84f323bed6cc4c540b0a",
       "name": "utilities/font-family/primary",
       "remote": false,
       "resolvedType": "STRING",
@@ -13840,7 +11776,7 @@
       "description": "Used for disabled state breadcrumb",
       "hiddenFromPublishing": false,
       "id": "VariableID:44032:68245",
-      "key": "91581515ec9cde04ca3e6f01577f971797c0dc5c",
+      "key": "1085b71400b487a4428f521db8dd65cbc9e1d547",
       "name": "utilities/color/icon-fill/neutral/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -13872,7 +11808,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:44271:64020",
-      "key": "426edb584831a1f119530814dc5ec046c450f0d2",
+      "key": "7c16cf9956d3bb10b7f29ec67b56463f94d4236b",
       "name": "components/sd-button/--primary/--default/color/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -13904,7 +11840,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:44271:64186",
-      "key": "360ffb6bce9b0ae2b38d5317031a529e9f8776f1",
+      "key": "aee4db3a6b665581c4f1d456996f041dfe0b21e9",
       "name": "components/sd-button/--secondary/--active/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -13921,7 +11857,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:193",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -13936,7 +11872,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:44271:64197",
-      "key": "36d36c14e3507a8dca297684a8cda0928afd208e",
+      "key": "8ce5ef0f81d677b65445868c636c98d54aa5505a",
       "name": "components/sd-button/--primary/--active/color/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -13968,7 +11904,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:44271:64199",
-      "key": "35cadee759ba1c349af1a7c7bc0dd2042b05adbb",
+      "key": "086b29fd0c7d608f06dc484610e44702280a2d0a",
       "name": "components/sd-button/--secondary/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -13985,7 +11921,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:193",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -14000,7 +11936,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:44271:64200",
-      "key": "b815cba39a946c608c006df50a12bce9d801402c",
+      "key": "f7a683bfc1487780c9ee1dfa9b79cb0fbb4709ce",
       "name": "components/sd-button/--tertiary/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14017,7 +11953,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:259",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -14029,10 +11965,11 @@
     },
     "VariableID:44283:64315": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:44283:64315",
-      "key": "b62b608ec060e48ca7e556cde22976bb601b467b",
+      "key": "76a616579a4463d3e8a0a53ddac6106ed84af529",
       "name": "components/sd-button/--secondary/--inverted/--hover/color/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14064,7 +12001,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:44283:64318",
-      "key": "85c0750d116f987914d7181d9e052d956b695805",
+      "key": "57f57731db4780aedf07d11d382a358fa4bee2ce",
       "name": "components/sd-button/--tertiary/--inverted/--hover/color/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14081,7 +12018,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:193",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -14096,7 +12033,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:44283:64319",
-      "key": "768894c0826c2ab55f4058b69b3b4469bbae35e2",
+      "key": "35ccb02535b869e54ae1b221e7d0bbaeaeb36629",
       "name": "components/sd-button/--tertiary/--inverted/--active/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14128,7 +12065,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:44283:66900",
-      "key": "89db4e302337c20f32178f87850ad7c3310d6466",
+      "key": "d2b20d8fc3733dfb29f135275da12b3ef2535faf",
       "name": "components/sd-footnotes/--target/--inverted/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14157,10 +12094,10 @@
     },
     "VariableID:44294:66968": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used for sd-link &amp; sd-interactive",
       "hiddenFromPublishing": false,
       "id": "VariableID:44294:66968",
-      "key": "2b24e8c88da9729bbfbd136a34a11873dc2708c8",
+      "key": "7ab103b271853d11828571c254572387f160dab5",
       "name": "components/interactive/--active/color/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14177,7 +12114,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -14192,7 +12129,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:44300:68046",
-      "key": "b99eb8437836764529d32ae4cf7858bbbdd019a9",
+      "key": "6fbd39626b9b92637de31ade8bf3c1c9b07c0d67",
       "name": "components/sd-button/--primary/--inverted/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14224,7 +12161,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:44300:68048",
-      "key": "a22a09ca14bd36c72157044c7b7567e48568e5a1",
+      "key": "9cbb2d02298eb4a9c2c19b3ac4a7f70a4307de44",
       "name": "components/sd-button/--primary/--inverted/--default/color/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14256,7 +12193,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:44300:68555",
-      "key": "3f8879d9d5e5c3ee99d9cf9fa5747064e81e8d96",
+      "key": "25977a4c2c31947da54a53fdc0f3b066d5c290f5",
       "name": "components/sd-button/--primary/--inverted/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14273,7 +12210,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:193",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -14288,7 +12225,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:44300:68556",
-      "key": "5c97276fdefd6114c419075380cc33c8cb139fc2",
+      "key": "399a8fcc44620ff84b32c7fa4bf70b7d3c99c702",
       "name": "components/sd-button/--primary/--inverted/--hover/color/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14320,7 +12257,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:44300:68558",
-      "key": "0f06ca525a60b70267dd6d702fe05091244a6367",
+      "key": "31a5d5222c7a2badc70e18ebcfe738206ac54cc9",
       "name": "components/sd-button/--primary/--inverted/--active/color/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14352,7 +12289,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44300:68643",
-      "key": "b58027bd08bf5d26ff2013bb20587cd4a5a9f4cf",
+      "key": "65a8aa4e4b62aa7c9d93986097ddf2058423317e",
       "name": "components/sd-button/--secondary/--inverted/--active/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14369,7 +12306,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5035",
+          "id": "VariableID:43979:200",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -14381,11 +12318,11 @@
     },
     "VariableID:44300:68678": {
       "codeSyntax": {},
-      "description": "",
+      "description": "sd-button&#39;s left right padding (except for icon-only &amp; loading variant)",
       "hiddenFromPublishing": false,
       "id": "VariableID:44300:68678",
-      "key": "e970f17b81de9aad0c0ab917a251d8f3452883de",
-      "name": "_todo/components/sd-button/_todo/spacing/left-right",
+      "key": "e008b4506970545e2858f69abab0b192a10dc12c",
+      "name": "components/sd-button/padding-inline",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -14393,19 +12330,19 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:44029:1661",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:44029:1661",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:44029:1662",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:44029:1662",
           "type": "VARIABLE_ALIAS"
         }
       },
@@ -14416,7 +12353,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44318:23033",
-      "key": "138f4ecce793a3ebf4c317980462aa365b589465",
+      "key": "4a14a8798c292cfe193ea729b071d30bfff5c3e1",
       "name": "components/sd-flag/--neutral-500/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14450,7 +12387,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44318:24450",
-      "key": "df1e80eecaa526710336575143a4ac639359e8e2",
+      "key": "1953d85138da096ed84acc356147df3c9372fca3",
       "name": "_todo/sd-tag/--tmplt/--default/color/border",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14482,7 +12419,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44318:24451",
-      "key": "a45a75ad6d6bf12234c110f01678705d385278a4",
+      "key": "ec1c1771d5f2994a3bccadb04aef1b5d4af292f3",
       "name": "_todo/sd-tag/--tmplt/--selected/color/border",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14514,7 +12451,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44318:24496",
-      "key": "f4eb254067dbaf76a73b2b0517c60a37e760b2ab",
+      "key": "32dc81414aeb4905c03a711b0b753178ad7fae64",
       "name": "_todo/sd-tag/--tmplt/--selected/color/icon-fill",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14546,7 +12483,7 @@
       "description": "64px",
       "hiddenFromPublishing": false,
       "id": "VariableID:44318:2769",
-      "key": "57f863c6c7d713426244f6659b42482f34a56507",
+      "key": "48b30c1e243642f0e7ff09821c21f56ab253bc39",
       "name": "utilities/sizing/20",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -14578,7 +12515,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:4885",
-      "key": "e1e9403c69c2cd8b996e6184248962988dd94237",
+      "key": "efb16e30a8a9067ce9d15a6b13fa9b484001f849",
       "name": "utilities/shadow/default/y",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -14589,7 +12526,7 @@
         "43174:13": 1,
         "43174:14": 0,
         "44883:0": 0,
-        "47719:0": 4
+        "47719:0": 2
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
@@ -14598,7 +12535,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:4886",
-      "key": "fa90bc04ba379ae8e7bcd16681388407d3741bf5",
+      "key": "146f3a35d89b00e4ffdaca68eeb2691fa4943f21",
       "name": "utilities/shadow/default/blur",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -14609,7 +12546,7 @@
         "43174:13": 3,
         "43174:14": 0,
         "44883:0": 20,
-        "47719:0": 12
+        "47719:0": 4
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
@@ -14618,7 +12555,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:4887",
-      "key": "82316328e37814cd6b892e24a4d5395a1a5f7f51",
+      "key": "5b84d24f672900916d49fbf9ae9b63831a078311",
       "name": "utilities/shadow/sm/y",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -14638,7 +12575,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:4888",
-      "key": "ad6eba0c2c866ef534e09abd7d561b3d91ec7e36",
+      "key": "d84e3ab099588a8364c978615ca3dc77b0378594",
       "name": "utilities/shadow/sm/spread",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -14658,7 +12595,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:4889",
-      "key": "0bdd64eb721473fabffe2c800f378f7a73442f5f",
+      "key": "7fc87a50f1ea70d1ea8b0a5a548691023a42693f",
       "name": "utilities/shadow/sm/x",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -14678,7 +12615,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:4890",
-      "key": "4fc25da1eb609c69488916f335f44fe99d536cec",
+      "key": "759b1f005c98c2a3273954e83d2e91bda71fd311",
       "name": "utilities/shadow/sm/blur",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -14698,7 +12635,7 @@
       "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:5060",
-      "key": "e197e56727fdea5bcd63d82faaca3730c7170fa2",
+      "key": "1f8b01f05cfa31321e88e1793974a539abd5fccd",
       "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/0%",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14738,7 +12675,7 @@
       "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:5061",
-      "key": "ed80fd61fcbe42337f57c0cf621850313615d3ad",
+      "key": "3af6be35815282057f9d7925d23ee76e886dea8b",
       "name": "utilities/color/background/_gradient/neutral-800/40%",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14760,15 +12697,15 @@
         },
         "44883:0": {
           "a": 0,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "a": 0,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
+          "a": 0.20000000298023224,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
@@ -14778,7 +12715,7 @@
       "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:5062",
-      "key": "ae06ea99311b2a474d458a9c1b4d392754a88a28",
+      "key": "fdb74ceaef7d486f266021cf69391abc80b4dd48",
       "name": "utilities/color/background/_gradient/neutral-800/0%",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14800,15 +12737,15 @@
         },
         "44883:0": {
           "a": 0,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
           "a": 0,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
@@ -14818,7 +12755,7 @@
       "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:5063",
-      "key": "6810746af44fefb027aef25ec03a952e67819ad3",
+      "key": "37f24e81afb386283b1cadf543fbfd32c99146d3",
       "name": "utilities/color/background/_gradient/neutral-800/10%",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14840,15 +12777,15 @@
         },
         "44883:0": {
           "a": 0.10000000149011612,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
           "a": 0.10000000149011612,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
@@ -14858,7 +12795,7 @@
       "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:5064",
-      "key": "b5601f46ca117f90af8bce7b34bfb6528a882917",
+      "key": "5950d82765ccd95455a31d94a08ca68f9b5292cd",
       "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/60%",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14898,7 +12835,7 @@
       "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:5065",
-      "key": "f3a1cc9a85d22d9d3922a8cc1c5739ac3acffe84",
+      "key": "3e4966cf2df5417b93c3327b435f38d92a9790c1",
       "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/5%",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14938,7 +12875,7 @@
       "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:5066",
-      "key": "4f435c9f34678bf6aa05dd9f12e4ed36e95064c8",
+      "key": "285d1b283a167b07bb8a44c6165852fc078a2d0c",
       "name": "utilities/color/background/_gradient/components/informational/gradient/--primary-800/background/color/60%",
       "remote": false,
       "resolvedType": "COLOR",
@@ -14978,7 +12915,7 @@
       "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:5067",
-      "key": "bab93ed766eab4c7ec6e0775a08b5ee21f36f901",
+      "key": "c61275a6e79736352c5c7973f472ee481004cc02",
       "name": "utilities/color/background/_gradient/components/informational/gradient/--primary-800/background/color/75%",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15018,7 +12955,7 @@
       "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:5068",
-      "key": "4cd5988714807b4824a1faff2b083b322bf02bfc",
+      "key": "65305b0d7e12918bdc2c52e2f5383f6cdd7bac43",
       "name": "utilities/color/background/_gradient/components/informational/gradient/--primary-800/background/color/0%",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15058,7 +12995,7 @@
       "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:5069",
-      "key": "e5dfcdc4955593aa537b56e311b871cdac0ddc0e",
+      "key": "febece3832a1ceb16d013a9e44aa555a7bf3a9cb",
       "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/75%",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15098,7 +13035,7 @@
       "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
       "id": "VariableID:44336:5070",
-      "key": "b5678b4674df0a0ffedc04df7284cd318165a6ec",
+      "key": "a3f462e5c4f87eb06c13c5b1cfe020267115fc0d",
       "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/80%",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15138,7 +13075,7 @@
       "description": "Deprecated?",
       "hiddenFromPublishing": true,
       "id": "VariableID:44612:686",
-      "key": "ff02c47c557ae5124d4491ef436e0495922c929b",
+      "key": "2d5c160bc74ccfde75ae9d2c6e3dd7255596bcad",
       "name": "components/sd-header/color/_shadow",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15159,49 +13096,16 @@
           "r": 1
         },
         "44883:0": {
-          "a": 0.4000000059604645,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        },
-        "47719:0": {
-          "a": 0.4000000059604645,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:44612:9948": {
-      "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:44612:9948",
-      "key": "47cd63d49c578cd9ac1789dff0e9efdd9e984064",
-      "name": "components/sd-audio/--inverted/color/border",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
@@ -15211,7 +13115,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44625:20357",
-      "key": "31bba1f507150a2fffcecd84c187e13a78236e74",
+      "key": "8dd82451a5329fee24211a0dd50533d683209672",
       "name": "components/sd-button/--primary/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15243,7 +13147,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44650:19862",
-      "key": "97b23239ce016ac7f4a8eeb2fe5936e47293f17c",
+      "key": "6739f6a0fcbe0a1306bb4b48d44c869a294a53b6",
       "name": "components/sd-tag/--selected/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15277,7 +13181,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44650:36908",
-      "key": "0790cdc626c0b370bc53c4e1134d53fcd25b2b50",
+      "key": "cf67bd90cc7b472aadd474a683d34b530810e295",
       "name": "components/sd-brandshape/--white/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15309,7 +13213,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44650:37065",
-      "key": "fe3e8308de68911d8f7f082a91b56365250a7aad",
+      "key": "6342f2f9e82014695c658d35bde1c629b30eb803",
       "name": "components/sd-brandshape/--neutral-100/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15341,7 +13245,7 @@
       "description": "Used for overlays",
       "hiddenFromPublishing": false,
       "id": "VariableID:44677:46587",
-      "key": "8a4b4d185b7c58947aa87b02d99a500c59207748",
+      "key": "775e4d10889cae71573303b04bee751b14e7e497",
       "name": "components/overlay/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15381,7 +13285,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44762:16901",
-      "key": "d69c5ddcf1b40c1588df085f4fb2105ba9ad6158",
+      "key": "53d43cf740406c0c26217cf784a5d4bf61a541d1",
       "name": "components/sd-button/--primary/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15398,7 +13302,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:198",
+          "id": "VariableID:43979:199",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -15413,7 +13317,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44837:15833",
-      "key": "64bc28bc975cb3850ec4d5110e97569aa0028c00",
+      "key": "fde333e00596ed6f139c1c1a28386b3c8878bac3",
       "name": "components/informational/gradient/--white/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15442,10 +13346,10 @@
     },
     "VariableID:44837:7261": {
       "codeSyntax": {},
-      "description": "",
+      "description": "code only",
       "hiddenFromPublishing": false,
       "id": "VariableID:44837:7261",
-      "key": "ffa238263d4568d7c80a0cbf7e8c5dd858cdd738",
+      "key": "e3f42edc6b205e0fc08d3369c4f5b45e01820680",
       "name": "components/informational/gradient/--primary-800/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15462,12 +13366,16 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:201",
-          "type": "VARIABLE_ALIAS"
+          "a": 1,
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:43979:201",
-          "type": "VARIABLE_ALIAS"
+          "a": 1,
+          "b": 0,
+          "g": 0,
+          "r": 0
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
@@ -15477,7 +13385,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44883:20780",
-      "key": "d320311b5a6f2be3859d0fc7c644d8e1d6bdf9d1",
+      "key": "28c4b97217478aa38d5e73197f9f4567e5302291",
       "name": "components/sd-button/--size/md/font-size",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -15506,10 +13414,10 @@
     },
     "VariableID:44883:24608": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Top bottom padding for sd-button md variant",
       "hiddenFromPublishing": false,
       "id": "VariableID:44883:24608",
-      "key": "c4c862d0ec6f34585a320fc84cf20ac89070a12f",
+      "key": "287cff68bec7f2c09e35dd6aa5356434675d56aa",
       "name": "components/sd-button/--size/md/padding-block",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -15526,11 +13434,11 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1657",
+          "id": "VariableID:54572:8960",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1657",
+          "id": "VariableID:44029:1659",
           "type": "VARIABLE_ALIAS"
         }
       },
@@ -15538,10 +13446,11 @@
     },
     "VariableID:44883:24906": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44883:24906",
-      "key": "f82e884915a4d7b05aa2e142c290778c68a42cd2",
+      "key": "4162a621f09dc643a5a50b52beb6b58b3b9e2cf8",
       "name": "components/sd-button/--size/md/border-radius",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -15573,7 +13482,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44883:47306",
-      "key": "95c8c70899f7d7e55444b323c095b12bb4985ed5",
+      "key": "49b32f2d7b20d94e792f306722d632e7343afa12",
       "name": "VB/status/success",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15593,7 +13502,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44883:47307",
-      "key": "d59d5615a16f15379f357241f4c66927aaef69ba",
+      "key": "c73dd25a8952d74f31fa711e976b8516b5e284c3",
       "name": "VB/status/error",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15613,7 +13522,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44883:47308",
-      "key": "93c2c9ff5347e23b3cd92d1cecf3f2e79d770f93",
+      "key": "997058e84d530591c306aad7021e3fb1b23f09de",
       "name": "VB/status/warning",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15633,7 +13542,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:19938",
-      "key": "a72612d1fe1fee68c660686738e0c5afa1aa0667",
+      "key": "947a56eadb3c4a8c37c5037840506cb688edb40a",
       "name": "VB/vermillion/50",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15653,7 +13562,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:19939",
-      "key": "a69949674316d2e5c79f973f5d2c9b683c826172",
+      "key": "08eb847391204883693c286a2f09755489805329",
       "name": "VB/vermillion/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15673,7 +13582,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:19940",
-      "key": "bab2ed981dcf08267d5af8adba7fdeac4acc6da6",
+      "key": "b4e4fe55116959378393b831fabb54f7254c29a7",
       "name": "VB/vermillion/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15693,7 +13602,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:19941",
-      "key": "3c4950b18b5871efd40fce1784764b681120e229",
+      "key": "965406f60b81e55def39fecfec2175121d8761aa",
       "name": "VB/vermillion/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15713,7 +13622,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:19942",
-      "key": "8fa4d1d54846c34a920ea604886363a31718be5d",
+      "key": "0d81b0168821c4f0f08842f429c32e68102b748e",
       "name": "VB/vermillion/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15733,7 +13642,7 @@
       "description": "Generated with https://www.tints.dev/palette/v1:cnVieXxGMzVFMDF8NTAwfHB8NXwtNHwxM3w5Mnxt",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:19943",
-      "key": "4a4e70145be75f37bc265c7b2b131b3993e6ad4c",
+      "key": "d2b43292ad970b1b1a3a7b829eb96d60fcacf201",
       "name": "VB/vermillion/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15753,7 +13662,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:19944",
-      "key": "fd8d683f22943e103d57533fe049da90c400c7fd",
+      "key": "a04bf4d213ad5e01bd69d342385735f9ba703fd2",
       "name": "VB/vermillion/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15773,7 +13682,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:19945",
-      "key": "10deeaad24113b0198050adcda0538de6e0e3dfc",
+      "key": "389bf7b1ab0883df3cb7928352c0dac455f6f353",
       "name": "VB/vermillion/700",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15793,7 +13702,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:19946",
-      "key": "1d2467905d6d170bc0626cc8b78dbfa7682dd31c",
+      "key": "72d24c2067494638daa828b0bc12eada9cf954a7",
       "name": "VB/vermillion/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15813,7 +13722,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:19947",
-      "key": "99415b3cbf20b9040fecaebcfe6d7e95e5fe7018",
+      "key": "c973de69eab0a51cee9fbbbe60449714b0b8859f",
       "name": "VB/vermillion/900",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15833,7 +13742,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:19948",
-      "key": "6f4d66f6aa80dffde64499eed5725f629ea435d0",
+      "key": "a4ca6c5c4fa017dd1456c5293028e816f4d1389d",
       "name": "VB/vermillion/950",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15853,7 +13762,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:20144",
-      "key": "157bccec860ab64a50cf0edb3a4d3a8e458833e8",
+      "key": "e4cd5d1f44e76d5588ef6b7cd63f9e3534949ddf",
       "name": "VB/black",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15873,7 +13782,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:20145",
-      "key": "f809ef58bcdfa33d47ceff4aa2aa5183eba83d2d",
+      "key": "990fb9c4ce55cd9860a48a1a2587de7379c74671",
       "name": "VB/grey/620",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15893,7 +13802,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:20154",
-      "key": "28a0154ecd5fd642401371345efa2a2e4e08aa9e",
+      "key": "5db147f99547fa7ae2c61bc821512293e2938353",
       "name": "VB/white/default",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15913,7 +13822,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:20155",
-      "key": "ea2f26bf74fe64e4c73b9340f9bab1e53db66e2c",
+      "key": "54d8f6d9db9bbed7a3e6fa33fe31d060be4243cd",
       "name": "VB/status/success-bg-alternative",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15933,7 +13842,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:20156",
-      "key": "e2d800e47390eb79f578231f6ab434a1cd12dbd4",
+      "key": "7a2a752a899d8bf49643b52f12951c91b891bc1d",
       "name": "VB/status/error-bg",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15953,7 +13862,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44917:20158",
-      "key": "2b9df16902ecf2a6c36883f544966a0f11b1fa87",
+      "key": "659212f171deeeb1328b08d64f9d3e1d6e4f5b46",
       "name": "VB/status/warning-bg",
       "remote": false,
       "resolvedType": "COLOR",
@@ -15973,8 +13882,8 @@
       "description": "",
       "hiddenFromPublishing": true,
       "id": "VariableID:44921:10563",
-      "key": "4cabc6af63322d7f26512c43bc1de35af866b5eb",
-      "name": "components/sd-button/--size/lg/icon/_font-size",
+      "key": "e5f4bc1f5a86ad9dffa6bf0e907a6755a27a189b",
+      "name": "components/sd-button/--size/lg/icon/height",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -16005,7 +13914,7 @@
       "description": "F5F7F9 100%",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:14699",
-      "key": "d7e09de71260f1e010a2a164c921f35aae8b93c0",
+      "key": "735fcb74246dea97f97e56fc798a810ffb935b3a",
       "name": "VB/grey/50",
       "remote": false,
       "resolvedType": "COLOR",
@@ -16025,7 +13934,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:14700",
-      "key": "8b8207b51695a604e8c0f8aa3ee8c03edf9db1d5",
+      "key": "d2916ee1dcfdf5c18fb9595fbc2832c1cfb89c46",
       "name": "VB/grey/100",
       "remote": false,
       "resolvedType": "COLOR",
@@ -16033,9 +13942,9 @@
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.95686274766922,
-          "g": 0.9411764740943909,
-          "r": 0.929411768913269
+          "b": 0.9764705896377563,
+          "g": 0.9686274528503418,
+          "r": 0.9607843160629272
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
@@ -16045,7 +13954,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:14701",
-      "key": "4ebc6df667c167f1b85934e1cb40c3a0c7f93706",
+      "key": "88efc5b6bd08d487430ef9de4e13ead5240200dd",
       "name": "VB/grey/200",
       "remote": false,
       "resolvedType": "COLOR",
@@ -16065,7 +13974,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:14702",
-      "key": "1c14acc3ff4cd0d5cdf7a6cce7b6087a953fbd85",
+      "key": "9cc6b7e08c539b1c0c4b2adfe27faad2303e10d6",
       "name": "VB/grey/300",
       "remote": false,
       "resolvedType": "COLOR",
@@ -16085,7 +13994,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:14703",
-      "key": "cdcd107ea2bd5d6c49feb99c571fa8e73390ec09",
+      "key": "0a0e5aa620abc5a59213a5659341cd496c5c8ade",
       "name": "VB/grey/400",
       "remote": false,
       "resolvedType": "COLOR",
@@ -16105,7 +14014,7 @@
       "description": "disabled",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:14704",
-      "key": "2b6d7416f79062985b8355f1a231c179a7a379b1",
+      "key": "b1b7a19b872602f3d58aaf1e86b7c9652e368ab5",
       "name": "VB/grey/500",
       "remote": false,
       "resolvedType": "COLOR",
@@ -16125,7 +14034,7 @@
       "description": "foreground-secondary-text",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:14705",
-      "key": "ecf6283fbd575dcf4dbb473e626c3491a2e659da",
+      "key": "b16719a6ecfe0a5c4c9569c3fcd0fa809794ebe9",
       "name": "VB/grey/600",
       "remote": false,
       "resolvedType": "COLOR",
@@ -16145,7 +14054,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:14706",
-      "key": "5e7b311652cc6857172230c26f6dc6bb8683a4c4",
+      "key": "b451e725016ca955fee4ce969357ea7ca017bbb4",
       "name": "VB/grey/700",
       "remote": false,
       "resolvedType": "COLOR",
@@ -16165,7 +14074,7 @@
       "description": "foreground-text",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:14707",
-      "key": "0a5ad4a53638ee401f31c52ea9fc3bcf7ca2de01",
+      "key": "fc7fe2691aa1f3d34ec3aaeca4d752421c4e4612",
       "name": "VB/grey/800",
       "remote": false,
       "resolvedType": "COLOR",
@@ -16185,7 +14094,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:14810",
-      "key": "a369c46a7415d6b57b73679216b7e2e449068e45",
+      "key": "63a1e9594583c043fc3229b0e984e912efb36620",
       "name": "components/sd-accordion/color/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -16214,10 +14123,10 @@
     },
     "VariableID:44921:21016": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Is this used in code?",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:21016",
-      "key": "61b0e9205fb04c19d41aad3959cde51e72bb5745",
+      "key": "929621b97dc088c4d0bd82239eecdca27dd51276",
       "name": "components/sd-header/padding-bottom",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -16231,10 +14140,7 @@
           "id": "VariableID:44029:1671",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": {
-          "id": "VariableID:44029:1671",
-          "type": "VARIABLE_ALIAS"
-        }
+        "47719:0": 0
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
@@ -16243,7 +14149,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:22299",
-      "key": "56bf70dc50d085c17e50b517eae6aad875b93ed8",
+      "key": "e30ffbb7c3ab0919cca10fb36b195403be92e950",
       "name": "components/sd-accordion/__indicator/color",
       "remote": false,
       "resolvedType": "COLOR",
@@ -16276,10 +14182,10 @@
     },
     "VariableID:44921:22300": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Top bottom padding for sd-accordion ",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:22300",
-      "key": "a42292519af5e721dbb28249f0f834c963e640e1",
+      "key": "d1ecce552a8e266bbc4edf79b8598149e440feb6",
       "name": "components/sd-accordion/padding-block",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -16295,10 +14201,7 @@
           "id": "VariableID:44029:1660",
           "type": "VARIABLE_ALIAS"
         },
-        "44883:0": {
-          "id": "VariableID:44029:1661",
-          "type": "VARIABLE_ALIAS"
-        },
+        "44883:0": 15,
         "47719:0": {
           "id": "VariableID:44029:1661",
           "type": "VARIABLE_ALIAS"
@@ -16311,7 +14214,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:22302",
-      "key": "6d01470e707f271e820f7ffac7324b9436cb242d",
+      "key": "f861db5e6d60fd31ea91a6ccc83d22025e3dd3d5",
       "name": "components/sd-accordion/border-width",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -16343,7 +14246,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:4592",
-      "key": "62e899e30dca3ff517fe909ea3fd6577f837f978",
+      "key": "94e39aa52faf3303dbfd1454a693f02fd7789d45",
       "name": "components/sd-button/--size/lg/font-size",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -16375,8 +14278,8 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:4593",
-      "key": "aa72da482ab9f40e4ddb3926afb2cdd7e6940349",
-      "name": "components/sd-button/--size/lg/border-radius",
+      "key": "fb3118610bd63f6251f32c7bb5105cff1ae4173a",
+      "name": "components/sd-button/border-radius",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -16404,10 +14307,10 @@
     },
     "VariableID:44921:4594": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Top bottom padding for sd-button lg variant",
       "hiddenFromPublishing": false,
       "id": "VariableID:44921:4594",
-      "key": "1fecdbaf8919f0a722f49f9dd1e9ab8a4f53aebc",
+      "key": "fb4096cdda55d1472f86844369a69559e5f51025",
       "name": "components/sd-button/--size/lg/padding-block",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -16424,11 +14327,11 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1657",
+          "id": "VariableID:54572:8960",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1657",
+          "id": "VariableID:44029:1659",
           "type": "VARIABLE_ALIAS"
         }
       },
@@ -16439,7 +14342,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44953:13157",
-      "key": "40c5f9661700feaf50fd3c24333d87313a3f657a",
+      "key": "d953a08c78a4e3de3ed66ff7d633805402e7023a",
       "name": "components/sd-button/font-weight",
       "remote": false,
       "resolvedType": "STRING",
@@ -16471,7 +14374,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44953:15244",
-      "key": "465e6db491a1db1f413b05d679304b8cfbf5b6ed",
+      "key": "30bd23926bd57835eb59a7b62404c6cfe55f6856",
       "name": "utilities/font-weight/normal",
       "remote": false,
       "resolvedType": "STRING",
@@ -16503,7 +14406,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44953:15245",
-      "key": "3c700f04dc2f8fb2f7c22a012322878b0758146f",
+      "key": "577c98d84094736eaccaa165aa0a862af2a92f1c",
       "name": "utilities/font-weight/bold",
       "remote": false,
       "resolvedType": "STRING",
@@ -16535,7 +14438,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44966:21201",
-      "key": "b67e1258a071402037bd5830dd1290fc11b9d794",
+      "key": "e2934440b1e5de4619dca2abdc96fe06cc82ce5d",
       "name": "theme/_icon-set",
       "remote": false,
       "resolvedType": "STRING",
@@ -16555,7 +14458,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:44973:32108",
-      "key": "0aaee7ca725ab007664ef97801d333f63f5d39c8",
+      "key": "34c08a8bceb7645f6e9af10518e24637a3247af2",
       "name": "theme/name",
       "remote": false,
       "resolvedType": "STRING",
@@ -16575,7 +14478,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:45014:30581",
-      "key": "f7a847ff9296d9eb6bd0400fee2b978fb8458a00",
+      "key": "f936bc1e3f1354e27be57f4e14c4aea123d98347",
       "name": "components/navigable/__current-indicator/border-radius",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -16601,7 +14504,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:45014:30582",
-      "key": "e7d0abd39e9bbdb916243314ad78c76614a4fb36",
+      "key": "bcab72c5c17fc0b9eaf64c4295e2cb2f3ae60671",
       "name": "components/navigable/__current-indicator/height",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -16627,7 +14530,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:45014:30944",
-      "key": "bb0e8966751d26d88237a07e00d3e13753b2c2b4",
+      "key": "38dc0696014ed676340167e7963b7d398cc54f55",
       "name": "components/sd-navigation-item/color/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -16644,7 +14547,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:220",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -16654,45 +14557,12 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:45014:30959": {
-      "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:45014:30959",
-      "key": "84d889bd592d05dfdd0e800291108dc0999d4620",
-      "name": "components/sd-navigation-item/--current/color/text",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:272",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:272",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
     "VariableID:45014:35870": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:45014:35870",
-      "key": "b954bfd467b9dfbb17c864da6106248d0b6a3028",
+      "key": "f14c9d447b13873d1dc241d39ade1cb6e8f8933c",
       "name": "components/navigable/border-radius",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -16718,7 +14588,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:45014:36471",
-      "key": "ec8353d5cb70dd77a8d3f0f67c1c7d0c397eab33",
+      "key": "c4f1c94d09ce7754a04eade38f29bcc607feac69",
       "name": "components/navigable/font-size",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -16750,7 +14620,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:45046:31063",
-      "key": "b2aded93e978b26b8bb81b9651ea8c9537321cf3",
+      "key": "17351c96552b943d9f574d44826fd106d9404992",
       "name": "utilities/shadow/default/x",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -16770,7 +14640,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:45046:31064",
-      "key": "270df343d72baa34aac53c0ad6b03e03639787f3",
+      "key": "78277e1e03342b0302e563fe1eca67437a3f9193",
       "name": "utilities/shadow/default/spread",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -16781,7 +14651,7 @@
         "43174:13": 0,
         "43174:14": 0,
         "44883:0": 0,
-        "47719:0": -6
+        "47719:0": 0
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
@@ -16790,7 +14660,7 @@
       "description": "Used for tooltip",
       "hiddenFromPublishing": false,
       "id": "VariableID:45046:31066",
-      "key": "634c480aa3cef10317d3274a363421d5ea3804cc",
+      "key": "797d46f37b97aff156f7625149e19123ec70ffaa",
       "name": "utilities/shadow/sm/color",
       "remote": false,
       "resolvedType": "COLOR",
@@ -16824,7 +14694,7 @@
       "description": "Used in: sd-tab, sd-navigation-item and sd-menu",
       "hiddenFromPublishing": false,
       "id": "VariableID:45046:52299",
-      "key": "d460abf150eab5d0b02cae7d5b021dcbd035a77c",
+      "key": "3c26ec398c2019a3ec45f0b844354bb271e5f86f",
       "name": "components/navigable/_docs",
       "remote": false,
       "resolvedType": "STRING",
@@ -16842,7 +14712,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:45293:4199",
-      "key": "3cf1ecf0fd6ed17732fd82f9f98bd7e923a99f9a",
+      "key": "76774c4b771494de44a88166a539b48af0fe45cc",
       "name": "components/navigable/__current-indicator/width",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -16854,63 +14724,22 @@
           "id": "VariableID:44029:1658",
           "type": "VARIABLE_ALIAS"
         },
-        "43174:14": {
-          "id": "VariableID:44029:1658",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": 3,
-        "47719:0": 3
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:45365:12253": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:45365:12253",
-      "key": "0b34d41026aa177f8bd5301ce917b0e3ed288c90",
-      "name": "_internal/slot",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "a": 1,
-          "b": 0.6078431606292725,
-          "g": 0.2078431397676468,
-          "r": 0.3843137323856354
-        },
-        "43174:14": {
-          "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.7137255072593689,
-          "r": 0.800000011920929
-        },
-        "44883:0": {
-          "a": 1,
-          "b": 0.6078431606292725,
-          "g": 0.2078431397676468,
-          "r": 0.3843137323856354
-        },
-        "47719:0": {
-          "a": 1,
-          "b": 0.6078431606292725,
-          "g": 0.2078431397676468,
-          "r": 0.3843137323856354
-        }
+        "43174:14": {
+          "id": "VariableID:44029:1658",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": 3,
+        "47719:0": 3
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46009:22143": {
+    "VariableID:45365:12253": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46009:22143",
-      "key": "b5811be339f41eb45255e2e35bb09109d5006aa2",
-      "name": "_internal/slot-inverted",
+      "id": "VariableID:45365:12253",
+      "key": "56b53fc6c8fd85de96a0820a4049ecd76962c5a4",
+      "name": "_internal/slot",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -16919,9 +14748,9 @@
       "valuesByMode": {
         "43174:13": {
           "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.7137255072593689,
-          "r": 0.800000011920929
+          "b": 0.6078431606292725,
+          "g": 0.2078431397676468,
+          "r": 0.3843137323856354
         },
         "43174:14": {
           "a": 1,
@@ -16931,15 +14760,15 @@
         },
         "44883:0": {
           "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.7137255072593689,
-          "r": 0.800000011920929
+          "b": 0.6078431606292725,
+          "g": 0.2078431397676468,
+          "r": 0.3843137323856354
         },
         "47719:0": {
           "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.7137255072593689,
-          "r": 0.800000011920929
+          "b": 0.6078431606292725,
+          "g": 0.2078431397676468,
+          "r": 0.3843137323856354
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
@@ -16949,7 +14778,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46172:9194",
-      "key": "2e4c87b0ebc458049e1cd55d6566883762cb6769",
+      "key": "9c312370dcdad5fd04c61ef2305d7da1aed40dc0",
       "name": "VB/azure/50",
       "remote": false,
       "resolvedType": "COLOR",
@@ -16958,10 +14787,10 @@
       ],
       "valuesByMode": {
         "43138:0": {
-          "a": 0.05000000074505806,
-          "b": 0.7019608020782471,
-          "g": 0.4000000059604645,
-          "r": 0
+          "a": 1,
+          "b": 0.9843137264251709,
+          "g": 0.9686274528503418,
+          "r": 0.9490196108818054
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
@@ -16971,7 +14800,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46374:83079",
-      "key": "d99afb0d91198ecde2f3fa8daee99fd92d6cc5dd",
+      "key": "ef3fe7885fbd9c6b5f16ed71d420b0ffd918abde",
       "name": "components/form-control/--invalid/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17003,7 +14832,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46386:72148",
-      "key": "9914f7f5070c9e2dd8d978d86923093f9119c5e0",
+      "key": "fe83e52c08dd39dd0c20bdc5df4d58a767b9d924",
       "name": "components/sd-badge/--blue/--inverted/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17032,10 +14861,10 @@
     },
     "VariableID:46386:74301": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used in both sd-badge and sd-status-badge",
       "hiddenFromPublishing": false,
       "id": "VariableID:46386:74301",
-      "key": "20df42d70175c3cfaaffe89e709f42f7dec98b77",
+      "key": "6467dcc638929b8d55dda116d3c51b5a3def734f",
       "name": "components/sd-badge/--red/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17064,10 +14893,10 @@
     },
     "VariableID:46386:74302": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used in both sd-badge and sd-status-badge",
       "hiddenFromPublishing": false,
       "id": "VariableID:46386:74302",
-      "key": "c4fa0f29e84b0897e72ac356498f95e5df0465cb",
+      "key": "029b94cda682269059c0e8862ea2e811c58d4b18",
       "name": "components/sd-badge/--green/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17099,7 +14928,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46386:74303",
-      "key": "6841b961b4dc984c32128cb6740c1dd1bdfa1ff0",
+      "key": "927b0b8137c3d2041df9f8219352c94103e3742e",
       "name": "components/sd-badge/--blue/--inverted/color/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17131,7 +14960,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46386:74311",
-      "key": "a8d56a131e1ae3cd45f6afecda05e520a5a857e0",
+      "key": "15b704b1cbaac3bd51c73f574d8a1730002538fc",
       "name": "components/sd-badge/--green/color/--inverted/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17163,7 +14992,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46386:74312",
-      "key": "e36b09fe1e237e3e2e106a937697189628d5be8a",
+      "key": "26d5ee17dfb0bcfbc4c9dae5e28d8bb90ae937f6",
       "name": "components/sd-badge/--green/color/--inverted/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17195,7 +15024,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46386:74313",
-      "key": "7013680e397feaa1f83bad657c9c21b687f809e2",
+      "key": "03a842fd5d9b54fdc26d0e8e41bded045403b281",
       "name": "components/sd-badge/--red/--inverted/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17227,7 +15056,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46386:74314",
-      "key": "f11e600fa689781b15103785fde5010c7af4f2a4",
+      "key": "1aba283b0a4c063679b9f1b76253422172c82cd8",
       "name": "components/sd-badge/--red/--inverted/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17259,7 +15088,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46386:77408",
-      "key": "b95574716facad5e8508c7ec3d0221a5c6fcfc23",
+      "key": "ac635f460d1b17c24a9f648f85b15467f0f1fee2",
       "name": "components/sd-radio-button-group/border-width",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -17291,7 +15120,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46386:77409",
-      "key": "b2eddeccabf5c1335100023f6b7250956d14794a",
+      "key": "c24f95c1c73f9d297f2d47b6b913eb8041cd5016",
       "name": "components/sd-radio-button-group/border-radius",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -17323,7 +15152,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46386:80458",
-      "key": "9869b5debe75624f55c2e8ea0f30af8d2e7ed101",
+      "key": "882009c8628bceda5c930e5ce1bdfd6cf8e7f8a0",
       "name": "components/sd-radio-button/border-radius",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -17352,10 +15181,10 @@
     },
     "VariableID:46386:80499": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Top bottom left right padding for the sd-radio-button-group",
       "hiddenFromPublishing": false,
       "id": "VariableID:46386:80499",
-      "key": "2e7497ee30538d3ac6cb154b073d91a42c0147f5",
+      "key": "84cae37b3cc7d7644d1dc7b59cb844f391e5c9e2",
       "name": "components/sd-radio-button-group/padding",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -17378,7 +15207,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46396:101271",
-      "key": "96298d04dbeb95d0d3dfca45f6c54db40c9a7786",
+      "key": "42f26cbfa66ba948551ffcd2e793037d7b6263e8",
       "name": "components/sd-tag/--selected/border-width",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -17404,7 +15233,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:46396:101273",
-      "key": "97fad776da9c3db7c5c31d29680f27f74fd4cba7",
+      "key": "897ff10b034637e7bb7c73dcf6315513b61c8b85",
       "name": "components/sd-tag/--default/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17442,7 +15271,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46396:101274",
-      "key": "1344746e5208552adc07f74d3d0d177260ffdb90",
+      "key": "526d492a4ecb10f50c89d3a7930e0e7171dd0018",
       "name": "components/sd-tag/--selected/--default/color/border",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17478,7 +15307,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46396:101306",
-      "key": "5e3f7a979a42bb462cd0eb257ac6c043c201c4fd",
+      "key": "0862ff5e07ee76fdeb3b60bcee192cfd1f4ea371",
       "name": "components/sd-tag/--selected/--hover/color/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17510,7 +15339,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46396:101307",
-      "key": "61dae8498e09b3f461b5916185f4dd16c23ba2f2",
+      "key": "571015578e2374efc4c4a3cc94bcf37edc2640f7",
       "name": "components/sd-tag/--selected/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17544,7 +15373,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46396:101308",
-      "key": "3128bbbd177ffb9cf4b3b45ab6a4b930f4476d87",
+      "key": "a55c69da14e7e9e09b598f8677dd005ad343204a",
       "name": "components/sd-tag/--selected/--hover/color/border",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17580,7 +15409,7 @@
       "description": "selected hover state",
       "hiddenFromPublishing": false,
       "id": "VariableID:46396:101311",
-      "key": "e009bdbd0de3d59f0b961398e39255c3616318ea",
+      "key": "539384dd767368836ddd4ac84ddde3999fe2f61a",
       "name": "VB/azure/250",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17602,7 +15431,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46396:82803",
-      "key": "17d6d732de6f5b0bbd2e427c13522bd8f0fe77e0",
+      "key": "7d046e2302892daeb8a161c685a4f5e7beece493",
       "name": "components/sd-tooltip/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17634,7 +15463,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46396:82804",
-      "key": "7103aef3b0f70c28f721317257583860e35ea61d",
+      "key": "fabff43973ad35d3b2caad45edd0ed4bc068f4cd",
       "name": "components/sd-tooltip/color/text",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17666,7 +15495,7 @@
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46396:91135",
-      "key": "e022d466d4a0016904516deb018db2002fe81fe2",
+      "key": "bd2d42faf1d4287856cc36cc5f7284c5f4d1d97f",
       "name": "components/sd-tag/border-radius",
       "remote": false,
       "resolvedType": "FLOAT",
@@ -17695,10 +15524,11 @@
     },
     "VariableID:46396:91136": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
       "id": "VariableID:46396:91136",
-      "key": "cd206f1f32ca374b560b26d0b3d4fe3a8d135b41",
+      "key": "5f904b95dd71e7e1bda4acd3f83f752a533c7646",
       "name": "components/sd-tag/font-weight",
       "remote": false,
       "resolvedType": "STRING",
@@ -17730,7 +15560,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:46408:107779",
-      "key": "b4b0240532dbbc729629232dd61a8ca64a66a022",
+      "key": "5c484ffe23ff5039685312cb13ade63a4f3aabc7",
       "name": "components/sd-notification/--error/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17762,7 +15592,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:46408:107780",
-      "key": "05b24cef190a11367263627c300eca927e336202",
+      "key": "ffe498529b16a2ebf5eec81b8ebbee7d63962f12",
       "name": "components/sd-notification/--warning/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17794,7 +15624,7 @@
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
       "id": "VariableID:46408:107781",
-      "key": "68f4c9265307760a0150494f9d1f93ca8f04b0ba",
+      "key": "61c9758cd0433f839d2cb7a8e1ff1ce059a34cd0",
       "name": "components/sd-notification/--success/color/background",
       "remote": false,
       "resolvedType": "COLOR",
@@ -17803,51 +15633,297 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:202",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:46408:107782",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:46408:107782",
+          "type": "VARIABLE_ALIAS"
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:46408:107782": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46408:107782",
+      "key": "8615455c95b66b2604cde06a1d8a2658ce783da2",
+      "name": "VB/status/success-bg",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.9490196108818054,
+          "g": 0.9647058844566345,
+          "r": 0.9333333373069763
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:46408:107783": {
+      "codeSyntax": {},
+      "description": "Default icon color ",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46408:107783",
+      "key": "a88fd17259968a699ffe97e2eb09c54382c9d057",
+      "name": "components/sd-notification/--info/color/background",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:202",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:46408:70208",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:46408:70208",
+          "type": "VARIABLE_ALIAS"
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:46408:53949": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46408:53949",
+      "key": "e618ff15c605b37459f08b8958aa37a7ba21b3ee",
+      "name": "components/sd-range/scale-ticks/color/text",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": {
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44921:14705",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44921:14705",
+          "type": "VARIABLE_ALIAS"
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:46408:68803": {
+      "codeSyntax": {},
+      "description": "Default icon color ",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46408:68803",
+      "key": "c4c02f95b4eb470537d3aa251d045aba92770843",
+      "name": "components/sd-flag/--neutral-200/color/background",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": {
+          "id": "VariableID:43979:215",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:200",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:46408:70208",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:46408:68806": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46408:68806",
+      "key": "5abe962a5a252ca5a97250c81d57457d2d85933a",
+      "name": "components/sd-flag/--neutral-200/color/border",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": {
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        },
+        "43174:14": {
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        },
+        "44883:0": {
+          "id": "VariableID:43979:202",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:46408:68807": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46408:68807",
+      "key": "b9ba8210ba0449f4ae1471863f8ca828b1826dae",
+      "name": "components/sd-flag/border-radius",
+      "remote": false,
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": {
+          "id": "VariableID:44029:1679",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1679",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1674",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1678",
+          "type": "VARIABLE_ALIAS"
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:46408:70191": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46408:70191",
+      "key": "fc061333195db37191b62dbd9c9b84967ee08d78",
+      "name": "components/sd-flag/--neutral-500/color/border",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": {
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:202",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:46408:107782",
+          "id": "VariableID:46408:70202",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:46408:107782",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:107782": {
+    "VariableID:46408:70202": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:107782",
-      "key": "3716058582f29f53ecab341003bb31e07a447ead",
-      "name": "VB/status/success-bg",
+      "id": "VariableID:46408:70202",
+      "key": "aeb26c5ea8c53aa6df2532ca483bb60de35a7d49",
+      "name": "VB/status/neutral-blue",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.9490196108818054,
-          "g": 0.9647058844566345,
-          "r": 0.9333333373069763
+          "b": 0.658823549747467,
+          "g": 0.4745098054409027,
+          "r": 0
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46408:107783": {
+    "VariableID:46408:70203": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:107783",
-      "key": "1ad7f2cfa190b81ff0b32a65952559faabf82387",
-      "name": "components/sd-notification/--info/color/background",
+      "id": "VariableID:46408:70203",
+      "key": "5b3636381b6ddb88a7b9d99213091fc56ec15689",
+      "name": "VB/status/neutral-blue-bg",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.9921568632125854,
+          "g": 0.9725490212440491,
+          "r": 0.929411768913269
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:46408:70204": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46408:70204",
+      "key": "d7a2406f81e2c2d28ba431397dcc8753ef0982bc",
+      "name": "components/sd-flag/--neutral-300/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17855,31 +15931,33 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:216",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:43979:199",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70208",
+          "id": "VariableID:46408:70203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:46408:70208",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:53949": {
+    "VariableID:46408:70205": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:53949",
-      "key": "165f684d8343bdce67b44f93701ff1f92d2694a2",
-      "name": "components/sd-range/scale-ticks/color/text",
+      "id": "VariableID:46408:70205",
+      "key": "5a1fbbeeb6e78308ba5af2a1aa5eadb6fd5a9a68",
+      "name": "components/sd-flag/--neutral-300/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17887,31 +15965,37 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:44921:14705",
+          "id": "VariableID:46408:70202",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44921:14705",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:68803": {
+    "VariableID:46408:70206": {
       "codeSyntax": {},
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:68803",
-      "key": "b95a1e9400cead7160d570278bead8f3a5fd4765",
-      "name": "components/sd-flag/--neutral-200/color/background",
+      "id": "VariableID:46408:70206",
+      "key": "56502a3612c12cd85531e60e172c4737e5d5ef10",
+      "name": "components/sd-flag/--white/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17919,7 +16003,7 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:215",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
@@ -17939,13 +16023,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:68806": {
+    "VariableID:46408:70207": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:68806",
-      "key": "5f2f3f0df80ba81131bc7fd144d186ac8fdbc46a",
-      "name": "components/sd-flag/--neutral-200/color/border",
+      "id": "VariableID:46408:70207",
+      "key": "db00f99ef748175b30bb6965137928ed45136719",
+      "name": "components/sd-flag/--white/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17977,71 +16061,87 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:68807": {
+    "VariableID:46408:70208": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:68807",
-      "key": "763a94a0d52c6afca7c51d322668a3d4d612683d",
-      "name": "components/sd-flag/border-radius",
+      "id": "VariableID:46408:70208",
+      "key": "da968b6170091eaa87196f26afdc6647216e80ed",
+      "name": "VB/status/neutral-grey-bg",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:44029:1679",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:44029:1679",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44029:1674",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44029:1678",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.95686274766922,
+          "g": 0.9411764740943909,
+          "r": 0.929411768913269
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46408:70160": {
+    "VariableID:46408:96677": {
       "codeSyntax": {},
-      "description": "",
+      "description": "disabled",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70160",
-      "key": "bead626ba1ae20d4e3ed1d0bf68e7df5d27771d8",
-      "name": "components/sd-flag/border-width",
+      "id": "VariableID:46408:96677",
+      "key": "842f6c13e29fb5f27992384b9ecc6a3852d56f68",
+      "name": "VB/grey/450",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 0.4000000059604645,
+          "b": 0.3490196168422699,
+          "g": 0.3490196168422699,
+          "r": 0.3490196168422699
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:46434:259677": {
+      "codeSyntax": {},
+      "description": "Default icon color ",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46434:259677",
+      "key": "ea24af56ad2b3d67c9415bbde1344194c529be39",
+      "name": "components/sd-chip/--primary-200/color/background",
+      "remote": false,
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 0,
-        "43174:14": 0,
+        "43174:13": {
+          "id": "VariableID:43979:194",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:200",
+          "type": "VARIABLE_ALIAS"
+        },
         "44883:0": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:46408:70208",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1684",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:70191": {
+    "VariableID:46434:259678": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70191",
-      "key": "d52635b47a55f22d63a68e465447a1d9e9944249",
-      "name": "components/sd-flag/--neutral-500/color/border",
+      "id": "VariableID:46434:259678",
+      "key": "35cb80d754f50c2582d8b655e90a4127157241a4",
+      "name": "components/sd-chip/--primary-200/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18061,7 +16161,7 @@
           "r": 1
         },
         "44883:0": {
-          "id": "VariableID:46408:70202",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -18073,53 +16173,85 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:70202": {
+    "VariableID:46434:259679": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70202",
-      "key": "8c76693cb31446dd081721fc3b137f3b960c8aa2",
-      "name": "VB/status/neutral-blue",
+      "id": "VariableID:46434:259679",
+      "key": "b5ce2afd8250f95e2d57fbd8dcbce9ca82addf6f",
+      "name": "components/sd-chip/--primary-300/color/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.658823549747467,
-          "g": 0.4745098054409027,
-          "r": 0
+        "43174:13": {
+          "id": "VariableID:43979:195",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:199",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:46408:70203",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:70203": {
+    "VariableID:46434:259680": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70203",
-      "key": "1537addf535b4f9ed3f8c003fd346e69f93f464e",
-      "name": "VB/status/neutral-blue-bg",
+      "id": "VariableID:46434:259680",
+      "key": "c4834ead364b3f9f50587cd8aa9e720e04484679",
+      "name": "components/sd-chip/--primary-300/color/border",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9921568632125854,
-          "g": 0.9725490212440491,
-          "r": 0.929411768913269
+        "43174:13": {
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        },
+        "43174:14": {
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        },
+        "44883:0": {
+          "id": "VariableID:46408:70202",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:70204": {
+    "VariableID:46434:259681": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70204",
-      "key": "5c96fd6c23502f22388c843af65e833418625bf6",
-      "name": "components/sd-flag/--neutral-300/color/background",
+      "id": "VariableID:46434:259681",
+      "key": "fe25cec833de438add0dd5e4c6d52d72fdfa3d76",
+      "name": "components/sd-chip/--primary-500/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18127,11 +16259,11 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:216",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:199",
+          "id": "VariableID:43979:200",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
@@ -18147,13 +16279,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:70205": {
+    "VariableID:46434:259682": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70205",
-      "key": "a8cde6d0c4b054368817fff8769178b44c52da41",
-      "name": "components/sd-flag/--neutral-300/color/border",
+      "id": "VariableID:46434:259682",
+      "key": "40fae326952e4c4c82b17f56bafe5145d6ad83c3",
+      "name": "components/sd-chip/--primary-500/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18185,13 +16317,45 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:70206": {
+    "VariableID:46434:259683": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46434:259683",
+      "key": "6cae24a1412bb26f85f69a2d736d00565a969651",
+      "name": "components/sd-chip/border-radius",
+      "remote": false,
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": {
+          "id": "VariableID:44029:1674",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1674",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1674",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1678",
+          "type": "VARIABLE_ALIAS"
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:46434:259685": {
       "codeSyntax": {},
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70206",
-      "key": "376bd627cc2d5a6b9a999bd2847231e065d098e3",
-      "name": "components/sd-flag/--white/color/background",
+      "id": "VariableID:46434:259685",
+      "key": "473287e8b49c1b4795dd10cd4c9c9e93a91d8d09",
+      "name": "components/sd-chip/--white/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18219,13 +16383,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:70207": {
+    "VariableID:46434:259686": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70207",
-      "key": "8db4f32dee4f8bbc2124f9086e1fcdaf59930b53",
-      "name": "components/sd-flag/--white/color/border",
+      "id": "VariableID:46434:259686",
+      "key": "291f95f6b9f35cd2a33f2f93fd068404039631ba",
+      "name": "components/sd-chip/--white/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18257,53 +16421,77 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:70208": {
+    "VariableID:46434:259782": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70208",
-      "key": "470695347c3b429684c771317407bc019772b7ac",
-      "name": "VB/status/neutral-grey-bg",
+      "id": "VariableID:46434:259782",
+      "key": "6ad4bc68bcc7332fdc835d9002592b4f29a445a3",
+      "name": "components/sd-chip/--primary-500/color/text",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.95686274766922,
-          "g": 0.9411764740943909,
-          "r": 0.929411768913269
+        "43174:13": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:225",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:225",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:96677": {
+    "VariableID:46434:304476": {
       "codeSyntax": {},
-      "description": "disabled",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:96677",
-      "key": "7cc4502e66f7db53b870f241bc3c77f471aadb78",
-      "name": "VB/grey/450",
+      "id": "VariableID:46434:304476",
+      "key": "e530cff0ac283cd5e18aa8994e4fc1e204513274",
+      "name": "components/sd-radio/--checked/--default/__icon/color/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 0.4000000059604645,
-          "b": 0.3490196168422699,
-          "g": 0.3490196168422699,
-          "r": 0.3490196168422699
+        "43174:13": {
+          "id": "VariableID:43979:213",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:213",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:225",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259677": {
+    "VariableID:46434:304477": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259677",
-      "key": "4afb7ccd6940ed4ba7fc53397bef0681b70457c3",
-      "name": "components/sd-chip/--primary-200/color/background",
+      "id": "VariableID:46434:304477",
+      "key": "4a646ecf23ede2e9bd820c9ab775767ebdccceff",
+      "name": "components/sd-radio/--checked/--hover/__icon/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18311,33 +16499,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:194",
+          "id": "VariableID:43979:209",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:200",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70208",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259678": {
+    "VariableID:46434:304499": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259678",
-      "key": "4ed0e7c8baadaf4ed61305d552bd66d4b590605f",
-      "name": "components/sd-chip/--primary-200/color/border",
+      "id": "VariableID:46434:304499",
+      "key": "eb4900ede88cdef6f59fecec333b04a2c621a6b7",
+      "name": "components/sd-radio/--default/--invalid/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18345,37 +16531,63 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:202",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
+          "id": "VariableID:44917:20156",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8526",
+          "type": "VARIABLE_ALIAS"
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:46434:304642": {
+      "codeSyntax": {},
+      "description": "Used for active / selected elements",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46434:304642",
+      "key": "76226d25f2ba25f3c8ae79e1e0ccdb0e295aee33",
+      "name": "components/sd-radio/--checked/--default/color/background",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
           "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
+        "44883:0": {
+          "id": "VariableID:43979:203",
+          "type": "VARIABLE_ALIAS"
+        },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:44336:5060",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259679": {
+    "VariableID:46434:304643": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259679",
-      "key": "c41e2fe229cbd93f3c30028cb2783f2eab09f009",
-      "name": "components/sd-chip/--primary-300/color/background",
+      "id": "VariableID:46434:304643",
+      "key": "05ae08995dfb2bd1858fdfc1a364416ab2f8eb17",
+      "name": "components/sd-radio/--checked/--invalid/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18383,33 +16595,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:195",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:199",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70203",
+          "id": "VariableID:43979:251",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:44336:5060",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259680": {
+    "VariableID:46434:304644": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for error messages, invalid states",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259680",
-      "key": "665684111375721698eb2e2b1edb303bf535bac9",
-      "name": "components/sd-chip/--primary-300/color/border",
+      "id": "VariableID:46434:304644",
+      "key": "5a5d8c75bfae4f730304c5c6fe6f0a25c79181a9",
+      "name": "components/sd-radio/--checked/--invalid/--default/__icon/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18417,37 +16627,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:222",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:46434:307157",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70202",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:251",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259681": {
+    "VariableID:46434:305759": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259681",
-      "key": "a4176990eba732503dcdaa5ada53c79d0ec2fcec",
-      "name": "components/sd-chip/--primary-500/color/background",
+      "id": "VariableID:46434:305759",
+      "key": "55eea7821e826afa87462d3a46d872018d9e4c22",
+      "name": "components/sd-radio/--checked/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18455,33 +16659,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:200",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70203",
+          "id": "VariableID:43979:198",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:44336:5060",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259682": {
+    "VariableID:46434:305760": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for hover interaction invalid form elements\n",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259682",
-      "key": "cc5316bdfff89f481c2b9d2670db2e6b083a12d7",
-      "name": "components/sd-chip/--primary-500/color/border",
+      "id": "VariableID:46434:305760",
+      "key": "9b4a75355eeb35dc9feec809d3a1a424b0a5b443",
+      "name": "components/sd-radio/--checked/--invalid/--hover/__icon/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18489,205 +16691,191 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:223",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:222",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70202",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:251",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259683": {
+    "VariableID:46434:306253": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted dividers",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259683",
-      "key": "e262a8a242885e54445e3223130092e345b6d4d1",
-      "name": "components/sd-chip/border-radius",
+      "id": "VariableID:46434:306253",
+      "key": "4b21b7059e2750477374713306a483572ea1fbe8",
+      "name": "components/sd-audio/__slide-bar/--inverted/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1674",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.5,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:44029:1678",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.5,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259685": {
+    "VariableID:46434:307157": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259685",
-      "key": "c953b145ba3e9dd05c2c407690f30628a28d6a99",
-      "name": "components/sd-chip/--white/color/background",
+      "id": "VariableID:46434:307157",
+      "key": "2043df7e17a139a6b1125fe5d88a450815b5821e",
+      "name": "utilities/color/error/250",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43927:5017",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:200",
+          "id": "VariableID:43927:5017",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70208",
+          "id": "VariableID:44883:47307",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:47719:8522",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259686": {
+    "VariableID:46434:307158": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259686",
-      "key": "66b31cfe7ac2c6677b935dcb127ff01d6e0bffbf",
-      "name": "components/sd-chip/--white/color/border",
+      "id": "VariableID:46434:307158",
+      "key": "ebd417a622ecaded913e038e59e9d5aec85ab917",
+      "name": "utilities/color/error/500",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
         "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43927:5020",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43927:5020",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:44883:47307",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:47719:8522",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259782": {
+    "VariableID:46434:310776": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259782",
-      "key": "5c395ff78734a6ed12717ab96135dda65862ed6a",
-      "name": "components/sd-chip/--primary-500/color/text",
+      "id": "VariableID:46434:310776",
+      "key": "c3fc8e464b10af1ef844ad15641f8bb51d3d16a3",
+      "name": "components/sd-radio/border-width",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:44029:1681",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:304476": {
+    "VariableID:46547:87699": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:304476",
-      "key": "463ac1b0f6c761225b0b47c24410dfbf80a23aaf",
-      "name": "components/sd-radio/--checked/--default/__icon/color/background",
+      "id": "VariableID:46547:87699",
+      "key": "f89b404fb3797335ec7c3f126ea86529df941d8e",
+      "name": "components/sd-step/__tail/border-width",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:44029:1682",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:44029:1682",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:304477": {
+    "VariableID:46547:89332": {
       "codeSyntax": {},
-      "description": "Used for hover interaction",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:304477",
-      "key": "a6b9d7cfa412b43853565375bd663997ac612491",
-      "name": "components/sd-radio/--checked/--hover/__icon/color/background",
+      "id": "VariableID:46547:89332",
+      "key": "187d0f8d599dbf569bb50b0938febed0ef21888d",
+      "name": "components/sd-step/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18695,63 +16883,63 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:209",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:209",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:278",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8539",
+          "id": "VariableID:43979:278",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:304499": {
+    "VariableID:46550:33336": {
       "codeSyntax": {},
-      "description": "Used for hover interaction",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:304499",
-      "key": "bcfe1a037351b2a696ebe7fad346c21e77735c45",
-      "name": "components/sd-radio/--default/--invalid/color/background",
+      "id": "VariableID:46550:33336",
+      "key": "4bef73c28b0e8f5c078b3d707ea27281478f60e4",
+      "name": "components/sd-step/__circle/border-width",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:20156",
+          "id": "VariableID:44029:1681",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8526",
+          "id": "VariableID:44029:1681",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:304642": {
+    "VariableID:46550:34530": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:304642",
-      "key": "12f4e8d9404a9bdab6bec41826e70ea2e0c5db62",
-      "name": "components/sd-radio/--checked/--default/color/background",
+      "id": "VariableID:46550:34530",
+      "key": "edf6457f32e0b45d3912fd0fe47a24c752e61e70",
+      "name": "components/sd-map-marker/--cluster/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18759,11 +16947,11 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:264",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
@@ -18771,19 +16959,19 @@
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44336:5060",
+          "id": "VariableID:43979:264",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:304643": {
+    "VariableID:46552:34531": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:304643",
-      "key": "48e9bffc42b7120565303e866ff76cd3ed7d6420",
-      "name": "components/sd-radio/--checked/--invalid/--default/color/background",
+      "id": "VariableID:46552:34531",
+      "key": "7aa6cfafb66211be849837ccf704f38d896c375d",
+      "name": "components/sd-map-marker/--cluster/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18791,31 +16979,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:262",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:251",
+          "id": "VariableID:43979:265",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44336:5060",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:304644": {
+    "VariableID:46581:61953": {
       "codeSyntax": {},
-      "description": "Used for error messages, invalid states",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:304644",
-      "key": "6f7518579be4409b3e8e74bd201553942219dc70",
-      "name": "components/sd-radio/--checked/--invalid/--default/__icon/color/background",
+      "id": "VariableID:46581:61953",
+      "key": "74b6d78ae05b7277b7ef0ce4173c3c074775ce07",
+      "name": "components/sd-headline/--3xl-onwards/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18823,31 +17011,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:222",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:222",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:251",
+          "id": "VariableID:47719:8470",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:305759": {
+    "VariableID:46588:15143": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:305759",
-      "key": "29fc8c8e4cf6444945399f556a6e37a21b2a813d",
-      "name": "components/sd-radio/--checked/--hover/color/background",
+      "id": "VariableID:46588:15143",
+      "key": "fee12b32ec41fe401910ea842d755464886119d8",
+      "name": "components/sd-video/--play-button/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18855,31 +17043,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43373:35314",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:43373:35314",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:198",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44336:5060",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:305760": {
+    "VariableID:46590:15143": {
       "codeSyntax": {},
-      "description": "Used for hover interaction invalid form elements\n",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:305760",
-      "key": "3f060013d7663aa601627a36ec6d125937e67e3f",
-      "name": "components/sd-radio/--checked/--invalid/--hover/__icon/color/background",
+      "id": "VariableID:46590:15143",
+      "key": "980e81f79ac6ad3d7be5f1b6a8851cb3ce60cd56",
+      "name": "components/sd-video/_description/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18887,31 +17075,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:223",
+          "id": "VariableID:43979:278",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:223",
+          "id": "VariableID:43979:278",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:44917:20145",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:251",
+          "id": "VariableID:44917:20145",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:306253": {
+    "VariableID:46741:3641": {
       "codeSyntax": {},
-      "description": "Used for inverted dividers",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:306253",
-      "key": "2caec9dc9e686727e9a877260d23654ea8071342",
-      "name": "components/sd-audio/__slide-bar/--inverted/color/border",
+      "id": "VariableID:46741:3641",
+      "key": "27f9510d53200ac95ee0f0d1983fa730d9a16cf3",
+      "name": "components/sd-quickfact/--expandable/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18919,127 +17107,139 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:196",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:196",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.5,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.5,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:307157": {
+    "VariableID:46782:21016": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:307157",
-      "key": "2bde808525fbb4d06762cf206225ae6a10a21dc4",
-      "name": "utilities/color/error/250",
+      "id": "VariableID:46782:21016",
+      "key": "c8d63a473045e0181bf663dd668830c5d8e9c4bf",
+      "name": "components/sd-teaser-media/--primary-100/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:5017",
+          "id": "VariableID:43979:259",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:5017",
+          "id": "VariableID:43979:259",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44883:47307",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.9764705896377563,
+          "g": 0.9686274528503418,
+          "r": 0.9607843160629272
         },
         "47719:0": {
-          "id": "VariableID:47719:8522",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:307158": {
+    "VariableID:46782:21017": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:307158",
-      "key": "15025504d0f4240bb8bfc38d8cef757ed45c29f0",
-      "name": "utilities/color/error/500",
+      "id": "VariableID:46782:21017",
+      "key": "2f86335125df20a2cb1885292c88b251c1176cca",
+      "name": "components/sd-teaser-media/--neutral-100/color/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:5020",
+          "id": "VariableID:43373:35301",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:5020",
+          "id": "VariableID:43373:35301",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44883:47307",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.9764705896377563,
+          "g": 0.9686274528503418,
+          "r": 0.9607843160629272
         },
         "47719:0": {
-          "id": "VariableID:47719:8522",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:310776": {
+    "VariableID:46782:21018": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:310776",
-      "key": "6910efd0475a86823f5001c69751d42e552e6a66",
-      "name": "components/sd-radio/border-width",
+      "id": "VariableID:46782:21018",
+      "key": "20c2041d5d42a33f7918b541552436fd9b9bbee4",
+      "name": "components/sd-teaser-media/--neutral-100/--hover/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43373:35301",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43373:35301",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1681",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.9764705896377563,
+          "g": 0.9686274528503418,
+          "r": 0.9607843160629272
         },
         "47719:0": {
-          "id": "VariableID:44029:1684",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46500:50144": {
+    "VariableID:46785:21019": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46500:50144",
-      "key": "9123b5852cc060aa2ef32d8a83e0be51523acb36",
-      "name": "components/form-control/__tooltip/color/icon",
+      "id": "VariableID:46785:21019",
+      "key": "927df4531f56320b62b9f32ed9be0da314d45c2d",
+      "name": "components/sd-teaser/--neutral-100/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19047,63 +17247,67 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:241",
+          "id": "VariableID:43979:214",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:241",
+          "id": "VariableID:43979:199",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:44921:14699",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:225",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46547:87699": {
+    "VariableID:46785:21047": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46547:87699",
-      "key": "4c5cd7f9982bc98143819830fb92355a71937576",
-      "name": "components/sd-step/__tail/border-width",
+      "id": "VariableID:46785:21047",
+      "key": "c582dced97cf6ce911bb294e2ad6eca9ebd649eb",
+      "name": "components/sd-teaser/--primary-100/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:199",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1682",
+          "id": "VariableID:44921:14699",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1682",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46547:89332": {
+    "VariableID:46785:21048": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46547:89332",
-      "key": "6930b96d957eacf853ef008ef968c8beed2d09e6",
-      "name": "components/sd-step/color/text",
+      "id": "VariableID:46785:21048",
+      "key": "a4e77c63c10cad7598b4d33c0475b5ccc488cee8",
+      "name": "components/sd-teaser/--neutral-400/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19111,63 +17315,63 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:43979:254",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:43979:254",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:278",
+          "id": "VariableID:44921:14703",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:278",
+          "id": "VariableID:44921:14703",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46547:89333": {
+    "VariableID:46790:20333": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46547:89333",
-      "key": "81076c243a34cd77cfe99cc1538bb6b58e347585",
-      "name": "components/sd-step/hover/color/text",
+      "id": "VariableID:46790:20333",
+      "key": "1f93c0c0adb4bf8d5eda03e83fd1f0d708dac9c4",
+      "name": "components/sd-carousel/__pager-dot/border-width",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:270",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:270",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:278",
+          "id": "VariableID:44029:1681",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:278",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46550:33336": {
+    "VariableID:46790:57690": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46550:33336",
-      "key": "4cf050d738eb1ea166e387efe32d047d261eab25",
-      "name": "components/sd-step/__circle/border-width",
+      "id": "VariableID:46790:57690",
+      "key": "555a690a9062e3611ea337dfc05d214068b203e5",
+      "name": "components/sd-checkbox/border-width",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -19187,19 +17391,19 @@
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1681",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46550:34530": {
+    "VariableID:46825:8941": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46550:34530",
-      "key": "165d13ca6bab144a8fc33886c34cef61f7cfc780",
-      "name": "components/sd-map-marker/cluster/color/icon-fill",
+      "id": "VariableID:46825:8941",
+      "key": "c3aa5d7892d06b183c52fa61e28bef709bd44b34",
+      "name": "components/sd-tab/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19207,31 +17411,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:264",
+          "id": "VariableID:43979:254",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:264",
+          "id": "VariableID:43979:254",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:300",
+          "id": "VariableID:44921:14703",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:264",
+          "id": "VariableID:44921:14703",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46552:34531": {
+    "VariableID:46841:8934": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46552:34531",
-      "key": "649a9ff6b1f7792b581a33fddfdf9c24ebc469ee",
-      "name": "components/sd-map-marker/cluster/--hovered/color/icon-fill",
+      "id": "VariableID:46841:8934",
+      "key": "4edf537f9a0a6ae853e5f0a98ce04d7dc41d150a",
+      "name": "components/sd-switch/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19239,31 +17443,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:262",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:262",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:265",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:264",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46581:61953": {
+    "VariableID:46841:9198": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46581:61953",
-      "key": "5bd0726798ced92629e161982e4e9d835e75103d",
-      "name": "components/sd-headline/4xl-and-mobile-4xl/text",
+      "id": "VariableID:46841:9198",
+      "key": "d7759eed77ee248b83dceaff00d487fcbd9911b2",
+      "name": "components/sd-switch/--unchecked/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19271,31 +17475,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:43979:248",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:43979:248",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8470",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46588:15143": {
+    "VariableID:46841:9202": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46588:15143",
-      "key": "04767dcc0b5889482ef5ae514198b7dcacb46761",
-      "name": "components/sd-video/--play-button/color/background",
+      "id": "VariableID:46841:9202",
+      "key": "41b87137f8be1b0ef5f8a8044d308351b1a8a99a",
+      "name": "components/sd-switch/--unchecked/__icon/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19303,31 +17507,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43373:35314",
+          "id": "VariableID:43979:248",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43373:35314",
+          "id": "VariableID:43979:248",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46590:15143": {
+    "VariableID:46841:9203": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46590:15143",
-      "key": "590dab235f13ed748c62d7cca3acc4f4e2f45ff1",
-      "name": "components/sd-video/--description/color/text",
+      "id": "VariableID:46841:9203",
+      "key": "beeb51eb4d46a344cf6334206e03f4a9b9981eb6",
+      "name": "components/sd-switch/--checked/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19335,32 +17539,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:278",
+          "id": "VariableID:43979:209",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:278",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:20145",
+          "id": "VariableID:43979:198",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44917:20145",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46741:1312": {
+    "VariableID:46864:40268": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46741:1312",
-      "key": "2e25f74272787440d2a5709c42805128d0e0978a",
-      "name": "components/sd-quickfact/__expandable/color/description-default/text",
+      "id": "VariableID:46864:40268",
+      "key": "63bd6e9da33a5343caeab3fe000708f69f4ae938",
+      "name": "components/sd-video/--play-button/color/icon-fill",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19368,32 +17571,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:20145",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44917:20145",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46741:3526": {
+    "VariableID:46871:10801": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "",
+      "description": "Used for inverted dividers",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46741:3526",
-      "key": "8378a3f5ddea6c52c97e2aeb468c160b0c9810df",
-      "name": "components/sd-quickfact/__expandable/color/title-default/text",
+      "id": "VariableID:46871:10801",
+      "key": "0eb840dfd3a22c7b6f023ee57b352c3b8d81abbe",
+      "name": "components/sd-divider/--Inverted/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19401,31 +17603,35 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.4000000059604645,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.4000000059604645,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46741:3641": {
+    "VariableID:46871:68824": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46741:3641",
-      "key": "27aaaad8cbcd8aac5c30b67a1f09e1d291fd627f",
-      "name": "components/sd-quickfact/--expandable/color/text",
+      "id": "VariableID:46871:68824",
+      "key": "9693fdefc825aac6df80eb660484994e84523026",
+      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/20%",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19433,31 +17639,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:272",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:272",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "44883:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46768:1312": {
+    "VariableID:46871:68825": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46768:1312",
-      "key": "8ca6f62a95afaa7968d308723636b6de17b15c4a",
-      "name": "components/sd-loader/color/neutral-500/_text",
+      "id": "VariableID:46871:68825",
+      "key": "ebde0ca198584d0a24a9ffcdea523231e9f16582",
+      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/50%",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19465,35 +17679,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:277",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.5,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:277",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.5,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "44883:0": {
-          "a": 0.4000000059604645,
-          "b": 0.7019608020782471,
-          "g": 0.4000000059604645,
-          "r": 0
+          "a": 0.5,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "a": 0.4000000059604645,
-          "b": 0.7019608020782471,
-          "g": 0.4000000059604645,
-          "r": 0
+          "a": 0.5,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46782:21015": {
+    "VariableID:46871:963": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46782:21015",
-      "key": "abfc231dd9c72523d21b6125ecc3f268a7717463",
-      "name": "components/sd-teaser-media/--primary-100/color/background",
+      "id": "VariableID:46871:963",
+      "key": "86dec003cb67ab7067e5cbca73588de77a1cd3b4",
+      "name": "components/sd-carousel/--active/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19501,35 +17719,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:259",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:259",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.800000011920929,
-          "b": 0.9764705896377563,
-          "g": 0.9686274528503418,
-          "r": 0.9607843160629272
+          "id": "VariableID:43979:203",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.800000011920929,
-          "b": 0.9764705896377563,
-          "g": 0.9686274528503418,
-          "r": 0.9607843160629272
+          "id": "VariableID:43979:203",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46782:21016": {
+    "VariableID:46893:49686": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46782:21016",
-      "key": "5ebd8f34957c8f368531290820e7dab3cb3dc4d5",
-      "name": "components/sd-teaser-media/--primary-100/--hover/color/background",
+      "id": "VariableID:46893:49686",
+      "key": "3c7f9fdc11d9430b5894d77aa014377cb62da711",
+      "name": "components/sd-menu-item/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19537,35 +17751,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:259",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:259",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.8999999761581421,
-          "b": 0.9764705896377563,
-          "g": 0.9686274528503418,
-          "r": 0.9607843160629272
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.8999999761581421,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46782:21017": {
+    "VariableID:46893:50283": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46782:21017",
-      "key": "0110c61e4bf3f19b2e66714738054a0614b17122",
-      "name": "components/sd-teaser-media/--neutral-100/color/background",
+      "id": "VariableID:46893:50283",
+      "key": "5344eec1b29a57e0a40cf486852d9dcdfc55d9d3",
+      "name": "components/sd-menu-item/color/icon-fill",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19573,35 +17783,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43373:35301",
+          "id": "VariableID:43979:241",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43373:35301",
+          "id": "VariableID:43979:241",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.800000011920929,
-          "b": 0.9764705896377563,
-          "g": 0.9686274528503418,
-          "r": 0.9607843160629272
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.800000011920929,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46782:21018": {
+    "VariableID:46893:50284": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46782:21018",
-      "key": "9a40fba5f10823655a2e0f93f9b8fa18e45a5504",
-      "name": "components/sd-teaser-media/--neutral-100/--hover/color/background",
+      "id": "VariableID:46893:50284",
+      "key": "cb80543d8e3053a1c3dd580276643bc41fdd858d",
+      "name": "components/sd-menu-item/--disabled/color/icon-fill",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19609,35 +17815,33 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43373:35301",
+          "id": "VariableID:43979:246",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43373:35301",
+          "id": "VariableID:43979:246",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.8999999761581421,
-          "b": 0.9764705896377563,
-          "g": 0.9686274528503418,
-          "r": 0.9607843160629272
+          "a": 0.20000000298023224,
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "a": 0.8999999761581421,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:218",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46785:21019": {
+    "VariableID:46893:50285": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46785:21019",
-      "key": "9365b1d1efd7770b816756691f4c38c5529130f9",
-      "name": "components/sd-teaser/--neutral-100/color/background",
+      "id": "VariableID:46893:50285",
+      "key": "f852c1e2a95523bf803434d79e187fc647f540c0",
+      "name": "components/sd-menu-item/--disabled/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19645,33 +17849,33 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:214",
+          "id": "VariableID:43979:277",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:199",
+          "id": "VariableID:43979:277",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14699",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:218",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46785:21047": {
+    "VariableID:46937:80691": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for text and icon fill",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46785:21047",
-      "key": "15ca2f0b5a882d57d3dd2d068cc326d5b5aea5fa",
-      "name": "components/sd-teaser/--primary-100/color/background",
+      "id": "VariableID:46937:80691",
+      "key": "ff91e5494b3997a219451279b2bd70650e959e12",
+      "name": "components/sd-radio-button/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19679,33 +17883,32 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:193",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:199",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14699",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:225",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46785:21048": {
+    "VariableID:46938:18800": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46785:21048",
-      "key": "3c6b8278f009668afdd5b59750c7073f25645535",
-      "name": "components/sd-teaser/--neutral-400/color/border",
+      "id": "VariableID:46938:18800",
+      "key": "17853189245947ab8971ef9a60894112213fdea3",
+      "name": "components/sd-navigation-item/color/_icon",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19713,96 +17916,95 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:254",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:254",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14703",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44921:14703",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46790:20333": {
+    "VariableID:46961:115232": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for sd-chip, sd-badge",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46790:20333",
-      "key": "0a7284df819445570ca1eb27dad45cf82b9f7517",
-      "name": "components/sd-carousel/__pager-dot/border-width",
+      "id": "VariableID:46961:115232",
+      "key": "ec7774c847504622d93c05656b9e7c8af0b385bc",
+      "name": "components/sd-button/--secondary/--inverted/--hover/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1681",
+          "id": "VariableID:43979:200",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:44336:5060",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46790:57690": {
+    "VariableID:46961:122725": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for sd-chip, sd-badge",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46790:57690",
-      "key": "3875ed78dacd23bb60c6f17bf70ade019e33550d",
-      "name": "components/sd-checkbox/border-width",
+      "id": "VariableID:46961:122725",
+      "key": "a587865482b2e36c58cfde3b736bc29b2c6d939e",
+      "name": "components/sd-button/--tertiary/--inverted/--hover/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1681",
+          "id": "VariableID:43979:200",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:44336:5060",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46825:8935": {
+    "VariableID:46961:99748": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "",
+      "description": "Used for buttons, select field, focus state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46825:8935",
-      "key": "e26bff14a4d0c87f49094ea86a264cc1347a3459",
-      "name": "components/color/background",
+      "id": "VariableID:46961:99748",
+      "key": "baf4394ee33c3727b426e3bf08baa89cd5d8e09a",
+      "name": "components/sd-badge/--inverted/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19810,31 +18012,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43373:35302",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43373:35302",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46172:9194",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:46172:9194",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46825:8941": {
+    "VariableID:46971:17841": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for checkbox, switch",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46825:8941",
-      "key": "3ffea28283e796e733ae9528f82ab55dee7d39aa",
-      "name": "components/sd-tab/color/border",
+      "id": "VariableID:46971:17841",
+      "key": "585227908993bcdca48e108bb729dd7a4a04e904",
+      "name": "components/sd-button/--cta/--inverted/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19842,31 +18044,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:254",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:254",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14703",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44921:14703",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46841:8934": {
+    "VariableID:46977:27416": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46841:8934",
-      "key": "56c2e8dfcb27eb603dd69f8ea0ec775b476924f3",
-      "name": "components/sd-switch/color/text",
+      "id": "VariableID:46977:27416",
+      "key": "2c224683e57806edd56ba201afcd418d6b5bc1bd",
+      "name": "components/sd-button/--cta/--inverted/--default/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19874,31 +18076,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46841:9198": {
+    "VariableID:46977:27419": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46841:9198",
-      "key": "4a1b465593379563c4de108e54564da27e486637",
-      "name": "components/sd-switch/--unchecked/color/border",
+      "id": "VariableID:46977:27419",
+      "key": "53c97bf3ed105c10ae7d47de4fb6ef67760cc34f",
+      "name": "components/sd-button/--inverted/--disabled/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19906,31 +18108,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:248",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:248",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46841:9202": {
+    "VariableID:46977:27421": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46841:9202",
-      "key": "07f383dffdd1b4bf3b4162dbf717e32b5f8cf9e2",
-      "name": "components/sd-switch/--unchecked/__icon/color/background",
+      "id": "VariableID:46977:27421",
+      "key": "943c2dbca370a08dfc95a269abd0497ef6d189e3",
+      "name": "components/sd-button/--inverted/--disabled/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19938,31 +18140,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:248",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:248",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46841:9203": {
+    "VariableID:46977:29580": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46841:9203",
-      "key": "26ccbd28e977666f59e2dbdcd345de41b7b39beb",
-      "name": "components/sd-switch/--checked/--hover/color/background",
+      "id": "VariableID:46977:29580",
+      "key": "4ced59e9bc662e5b1c805b2fb7de81063b42b33a",
+      "name": "components/sd-button/--cta/--inverted/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19970,31 +18172,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:209",
+          "id": "VariableID:43979:208",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:209",
+          "id": "VariableID:43979:208",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:198",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46864:40268": {
+    "VariableID:46977:29581": {
       "codeSyntax": {},
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46864:40268",
-      "key": "6c0e30b18d9f675ab1b3c642a5c9e5945797a4f7",
-      "name": "components/sd-video/--play-button/color/icon-fill",
+      "id": "VariableID:46977:29581",
+      "key": "59e5ffdbcaea8aa6d07534b658c6f337139f4d54",
+      "name": "components/sd-button/--cta/--inverted/--hover/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -20002,7 +18204,7 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
@@ -20010,23 +18212,23 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46871:10801": {
+    "VariableID:46977:29583": {
       "codeSyntax": {},
-      "description": "Used for inverted dividers",
+      "description": "Used for pressed interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46871:10801",
-      "key": "d0ce672c25e917337d58a77952ef110ba23c94b5",
-      "name": "components/sd-divider/--Inverted/color/border",
+      "id": "VariableID:46977:29583",
+      "key": "6d1e88f657f599211a1e237259a88626991731f5",
+      "name": "components/sd-button/--cta/--inverted/--active/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -20034,35 +18236,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:196",
+          "id": "VariableID:43979:211",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:196",
+          "id": "VariableID:43979:211",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.4000000059604645,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.4000000059604645,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:204",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46871:68824": {
+    "VariableID:46977:29585": {
       "codeSyntax": {},
-      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46871:68824",
-      "key": "dbc2bd62b9f02e923085463f073021882d3430fb",
-      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/20%",
+      "id": "VariableID:46977:29585",
+      "key": "b3e7713509e5f19745ed41a919ff62caafbbb8ef",
+      "name": "components/sd-button/--inverted/--disabled/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -20070,39 +18268,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0.20000000298023224,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:219",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0.20000000298023224,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
+          "id": "VariableID:43979:219",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.20000000298023224,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:196",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.20000000298023224,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
+          "id": "VariableID:43979:220",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46871:68825": {
+    "VariableID:46989:18467": {
       "codeSyntax": {},
-      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46871:68825",
-      "key": "5c42193d46fb2cc6385fc7b735f4a97a64d3ca3e",
-      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/50%",
+      "id": "VariableID:46989:18467",
+      "key": "fde8a07f700d1b92ebca9188691b4d92769e9ca5",
+      "name": "components/sd-button/--cta/--inverted/--active/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -20110,39 +18300,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0.5,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0.5,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.5,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:201",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.5,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46871:963": {
+    "VariableID:46998:24287": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "Primary brand color for text",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46871:963",
-      "key": "6555f3c927ed3de048d9b4b15a6b64314b47e97f",
-      "name": "components/sd-carousel/--active/color/border",
+      "id": "VariableID:46998:24287",
+      "key": "e637e901e3a1ca3db6819199184d22039a935017",
+      "name": "components/sd-radio-button/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -20150,31 +18332,35 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:213",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:213",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:46172:9194",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:46172:9194",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46893:49686": {
+    "VariableID:46998:24289": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for text and icon fill",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46893:49686",
-      "key": "fd7fbe65fdba3e702c28bc72288628b8a94d8516",
-      "name": "components/sd-menu/color/text",
+      "id": "VariableID:46998:24289",
+      "key": "20747bef6de69520b1435220890c7c3b1c4c75b5",
+      "name": "components/sd-radio-button/--hover/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -20182,31 +18368,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46893:50283": {
+    "VariableID:47031:407": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for sd-link &amp; sd-interactive",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46893:50283",
-      "key": "321f856c08b3bf49412813cd58bfde5328e264b2",
-      "name": "components/sd-menu/color/icon",
+      "id": "VariableID:47031:407",
+      "key": "ab33e0301ff17cbe87514462d6a6402d33f96457",
+      "name": "components/interactive/--default/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -20214,31 +18400,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:241",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:241",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46893:50284": {
+    "VariableID:47174:79210": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for label ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46893:50284",
-      "key": "710c937698604b4e0bda3fd0f5d4e037067f455c",
-      "name": "components/sd-menu/--disabled/color/icon",
+      "id": "VariableID:47174:79210",
+      "key": "b3f16fee5fbfee9e0e4a00672611947f57febcdf",
+      "name": "components/form-control/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -20246,33 +18432,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:246",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:246",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.20000000298023224,
-          "b": 0,
-          "g": 0,
-          "r": 0
+          "id": "VariableID:43979:220",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46893:50285": {
+    "VariableID:47208:17564": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46893:50285",
-      "key": "22def546b2d9f8531dec499680bb71f9376123fe",
-      "name": "components/sd-menu/--disabled/color/text",
+      "id": "VariableID:47208:17564",
+      "key": "68ee3272a573cfa4cc49531226e22f3bf08db6ab",
+      "name": "components/sd-tag/--default/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -20280,162 +18464,160 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:277",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:277",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.20000000298023224,
-          "b": 0,
-          "g": 0,
-          "r": 0
+          "id": "VariableID:43979:203",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46897:13212": {
+    "VariableID:47208:26542": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for font weight inside sd-tag, sd-tab, sd-navigation-item &amp; sd-radio-button",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46897:13212",
-      "key": "f65d387da3eb85bc3cef71865a7560372bdab08c",
-      "name": "components/sd-map-marker/font-size",
+      "id": "VariableID:47208:26542",
+      "key": "61a7bfd54a2fac700d9ca183c80b86e34e437487",
+      "name": "components/choice-control/font-weight",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "STRING",
       "scopes": [
-        "ALL_SCOPES"
+        "FONT_STYLE"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:47877:97571",
+          "id": "VariableID:44953:15244",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:47877:97571",
+          "id": "VariableID:44953:15244",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:47877:97571",
+          "id": "VariableID:44953:15245",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47877:97571",
+          "id": "VariableID:44953:15245",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46937:80691": {
+    "VariableID:47226:13296": {
       "codeSyntax": {},
-      "description": "Primary brand color for text",
+      "deletedButReferenced": true,
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46937:80691",
-      "key": "d5c507cd6d7ec37dc04cc60efeee65b140cd0452",
-      "name": "components/sd-radio-button/color/text",
+      "id": "VariableID:47226:13296",
+      "key": "8de3dede0b07fb1316393ad015e4e2183349c334",
+      "name": "components/sd-range/__bar/border-width",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:47226:13297",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:47226:13297",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:47226:13298",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:47226:13298",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46937:80692": {
+    "VariableID:47226:13297": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46937:80692",
-      "key": "652c5a1f2227c985df622ac4dd1f37c9971fc268",
-      "name": "components/sd-radio-button/color/icon-fil",
+      "id": "VariableID:47226:13297",
+      "key": "10b8dabb1771c2f3635b3778f807f5934dfd24e9",
+      "name": "utilities/sizing/1",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:44029:1553",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:44029:1553",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:44029:1553",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:44029:1553",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46938:18800": {
+    "VariableID:47226:13298": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "",
+      "description": "8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46938:18800",
-      "key": "76549fda85e06be7a15e88409e0791d3b2519c11",
-      "name": "components/sd-navigation-item/color/_icon",
+      "id": "VariableID:47226:13298",
+      "key": "1fd4ffd49dc938141bbe91c8b73aba4f6734130f",
+      "name": "utilities/sizing/0,5",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:44029:1611",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:44029:1611",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:44029:1611",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:44029:1611",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46961:115232": {
+    "VariableID:47333:16976": {
       "codeSyntax": {},
-      "description": "Used for sd-chip, sd-badge",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46961:115232",
-      "key": "b40c72ed27030e7dbb743f3f58eeb3e3453e147b",
-      "name": "components/sd-button/--secondary/--inverted/--hover/color/background",
+      "id": "VariableID:47333:16976",
+      "key": "a7730e2935005cdc8e2486c2ff70a1f33a68f192",
+      "name": "components/sd-button/--tertiary/--active/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -20443,7 +18625,7 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
@@ -20451,7 +18633,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5036",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -20461,13 +18643,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46961:122725": {
+    "VariableID:47674:18801": {
       "codeSyntax": {},
-      "description": "Used for sd-chip, sd-badge",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46961:122725",
-      "key": "734dee8f629a5f30b5c8618eb5de0b8435cbda6b",
-      "name": "components/sd-button/--tertiary/--inverted/--hover/color/background",
+      "id": "VariableID:47674:18801",
+      "key": "67ecf81c13f846349ecc9841e82cfaae8b07892d",
+      "name": "components/form-control/--filled/__floating-label/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -20475,1173 +18657,1190 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:43979:278",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:43979:278",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5036",
+          "id": "VariableID:44917:20145",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44336:5060",
+          "id": "VariableID:47719:8539",
           "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:47719:8448": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:47719:8448",
+      "key": "e72346d3a0a51848b503962a79cb7d66db1805b8",
+      "name": "KID/accent/100",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:47719:8449": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:47719:8449",
+      "key": "261d286b32c67e401cd5d86e28156ff6177f2e59",
+      "name": "KID/accent/200",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.8156862854957581,
+          "g": 0.8784313797950745,
+          "r": 0.9764705896377563
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:47719:8450": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:47719:8450",
+      "key": "334973d168cbcd2fc0d8295a7e7fb9267c07da1b",
+      "name": "KID/accent/300",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.7058823704719543,
+          "g": 0.8117647171020508,
+          "r": 0.9843137264251709
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:47719:8451": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:47719:8451",
+      "key": "3a0de7ae8f09cb9dade5898ce2948a8148656c9f",
+      "name": "KID/accent/400",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.5882353186607361,
+          "g": 0.7411764860153198,
+          "r": 0.9882352948188782
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:47719:8452": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:47719:8452",
+      "key": "8956d88489f3cf58df7eeecfd7af05a7fe4d0d85",
+      "name": "KID/accent/500",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.30980393290519714,
+          "g": 0.5607843399047852,
+          "r": 0.9803921580314636
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:47719:8453": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:47719:8453",
+      "key": "734f41506343c0bb379c17df17c34e447d1d6e55",
+      "name": "KID/accent/600",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.21960784494876862,
+          "g": 0.4431372582912445,
+          "r": 0.8392156958580017
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:47719:8454": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:47719:8454",
+      "key": "055536c2e6975ad70f92f94a8c970f0c58bd92fd",
+      "name": "KID/accent/700",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.1411764770746231,
+          "g": 0.33725491166114807,
+          "r": 0.7019608020782471
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46961:99748": {
+    "VariableID:47719:8455": {
       "codeSyntax": {},
-      "description": "Used for buttons, select field, focus state",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46961:99748",
-      "key": "0b2a54cca0d831be90abffe743203399a73648ca",
-      "name": "components/sd-badge/--inverted/color/border",
+      "id": "VariableID:47719:8455",
+      "key": "2b4d735ba899283e9b2a4f79514350ea14451423",
+      "name": "KID/accent/800",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:202",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:202",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.07450980693101883,
+          "g": 0.23529411852359772,
+          "r": 0.5607843399047852
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46971:17841": {
+    "VariableID:47719:8456": {
       "codeSyntax": {},
-      "description": "Used for checkbox, switch",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46971:17841",
-      "key": "23bd45251788d4a63ad24f5a1a2dafb6c1d1ffe3",
-      "name": "components/sd-button/--cta/--inverted/--default/color/background",
+      "id": "VariableID:47719:8456",
+      "key": "3db9296a010a7747e6a567cbdfa15532854a598f",
+      "name": "KID/accent/900",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:213",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:213",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:204",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.019607843831181526,
+          "g": 0.1411764770746231,
+          "r": 0.41960784792900085
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46977:27416": {
+    "VariableID:47719:8457": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46977:27416",
-      "key": "8689d739f100146ee137db8c32b475f8dd682b6d",
-      "name": "components/sd-button/--cta/--inverted/--default/color/text",
+      "id": "VariableID:47719:8457",
+      "key": "8d8e04936d50dc114860b353effcf280e89b1003",
+      "name": "KID/accent/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:201",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:202",
+        "43138:0": {
+          "id": "VariableID:47719:8448",
           "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46977:27419": {
+    "VariableID:47719:8458": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46977:27419",
-      "key": "a514f2165242949ad80406026ad843c6d70467ab",
-      "name": "components/sd-button/--inverted/--disabled/color/border",
+      "id": "VariableID:47719:8458",
+      "key": "3fcc66f7c05a49ef79d991b6f933a59ebd4bd0e9",
+      "name": "KID/primary/100",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43927:5031",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:220",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.9607843160629272,
+          "g": 0.9137254953384399,
+          "r": 0.9019607901573181
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46977:27421": {
+    "VariableID:47719:8459": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46977:27421",
-      "key": "ac1b0c649732d4c6108703555e2c8079ceb0b908",
-      "name": "components/sd-button/--inverted/--disabled/color/text",
+      "id": "VariableID:47719:8459",
+      "key": "cd11d90a5840cf73d1b4a19deaabd567293f925c",
+      "name": "KID/primary/200",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43927:5031",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:220",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.9058823585510254,
+          "g": 0.7882353067398071,
+          "r": 0.7568627595901489
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46977:29580": {
+    "VariableID:47719:8460": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46977:29580",
-      "key": "444f84393b34dce6d56a2fa07b58a33b75448f66",
-      "name": "components/sd-button/--cta/--inverted/--hover/color/background",
+      "id": "VariableID:47719:8460",
+      "key": "c733506e745bb980ae338d026abac332a90ecbb3",
+      "name": "KID/primary/300",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:208",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:208",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:204",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.8392156958580017,
+          "g": 0.6509804129600525,
+          "r": 0.5960784554481506
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46977:29581": {
+    "VariableID:47719:8461": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46977:29581",
-      "key": "aafeca927d06f7ab3bd0fddc0e325472655b096e",
-      "name": "components/sd-button/--cta/--inverted/--hover/color/text",
+      "id": "VariableID:47719:8461",
+      "key": "df1d097e0a517b332b8d08d162c61b380fa96408",
+      "name": "KID/primary/400",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.7764706015586853,
+          "g": 0.5176470875740051,
+          "r": 0.4313725531101227
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46977:29583": {
+    "VariableID:47719:8462": {
       "codeSyntax": {},
-      "description": "Used for pressed interaction",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46977:29583",
-      "key": "0218528450207223b379af87a8b0d63e051fb36e",
-      "name": "components/sd-button/--cta/--inverted/--active/color/background",
+      "id": "VariableID:47719:8462",
+      "key": "3e7c50385e6219abfdcafb8a1dc3fd2b36e717b2",
+      "name": "KID/primary/500",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:211",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:211",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:204",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.7333333492279053,
+          "g": 0.4117647111415863,
+          "r": 0.2980392277240753
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46977:29585": {
+    "VariableID:47719:8464": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46977:29585",
-      "key": "0d14efe245ce22e5e00d29fc17b37898aa5f7af4",
-      "name": "components/sd-button/--inverted/--disabled/color/background",
+      "id": "VariableID:47719:8464",
+      "key": "1fb17c927484843de11784a46ffa71d94dcf4122",
+      "name": "KID/primary/600",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43927:5031",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:220",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.686274528503418,
+          "g": 0.30980393290519714,
+          "r": 0.1411764770746231
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46989:18467": {
+    "VariableID:47719:8465": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46989:18467",
-      "key": "31f39fd76fd1c5c19ffabc9f1be65c69d73c8d1b",
-      "name": "components/sd-button/--cta/--inverted/--active/color/text",
+      "id": "VariableID:47719:8465",
+      "key": "53344436f69d57e0ffe8c7ff5cee6d20bf7e8028",
+      "name": "KID/primary/700",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:201",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.5568627715110779,
+          "g": 0.20392157137393951,
+          "r": 0
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46998:24287": {
+    "VariableID:47719:8466": {
       "codeSyntax": {},
-      "description": "Primary brand color for text",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46998:24287",
-      "key": "b6c31f147056697d4921aa5eeab3fc0c138a547b",
-      "name": "components/sd-radio-button/--hover/color/background",
+      "id": "VariableID:47719:8466",
+      "key": "d0c064d29dd24d3600decd5bd944269fa71c71c0",
+      "name": "KID/primary/800",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "44883:0": {
-          "id": "VariableID:46172:9194",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:46172:9194",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.4745098054409027,
+          "g": 0.13725490868091583,
+          "r": 0
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46998:24288": {
+    "VariableID:47719:8467": {
       "codeSyntax": {},
-      "description": "Used for hover interaction",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46998:24288",
-      "key": "56fc46ed6f2cbffe448c09206f3450b52ecf0f0a",
-      "name": "components/sd-radio-button/--hover/color/icon-fill",
+      "id": "VariableID:47719:8467",
+      "key": "7e12b72e204b5bd1c0a58a05a798306121d04892",
+      "name": "KID/primary/900",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:194",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:225",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:225",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46998:24289": {
+    "VariableID:47719:8468": {
       "codeSyntax": {},
-      "description": "Used for hover interaction",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46998:24289",
-      "key": "9b840a958f6c476305557908b55b2264d51f7662",
-      "name": "components/sd-radio-button/--hover/color/text",
+      "id": "VariableID:47719:8468",
+      "key": "0b73695a6b2e72cdd92fe4b3fdad084cd7f9542b",
+      "name": "KID/primary/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:194",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:225",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:225",
+        "43138:0": {
+          "id": "VariableID:47719:8467",
           "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47031:407": {
+    "VariableID:47719:8470": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47031:407",
-      "key": "bfe9b244b703a83007169196b7c5f151c029d69c",
-      "name": "components/interactive/--default/color/text",
+      "id": "VariableID:47719:8470",
+      "key": "4e7496b8d3a38d73e2af77c418ca8b4d8f1515dd",
+      "name": "KID/black",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:272",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:272",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:270",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:241",
+        "43138:0": {
+          "id": "VariableID:47719:8467",
           "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47174:79210": {
+    "VariableID:47719:8477": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47174:79210",
-      "key": "eb61ec195093e8f19e720279dbb33a5a110fbdd0",
-      "name": "components/form-control/color/text",
+      "id": "VariableID:47719:8477",
+      "key": "dde9bbde7ed41722c0cf0fe1691688db986b1e81",
+      "name": "KID/white/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44917:20145",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:225",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47208:17564": {
+    "VariableID:47719:8488": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47208:17564",
-      "key": "25ae1c24c97003334f66aa1c0958df9974844ea5",
-      "name": "components/sd-tag/--default/color/text",
+      "id": "VariableID:47719:8488",
+      "key": "3772e9f1fc3436dc59e1705d045cab75ff359ad7",
+      "name": "KID/white",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47208:26542": {
+    "VariableID:47719:8519": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47208:26542",
-      "key": "1b110e7be2dbd5d41fa1ace046d5a5e3c96ae308",
-      "name": "components/sd-tab/font-weight",
+      "id": "VariableID:47719:8519",
+      "key": "df879f5e6f714f612dc7c8fb851435f3009e5298",
+      "name": "KID/font-family/font-family-primary",
       "remote": false,
       "resolvedType": "STRING",
-      "scopes": [
-        "FONT_STYLE"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:44953:15244",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:44953:15244",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44953:15245",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44953:15245",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": "Bricolage Grotesque"
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:47719:8520": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:47719:8520",
+      "key": "488d4410b2fc6409037bd1fd4ac29b230acf90f6",
+      "name": "KID/status/success",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0,
+          "g": 0.43921568989753723,
+          "r": 0
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47226:13296": {
+    "VariableID:47719:8522": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47226:13296",
-      "key": "3140d5c8cfe2da59d38d618892b30a4ecc348369",
-      "name": "components/sd-range/__bar/border-width",
+      "id": "VariableID:47719:8522",
+      "key": "d725e4e7f8f4918678391feffc25a82b1384d368",
+      "name": "KID/status/error",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:47226:13297",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:47226:13297",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:47226:13298",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:47226:13298",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0,
+          "g": 0,
+          "r": 0.800000011920929
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47226:13297": {
+    "VariableID:47719:8523": {
       "codeSyntax": {},
-      "description": "8px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47226:13297",
-      "key": "9c9c51bcfdf1a49f326c6272c9966f487e5d277e",
-      "name": "utilities/sizing/1",
+      "id": "VariableID:47719:8523",
+      "key": "c56782e50d97598621be0a8dddaaeebce09a5dca",
+      "name": "KID/status/warning",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:44029:1553",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:44029:1553",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44029:1553",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44029:1553",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0,
+          "g": 0.43917012214660645,
+          "r": 0.8399999737739563
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47226:13298": {
+    "VariableID:47719:8524": {
       "codeSyntax": {},
-      "description": "8px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47226:13298",
-      "key": "fd1038df76f241ab9045c0d8de5d5409cea3266c",
-      "name": "utilities/sizing/0,5",
+      "id": "VariableID:47719:8524",
+      "key": "cf272ac24e0ed5f19d1afcc92b77b63b3fc80293",
+      "name": "KID/status/warning-bg",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:44029:1611",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:44029:1611",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44029:1611",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44029:1611",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.9019607901573181,
+          "g": 0.9921568632125854,
+          "r": 0.9960784316062927
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47333:16976": {
+    "VariableID:47719:8525": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47333:16976",
-      "key": "f242db2a385fccd422464974e2003d324a076377",
-      "name": "components/sd-button/--tertiary/--active/color/background",
+      "id": "VariableID:47719:8525",
+      "key": "d8f0d37f016e9d68a7a3972ee976d2eb725429c0",
+      "name": "KID/status/success-bg",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:194",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44336:5060",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.9019607901573181,
+          "g": 0.9803921580314636,
+          "r": 0.9137254953384399
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47674:18801": {
+    "VariableID:47719:8526": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47674:18801",
-      "key": "353895efdf1e979d2251c1f2322fee6f616c10d4",
-      "name": "components/form-control/--filled/__floating-label/color/text",
+      "id": "VariableID:47719:8526",
+      "key": "b1700aa427b52e0bc37f2710b32787971166cd10",
+      "name": "KID/status/error-bg",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:278",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:278",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44917:20145",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:47719:8539",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.9019607901573181,
+          "g": 0.9098039269447327,
+          "r": 0.9921568632125854
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8448": {
+    "VariableID:47719:8527": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8448",
-      "key": "f6448d0b8527ee89fbc1c39c59beb755f6d8714c",
-      "name": "KID/accent/100",
+      "id": "VariableID:47719:8527",
+      "key": "048a2ec44a31323249b5ba963be7b8da74a6f318",
+      "name": "KID/status/neutral-blue",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
+          "b": 0.686274528503418,
+          "g": 0.30980393290519714,
+          "r": 0.1411764770746231
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8449": {
+    "VariableID:47719:8528": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8449",
-      "key": "828ee745f48d24306bb5fbaf3ebfb174e3c966dd",
-      "name": "KID/accent/200",
+      "id": "VariableID:47719:8528",
+      "key": "ded6bb315360ed02dd968a5ea9faa51cea543c9d",
+      "name": "KID/status/neutral-blue-bg",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.8156862854957581,
-          "g": 0.8784313797950745,
-          "r": 0.9764705896377563
+          "b": 0.9607843160629272,
+          "g": 0.9137254953384399,
+          "r": 0.9019607901573181
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8450": {
+    "VariableID:47719:8529": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8450",
-      "key": "17df901962de44685258e2956a4b7650180796b4",
-      "name": "KID/accent/300",
+      "id": "VariableID:47719:8529",
+      "key": "e7521dc2631bed803024ddfe107bc6e7d87c279d",
+      "name": "KID/status/neutral-grey-bg",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.7058823704719543,
-          "g": 0.8117647171020508,
-          "r": 0.9843137264251709
+          "b": 0.9450980424880981,
+          "g": 0.9372549057006836,
+          "r": 0.9254902005195618
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8451": {
+    "VariableID:47719:8532": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8451",
-      "key": "e0e70c6f1850abdf893e29419a632bc65314842d",
-      "name": "KID/accent/400",
+      "id": "VariableID:47719:8532",
+      "key": "c53a8fb6a87e9b2f341f47ea4887b0bea61a5733",
+      "name": "KID/neutral/200",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.5882353186607361,
-          "g": 0.7411764860153198,
-          "r": 0.9882352948188782
+          "b": 0.8627451062202454,
+          "g": 0.8470588326454163,
+          "r": 0.8117647171020508
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8452": {
+    "VariableID:47719:8533": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8452",
-      "key": "db5e059b7b8263d8e24527e870cb51ff4f4bb7c9",
-      "name": "KID/accent/500",
+      "id": "VariableID:47719:8533",
+      "key": "762e75c601247bb9e5b2c6cfb199b49debf22b19",
+      "name": "KID/neutral/300",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.30980393290519714,
-          "g": 0.5607843399047852,
-          "r": 0.9803921580314636
+          "b": 0.772549033164978,
+          "g": 0.7450980544090271,
+          "r": 0.6901960968971252
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8453": {
+    "VariableID:47719:8534": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8453",
-      "key": "02907c872d7422fe71b020daa99ae304e6cf0ed0",
-      "name": "KID/accent/600",
+      "id": "VariableID:47719:8534",
+      "key": "dc59c700e9195d53d64023ca28e4156c12ec0439",
+      "name": "KID/neutral/400",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.21960784494876862,
-          "g": 0.4431372582912445,
-          "r": 0.8392156958580017
+          "b": 0.6823529601097107,
+          "g": 0.6431372761726379,
+          "r": 0.5647059082984924
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8454": {
+    "VariableID:47719:8536": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8454",
-      "key": "b1684b738846fb948471f069fc27e347176b099a",
-      "name": "KID/accent/700",
+      "id": "VariableID:47719:8536",
+      "key": "b8250f0ebd7ec2735272167724a5a63fe3d157c9",
+      "name": "KID/neutral/500",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.1411764770746231,
-          "g": 0.33725491166114807,
-          "r": 0.7019608020782471
+          "b": 0.6117647290229797,
+          "g": 0.5647059082984924,
+          "r": 0.47058823704719543
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8455": {
+    "VariableID:47719:8537": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8455",
-      "key": "a7b573bbea07136c9d66410097734e179849ea61",
-      "name": "KID/accent/800",
+      "id": "VariableID:47719:8537",
+      "key": "d8a21153ead3a5a3ed51245b2bb1a13528b6d20a",
+      "name": "KID/neutral/600",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.07450980693101883,
-          "g": 0.23529411852359772,
-          "r": 0.5607843399047852
+          "b": 0.545098066329956,
+          "g": 0.4901960790157318,
+          "r": 0.3764705955982208
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8456": {
+    "VariableID:47719:8538": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8456",
-      "key": "c0bd26c5fb419355140366c75a3eef728077ea04",
-      "name": "KID/accent/900",
+      "id": "VariableID:47719:8538",
+      "key": "16836cdd7391260ff38576e10692f13f55ec1f6b",
+      "name": "KID/neutral/700",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.019607843831181526,
-          "g": 0.1411764770746231,
-          "r": 0.41960784792900085
+          "b": 0.47843137383461,
+          "g": 0.4313725531101227,
+          "r": 0.3294117748737335
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8457": {
+    "VariableID:47719:8539": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8457",
-      "key": "1766c43df82e0be2310fd11dfbc49945de9b9945",
-      "name": "KID/accent/default",
+      "id": "VariableID:47719:8539",
+      "key": "62e86707407173829c28c63db80f466ccc64d057",
+      "name": "KID/neutral/800",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
-          "id": "VariableID:47719:8448",
-          "type": "VARIABLE_ALIAS"
+          "a": 1,
+          "b": 0.3921568691730499,
+          "g": 0.3529411852359772,
+          "r": 0.2705882489681244
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8458": {
+    "VariableID:47728:7235": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8458",
-      "key": "b35a434d1eced019cc3afb9bed6f6e850d19d7ab",
-      "name": "KID/primary/100",
+      "id": "VariableID:47728:7235",
+      "key": "01d93ea09dab9dfcaf3bb3866d33099976d298db",
+      "name": "components/sd-link/color/--hover/icon",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9607843160629272,
-          "g": 0.9137254953384399,
-          "r": 0.9019607901573181
+        "43174:13": {
+          "id": "VariableID:43979:270",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:268",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5032",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8459": {
+    "VariableID:47728:7237": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8459",
-      "key": "fbc3e2f998c7ca8de974f70fed77b4cb8781d501",
-      "name": "KID/primary/200",
+      "id": "VariableID:47728:7237",
+      "key": "091d9e9ca162f43275e55159cc38a6f31cb22ac7",
+      "name": "components/sd-link/color/--none/icon",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9058823585510254,
-          "g": 0.7882353067398071,
-          "r": 0.7568627595901489
+        "43174:13": {
+          "id": "VariableID:43979:272",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:272",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5032",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8460": {
+    "VariableID:47728:7239": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8460",
-      "key": "896a1d1899e87f669ab71c23f90d8347208da8fd",
-      "name": "KID/primary/300",
+      "id": "VariableID:47728:7239",
+      "key": "e10b32b493f63af0c24215bf39b9018afcff01be",
+      "name": "components/sd-link/color/--pressed/icon",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.8392156958580017,
-          "g": 0.6509804129600525,
-          "r": 0.5960784554481506
+        "43174:13": {
+          "id": "VariableID:43979:271",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:269",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5032",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8461": {
+    "VariableID:47735:23876": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8461",
-      "key": "72e4bdf2d9d80c5c75c0191faf0f6aa4f1d063ae",
-      "name": "KID/primary/400",
+      "id": "VariableID:47735:23876",
+      "key": "fada6e43fb1b6113d0ce935454a5736f87fa583f",
+      "name": "components/sd-datepicker/__date-item/--hover/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.7764706015586853,
-          "g": 0.5176470875740051,
-          "r": 0.4313725531101227
+        "43174:13": {
+          "id": "VariableID:43979:193",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:193",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:193",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8462": {
+    "VariableID:47735:23878": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8462",
-      "key": "bb1d310e27929b7a8f99c5168bc29ef39fa27069",
-      "name": "KID/primary/500",
+      "id": "VariableID:47735:23878",
+      "key": "000b9318e00275fe70be07eafc71dd3be44ec318",
+      "name": "components/sd-datepicker/__date-item/--hover/--prev-next/color/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.7333333492279053,
-          "g": 0.4117647111415863,
-          "r": 0.2980392277240753
+        "43174:13": {
+          "id": "VariableID:43979:193",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:193",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:193",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8464": {
+    "VariableID:47735:23879": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8464",
-      "key": "350ebfbb90c2d99a46415dc373280f36d2077ecc",
-      "name": "KID/primary/600",
+      "id": "VariableID:47735:23879",
+      "key": "412d17559b99cc89d10e70d86df06e3d7e9c271e",
+      "name": "components/sd-datepicker/__date-item/--selected/color/text",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.686274528503418,
-          "g": 0.30980393290519714,
-          "r": 0.1411764770746231
+        "43174:13": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8465": {
+    "VariableID:47735:23880": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8465",
-      "key": "5d89f6ea392fef09c6ec5551bbe0751f9272c221",
-      "name": "KID/primary/700",
+      "id": "VariableID:47735:23880",
+      "key": "3c69bc434d682c172e590c35edeb8d3c61832db6",
+      "name": "components/sd-datepicker/__date-item/--hover/--default/color/text",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.5568627715110779,
-          "g": 0.20392157137393951,
-          "r": 0
+        "43174:13": {
+          "id": "VariableID:43979:197",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:200",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:225",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:220",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8466": {
+    "VariableID:47737:23882": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8466",
-      "key": "fc74c0f7de12ae683bbce547a4d4fe5c91c4a910",
-      "name": "KID/primary/800",
+      "id": "VariableID:47737:23882",
+      "key": "e56ce367b620090d3b91a4f756ced1f6606eb532",
+      "name": "components/sd-datepicker/__date-item/--hover/--prev-next/color/text",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.4745098054409027,
-          "g": 0.13725490868091583,
-          "r": 0
+        "43174:13": {
+          "id": "VariableID:43979:220",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:200",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:220",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:220",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8467": {
+    "VariableID:47783:193767": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8467",
-      "key": "69c0b57d417b5d0f574b6c1b87809d029511e2fa",
-      "name": "KID/primary/900",
+      "id": "VariableID:47783:193767",
+      "key": "dd9030a123bec8e9a32b70de752390b2f163b64c",
+      "name": "components/sd-button/--size/sm/font-size",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
+        "43174:13": {
+          "id": "VariableID:47899:5274",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:47899:5274",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:47899:5274",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47877:97571",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8468": {
+    "VariableID:47783:193768": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8468",
-      "key": "f6dcca80d347457bf3e10177256c95fac3c7fdca",
-      "name": "KID/primary/default",
+      "id": "VariableID:47783:193768",
+      "key": "5ac07bc61a729c12bfac84c5f373ddb7a25c92bc",
+      "name": "components/sd-button/--size/sm/border-radius",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "id": "VariableID:47719:8467",
+        "43174:13": {
+          "id": "VariableID:44029:1674",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1674",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1678",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1678",
           "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8470": {
+    "VariableID:47783:193769": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8470",
-      "key": "37b184488d41df5f1dc49c691c181313495a5274",
-      "name": "KID/black",
+      "id": "VariableID:47783:193769",
+      "key": "86db688528cd7a0b99933804d819cf0c50c6f6ee",
+      "name": "components/sd-button/--size/sm/padding-block",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "id": "VariableID:47719:8467",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 5.5,
+        "43174:14": 5.5,
+        "44883:0": 5.5,
+        "47719:0": 5.5
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8477": {
+    "VariableID:47783:27980": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8477",
-      "key": "47dbc9d692cbc774a507eb32119d332d455471a7",
-      "name": "KID/white/default",
+      "id": "VariableID:47783:27980",
+      "key": "6ca38fa6a132a863d9f1faecf6b6a3ce5a171761",
+      "name": "KID/neutral/900",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "b": 0.21960784494876862,
+          "g": 0.19607843458652496,
+          "r": 0.14901961386203766
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8488": {
+    "VariableID:47783:27982": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8488",
-      "key": "e535fcd42d6a2cd1eca84b2aad1001ccf7ed029f",
-      "name": "KID/white",
+      "id": "VariableID:47783:27982",
+      "key": "0a854087442dd901bd318102568b24e379816051",
+      "name": "KID/creme",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -21650,616 +19849,518 @@
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8519": {
+    "VariableID:47805:4778": {
       "codeSyntax": {},
-      "description": "",
+      "description": "400",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8519",
-      "key": "e4837542166711550249b2033bdc357cca7425bb",
-      "name": "KID/font-family/font-family-primary",
+      "id": "VariableID:47805:4778",
+      "key": "873b8acc1fc8847d5c4fdd68ac18f0f920fbc167",
+      "name": "KID/font-weight/font-normal",
       "remote": false,
       "resolvedType": "STRING",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": "Bricolage Grotesque"
+        "43138:0": "Regular"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8520": {
+    "VariableID:47805:4779": {
       "codeSyntax": {},
-      "description": "",
+      "description": "500",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8520",
-      "key": "c506d9b0ed5470ff3f96188a3a0d165344e86604",
-      "name": "KID/status/success",
+      "id": "VariableID:47805:4779",
+      "key": "c8d372d9b9ca897e36ca117dae659e5f42568b1d",
+      "name": "KID/font-weight/font-semibold",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "STRING",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0,
-          "g": 0.43921568989753723,
-          "r": 0
-        }
+        "43138:0": "Semibold"
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:47805:4780": {
+      "codeSyntax": {},
+      "description": "600",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:47805:4780",
+      "key": "473a0511840389f38e7795d46e8f078eb08312fb",
+      "name": "KID/font-weight/font-bold",
+      "remote": false,
+      "resolvedType": "STRING",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": "Bold"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8522": {
+    "VariableID:47829:633": {
       "codeSyntax": {},
-      "description": "",
+      "description": "48px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8522",
-      "key": "df450e100f838d8ac5a9093b29090c64f3bee9e5",
-      "name": "KID/status/error",
+      "id": "VariableID:47829:633",
+      "key": "295d90478bb287dc16f8d3ae5efbed0b802ce1a5",
+      "name": "utilities/spacing/14",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0,
-          "g": 0,
-          "r": 0.800000011920929
+        "43174:13": {
+          "id": "VariableID:44029:1565",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1565",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1565",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1565",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8523": {
+    "VariableID:47829:638": {
       "codeSyntax": {},
-      "description": "",
+      "description": "border radius 4px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8523",
-      "key": "3168f0a026a75c12a49a3a62a6b01e5f7ccdf739",
-      "name": "KID/status/warning",
+      "id": "VariableID:47829:638",
+      "key": "c9ef81fc3b3087f670936bba940be1c195894483",
+      "name": "KID/rounded/sm",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0,
-          "g": 0.43917012214660645,
-          "r": 0.8399999737739563
-        }
+        "43138:0": 4
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8524": {
+    "VariableID:47829:639": {
       "codeSyntax": {},
-      "description": "",
+      "description": "border radius 8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8524",
-      "key": "e4a8904a3bf919a66c5fbffca737267b20d042df",
-      "name": "KID/status/warning-bg",
+      "id": "VariableID:47829:639",
+      "key": "037cc2e9dc5e37b346a9b6e3fe0829831c0d931e",
+      "name": "KID/rounded/md",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9019607901573181,
-          "g": 0.9921568632125854,
-          "r": 0.9960784316062927
-        }
+        "43138:0": 8
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8525": {
+    "VariableID:47829:640": {
       "codeSyntax": {},
-      "description": "",
+      "description": "border radius 16px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8525",
-      "key": "3ad0706b1c29969ea0a864a990ef0b6b9220ada2",
-      "name": "KID/status/success-bg",
+      "id": "VariableID:47829:640",
+      "key": "863ed104d74a814dfb754bcd086251f28c884c54",
+      "name": "KID/rounded/\blg",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9019607901573181,
-          "g": 0.9803921580314636,
-          "r": 0.9137254953384399
-        }
+        "43138:0": 16
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8526": {
+    "VariableID:47829:641": {
       "codeSyntax": {},
-      "description": "",
+      "description": "border radius 999px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8526",
-      "key": "23caf7589d392c6cecf0e3bb164e6c7ff79bf976",
-      "name": "KID/status/error-bg",
+      "id": "VariableID:47829:641",
+      "key": "215ae0d570d37f05d420c11632b90f57af6b65b7",
+      "name": "KID/rounded/full",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9019607901573181,
-          "g": 0.9098039269447327,
-          "r": 0.9921568632125854
-        }
+        "43138:0": 9999
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8527": {
+    "VariableID:47829:657": {
       "codeSyntax": {},
-      "description": "",
+      "description": "opacity 50%",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8527",
-      "key": "defba2f8125a766f14e04284ece93f6b4c811187",
-      "name": "KID/status/neutral-blue",
+      "id": "VariableID:47829:657",
+      "key": "893c15bbb9f242072b378f38c011a8da92b20405",
+      "name": "KID/opacity/opacity-50",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.686274528503418,
-          "g": 0.30980393290519714,
-          "r": 0.1411764770746231
-        }
+        "43138:0": 50
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8528": {
+    "VariableID:47829:659": {
       "codeSyntax": {},
-      "description": "",
+      "description": "opacity 60%",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8528",
-      "key": "28f05d2b44c39b5eec69e7926be0688b807fd5a6",
-      "name": "KID/status/neutral-blue-bg",
+      "id": "VariableID:47829:659",
+      "key": "fbca600e7adb98fe63ba14fb80f82576dc169130",
+      "name": "KID/opacity/opacity-60",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9607843160629272,
-          "g": 0.9137254953384399,
-          "r": 0.9019607901573181
-        }
+        "43138:0": 60
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8529": {
+    "VariableID:47829:665": {
       "codeSyntax": {},
-      "description": "",
+      "description": "opacity 100%",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8529",
-      "key": "3db382b65a364e0fcaae882729d4949216033f6c",
-      "name": "KID/status/neutral-grey-bg",
+      "id": "VariableID:47829:665",
+      "key": "b08ca4fbbce44af47e0dcdb1dd0fd33eef052584",
+      "name": "KID/opacity/opacity-100",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.9372549057006836,
-          "r": 0.9254902005195618
-        }
+        "43138:0": 100
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8532": {
+    "VariableID:47833:10802": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8532",
-      "key": "3228f33d3c4971a32d06a138630097714b5671d3",
-      "name": "KID/neutral/200",
+      "id": "VariableID:47833:10802",
+      "key": "06614177c0933d0c8be8d0f124f5a22709619245",
+      "name": "font-semibold",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "STRING",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.8627451062202454,
-          "g": 0.8470588326454163,
-          "r": 0.8117647171020508
-        }
+        "43138:0": "Semibold"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8533": {
+    "VariableID:47835:23074": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8533",
-      "key": "2ecbcfb299f24e15ada58ebc991ef1a2a34657e2",
-      "name": "KID/neutral/300",
+      "id": "VariableID:47835:23074",
+      "key": "73e9b1b6f712ba3d76d799089bb47444010dd401",
+      "name": "VB/font-weight/font-normal",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "STRING",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.772549033164978,
-          "g": 0.7450980544090271,
-          "r": 0.6901960968971252
-        }
+        "43138:0": "Regular"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8534": {
+    "VariableID:47835:23075": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8534",
-      "key": "966ef8c3deee507a906419dc12fe49b9fb5e9fd7",
-      "name": "KID/neutral/400",
+      "id": "VariableID:47835:23075",
+      "key": "3b7ea64b1026d84fc4b725c77902a68ee93bf7f1",
+      "name": "VB/font-weight/font-bold",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "STRING",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.6823529601097107,
-          "g": 0.6431372761726379,
-          "r": 0.5647059082984924
-        }
+        "43138:0": "Bold"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8536": {
+    "VariableID:47858:29969": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8536",
-      "key": "2f3db3cea8876533c6800854524860dd96fd1c42",
-      "name": "KID/neutral/500",
+      "id": "VariableID:47858:29969",
+      "key": "ae4e13bd049798f2de4b89814053d4d91df61aa0",
+      "name": "components/sd-button/--primary/--inverted/--active/color/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.6117647290229797,
-          "g": 0.5647059082984924,
-          "r": 0.47058823704719543
+        "43174:13": {
+          "id": "VariableID:43979:194",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:194",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:194",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:204",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8537": {
+    "VariableID:47877:97571": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8537",
-      "key": "82999b66e728157fe896fef8b864f9d5e1b6f42a",
-      "name": "KID/neutral/600",
+      "id": "VariableID:47877:97571",
+      "key": "b4df5dd733ceb5491e7f936820027cd13fe893ff",
+      "name": "utilities/text/xs",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.545098066329956,
-          "g": 0.4901960790157318,
-          "r": 0.3764705955982208
-        }
+        "43174:13": 12,
+        "43174:14": 12,
+        "44883:0": 12,
+        "47719:0": 12
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8538": {
+    "VariableID:47899:14901": {
       "codeSyntax": {},
-      "description": "",
+      "description": "14px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8538",
-      "key": "598954ea8c13dea5cfd623f70351a64cd0dc4ed4",
-      "name": "KID/neutral/700",
+      "id": "VariableID:47899:14901",
+      "key": "3233d817b2238821b747909cc8d81086a8a8877f",
+      "name": "text-xs",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.47843137383461,
-          "g": 0.4313725531101227,
-          "r": 0.3294117748737335
-        }
+        "43138:0": 12
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8539": {
+    "VariableID:47899:5274": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8539",
-      "key": "c25371e48a5709c4f39e644eaacc02361d3bf9ce",
-      "name": "KID/neutral/800",
+      "id": "VariableID:47899:5274",
+      "key": "32d9782ec602d3edeae944c5ff8eb38bea43a7d2",
+      "name": "utilities/text/sm",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.3921568691730499,
-          "g": 0.3529411852359772,
-          "r": 0.2705882489681244
-        }
+        "43174:13": 14,
+        "43174:14": 14,
+        "44883:0": 14,
+        "47719:0": 14
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47728:7234": {
+    "VariableID:47899:5276": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47728:7234",
-      "key": "6a5447f31a2e12ab9be3182643e77cf88820f9b7",
-      "name": "components/sd-link/color/--hover/text",
+      "id": "VariableID:47899:5276",
+      "key": "f5191c0e02fdfb3a921b1a516187574a29e76e0c",
+      "name": "utilities/text/base",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:270",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:268",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43927:5032",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 16,
+        "43174:14": 16,
+        "44883:0": 16,
+        "47719:0": 16
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47728:7235": {
+    "VariableID:47899:5277": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47728:7235",
-      "key": "f13becf0ee1840aeb151df0978432eab77256853",
-      "name": "components/sd-link/color/--hover/icon",
+      "id": "VariableID:47899:5277",
+      "key": "e8efa08f67f259ee71b40b6a3fa8ec9f3d3d680b",
+      "name": "utilities/text/lg",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:270",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:268",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43927:5032",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 20,
+        "43174:14": 20,
+        "44883:0": 20,
+        "47719:0": 18
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47728:7236": {
+    "VariableID:47899:5278": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47728:7236",
-      "key": "73718ac50f60d056f9a9389dbf466ea7613bfb77",
-      "name": "components/sd-link/color/--default/text",
+      "id": "VariableID:47899:5278",
+      "key": "5f6bc2d979e16422655e9bd77e48adfc13f61c59",
+      "name": "utilities/text/xl",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:272",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:272",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43927:5032",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 24,
+        "43174:14": 24,
+        "44883:0": 24,
+        "47719:0": 24
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47728:7237": {
+    "VariableID:47899:5279": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47728:7237",
-      "key": "ed90b8abff71bab9de7d75b4a97ccdec2f0fbf34",
-      "name": "components/sd-link/color/--none/icon",
+      "id": "VariableID:47899:5279",
+      "key": "872a6921837f903c5013dff04c1551fade84e697",
+      "name": "utilities/text/2xl",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:272",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:272",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43927:5032",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 28,
+        "43174:14": 28,
+        "44883:0": 28,
+        "47719:0": 28
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47728:7238": {
+    "VariableID:47899:5280": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47728:7238",
-      "key": "89c07bb4933496625dadb59b083ddc8a3d8bbe61",
-      "name": "components/sd-link/color/--active/text",
+      "id": "VariableID:47899:5280",
+      "key": "6a4b245a12f419686898776da078d5a6d3b7e512",
+      "name": "utilities/text/3xl",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:271",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:269",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43927:5032",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 32,
+        "43174:14": 32,
+        "44883:0": 32,
+        "47719:0": 32
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47728:7239": {
+    "VariableID:47899:5281": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47728:7239",
-      "key": "bcdffee3ccd5aade1fdf7a66742db7c33536132a",
-      "name": "components/sd-link/color/--pressed/icon",
+      "id": "VariableID:47899:5281",
+      "key": "4f49d7c5499c117a1023515dc2374006eab92f09",
+      "name": "utilities/text/4xl",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:271",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:269",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43927:5032",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 40,
+        "43174:14": 40,
+        "44883:0": 38,
+        "47719:0": 42
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47735:23875": {
+    "VariableID:47958:17170": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47735:23875",
-      "key": "adce736e2fb900f49e79f3a2aeca086a006d4f8a",
-      "name": "components/form-control/color/icon-fill",
+      "id": "VariableID:47958:17170",
+      "key": "648b9fdc2ddb6584de9395749af6ef9fa3953676",
+      "name": "_todo/components/sd-radio/--size/lg/__icon",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:44029:1649",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:44029:1649",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:20145",
+          "id": "VariableID:44029:1649",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:44029:1651",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47735:23876": {
+    "VariableID:47958:21546": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47735:23876",
-      "key": "d47e38bf916cd723ff48af031bba664130b33a3c",
-      "name": "components/sd-datepicker/__date-item/--hovered/--default/color/background",
+      "id": "VariableID:47958:21546",
+      "key": "f74d1baa717fd2196d3b7169b07c06307ca20243",
+      "name": "_todo/components/sd-checkbox/--size/lg/__icon",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:193",
+          "id": "VariableID:44029:1649",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:193",
+          "id": "VariableID:44029:1649",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:193",
+          "id": "VariableID:44029:1649",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:44029:1651",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47735:23878": {
+    "VariableID:47961:6096": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47735:23878",
-      "key": "2166084f5a24fcb3fa22904c9a17b96a55fe9989",
-      "name": "components/sd-datepicker/__date-item/--hovered/--prev-next/color/background",
+      "id": "VariableID:47961:6096",
+      "key": "783979fecbccbc91d79e7f80a91e5f1c4a32ac54",
+      "name": "components/sd-tag/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -22267,19 +20368,25 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "a": 0,
+          "a": 0.6000000238418579,
           "b": 1,
           "g": 1,
           "r": 1
@@ -22287,13 +20394,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47735:23879": {
+    "VariableID:47961:6198": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47735:23879",
-      "key": "f0029fb6f8a4abc968b47611fadea2a38608a946",
-      "name": "components/sd-datepicker/__date-item/--selected/color/text",
+      "id": "VariableID:47961:6198",
+      "key": "8445fabbdb7ab2854e71f2214c90d7c6f866ab4d",
+      "name": "components/sd-tag/--default/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -22301,224 +20408,207 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:252",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:198",
+          "id": "VariableID:43979:281",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:252",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47735:23880": {
+    "VariableID:47961:6310": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47735:23880",
-      "key": "a7737f36323ec1cbf58473e058f4e1499ff7fceb",
-      "name": "components/sd-datepicker/__date-item/--hovered/--default/color/text",
+      "id": "VariableID:47961:6310",
+      "key": "035caf7177bd0b83d8aff6cfb68d60afde95254f",
+      "name": "components/sd-tag/--size/lg/font-size",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:200",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:220",
+          "id": "VariableID:47877:97571",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47735:23881": {
+    "VariableID:47961:6311": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47735:23881",
-      "key": "dd6608df0e74e724369c702e151d7704a45e3e99",
-      "name": "components/sd-datepicker/__date-item/--hovered/--current/color/text",
+      "id": "VariableID:47961:6311",
+      "key": "1fd01b3fb750d4e25205445d0401d7bd0f5d4ade",
+      "name": "components/sd-tag/--size/sm/font-size",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:200",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:220",
+          "id": "VariableID:47877:97571",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47737:23882": {
+    "VariableID:48046:4669": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47737:23882",
-      "key": "91e1365c0b128d45aebf4c1c6f662dd59cca7314",
-      "name": "components/sd-datepicker/__date-item/--hovered/--prev-next/color/text",
+      "id": "VariableID:48046:4669",
+      "key": "fffa04e1313dd3742befe1e1f829ad6db24fb458",
+      "name": "components/sd-input/--size/_label/font-size",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:220",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:200",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:220",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:220",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47741:23883": {
+    "VariableID:48127:24317": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for font weight inside sd-chip &amp; sd-flag",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47741:23883",
-      "key": "8a201fe729d13db2af6a8a7affbc3bf3f4874ba8",
-      "name": "components/sd-tag/--disabled/color/border",
+      "id": "VariableID:48127:24317",
+      "key": "cad6529fdd61c343627efc535018085e364e6289",
+      "name": "components/marker/font-weight",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "STRING",
       "scopes": [
-        "ALL_SCOPES"
+        "FONT_STYLE"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:44953:15244",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:44953:15244",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5031",
+          "id": "VariableID:44953:15244",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:44953:15245",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47741:23884": {
+    "VariableID:48127:24325": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for sd-chip &amp; sd-flag",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47741:23884",
-      "key": "b985053468066ff18ab9a770fb29658cc4f7a112",
-      "name": "components/sd-combobox/--default/color/text",
+      "id": "VariableID:48127:24325",
+      "key": "04b3e3bc2a97e454f1e82137b6fe51291157c157",
+      "name": "components/marker/border-width",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
+        "43174:13": 0,
+        "43174:14": 0,
         "44883:0": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44917:20145",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47741:23893": {
+    "VariableID:48150:71089": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47741:23893",
-      "key": "9e7772775f1a2b4cae0e87310ddfb79045fbdd35",
-      "name": "components/sd-combobox/--default/color/icon",
+      "id": "VariableID:48150:71089",
+      "key": "b92e36c9d23a8390565522b517f1324ef1d979e6",
+      "name": "KID/white/600",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44917:20145",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47783:193767": {
+    "VariableID:48150:71090": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for sd-chip &amp; sd-flag",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47783:193767",
-      "key": "14470e94f6acc5aeb0a0bbb355d47ec73a09e356",
-      "name": "components/sd-button/--size/sm/font-size",
+      "id": "VariableID:48150:71090",
+      "key": "11a0e3b7dfa640617e1306c0cbb7fb6b2311cdf2",
+      "name": "components/marker/font-size",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -22544,13 +20634,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47783:193768": {
+    "VariableID:48602:92347": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47783:193768",
-      "key": "44ec15d78e0127724eda352212a36fc7651801c3",
-      "name": "components/sd-button/--size/sm/border-radius",
+      "id": "VariableID:48602:92347",
+      "key": "45e67809569623e1ea07352dd5570589667eb246",
+      "name": "components/sd-combobox/__tag/border-width",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -22558,332 +20648,425 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:44029:1681",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47783:193769": {
+    "VariableID:48602:96150": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47783:193769",
-      "key": "1d2c29a382458b9f6f1100c4a62fbf7a756a286a",
-      "name": "components/sd-button/--size/sm/padding-block",
+      "id": "VariableID:48602:96150",
+      "key": "54cbf0916b5bdb412aa0ac89fe5c3a24c67412a0",
+      "name": "utilities/leading/3",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:44029:1659",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:44029:1659",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44029:1657",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44029:1657",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 14,
+        "43174:14": 14,
+        "44883:0": 14,
+        "47719:0": 14
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47783:27980": {
+    "VariableID:48602:96151": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47783:27980",
-      "key": "3d2fdb47285a5e006f9fd45393ca53c3d08e9f42",
-      "name": "KID/neutral/900",
+      "id": "VariableID:48602:96151",
+      "key": "5404a231cd9d68890ca3cb8622fd84417006e3df",
+      "name": "utilities/leading/4",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.21960784494876862,
-          "g": 0.19607843458652496,
-          "r": 0.14901961386203766
-        }
+        "43174:13": 16,
+        "43174:14": 16,
+        "44883:0": 16,
+        "47719:0": 16
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47783:27982": {
+    "VariableID:48602:96153": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47783:27982",
-      "key": "7980496f5f9dbb56f721884746fc09d9cb9dbcee",
-      "name": "KID/creme",
+      "id": "VariableID:48602:96153",
+      "key": "e3ec06a0f9cc6289cc77bbce1694f20e8555b25c",
+      "name": "utilities/leading/6",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
-        }
+        "43174:13": 24,
+        "43174:14": 24,
+        "44883:0": 24,
+        "47719:0": 20.799999237060547
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47805:4778": {
+    "VariableID:48602:96154": {
       "codeSyntax": {},
-      "description": "400",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47805:4778",
-      "key": "4ee55ba7183018b16427b799e8ab8dc11f44e1f6",
-      "name": "KID/font-weight/font-normal",
+      "id": "VariableID:48602:96154",
+      "key": "546ee89346a98ddb5a6ad7788c150e0899697613",
+      "name": "utilities/leading/7",
       "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": "Regular"
+        "43174:13": 28.799999237060547,
+        "43174:14": 28.799999237060547,
+        "44883:0": 28.799999237060547,
+        "47719:0": 28.799999237060547
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47805:4779": {
+    "VariableID:48602:96155": {
       "codeSyntax": {},
-      "description": "500",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47805:4779",
-      "key": "9a81ed2928e4394236af78be924db89f8821465d",
-      "name": "KID/font-weight/font-semibold",
+      "id": "VariableID:48602:96155",
+      "key": "1d505ffeff941aa15a8b03529a75d0e4f1a04798",
+      "name": "utilities/leading/8",
       "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": "Semibold"
+        "43174:13": 30,
+        "43174:14": 30,
+        "44883:0": 30,
+        "47719:0": 23.399999618530273
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47805:4780": {
+    "VariableID:48602:96156": {
       "codeSyntax": {},
-      "description": "600",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47805:4780",
-      "key": "3f7051ff257961f39ace8f03070574fb520b007e",
-      "name": "KID/font-weight/font-bold",
+      "id": "VariableID:48602:96156",
+      "key": "0c2173c203f8c8eb930c8a50e39abd67b8b9d7cf",
+      "name": "utilities/leading/8,5",
       "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": "Bold"
+        "43174:13": 33.599998474121094,
+        "43174:14": 33.599998474121094,
+        "44883:0": 33.599998474121094,
+        "47719:0": 33.599998474121094
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47829:633": {
+    "VariableID:48602:96200": {
       "codeSyntax": {},
-      "description": "48px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47829:633",
-      "key": "e00f3e5761f943050e8092a977f2cbdf176b78da",
-      "name": "utilities/spacing/14",
+      "id": "VariableID:48602:96200",
+      "key": "d00f7f8dba99f0aa85fc30fc2ba5f50f9a660029",
+      "name": "utilities/leading/5",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:44029:1565",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:44029:1565",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44029:1565",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44029:1565",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 21,
+        "43174:14": 21,
+        "44883:0": 21,
+        "47719:0": 18
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47829:638": {
+    "VariableID:48602:96201": {
       "codeSyntax": {},
-      "description": "border radius 4px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47829:638",
-      "key": "b84cbfb6b0fc645d53d4de4a53fd74cc6673c4a9",
-      "name": "KID/rounded/sm",
+      "id": "VariableID:48602:96201",
+      "key": "f90d0e1fd51049bfb18a8fd2b03f405bc2710c5f",
+      "name": "utilities/leading/9",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 4
+        "43174:13": 36,
+        "43174:14": 36,
+        "44883:0": 36,
+        "47719:0": 28.799999237060547
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47829:639": {
+    "VariableID:48602:96202": {
       "codeSyntax": {},
-      "description": "border radius 8px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47829:639",
-      "key": "06af046b1c8f743d9b96dfbd5c366ab931195cfc",
-      "name": "KID/rounded/md",
+      "id": "VariableID:48602:96202",
+      "key": "1a6cada4ff92d09200fca7feb5d80e3ec2ac1892",
+      "name": "utilities/leading/9,5",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 8
+        "43174:13": 38.400001525878906,
+        "43174:14": 38.400001525878906,
+        "44883:0": 38.400001525878906,
+        "47719:0": 35.20000076293945
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47829:640": {
+    "VariableID:48602:96203": {
       "codeSyntax": {},
-      "description": "border radius 16px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47829:640",
-      "key": "8cb4ce55c80a7d87ad0df06810b3c2159f66b4d1",
-      "name": "KID/rounded/\blg",
+      "id": "VariableID:48602:96203",
+      "key": "b5be7f298df72de776d6fdd34670c33cda741944",
+      "name": "utilities/leading/12",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 16
+        "43174:13": 48,
+        "43174:14": 48,
+        "44883:0": 48,
+        "47719:0": 46.20000076293945
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47829:641": {
+    "VariableID:48602:96204": {
       "codeSyntax": {},
-      "description": "border radius 999px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47829:641",
-      "key": "db45991d1c25f39e55f969dea13a406ca83c8a04",
-      "name": "KID/rounded/full",
+      "id": "VariableID:48602:96204",
+      "key": "1eb8165ee91fc5419f49b278ebf5fe17a8bca637",
+      "name": "utilities/leading/15",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 9999
+        "43174:13": 60,
+        "43174:14": 60,
+        "44883:0": 60,
+        "47719:0": 60
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47829:657": {
+    "VariableID:48602:96205": {
       "codeSyntax": {},
-      "description": "opacity 50%",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47829:657",
-      "key": "366a6271121236c44159eb5967f9b9654510ed8c",
-      "name": "KID/opacity/opacity-50",
+      "id": "VariableID:48602:96205",
+      "key": "9c7e3074c0e729cef02a45fe9923d779ca58c808",
+      "name": "utilities/leading/4,5",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 50
+        "43174:13": 18,
+        "43174:14": 18,
+        "44883:0": 18,
+        "47719:0": 18
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47829:659": {
+    "VariableID:48719:115820": {
       "codeSyntax": {},
-      "description": "opacity 60%",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47829:659",
-      "key": "0807b99676c110b4597bf5afc4dac3037f21c0f7",
-      "name": "KID/opacity/opacity-60",
+      "id": "VariableID:48719:115820",
+      "key": "9e3d2caf038a310be8b4092c0a99779f8a111e32",
+      "name": "components/sd-header/__underline/height",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 60
+        "43174:13": {
+          "id": "VariableID:44029:1647",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1647",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:48719:146279",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1647",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47829:665": {
+    "VariableID:48719:115873": {
       "codeSyntax": {},
-      "description": "opacity 100%",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47829:665",
-      "key": "a25286452bdcc0b62e3da9e3f43869d8601741b9",
-      "name": "KID/opacity/opacity-100",
+      "id": "VariableID:48719:115873",
+      "key": "9bcce826aa3e438083086ef81742b204326493a1",
+      "name": "components/sd-header/__underline/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 100
+        "43174:13": {
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        },
+        "43174:14": {
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        },
+        "44883:0": {
+          "id": "VariableID:44921:14701",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47833:10802": {
+    "VariableID:48719:123821": {
       "codeSyntax": {},
-      "description": "",
+      "description": "color has same luminance as step 100",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47833:10802",
-      "key": "0114751b356e9a586892e9401584cf6cf6b0b822",
-      "name": "font-semibold",
+      "id": "VariableID:48719:123821",
+      "key": "9bf56d6fbc62925e2fb216890299b9e4cfe4018e",
+      "name": "VB/azure/200",
       "remote": false,
-      "resolvedType": "STRING",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": "Semibold"
+        "43138:0": {
+          "a": 1,
+          "b": 0.9686274528503418,
+          "g": 0.9411764740943909,
+          "r": 0.8980392217636108
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47835:23074": {
+    "VariableID:48719:146279": {
       "codeSyntax": {},
-      "description": "",
+      "description": "8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47835:23074",
-      "key": "eb6912850ef214ebbcc92822d05e55872dbc28ce",
-      "name": "VB/font-weight/font-normal",
+      "id": "VariableID:48719:146279",
+      "key": "e7db641241c29b2329ca44197d4422dde1d6ddf8",
+      "name": "utilities/sizing/0,25",
       "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": "Regular"
+        "43174:13": {
+          "id": "VariableID:44029:1610",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1610",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1610",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1610",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47835:23075": {
+    "VariableID:49052:101": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47835:23075",
-      "key": "de7a680295c63554350fdef7ecc7cdf6741393d8",
-      "name": "VB/font-weight/font-bold",
+      "id": "VariableID:49052:101",
+      "key": "4cf849c7994759cd13f49c5ad27f91009d8a9988",
+      "name": "components/sd-carousel/__pager-dot/--inverted/background",
       "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": "Bold"
+        "43174:13": {
+          "id": "VariableID:43979:213",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:213",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47858:29969": {
+    "VariableID:49052:102": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47858:29969",
-      "key": "ffd8844ec880c0bbd7063e0b563b539a77367e13",
-      "name": "components/sd-button/--primary/--inverted/--active/color/background",
+      "id": "VariableID:49052:102",
+      "key": "3a06b916e28d9fdcc2052e7e9e8ab84b162ecd9a",
+      "name": "components/sd-carousel/__pager-dot/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -22891,238 +21074,352 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:194",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:194",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:194",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:204",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47877:97571": {
+    "VariableID:49052:103": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47877:97571",
-      "key": "a4db072dff096703f0201f79579f66e497c88d27",
-      "name": "utilities/text/xs",
+      "id": "VariableID:49052:103",
+      "key": "3fdfaa9c20e968a4e857589a77b18fa6ca71db52",
+      "name": "components/sd-carousel/__pager-dot/--inverted/border",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 12,
-        "43174:14": 12,
-        "44883:0": 12,
-        "47719:0": 12
+        "43174:13": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47899:14901": {
+    "VariableID:49052:1122": {
       "codeSyntax": {},
-      "description": "14px",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47899:14901",
-      "key": "10c0b34a6ee2d53edb92681db63810b7e0524cd4",
-      "name": "text-xs",
+      "id": "VariableID:49052:1122",
+      "key": "195aa23c33fd687059918c78eca8d08cad89b061",
+      "name": "components/sd-carousel/__pager-dot/--inverted/--hovered/background",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 12
+        "43174:13": {
+          "id": "VariableID:43979:213",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:213",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47899:5274": {
+    "VariableID:49052:99": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47899:5274",
-      "key": "60ad56c94e73703b3580a0c6753858b762784c41",
-      "name": "utilities/text/sm",
+      "id": "VariableID:49052:99",
+      "key": "1db556a27e570009f990b89d215547f5ba898d55",
+      "name": "components/sd-breadcrumb/__separator/--current/color",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 14,
-        "43174:14": 14,
-        "44883:0": 14,
-        "47719:0": 14
+        "43174:13": {
+          "id": "VariableID:43979:213",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:213",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:213",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47899:5276": {
+    "VariableID:49063:51818": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47899:5276",
-      "key": "063427a931836f24a5754a7c3f36a8798c0de5b5",
-      "name": "utilities/text/base",
+      "id": "VariableID:49063:51818",
+      "key": "ffa086180d3a8c1dc7130c711e20c0d9e2adb2f2",
+      "name": "components/sd-map-marker/--main/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 16,
-        "43174:14": 16,
-        "44883:0": 16,
-        "47719:0": 16
+        "43174:13": {
+          "id": "VariableID:43979:300",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:300",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:203",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:264",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47899:5277": {
+    "VariableID:49398:69": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47899:5277",
-      "key": "c52cc2020c8a83632dda05ba0afa8aa1d6d30885",
-      "name": "utilities/text/lg",
+      "id": "VariableID:49398:69",
+      "key": "d477bade19b81121f527275e7b594ed7b5106eec",
+      "name": "components/sd-skeleton/color",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 20,
-        "43174:14": 20,
-        "44883:0": 20,
-        "47719:0": 18
+        "43174:13": {
+          "id": "VariableID:43979:215",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:199",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:214",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "a": 1,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47899:5278": {
+    "VariableID:49425:37983": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47899:5278",
-      "key": "1d9eff454e574f01e95c21716718cab77b1f4911",
-      "name": "utilities/text/xl",
+      "id": "VariableID:49425:37983",
+      "key": "efbfc07c45d112ac851b88513655d0a79b2f6885",
+      "name": "components/sd-badge/--blue/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 24,
-        "43174:14": 24,
-        "44883:0": 24,
-        "47719:0": 24
+        "43174:13": {
+          "id": "VariableID:43979:197",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:197",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:197",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:203",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47899:5279": {
+    "VariableID:49594:14770": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47899:5279",
-      "key": "0eb26a67894712af45be519376ad717519ec7f11",
-      "name": "utilities/text/2xl",
+      "id": "VariableID:49594:14770",
+      "key": "3e00d0e0296ead1cbe36ff360924ac9016b22553",
+      "name": "components/sd-teaser/border-radius",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 28,
-        "43174:14": 28,
-        "44883:0": 28,
-        "47719:0": 28
+        "43174:13": 0,
+        "43174:14": 0,
+        "44883:0": 0,
+        "47719:0": {
+          "id": "VariableID:44029:1674",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47899:5280": {
+    "VariableID:49594:15491": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47899:5280",
-      "key": "9475e625d2e1fcd36f37c337754f6066355bda3b",
-      "name": "utilities/text/3xl",
+      "id": "VariableID:49594:15491",
+      "key": "8ad278dfdebc179f5f522f263fa6115ccf220149",
+      "name": "_internal/slot-inverted",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 32,
-        "43174:14": 32,
-        "44883:0": 32,
-        "47719:0": 32
+        "43174:13": {
+          "a": 1,
+          "b": 0.9450980424880981,
+          "g": 0.7137255072593689,
+          "r": 0.800000011920929
+        },
+        "43174:14": {
+          "a": 1,
+          "b": 0.9450980424880981,
+          "g": 0.7137255072593689,
+          "r": 0.800000011920929
+        },
+        "44883:0": {
+          "a": 1,
+          "b": 0.9450980424880981,
+          "g": 0.7137255072593689,
+          "r": 0.800000011920929
+        },
+        "47719:0": {
+          "a": 1,
+          "b": 0.9450980424880981,
+          "g": 0.7137255072593689,
+          "r": 0.800000011920929
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47899:5281": {
+    "VariableID:49844:13867": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47899:5281",
-      "key": "5f191d77415b329a02e3ec3a0b3510995b497cc0",
-      "name": "utilities/text/4xl",
+      "id": "VariableID:49844:13867",
+      "key": "2e2feb5136ece6d56f93dfd115c27fa7e9cdcaa5",
+      "name": "components/sd-pagination/--inverted/border",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 40,
-        "43174:14": 40,
-        "44883:0": 38,
-        "47719:0": 42
+        "43174:13": {
+          "id": "VariableID:43979:213",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:213",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47958:17170": {
+    "VariableID:49844:13952": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47958:17170",
-      "key": "d7d640627a28bff4669d7ff385a681580e30372f",
-      "name": "_todo/components/sd-radio/--size/lg/__icon",
+      "id": "VariableID:49844:13952",
+      "key": "456b09eee1fa7be2ad542ce42b0e0b3867b27ac0",
+      "name": "components/sd-pagination/--default/border",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1651",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47958:21546": {
+    "VariableID:49857:86584": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47958:21546",
-      "key": "20052550ffba42159ca426144ba3c9d386b79f55",
-      "name": "_todo/components/sd-checkbox/--size/lg/__icon",
+      "id": "VariableID:49857:86584",
+      "key": "2591821b3c6f2fa3e3cda22bacd6e03a83fa4554",
+      "name": "components/form-control/__listbox/border-bottom-left-radius",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -23130,71 +21427,112 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1651",
+          "id": "VariableID:44029:1677",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47961:6096": {
+    "VariableID:49895:3480": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47961:6096",
-      "key": "f2bef4b92af0d3d58075e45b52366f34444a053a",
-      "name": "components/sd-tag/--default/color/background",
+      "id": "VariableID:49895:3480",
+      "key": "36b47af4de8948c51b7e4038e0615c50269a9f8e",
+      "name": "KID/white/400",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0,
+        "43138:0": {
+          "a": 0.4000000059604645,
           "b": 1,
           "g": 1,
           "r": 1
-        },
-        "43174:14": {
-          "a": 0,
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:49895:3481": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:49895:3481",
+      "key": "7285f2248776fef388095fb7b5b1894838edfa7d",
+      "name": "KID/white/100",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 0.10000000149011612,
           "b": 1,
           "g": 1,
           "r": 1
-        },
-        "44883:0": {
-          "a": 0,
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:49895:3482": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:49895:3482",
+      "key": "c3bb8446ec05c59c8bcd1ae0234be8cdfbd485b4",
+      "name": "KID/white/20",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 0.019999999552965164,
           "b": 1,
           "g": 1,
           "r": 1
-        },
-        "47719:0": {
-          "a": 0.6000000238418579,
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:49895:3483": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:49895:3483",
+      "key": "da092fdf4aa051877b1218b6a640c8b62957efa1",
+      "name": "KID/white/840",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 0.8399999737739563,
           "b": 1,
           "g": 1,
           "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47961:6198": {
+    "VariableID:49909:7223": {
       "codeSyntax": {},
-      "description": "",
+      "deletedButReferenced": true,
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47961:6198",
-      "key": "7ffa4ecc0d6578eb283426d746cd07276107c72e",
-      "name": "components/sd-tag/--default/color/border",
+      "id": "VariableID:49909:7223",
+      "key": "7feebbdb31930944156fda4a98ba31231d925b50",
+      "name": "components/sd-notification/color/icon-fill",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -23202,129 +21540,169 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:252",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:281",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:281",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47961:6310": {
+    "VariableID:49909:7224": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47961:6310",
-      "key": "de9cbe1b5ef7566405582dc777efe95dd912d1c8",
-      "name": "components/sd-tag/--size/lg/font-size",
+      "id": "VariableID:49909:7224",
+      "key": "1f92866568118aab773d7f8d0dff69c0bd2b66c6",
+      "name": "components/sd-notification/color/border",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:47899:5276",
+          "id": "VariableID:43979:217",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:47899:5276",
+          "id": "VariableID:43927:4950",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:47899:5276",
+          "id": "VariableID:43927:5037",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47877:97571",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47961:6311": {
+    "VariableID:50186:1502": {
+      "codeSyntax": {},
+      "description": "this is used instead of #ECEFF1 because in Theme the utilities.neutral.100 white 50% creates a bug that can&#39;t be fixed and the core KID neutral 100 wasn&#39;t used anywhere",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:50186:1502",
+      "key": "8f140bcd2c5604e8a69703960d14edd61407488b",
+      "name": "KID/neutral/100",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 0.5,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:50186:1503": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47961:6311",
-      "key": "457d5aa635b62ec9882beaff19b878584ae2aaca",
-      "name": "components/sd-tag/--size/sm/font-size",
+      "id": "VariableID:50186:1503",
+      "key": "be960ae9e91e168d7a568463550f991b2faca4a3",
+      "name": "KID/white/500",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 0.5,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:50243:25341": {
+      "codeSyntax": {},
+      "description": "Default background color. Used for sd-chip, sd-flag, sd-container. NOTE: kid value should be reference to kid.white.600, had to be removed due to a bug that blocked fetching tokens in code.",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:50243:25341",
+      "key": "5222d853d2db9d841fc15a15ca709c1c1c189079",
+      "name": "components/sd-dropdown/color/background",
+      "remote": false,
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47877:97571",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48046:4669": {
+    "VariableID:50346:24618": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48046:4669",
-      "key": "6918247422fb439208dce14d81c218673ed512a7",
-      "name": "components/sd-input/--size/_label/font-size",
+      "id": "VariableID:50346:24618",
+      "key": "311fe0abf3bdef8f9208ac434330d3a57347c944",
+      "name": "components/sd-datepicker/__date-item/--default/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:47899:5276",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:47899:5276",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:47899:5276",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48127:24317": {
+    "VariableID:50348:22930": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48127:24317",
-      "key": "a841aa273a4a7ed8d4dc1af350c797c8b6f225ed",
-      "name": "components/sd-chip/font-weight",
+      "id": "VariableID:50348:22930",
+      "key": "fc99ffb3dcb523dbcc85874d19004afe6946e940",
+      "name": "components/sd-datepicker/__date-item/--current/font-weight",
       "remote": false,
       "resolvedType": "STRING",
       "scopes": [
@@ -23332,413 +21710,339 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44953:15244",
+          "id": "VariableID:44953:15245",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44953:15244",
+          "id": "VariableID:44953:15245",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44953:15244",
+          "id": "VariableID:44953:15245",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44953:15245",
+          "id": "VariableID:47805:4779",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48127:24325": {
+    "VariableID:50578:36839": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48127:24325",
-      "key": "5cd17de36527250fba697e5addf5f5b2b5d33ebc",
-      "name": "components/sd-chip/border-width",
+      "id": "VariableID:50578:36839",
+      "key": "19b575b17f78a3ac8982c327beaa04c2f13c3623",
+      "name": "components/sd-carousel/--active/--inverted/color/border",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 0,
-        "43174:14": 0,
+        "43174:13": {
+          "id": "VariableID:43979:213",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:213",
+          "type": "VARIABLE_ALIAS"
+        },
         "44883:0": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:273",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48150:71089": {
+    "VariableID:50578:41688": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for buttons, select field, focus state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48150:71089",
-      "key": "91f6952609787700043370d6e86f4db50a31e4c2",
-      "name": "KID/white/600",
+      "id": "VariableID:50578:41688",
+      "key": "b45157cdc7270f01228a31ed3379380b3d64bb2b",
+      "name": "components/sd-button/--secondary/--default/color/text",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:48150:71090": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:48150:71090",
-      "key": "c31559c396c5966a142f492eed43a9462c09f2d1",
-      "name": "components/sd-chip/font-size",
-      "remote": false,
-      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47877:97571",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48602:92347": {
+    "VariableID:50578:56661": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for buttons, select field, focus state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:92347",
-      "key": "a7f515de54c077d27572f9219ca3db0c6b3dae1a",
-      "name": "components/sd-combobox/__tag/border-width",
+      "id": "VariableID:50578:56661",
+      "key": "363f9b605782f45947262ef58b4bc01ece9e4766",
+      "name": "components/sd-button/--tertiary/--default/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1681",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48602:96150": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96150",
-      "key": "4b2da1efdcf436c435134f2420aaddf4c8ac8737",
-      "name": "utilities/leading/3",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": 14,
-        "43174:14": 14,
-        "44883:0": 14,
-        "47719:0": 14
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:48602:96151": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96151",
-      "key": "f48674fcdc5bafd38a5b1962099de3c796fadfdc",
-      "name": "utilities/leading/4",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": 16,
-        "43174:14": 16,
-        "44883:0": 16,
-        "47719:0": 16
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:48602:96153": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96153",
-      "key": "fe447a75e80c227fa920bf9b53d664a28c1d522f",
-      "name": "utilities/leading/6",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": 24,
-        "43174:14": 24,
-        "44883:0": 24,
-        "47719:0": 20.799999237060547
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:48602:96154": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96154",
-      "key": "7261d62bc3583092945a4a758e621653c889d12e",
-      "name": "utilities/leading/7",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": 28.799999237060547,
-        "43174:14": 28.799999237060547,
-        "44883:0": 28.799999237060547,
-        "47719:0": 28.799999237060547
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:48602:96155": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96155",
-      "key": "d8e86e02cadc76de106e37a9a3332c2d7c6d4eb4",
-      "name": "utilities/leading/8",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": 30,
-        "43174:14": 30,
-        "44883:0": 30,
-        "47719:0": 23.399999618530273
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:48602:96156": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96156",
-      "key": "e31e70d6d9d4647094a8c9055395583f8cbced6f",
-      "name": "utilities/leading/8,5",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": 33.599998474121094,
-        "43174:14": 33.599998474121094,
-        "44883:0": 33.599998474121094,
-        "47719:0": 33.599998474121094
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:48602:96200": {
+    "VariableID:50578:56662": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for buttons, inverted focus state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96200",
-      "key": "c4b7d91eea4c1e935a0e9222f571d50b976c6730",
-      "name": "utilities/leading/5",
+      "id": "VariableID:50578:56662",
+      "key": "bb163b900809c30c7f3896e9faa3e6028a44352a",
+      "name": "components/sd-button/--secondary/--inverted/color/border",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 21,
-        "43174:14": 21,
-        "44883:0": 21,
-        "47719:0": 18
+        "43174:13": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:204",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48602:96201": {
+    "VariableID:50587:4943": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for buttons, select field, focus state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96201",
-      "key": "e1546fc5a477ea1d048768f6914361c200656b0b",
-      "name": "utilities/leading/9",
+      "id": "VariableID:50587:4943",
+      "key": "5977c6f1ea55f615c970a37aec9f01e827fa83da",
+      "name": "components/sd-button/--secondary/--disabled/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 36,
-        "43174:14": 36,
-        "44883:0": 36,
-        "47719:0": 28.799999237060547
+        "43174:13": {
+          "id": "VariableID:43979:218",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:218",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:218",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:217",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48602:96202": {
+    "VariableID:50587:4944": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for buttons, select field, focus state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96202",
-      "key": "e7b0fa322e5e12642cbcac0e424f0643bbc424b4",
-      "name": "utilities/leading/9,5",
+      "id": "VariableID:50587:4944",
+      "key": "3c19551cc72d67044ef4feb93ae2e31ce3c10f4c",
+      "name": "components/sd-button/--tertiary/--disabled/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 38.400001525878906,
-        "43174:14": 38.400001525878906,
-        "44883:0": 38.400001525878906,
-        "47719:0": 35.20000076293945
+        "43174:13": {
+          "id": "VariableID:43979:218",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:218",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:218",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:217",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48602:96203": {
+    "VariableID:50635:19389": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96203",
-      "key": "f8c5cb3cbc34b123c66139b6fdab9c466a0f843e",
-      "name": "utilities/leading/12",
+      "id": "VariableID:50635:19389",
+      "key": "d0523683e1615b047ff6f179200936cebdab4cdf",
+      "name": "components/sd-accordion-group/_gap",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 48,
-        "43174:14": 48,
-        "44883:0": 48,
-        "47719:0": 46.20000076293945
+        "43174:13": -1,
+        "43174:14": -1,
+        "44883:0": -2,
+        "47719:0": -1
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48602:96204": {
+    "VariableID:50635:19390": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96204",
-      "key": "a6e6335f452127db810a1b8981346319039b266e",
-      "name": "utilities/leading/15",
+      "id": "VariableID:50635:19390",
+      "key": "f3809a9e1fffb675e642afd8c8bad613c5935ee8",
+      "name": "components/sd-accordion/color/icon-fill",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 60,
-        "43174:14": 60,
-        "44883:0": 60,
-        "47719:0": 60
+        "43174:13": {
+          "id": "VariableID:43979:203",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:220",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:203",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48602:96205": {
+    "VariableID:50635:23474": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted dividers",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96205",
-      "key": "4a9aaa2acc5e5cde0fc0bb618d47868d296dfcc4",
-      "name": "utilities/leading/4,5",
+      "id": "VariableID:50635:23474",
+      "key": "7549cf91b5cdd368ae321adbaf1d622c5c7f95cc",
+      "name": "components/sd-audio/__track-bar/--inverted/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 18,
-        "43174:14": 18,
-        "44883:0": 18,
-        "47719:0": 18
+        "43174:13": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48719:115820": {
+    "VariableID:51502:42739": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for sd-flag",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48719:115820",
-      "key": "eaeeacf570705e01b577272248175dd877c85344",
-      "name": "components/sd-header/__underline/height",
+      "id": "VariableID:51502:42739",
+      "key": "81e7124049fcc71d82ce4bc5067e486b07889200",
+      "name": "components/sd-tab/--hover/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1647",
+          "id": "VariableID:43979:215",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1647",
+          "id": "VariableID:43979:199",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:48719:146279",
+          "id": "VariableID:46172:9194",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:48719:146279",
+          "id": "VariableID:46172:9194",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48719:115873": {
+    "VariableID:51573:9921": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for tooltip",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48719:115873",
-      "key": "ae240de69faecd1dd0cb0113631faf42831d51dd",
-      "name": "components/sd-header/__underline/color/background",
+      "id": "VariableID:51573:9921",
+      "key": "e0cea1b0e4b3e15f7e97a9a36e61dd4bfeded39b",
+      "name": "utilities/shadow/xs/color",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -23746,89 +22050,113 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14701",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "a": 0.75,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48719:123821": {
+    "VariableID:51596:1602": {
       "codeSyntax": {},
-      "description": "color has same luminance as step 100",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48719:123821",
-      "key": "3e5a9dad3f95c0f705db1c5c1c6ee58a26a10da2",
-      "name": "VB/azure/200",
+      "id": "VariableID:51596:1602",
+      "key": "269ab104a4bcd0a53bedc6a56edf00bdcc5143e8",
+      "name": "utilities/shadow/xs/x",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9686274528503418,
-          "g": 0.9411764740943909,
-          "r": 0.8980392217636108
-        }
+        "43174:13": 0.5,
+        "43174:14": 0.5,
+        "44883:0": 0.5,
+        "47719:0": 0.5
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48719:146279": {
+    "VariableID:51596:1603": {
       "codeSyntax": {},
-      "description": "8px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48719:146279",
-      "key": "c4e5b277c309c17f94f2507dc072276f1d633e3b",
-      "name": "utilities/sizing/0,25",
+      "id": "VariableID:51596:1603",
+      "key": "acc7461f7034a61008ef9af5850b4db50e0cff2a",
+      "name": "utilities/shadow/xs/y",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:44029:1610",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:44029:1610",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44029:1610",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44029:1610",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 0.5,
+        "43174:14": 0.5,
+        "44883:0": 0.5,
+        "47719:0": 0.5
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49052:101": {
+    "VariableID:51596:1604": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49052:101",
-      "key": "497611c99a520254607c6fb8412357f5576a5611",
-      "name": "components/sd-carousel/__pager-dot/--inverted/background",
+      "id": "VariableID:51596:1604",
+      "key": "48950ced2837782c273d5bebf1096451073d7631",
+      "name": "utilities/shadow/xs/blur",
+      "remote": false,
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": 1.5,
+        "43174:14": 1.5,
+        "44883:0": 1.5,
+        "47719:0": 1.5
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:51596:1605": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:51596:1605",
+      "key": "52bf5e1f5453816bc70f1431f77b8c98da9d3182",
+      "name": "utilities/shadow/xs/spread",
+      "remote": false,
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": 0,
+        "43174:14": 0,
+        "44883:0": 0,
+        "47719:0": 0
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:51964:11322": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:51964:11322",
+      "key": "16a20b3514da7712680209a6da67f752079b67f3",
+      "name": "components/sd-map-marker/--cluster/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -23836,11 +22164,11 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
@@ -23848,19 +22176,19 @@
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:273",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49052:102": {
+    "VariableID:51964:11323": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49052:102",
-      "key": "64ed61106c7b247b0fe8ebe5ecc240866c91c9b0",
-      "name": "components/sd-carousel/__pager-dot/background",
+      "id": "VariableID:51964:11323",
+      "key": "5693c8255cff3d130efc2fabdb67b81b3b692a25",
+      "name": "components/sd-map-marker/--pin/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -23868,31 +22196,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:259",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:259",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49052:103": {
+    "VariableID:51974:11364": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49052:103",
-      "key": "c20dd76826d97074aec75df7eb3e01fec365c14d",
-      "name": "components/sd-carousel/__pager-dot/--inverted/border",
+      "id": "VariableID:51974:11364",
+      "key": "6d45679c53b610c80f26416890f1cf331ed040ca",
+      "name": "components/sd-map-marker/--pin/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -23900,31 +22228,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:264",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:264",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49052:1122": {
+    "VariableID:53463:2694": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "Used for disabled state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49052:1122",
-      "key": "6d9bf83a5d687b080053be9bfe557df9348b26ae",
-      "name": "components/sd-carousel/__pager-dot/--inverted/--hovered/background",
+      "id": "VariableID:53463:2694",
+      "key": "8e069cbced9b56b2d8b993e9e6b1829e97c26897",
+      "name": "components/sd-tag/--disabled/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -23932,31 +22260,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:43979:218",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:217",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:217",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49052:99": {
+    "VariableID:53591:1805": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for teaser, audio (wave animation)\n",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49052:99",
-      "key": "5983b46e8e1f068d3471e7c25b71955cc9ad01e6",
-      "name": "components/sd-breadcrumb/__separator/--current/color",
+      "id": "VariableID:53591:1805",
+      "key": "959fbbbfee2a78e0d05dc46786db329a9fcff780",
+      "name": "components/sd-teaser-media/--white/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -23964,31 +22292,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:213",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:213",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.5568627715110779,
+          "g": 0.2078431397676468,
+          "r": 0
         },
         "44883:0": {
-          "id": "VariableID:43979:213",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49063:51818": {
+    "VariableID:53591:1806": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for teaser",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49063:51818",
-      "key": "007f7ed0f28882a80566f8e57a290695c61db685",
-      "name": "components/sd-map-marker/main/color/icon-fill",
+      "id": "VariableID:53591:1806",
+      "key": "1ff2fd900a566c897896210eaf0af70bc6b85602",
+      "name": "components/sd-teaser-media/--white/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -23996,63 +22332,79 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:300",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:300",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.5568627715110779,
+          "g": 0.2078431397676468,
+          "r": 0
         },
         "44883:0": {
-          "id": "VariableID:43979:300",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:43979:264",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49398:67": {
+    "VariableID:53592:5039": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for teaser",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49398:67",
-      "key": "f775be39e82b57d47f4c5ae412115b806a321a38",
-      "name": "components/sd-flag/font-weight",
+      "id": "VariableID:53592:5039",
+      "key": "1747a47d8f346920fc73a2ce475d125f9a2050f3",
+      "name": "components/sd-teaser-media/--primary-100/color/background",
       "remote": false,
-      "resolvedType": "STRING",
+      "resolvedType": "COLOR",
       "scopes": [
-        "FONT_STYLE"
+        "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44953:15244",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.9764705896377563,
+          "g": 0.9411764740943909,
+          "r": 0.9254902005195618
         },
         "43174:14": {
-          "id": "VariableID:44953:15244",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.29019609093666077,
+          "g": 0.125490203499794,
+          "r": 0.03921568766236305
         },
         "44883:0": {
-          "id": "VariableID:44953:15244",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.9764705896377563,
+          "g": 0.9411764740943909,
+          "r": 0.9254902005195618
         },
         "47719:0": {
-          "id": "VariableID:44953:15245",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49398:68": {
+    "VariableID:54289:8163": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49398:68",
-      "key": "9d7f6a36c76b89fe4973bac3ac7f363353183ea5",
-      "name": "components/sd-flag/font-size",
+      "id": "VariableID:54289:8163",
+      "key": "a7035d2693003c57a6d52ac256d15f168dee134c",
+      "name": "components/sd-button/border-width",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -24060,31 +22412,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:44029:1681",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47877:97571",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49398:69": {
+    "VariableID:54294:16226": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used for pressed interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49398:69",
-      "key": "0441a876564e128ecf1752aa5ad8574025fa0075",
-      "name": "components/sd-skeleton/color",
+      "id": "VariableID:54294:16226",
+      "key": "6e85fe51942a38eef5998bfe109a685aaf37edaa",
+      "name": "components/sd-button/--secondary/--active/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24092,33 +22444,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:215",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:199",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:214",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 1,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49399:22595": {
+    "VariableID:54294:21759": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for pressed interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49399:22595",
-      "key": "c9b2c32c443ea9779d7fcb9dbbcb34f9516f8e0a",
-      "name": "components/sd-tooltip/color/border",
+      "id": "VariableID:54294:21759",
+      "key": "a01c738e84ccddb814535058a3c6b494ead71422",
+      "name": "components/sd-button/--tertiary/--active/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24126,69 +22476,63 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:201",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:194",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14703",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49399:22596": {
+    "VariableID:54294:28373": {
       "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:49399:22596",
-      "key": "453173840d3032222cd7ae4b50e64478fa7d8962",
-      "name": "components/sd-tooltip/border-width",
+      "description": "Inverted icon color",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:54294:28373",
+      "key": "177aff3c298b8b9d6101eabbf39f35b2d0fbc0bd",
+      "name": "components/sd-button/--secondary/--inverted/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49425:37983": {
+    "VariableID:54294:28374": {
       "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:49425:37983",
-      "key": "7ed6de59c75e4a1ff9692f96929dc6eb2353eeb4",
-      "name": "components/sd-badge/--blue/color/background",
+      "description": "Inverted icon color",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:54294:28374",
+      "key": "e2c1682cacd3f0ddd9eb307c809aaec940950a67",
+      "name": "components/sd-button/--tertiary/--inverted/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24196,86 +22540,63 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49425:38202": {
+    "VariableID:54294:28375": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted hover interaction button label",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49425:38202",
-      "key": "d7e5799eb3296cdc3fca55353e5217dc777fae77",
-      "name": "components/sd-datepicker/__date-item/--default/font-weight",
+      "id": "VariableID:54294:28375",
+      "key": "8080de34f607fdb18fb3f5a7d56c4936d3df6876",
+      "name": "components/sd-button/--secondary/--inverted/--hover/color/text",
       "remote": false,
-      "resolvedType": "STRING",
+      "resolvedType": "COLOR",
       "scopes": [
-        "FONT_STYLE"
+        "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44953:15244",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44953:15244",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44953:15244",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47805:4778",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:49594:14770": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:49594:14770",
-      "key": "6d75990f3fb61a47f409161a35096e392e2cfa2d",
-      "name": "components/sd-teaser/border-radius",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": 0,
-        "43174:14": 0,
-        "44883:0": 0,
-        "47719:0": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49594:15491": {
+    "VariableID:54294:28378": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted hover interaction text link and inverted pressed interaction button label",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49594:15491",
-      "key": "f49b4b64502e113a2df2ab05b136a47340aac846",
-      "name": "_internal/slot-inverted",
+      "id": "VariableID:54294:28378",
+      "key": "914b47c8fe4f2aa2ab0ebc4c3adaee3d07352bc3",
+      "name": "components/sd-button/--secondary/--inverted/--active/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24283,39 +22604,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.7137255072593689,
-          "r": 0.800000011920929
+          "id": "VariableID:43979:194",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.7137255072593689,
-          "r": 0.800000011920929
+          "id": "VariableID:43979:194",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.7137255072593689,
-          "r": 0.800000011920929
+          "id": "VariableID:43979:194",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.7137255072593689,
-          "r": 0.800000011920929
+          "id": "VariableID:43979:204",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49844:13867": {
+    "VariableID:54294:28379": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted hover interaction text link and inverted pressed interaction button label",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49844:13867",
-      "key": "2f7ccd5a1bd2d35099a9a6897bc9dacca524efe2",
-      "name": "components/sd-pagination/--inverted/border",
+      "id": "VariableID:54294:28379",
+      "key": "ed55eff4790c49ca87e33704085f82ec0829889a",
+      "name": "components/sd-button/--tertiary/--inverted/--active/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24323,63 +22636,63 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:209",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:209",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49844:13952": {
+    "VariableID:54572:8960": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49844:13952",
-      "key": "a645f8120880339aef763cd4d6010a811c01c79b",
-      "name": "components/sd-pagination/--default/border",
+      "id": "VariableID:54572:8960",
+      "key": "9e19a3c7498b183a03c7651eb06f5b474ee6956d",
+      "name": "utilities/spacing/2,5",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:209",
+          "id": "VariableID:44029:1614",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:209",
+          "id": "VariableID:44029:1614",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:44029:1614",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:44029:1614",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49857:86584": {
+    "VariableID:54634:38690": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for icon-only and loading variant",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49857:86584",
-      "key": "873ca3a58a369627331de0dbe84cdb92f0e4f069",
-      "name": "components/form-control/border-radius",
+      "id": "VariableID:54634:38690",
+      "key": "26b5b532c5ac38c531d87184384f0fac93cf7469",
+      "name": "components/sd-button/--size/lg/min-height",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -24387,111 +22700,183 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:44029:1654",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:44029:1654",
           "type": "VARIABLE_ALIAS"
         },
-        "44883:0": {
-          "id": "VariableID:44029:1674",
+        "44883:0": 44,
+        "47719:0": 40
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:54634:38691": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:54634:38691",
+      "key": "4bde27cc88cdfc3a73749535372ab1931e30d670",
+      "name": "components/sd-button/--size/md/min-height",
+      "remote": false,
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": {
+          "id": "VariableID:44029:1653",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": {
-          "id": "VariableID:44029:1677",
+        "43174:14": {
+          "id": "VariableID:44029:1653",
           "type": "VARIABLE_ALIAS"
-        }
+        },
+        "44883:0": 44,
+        "47719:0": 40
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49895:3480": {
+    "VariableID:54687:83305": {
       "codeSyntax": {},
-      "description": "",
+      "description": "dev only!",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49895:3480",
-      "key": "babbe65b09bebed402130cffbe7260d718f51030",
-      "name": "KID/white/400",
+      "id": "VariableID:54687:83305",
+      "key": "53c2b244c2582aa6c8f193c400949b7ba5419910",
+      "name": "components/sd-button/--secondary/--size/lg/padding-block",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 0.4000000059604645,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        }
+        "43174:13": 11,
+        "43174:14": 11,
+        "44883:0": 8,
+        "47719:0": 7
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49895:3481": {
+    "VariableID:54687:83306": {
       "codeSyntax": {},
-      "description": "",
+      "description": "dev only!",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49895:3481",
-      "key": "35a0df4225e354e891e33e9cb7878da0de9decaa",
-      "name": "KID/white/100",
+      "id": "VariableID:54687:83306",
+      "key": "cd02e23c6ff872312fb7dd7afcdd99b69157c8f5",
+      "name": "components/sd-button/--secondary/padding-inline",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 0.10000000149011612,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        }
+        "43174:13": 15,
+        "43174:14": 15,
+        "44883:0": 22,
+        "47719:0": 23
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49895:3482": {
+    "VariableID:54687:83307": {
       "codeSyntax": {},
-      "description": "",
+      "description": "dev only!",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49895:3482",
-      "key": "2eb94dff52ca1739f0acb94f8ba6682f5f85a324",
-      "name": "KID/white/20",
+      "id": "VariableID:54687:83307",
+      "key": "97bc1daa83cdd3b0cc928868b64796767604d94b",
+      "name": "components/sd-button/--secondary/--size/md/padding-block",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 0.019999999552965164,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        }
+        "43174:13": 7,
+        "43174:14": 7,
+        "44883:0": 8,
+        "47719:0": 7
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49895:3483": {
+    "VariableID:54687:83308": {
+      "codeSyntax": {},
+      "description": "dev only!",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:54687:83308",
+      "key": "2d707b8f9ba9bffc10c8319119dc89042e0d8a01",
+      "name": "components/sd-button/--secondary/--size/sm/padding-block",
+      "remote": false,
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": 4.5,
+        "43174:14": 4.5,
+        "44883:0": 3.5,
+        "47719:0": 4.5
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:54698:83323": {
+      "codeSyntax": {},
+      "description": "Used inside panel summary layer of sd-accordion to accommodate the border",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:54698:83323",
+      "key": "43313b81de6c95dc482f9e6f53022ae90d24e5e0",
+      "name": "components/sd-accordion/_panel-padding",
+      "remote": false,
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": 1,
+        "43174:14": 1,
+        "44883:0": 2,
+        "47719:0": 1
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:56149:47181": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49895:3483",
-      "key": "af252e4cb33a82e73439ae4eca9f334dc95ee63c",
-      "name": "KID/white/840",
+      "id": "VariableID:56149:47181",
+      "key": "1faaeba0640d4663ac6ca2fb99e2537b82ead689",
+      "name": "components/sd-notification/__duration-indicator/color/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 0.8399999737739563,
-          "b": 1,
-          "g": 1,
-          "r": 1
+        "43174:13": {
+          "id": "VariableID:43979:203",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:203",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:203",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49909:7223": {
+    "VariableID:56342:50645": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49909:7223",
-      "key": "2c9d5ed95f8c94785445d7d043cfcf3c1aa0f96c",
-      "name": "components/sd-notification/color/icon-fill",
+      "id": "VariableID:56342:50645",
+      "key": "62a64ee239decc43f627c7100254e5cd3aaabfde",
+      "name": "components/sd-datepicker/__date-item/--hover/--default/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24499,31 +22884,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:200",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49909:7224": {
+    "VariableID:56886:2865": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49909:7224",
-      "key": "da4194a451cd73a628503e1152cbfa53efdc80f5",
-      "name": "components/sd-notification/color/border",
+      "id": "VariableID:56886:2865",
+      "key": "2228f34e3b2b50d4b969b53a2dfd4f1726aeefc0",
+      "name": "components/sd-datepicker/__date-item/--selected/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24531,71 +22916,95 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:217",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4950",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5037",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50186:1502": {
+    "VariableID:56886:3301": {
       "codeSyntax": {},
-      "description": "this is used instead of #ECEFF1 because in Theme the utilities.neutral.100 white 50% creates a bug that can&#39;t be fixed and the core KID neutral 100 wasn&#39;t used anywhere",
+      "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50186:1502",
-      "key": "d775efc6b0fe4f347183f005e84fed456a293cfd",
-      "name": "KID/neutral/100",
+      "id": "VariableID:56886:3301",
+      "key": "dd4a6459f1cfca8699a97b86d88717e7614a6929",
+      "name": "components/sd-datepicker/__date-item/--selected/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 0.5,
-          "b": 1,
-          "g": 1,
-          "r": 1
+        "43174:13": {
+          "id": "VariableID:43979:197",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:194",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:199",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50186:1503": {
+    "VariableID:56886:3304": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50186:1503",
-      "key": "813b61f8ed4d0db417c5942fc66bb4fa14a48119",
-      "name": "KID/white/500",
+      "id": "VariableID:56886:3304",
+      "key": "4e53fe10422a283380e3844e3c32f349f3690577",
+      "name": "components/sd-datepicker/__date-item/--range/color/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 0.5,
-          "b": 1,
-          "g": 1,
-          "r": 1
+        "43174:13": {
+          "id": "VariableID:43979:193",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:200",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:193",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:214",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50243:25341": {
+    "VariableID:56886:3305": {
       "codeSyntax": {},
-      "description": "Default background color. Used for sd-chip, sd-flag, sd-container. NOTE: kid value should be reference to kid.white.600, had to be removed due to a bug that blocked fetching tokens in code.",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50243:25341",
-      "key": "3e6c4357f7476a69ac80e5a37ba114dff868a599",
-      "name": "components/sd-dropdown/color/background",
+      "id": "VariableID:56886:3305",
+      "key": "8a27f221cd0b2270f2f95b3f951874bc88bfe44b",
+      "name": "components/sd-datepicker/__date-item/--current/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24603,161 +23012,239 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:203",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50346:24618": {
+    "VariableID:58369:1926": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50346:24618",
-      "key": "3bee505b7db4d6c949f8518ed0a5cde514cc5a15",
-      "name": "components/sd-datepicker/__date-item/--default/color/text",
+      "id": "VariableID:58369:1926",
+      "key": "6fecbadc508908c47a0d99f98ba15357fe5ce166",
+      "name": "components/form-control/border-radius",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:44029:1677",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50348:22930": {
+    "VariableID:58369:2052": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50348:22930",
-      "key": "6965d0cea28a3953975ade1e0819bb1343255ffc",
-      "name": "components/sd-datepicker/__date-item/--current/font-weight",
+      "id": "VariableID:58369:2052",
+      "key": "7015d5b4785cc3ab48dc751aac4eedb9708d6f66",
+      "name": "components/form-control/__listbox/border-bottom-right-radius",
       "remote": false,
-      "resolvedType": "STRING",
+      "resolvedType": "FLOAT",
       "scopes": [
-        "FONT_STYLE"
+        "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44953:15245",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44953:15245",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44953:15245",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47805:4779",
+          "id": "VariableID:44029:1677",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50414:28056": {
+    "VariableID:58369:2053": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50414:28056",
-      "key": "cac5037b74a6ef34e12bc4bbd94e81225f0af388",
-      "name": "components/sd-radio/--error/color/text",
+      "id": "VariableID:58369:2053",
+      "key": "ef85d54966dc7ef02067a02488d6d07047e8301d",
+      "name": "components/form-control/__listbox/border-top-left-radius",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:251",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:44029:1677",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50569:510": {
+    "VariableID:58369:2054": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50569:510",
-      "key": "dfb073c3a4fc94a863edbd22b510e50ec4695a69",
-      "name": "components/sd-link/color/--disabled/text",
+      "id": "VariableID:58369:2054",
+      "key": "73489fce1a5c4421180454da38a7379ca5ace921",
+      "name": "components/form-control/__listbox/border-top-right-radius",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:271",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:269",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:4971",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:44029:1677",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50578:36839": {
+    "VariableID:58379:2055": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50578:36839",
-      "key": "4a27e2dfecd7dcb919fca79ef8bfe3f871e8ea11",
-      "name": "components/sd-carousel/--active/--inverted/color/border",
+      "id": "VariableID:58379:2055",
+      "key": "cdb0f185eee730abacb43ddf66a8d2d4a0c3157d",
+      "name": "utilities/shadow/listbox/x",
+      "remote": false,
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": 0,
+        "43174:14": 0,
+        "44883:0": 0,
+        "47719:0": 0
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:58379:2056": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:58379:2056",
+      "key": "1d0cc139de4a7322c7de47ab7c722c7d5ef29139",
+      "name": "utilities/shadow/listbox/y",
+      "remote": false,
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": 1,
+        "43174:14": 0,
+        "44883:0": 20,
+        "47719:0": 2
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:58379:2057": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:58379:2057",
+      "key": "68f649ebec5d1f73d14477d8e05e1eec133d3ddb",
+      "name": "utilities/shadow/listbox/blur",
+      "remote": false,
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": 3,
+        "43174:14": 0,
+        "44883:0": 20,
+        "47719:0": 4
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:58379:2058": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:58379:2058",
+      "key": "79853dcdb228a36b0c567da62bc4cd6bf739b856",
+      "name": "utilities/shadow/listbox/spread",
+      "remote": false,
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": 0,
+        "43174:14": 0,
+        "44883:0": 0,
+        "47719:0": 0
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:58379:2059": {
+      "codeSyntax": {},
+      "description": "Used for tooltip",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:58379:2059",
+      "key": "648a06eb522b52b8c11bd58fde73dfd7be7d652d",
+      "name": "utilities/shadow/listbox/color",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24765,31 +23252,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:213",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.75,
+          "b": 0.3176470696926117,
+          "g": 0.3176470696926117,
+          "r": 0.3176470696926117
         },
         "43174:14": {
-          "id": "VariableID:43979:213",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.25,
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.10000000149011612,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50578:41688": {
+    "VariableID:58406:745": {
       "codeSyntax": {},
-      "description": "Used for buttons, select field, focus state",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50578:41688",
-      "key": "0b2909c8d25648f3857027731ea5b3f47194426c",
-      "name": "components/sd-button/--secondary/--default/color/text",
+      "id": "VariableID:58406:745",
+      "key": "094b66589400aa0544ef98c2c01554694d0a668f",
+      "name": "components/sd-tab/--active/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24815,13 +23310,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50578:56661": {
+    "VariableID:58454:1127": {
       "codeSyntax": {},
-      "description": "Used for buttons, select field, focus state",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50578:56661",
-      "key": "85d2dc139daec5d4dbe8c8ac4b9931a225d141de",
-      "name": "components/sd-button/--tertiary/--default/color/text",
+      "id": "VariableID:58454:1127",
+      "key": "caa722c031b2cf426134ac8fff5015913f47bf73",
+      "name": "components/sd-tab/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24837,23 +23332,55 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50578:56662": {
+    "VariableID:58786:17900": {
       "codeSyntax": {},
-      "description": "Used for buttons, inverted focus state",
+      "description": "Used for inverted hover interaction button label",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50578:56662",
-      "key": "3e130af2395193f4e8eaa5f61f512efe7740e8e7",
-      "name": "components/sd-button/--secondary/--inverted/color/border",
+      "id": "VariableID:58786:17900",
+      "key": "fbc894c21f65396b9c7734eb70c5156f8dc3467a",
+      "name": "components/sd-button/--primary/--hover/color/text",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": {
+          "id": "VariableID:43979:193",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:197",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5029",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:204",
+          "type": "VARIABLE_ALIAS"
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:59049:1633": {
+      "codeSyntax": {},
+      "description": "Inverted icon color",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:59049:1633",
+      "key": "e8510e81fdaaccabdebf34204b6a6b7245a91519",
+      "name": "components/sd-map-marker/--pin/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24879,97 +23406,112 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50587:4943": {
+    "VariableID:59189:1633": {
       "codeSyntax": {},
-      "description": "Used for buttons, select field, focus state",
+      "description": "opacity 50%",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50587:4943",
-      "key": "b21ab5c843be6f0efab53509383863f6e34fc22c",
-      "name": "components/sd-button/--secondary/--disabled/color/text",
+      "id": "VariableID:59189:1633",
+      "key": "1ff14a008749fd51daeef86b1169d30891367e4a",
+      "name": "KID/opacity/opacity-0",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": 0
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:61410:123911": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:61410:123911",
+      "key": "0cd2356d15b1fbabb8a8b9c4b8f88415d318553e",
+      "name": "components/sd-header/__shadow/height",
+      "remote": false,
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:47226:13297",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:47226:13297",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:61410:123912",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:47226:13297",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50587:4944": {
+    "VariableID:61410:123912": {
       "codeSyntax": {},
-      "description": "Used for buttons, select field, focus state",
+      "description": "8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50587:4944",
-      "key": "86305dad9222b8fda124e3264ae7b28c096cb6f9",
-      "name": "components/sd-button/--tertiary/--disabled/color/text",
+      "id": "VariableID:61410:123912",
+      "key": "47b5d5c8f66f434a3d5dcb281d97f81f76f749c8",
+      "name": "utilities/sizing/0",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:44029:1552",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:44029:1552",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:44029:1552",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:44029:1552",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50603:26426": {
+    "VariableID:61428:123952": {
       "codeSyntax": {},
-      "description": "Used for disabled state",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50603:26426",
-      "key": "f6607f381e8b3a3423562c2d7cd44306d39832cd",
-      "name": "components/sd-option/--disabled/color/border",
+      "id": "VariableID:61428:123952",
+      "key": "cd68a4d4377ceee2bd3cf7888d3d00d48745b2c4",
+      "name": "components/sd-button/--size/md/--icon/only/padding-inline",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:44029:1657",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:44029:1657",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43373:35304",
+          "id": "VariableID:44029:1648",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:217",
+          "id": "VariableID:44029:1648",
           "type": "VARIABLE_ALIAS"
         }
       },
diff --git a/packages/tokens/themes/components.css b/packages/tokens/themes/components.css
index 852ffb4422..b0ac756d12 100644
--- a/packages/tokens/themes/components.css
+++ b/packages/tokens/themes/components.css
@@ -1,5 +1,5 @@
-@utility color-background {
-  background-color: rgba(var(--sd-color-background, rgba(var(--sd-color-neutral-200))));
+@utility choice-control-font-weight {
+  font-weight: var(--sd-choice-control-font-weight, var(--sd-font-weight-normal));
 }
 
 @utility form-control--filled__floating-label-color-text {
@@ -18,16 +18,24 @@
   border-color: rgba(var(--sd-form-control-color-border, rgba(var(--sd-color-neutral-800))));
 }
 
-@utility form-control-color-icon-fill {
-  fill: rgba(var(--sd-form-control-color-icon-fill, rgba(var(--sd-color-primary))));
-}
-
 @utility form-control-color-text {
   color: rgba(var(--sd-form-control-color-text, rgba(var(--sd-color-black))));
 }
 
-@utility form-control__tooltip-color-icon {
-  background-color: rgba(var(--sd-form-control__tooltip-color-icon, rgba(var(--sd-color-primary))));
+@utility form-control__listbox-border-bottom-left-radius {
+ border-bottom-left-radius: var(--sd-form-control__listbox-border-bottom-left-radius, var(--sd-spacing-1));
+}
+
+@utility form-control__listbox-border-bottom-right-radius {
+ border-bottom-right-radius: var(--sd-form-control__listbox-border-bottom-right-radius, var(--sd-spacing-1));
+}
+
+@utility form-control__listbox-border-top-left-radius {
+ border-top-left-radius: var(--sd-form-control__listbox-border-top-left-radius, var(--sd-spacing-1));
+}
+
+@utility form-control__listbox-border-top-right-radius {
+ border-top-right-radius: var(--sd-form-control__listbox-border-top-right-radius, var(--sd-spacing-1));
 }
 
 @utility informational-gradient--primary-800-color-background {
@@ -46,6 +54,18 @@
   color: rgba(var(--sd-interactive--default-color-text, rgba(var(--sd-color-primary))));
 }
 
+@utility marker-border-width {
+ border-width: var(--sd-marker-border-width, 0);
+}
+
+@utility marker-font-size {
+ font-size: var(--sd-marker-font-size, 0.875rem);
+}
+
+@utility marker-font-weight {
+  font-weight: var(--sd-marker-font-weight, var(--sd-font-weight-normal));
+}
+
 @utility navigable-border-radius {
  border-radius: var(--sd-navigable-border-radius, 0);
 }
@@ -78,6 +98,10 @@
  border-width: var(--sd-accordion-border-width, var(--sd-spacing-0\.25));
 }
 
+@utility sd-accordion-color-icon-fill {
+  fill: rgba(var(--sd-accordion-color-icon-fill, rgba(var(--sd-color-primary))));
+}
+
 @utility sd-accordion-color-text {
   color: rgba(var(--sd-accordion-color-text, rgba(var(--sd-color-primary))));
 }
@@ -86,24 +110,16 @@
  padding-block: var(--sd-accordion-padding-block, var(--sd-spacing-3));
 }
 
-@utility sd-accordion__chevron-color-text {
-  color: rgba(var(--sd-accordion__chevron-color-text, rgba(var(--sd-color-primary))));
-}
-
 @utility sd-accordion__indicator-color {
   background-color: rgba(var(--sd-accordion__indicator-color, rgba(var(--sd-color-accent))));
 }
 
-@utility sd-audio--inverted-color-border {
-  border-color: rgba(var(--sd-audio--inverted-color-border, rgba(var(--sd-color-white))));
+@utility sd-audio__slide-bar--inverted-color-background {
+  background-color: rgba(var(--sd-audio__slide-bar--inverted-color-background, rgba(var(--sd-color-primary-400))));
 }
 
-@utility sd-audio__slide-bar--inverted-color-border {
-  border-color: rgba(var(--sd-audio__slide-bar--inverted-color-border, rgba(var(--sd-color-primary-400))));
-}
-
-@utility sd-audio__timestamp-color-text {
-  color: rgba(var(--sd-audio__timestamp-color-text, rgba(var(--sd-color-black))));
+@utility sd-audio__track-bar--inverted-color-background {
+  background-color: rgba(var(--sd-audio__track-bar--inverted-color-background, rgba(var(--sd-color-white))));
 }
 
 @utility sd-badge--blue--inverted-color-background {
@@ -218,6 +234,10 @@
   background-color: rgba(var(--sd-button--primary--hover-color-background, rgba(var(--sd-color-primary-500))));
 }
 
+@utility sd-button--primary--hover-color-text {
+  color: rgba(var(--sd-button--primary--hover-color-text, rgba(var(--sd-color-primary-100))));
+}
+
 @utility sd-button--primary--inverted--active-color-background {
   background-color: rgba(var(--sd-button--primary--inverted--active-color-background, rgba(var(--sd-color-primary-200))));
 }
@@ -246,6 +266,10 @@
   background-color: rgba(var(--sd-button--secondary--active-color-background, rgba(var(--sd-color-primary-200))));
 }
 
+@utility sd-button--secondary--active-color-text {
+  color: rgba(var(--sd-button--secondary--active-color-text, rgba(var(--sd-color-primary-800))));
+}
+
 @utility sd-button--secondary--default-color-text {
   color: rgba(var(--sd-button--secondary--default-color-text, rgba(var(--sd-color-primary))));
 }
@@ -262,6 +286,10 @@
   background-color: rgba(var(--sd-button--secondary--inverted--active-color-background, rgba(var(--sd-color-primary-800))));
 }
 
+@utility sd-button--secondary--inverted--active-color-text {
+  color: rgba(var(--sd-button--secondary--inverted--active-color-text, rgba(var(--sd-color-primary-200))));
+}
+
 @utility sd-button--secondary--inverted--hover-color-background {
   background-color: rgba(var(--sd-button--secondary--inverted--hover-color-background, rgba(var(--sd-color-primary-500))));
 }
@@ -274,18 +302,46 @@
   border-color: rgba(var(--sd-button--secondary--inverted-color-border, rgba(var(--sd-color-white))));
 }
 
-@utility sd-button--size-lg-border-radius {
- border-radius: var(--sd-button--size-lg-border-radius, var(--sd-spacing-1));
+@utility sd-button--secondary--inverted-color-text {
+  color: rgba(var(--sd-button--secondary--inverted-color-text, rgba(var(--sd-color-white))));
+}
+
+@utility sd-button--secondary--size-lg-padding-block {
+ padding-block: var(--sd-button--secondary--size-lg-padding-block, 0.6875rem);
+}
+
+@utility sd-button--secondary--size-md-padding-block {
+ padding-block: var(--sd-button--secondary--size-md-padding-block, 0.4375rem);
+}
+
+@utility sd-button--secondary--size-sm-padding-block {
+ padding-block: var(--sd-button--secondary--size-sm-padding-block, 0.28125rem);
+}
+
+@utility sd-button--secondary-padding-inline {
+ padding-inline: var(--sd-button--secondary-padding-inline, 0.9375rem);
 }
 
 @utility sd-button--size-lg-font-size {
  font-size: var(--sd-button--size-lg-font-size, var(--sd-spacing-4));
 }
 
+@utility sd-button--size-lg-icon-height {
+ height: var(--sd-button--size-lg-icon-height, var(--sd-spacing-6));
+}
+
+@utility sd-button--size-lg-min-height {
+ min-height: var(--sd-button--size-lg-min-height, var(--sd-spacing-12));
+}
+
 @utility sd-button--size-lg-padding-block {
  padding-block: var(--sd-button--size-lg-padding-block, var(--sd-spacing-3));
 }
 
+@utility sd-button--size-md--icon-only-padding-inline {
+ padding-inline: var(--sd-button--size-md--icon-only-padding-inline, var(--sd-spacing-2\.5));
+}
+
 @utility sd-button--size-md-border-radius {
  border-radius: var(--sd-button--size-md-border-radius, var(--sd-spacing-1));
 }
@@ -294,6 +350,10 @@
  font-size: var(--sd-button--size-md-font-size, var(--sd-spacing-4));
 }
 
+@utility sd-button--size-md-min-height {
+ min-height: var(--sd-button--size-md-min-height, var(--sd-spacing-10));
+}
+
 @utility sd-button--size-md-padding-block {
  padding-block: var(--sd-button--size-md-padding-block, var(--sd-spacing-2));
 }
@@ -307,13 +367,17 @@
 }
 
 @utility sd-button--size-sm-padding-block {
- padding-block: var(--sd-button--size-sm-padding-block, var(--sd-spacing-2));
+ padding-block: var(--sd-button--size-sm-padding-block, 0.34375rem);
 }
 
 @utility sd-button--tertiary--active-color-background {
   background-color: rgba(var(--sd-button--tertiary--active-color-background, rgba(var(--sd-color-primary-200))));
 }
 
+@utility sd-button--tertiary--active-color-text {
+  color: rgba(var(--sd-button--tertiary--active-color-text, rgba(var(--sd-color-primary-800))));
+}
+
 @utility sd-button--tertiary--default-color-text {
   color: rgba(var(--sd-button--tertiary--default-color-text, rgba(var(--sd-color-primary))));
 }
@@ -330,6 +394,10 @@
   background-color: rgba(var(--sd-button--tertiary--inverted--active-color-background, rgba(var(--sd-color-primary-800))));
 }
 
+@utility sd-button--tertiary--inverted--active-color-text {
+  color: rgba(var(--sd-button--tertiary--inverted--active-color-text, rgba(var(--sd-color-primary-200))));
+}
+
 @utility sd-button--tertiary--inverted--hover-color-background {
   background-color: rgba(var(--sd-button--tertiary--inverted--hover-color-background, rgba(var(--sd-color-primary-500))));
 }
@@ -338,10 +406,26 @@
   color: rgba(var(--sd-button--tertiary--inverted--hover-color-text, rgba(var(--sd-color-primary-100))));
 }
 
+@utility sd-button--tertiary--inverted-color-text {
+  color: rgba(var(--sd-button--tertiary--inverted-color-text, rgba(var(--sd-color-white))));
+}
+
+@utility sd-button-border-radius {
+ border-radius: var(--sd-button-border-radius, var(--sd-spacing-1));
+}
+
+@utility sd-button-border-width {
+ border-width: var(--sd-button-border-width, var(--sd-spacing-0\.25));
+}
+
 @utility sd-button-font-weight {
   font-weight: var(--sd-button-font-weight, var(--sd-font-weight-normal));
 }
 
+@utility sd-button-padding-inline {
+ padding-inline: var(--sd-button-padding-inline, var(--sd-spacing-4));
+}
+
 @utility sd-carousel--active--inverted-color-border {
   border-color: rgba(var(--sd-carousel--active--inverted-color-border, rgba(var(--sd-color-accent))));
 }
@@ -414,30 +498,14 @@
  border-radius: var(--sd-chip-border-radius, var(--sd-spacing-1));
 }
 
-@utility sd-chip-border-width {
- border-width: var(--sd-chip-border-width, 0);
-}
-
-@utility sd-chip-font-size {
- font-size: var(--sd-chip-font-size, 0.875rem);
-}
-
-@utility sd-chip-font-weight {
-  font-weight: var(--sd-chip-font-weight, var(--sd-font-weight-normal));
-}
-
-@utility sd-combobox--default-color-icon {
-  background-color: rgba(var(--sd-combobox--default-color-icon, rgba(var(--sd-color-primary))));
-}
-
-@utility sd-combobox--default-color-text {
-  color: rgba(var(--sd-combobox--default-color-text, rgba(var(--sd-color-primary))));
-}
-
 @utility sd-combobox__tag-border-width {
  border-width: var(--sd-combobox__tag-border-width, var(--sd-spacing-0\.25));
 }
 
+@utility sd-datepicker__date-item--current-color-text {
+  color: rgba(var(--sd-datepicker__date-item--current-color-text, rgba(var(--sd-color-primary))));
+}
+
 @utility sd-datepicker__date-item--current-font-weight {
   font-weight: var(--sd-datepicker__date-item--current-font-weight, var(--sd-font-weight-bold));
 }
@@ -446,28 +514,36 @@
   color: rgba(var(--sd-datepicker__date-item--default-color-text, rgba(var(--sd-color-primary))));
 }
 
-@utility sd-datepicker__date-item--default-font-weight {
-  font-weight: var(--sd-datepicker__date-item--default-font-weight, var(--sd-font-weight-normal));
+@utility sd-datepicker__date-item--hover--default-color-background {
+  background-color: rgba(var(--sd-datepicker__date-item--hover--default-color-background, rgba(var(--sd-color-primary-100))));
+}
+
+@utility sd-datepicker__date-item--hover--default-color-border {
+  border-color: rgba(var(--sd-datepicker__date-item--hover--default-color-border, rgba(var(--sd-color-primary-500))));
+}
+
+@utility sd-datepicker__date-item--hover--default-color-text {
+  color: rgba(var(--sd-datepicker__date-item--hover--default-color-text, rgba(var(--sd-color-primary-500))));
 }
 
-@utility sd-datepicker__date-item--hovered--current-color-text {
-  color: rgba(var(--sd-datepicker__date-item--hovered--current-color-text, rgba(var(--sd-color-primary-500))));
+@utility sd-datepicker__date-item--hover--prev-next-color-background {
+  background-color: rgba(var(--sd-datepicker__date-item--hover--prev-next-color-background, rgba(var(--sd-color-primary-100))));
 }
 
-@utility sd-datepicker__date-item--hovered--default-color-background {
-  background-color: rgba(var(--sd-datepicker__date-item--hovered--default-color-background, rgba(var(--sd-color-primary-100))));
+@utility sd-datepicker__date-item--hover--prev-next-color-text {
+  color: rgba(var(--sd-datepicker__date-item--hover--prev-next-color-text, rgba(var(--sd-color-neutral-700))));
 }
 
-@utility sd-datepicker__date-item--hovered--default-color-text {
-  color: rgba(var(--sd-datepicker__date-item--hovered--default-color-text, rgba(var(--sd-color-primary-500))));
+@utility sd-datepicker__date-item--range-color-background {
+  background-color: rgba(var(--sd-datepicker__date-item--range-color-background, rgba(var(--sd-color-primary-100))));
 }
 
-@utility sd-datepicker__date-item--hovered--prev-next-color-background {
-  background-color: rgba(var(--sd-datepicker__date-item--hovered--prev-next-color-background, rgba(var(--sd-color-primary-100))));
+@utility sd-datepicker__date-item--selected--hover-color-background {
+  background-color: rgba(var(--sd-datepicker__date-item--selected--hover-color-background, rgba(var(--sd-color-primary-500))));
 }
 
-@utility sd-datepicker__date-item--hovered--prev-next-color-text {
-  color: rgba(var(--sd-datepicker__date-item--hovered--prev-next-color-text, rgba(var(--sd-color-neutral-700))));
+@utility sd-datepicker__date-item--selected-color-background {
+  background-color: rgba(var(--sd-datepicker__date-item--selected-color-background, rgba(var(--sd-color-primary))));
 }
 
 @utility sd-datepicker__date-item--selected-color-text {
@@ -518,18 +594,6 @@
  border-radius: var(--sd-flag-border-radius, 0);
 }
 
-@utility sd-flag-border-width {
- border-width: var(--sd-flag-border-width, 0);
-}
-
-@utility sd-flag-font-size {
- font-size: var(--sd-flag-font-size, 0.875rem);
-}
-
-@utility sd-flag-font-weight {
-  font-weight: var(--sd-flag-font-weight, var(--sd-font-weight-normal));
-}
-
 @utility sd-footnotes--target--inverted-color-background {
   background-color: rgba(var(--sd-footnotes--target--inverted-color-background, rgba(var(--sd-color-primary-800))));
 }
@@ -542,6 +606,10 @@
  padding-bottom: var(--sd-header-padding-bottom, 0);
 }
 
+@utility sd-header__shadow-height {
+ height: var(--sd-header__shadow-height, var(--sd-spacing-1));
+}
+
 @utility sd-header__underline-color-background {
   background-color: rgba(var(--sd-header__underline-color-background, rgba(255, 255, 255, 0)));
 }
@@ -550,30 +618,14 @@
  height: var(--sd-header__underline-height, var(--sd-spacing-2));
 }
 
-@utility sd-headline-4xl-and-mobile-4xl-text {
-  color: rgba(var(--sd-headline-4xl-and-mobile-4xl-text, rgba(var(--sd-color-primary))));
-}
-
-@utility sd-link-color--active-text {
-  color: rgba(var(--sd-link-color--active-text, rgba(var(--sd-color-primary-800))));
-}
-
-@utility sd-link-color--default-text {
-  color: rgba(var(--sd-link-color--default-text, rgba(var(--sd-color-primary))));
-}
-
-@utility sd-link-color--disabled-text {
-  color: rgba(var(--sd-link-color--disabled-text, rgba(var(--sd-color-primary-800))));
+@utility sd-headline--3xl-onwards-color-text {
+  color: rgba(var(--sd-headline--3xl-onwards-color-text, rgba(var(--sd-color-primary))));
 }
 
 @utility sd-link-color--hover-icon {
   background-color: rgba(var(--sd-link-color--hover-icon, rgba(var(--sd-color-primary-500))));
 }
 
-@utility sd-link-color--hover-text {
-  color: rgba(var(--sd-link-color--hover-text, rgba(var(--sd-color-primary-500))));
-}
-
 @utility sd-link-color--none-icon {
   background-color: rgba(var(--sd-link-color--none-icon, rgba(var(--sd-color-primary))));
 }
@@ -582,40 +634,48 @@
   background-color: rgba(var(--sd-link-color--pressed-icon, rgba(var(--sd-color-primary-800))));
 }
 
-@utility sd-map-marker-cluster--hovered-color-icon-fill {
-  fill: rgba(var(--sd-map-marker-cluster--hovered-color-icon-fill, rgba(var(--sd-color-primary-500))));
+@utility sd-map-marker--cluster--default-color-background {
+  background-color: rgba(var(--sd-map-marker--cluster--default-color-background, rgba(var(--sd-color-primary))));
+}
+
+@utility sd-map-marker--cluster--hover-color-background {
+  background-color: rgba(var(--sd-map-marker--cluster--hover-color-background, rgba(var(--sd-color-primary-500))));
 }
 
-@utility sd-map-marker-cluster-color-icon-fill {
-  fill: rgba(var(--sd-map-marker-cluster-color-icon-fill, rgba(var(--sd-color-primary))));
+@utility sd-map-marker--cluster-color-text {
+  color: rgba(var(--sd-map-marker--cluster-color-text, rgba(var(--sd-color-white))));
 }
 
-@utility sd-map-marker-font-size {
- font-size: var(--sd-map-marker-font-size, var(--sd-spacing-3));
+@utility sd-map-marker--main-color-background {
+  background-color: rgba(var(--sd-map-marker--main-color-background, rgba(var(--sd-color-accent-500))));
 }
 
-@utility sd-map-marker-main-color-icon-fill {
-  fill: rgba(var(--sd-map-marker-main-color-icon-fill, rgba(var(--sd-color-accent-500))));
+@utility sd-map-marker--pin--default-color-background {
+  background-color: rgba(var(--sd-map-marker--pin--default-color-background, rgba(var(--sd-color-white))));
 }
 
-@utility sd-menu--disabled-color-icon {
-  background-color: rgba(var(--sd-menu--disabled-color-icon, rgba(var(--sd-color-neutral-500))));
+@utility sd-map-marker--pin--hover-color-background {
+  background-color: rgba(var(--sd-map-marker--pin--hover-color-background, rgba(var(--sd-color-primary-100))));
 }
 
-@utility sd-menu--disabled-color-text {
-  color: rgba(var(--sd-menu--disabled-color-text, rgba(var(--sd-color-neutral-500))));
+@utility sd-map-marker--pin-color-text {
+  color: rgba(var(--sd-map-marker--pin-color-text, rgba(var(--sd-color-primary))));
 }
 
-@utility sd-menu-color-icon {
-  background-color: rgba(var(--sd-menu-color-icon, rgba(var(--sd-color-primary))));
+@utility sd-menu-item--disabled-color-icon-fill {
+  fill: rgba(var(--sd-menu-item--disabled-color-icon-fill, rgba(var(--sd-color-neutral-500))));
 }
 
-@utility sd-menu-color-text {
-  color: rgba(var(--sd-menu-color-text, rgba(var(--sd-color-primary))));
+@utility sd-menu-item--disabled-color-text {
+  color: rgba(var(--sd-menu-item--disabled-color-text, rgba(var(--sd-color-neutral-500))));
 }
 
-@utility sd-navigation-item--current-color-text {
-  color: rgba(var(--sd-navigation-item--current-color-text, rgba(var(--sd-color-primary))));
+@utility sd-menu-item-color-icon-fill {
+  fill: rgba(var(--sd-menu-item-color-icon-fill, rgba(var(--sd-color-primary))));
+}
+
+@utility sd-menu-item-color-text {
+  color: rgba(var(--sd-menu-item-color-text, rgba(var(--sd-color-primary))));
 }
 
 @utility sd-navigation-item-color-text {
@@ -646,30 +706,22 @@
   fill: rgba(var(--sd-notification-color-icon-fill, rgba(var(--sd-color-primary))));
 }
 
-@utility sd-option--disabled-color-border {
-  border-color: rgba(var(--sd-option--disabled-color-border, rgba(var(--sd-color-neutral-500))));
+@utility sd-notification__duration-indicator-color-background {
+  background-color: rgba(var(--sd-notification__duration-indicator-color-background, rgba(var(--sd-color-primary))));
 }
 
 @utility sd-pagination--default-border {
-  border-color: rgba(var(--sd-pagination--default-border, rgba(var(--sd-color-success))));
+  border-color: rgba(var(--sd-pagination--default-border, rgba(var(--sd-color-accent))));
 }
 
 @utility sd-pagination--inverted-border {
-  border-color: rgba(var(--sd-pagination--inverted-border, rgba(var(--sd-color-success))));
+  border-color: rgba(var(--sd-pagination--inverted-border, rgba(var(--sd-color-accent))));
 }
 
 @utility sd-quickfact--expandable-color-text {
   color: rgba(var(--sd-quickfact--expandable-color-text, rgba(var(--sd-color-primary))));
 }
 
-@utility sd-quickfact__expandable-color-description-default-text {
-  color: rgba(var(--sd-quickfact__expandable-color-description-default-text, rgba(var(--sd-color-black))));
-}
-
-@utility sd-quickfact__expandable-color-title-default-text {
-  color: rgba(var(--sd-quickfact__expandable-color-title-default-text, rgba(var(--sd-color-black))));
-}
-
 @utility sd-radio--checked--default-color-background {
   background-color: rgba(var(--sd-radio--checked--default-color-background, rgba(var(--sd-color-white))));
 }
@@ -702,10 +754,6 @@
   background-color: rgba(var(--sd-radio--default--invalid-color-background, rgba(var(--sd-color-white))));
 }
 
-@utility sd-radio--error-color-text {
-  color: rgba(var(--sd-radio--error-color-text, rgba(var(--sd-color-error))));
-}
-
 @utility sd-radio-border-width {
  border-width: var(--sd-radio-border-width, var(--sd-spacing-0\.25));
 }
@@ -714,10 +762,6 @@
   background-color: rgba(var(--sd-radio-button--hover-color-background, rgba(255, 255, 255, 0)));
 }
 
-@utility sd-radio-button--hover-color-icon-fill {
-  fill: rgba(var(--sd-radio-button--hover-color-icon-fill, rgba(var(--sd-color-primary-500))));
-}
-
 @utility sd-radio-button--hover-color-text {
   color: rgba(var(--sd-radio-button--hover-color-text, rgba(var(--sd-color-primary-500))));
 }
@@ -726,10 +770,6 @@
  border-radius: var(--sd-radio-button-border-radius, 624.9375rem);
 }
 
-@utility sd-radio-button-color-icon-fil {
-  background-color: rgba(var(--sd-radio-button-color-icon-fil, rgba(var(--sd-color-primary))));
-}
-
 @utility sd-radio-button-color-text {
   color: rgba(var(--sd-radio-button-color-text, rgba(var(--sd-color-primary))));
 }
@@ -762,10 +802,6 @@
   color: rgba(var(--sd-step-color-text, rgba(var(--sd-color-primary))));
 }
 
-@utility sd-step-hover-color-text {
-  color: rgba(var(--sd-step-hover-color-text, rgba(var(--sd-color-primary-500))));
-}
-
 @utility sd-step__circle-border-width {
  border-width: var(--sd-step__circle-border-width, var(--sd-spacing-0\.25));
 }
@@ -790,12 +826,20 @@
   color: rgba(var(--sd-switch-color-text, rgba(var(--sd-color-black))));
 }
 
+@utility sd-tab--active-color-text {
+  color: rgba(var(--sd-tab--active-color-text, rgba(var(--sd-color-primary))));
+}
+
+@utility sd-tab--hover-color-background {
+  background-color: rgba(var(--sd-tab--hover-color-background, rgba(var(--sd-color-neutral-200))));
+}
+
 @utility sd-tab-color-border {
   border-color: rgba(var(--sd-tab-color-border, rgba(var(--sd-color-neutral-400))));
 }
 
-@utility sd-tab-font-weight {
-  font-weight: var(--sd-tab-font-weight, var(--sd-font-weight-normal));
+@utility sd-tab-color-text {
+  color: rgba(var(--sd-tab-color-text, rgba(var(--sd-color-primary))));
 }
 
 @utility sd-tag--default--hover-color-background {
@@ -814,8 +858,8 @@
   color: rgba(var(--sd-tag--default-color-text, rgba(var(--sd-color-primary))));
 }
 
-@utility sd-tag--disabled-color-border {
-  border-color: rgba(var(--sd-tag--disabled-color-border, rgba(var(--sd-color-neutral-500))));
+@utility sd-tag--disabled-color-text {
+  color: rgba(var(--sd-tag--disabled-color-text, rgba(var(--sd-color-neutral-500))));
 }
 
 @utility sd-tag--selected--default-color-background {
@@ -891,29 +935,25 @@
 }
 
 @utility sd-teaser-media--primary-100-color-background {
-  background-color: rgba(var(--sd-teaser-media--primary-100-color-background, rgba(var(--sd-color-primary-100))));
+  background-color: rgba(var(--sd-teaser-media--primary-100-color-background, rgba(236, 240, 249, 0.8)));
 }
 
-@utility sd-tooltip-border-width {
- border-width: var(--sd-tooltip-border-width, var(--sd-spacing-0\.25));
+@utility sd-teaser-media--white--hover-color-background {
+  background-color: rgba(var(--sd-teaser-media--white--hover-color-background, rgba(255, 255, 255, 0.9)));
 }
 
-@utility sd-tooltip-color-background {
-  background-color: rgba(var(--sd-tooltip-color-background, rgba(var(--sd-color-primary))));
+@utility sd-teaser-media--white-color-background {
+  background-color: rgba(var(--sd-teaser-media--white-color-background, rgba(255, 255, 255, 0.8)));
 }
 
-@utility sd-tooltip-color-border {
-  border-color: rgba(var(--sd-tooltip-color-border, rgba(255, 255, 255, 0)));
+@utility sd-tooltip-color-background {
+  background-color: rgba(var(--sd-tooltip-color-background, rgba(var(--sd-color-primary))));
 }
 
 @utility sd-tooltip-color-text {
   color: rgba(var(--sd-tooltip-color-text, rgba(var(--sd-color-white))));
 }
 
-@utility sd-video--description-color-text {
-  color: rgba(var(--sd-video--description-color-text, rgba(var(--sd-color-neutral-700))));
-}
-
 @utility sd-video--play-button-color-background {
   background-color: rgba(var(--sd-video--play-button-color-background, rgba(255, 255, 255, 0.8)));
 }
diff --git a/packages/tokens/themes/kid/icons.css b/packages/tokens/themes/kid/icons.css
index c77bcffc8c..674792844c 100644
--- a/packages/tokens/themes/kid/icons.css
+++ b/packages/tokens/themes/kid/icons.css
@@ -22,7 +22,11 @@
     --sd-icon--pause: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.34 5.1v13.75h2.5V5.1h-2.5ZM4.46 3.22h6.25v17.5H4.46V3.22ZM15.1 5.1v13.75h2.5V5.1h-2.5ZM13.2 3.22h6.25v17.5h-6.25V3.22Z"/></svg>';
     --sd-icon--plus-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3.875A8.119 8.119 0 0 0 3.875 12 8.119 8.119 0 0 0 12 20.125 8.119 8.119 0 0 0 20.125 12 8.119 8.119 0 0 0 12 3.875ZM12 22C6.492 22 2 17.508 2 12S6.492 2 12 2s10 4.492 10 10-4.492 10-10 10Zm-.938-5.625v-3.438H7.626v-1.874h3.438V7.624h1.874v3.438h3.438v1.874h-3.438v3.438h-1.874Z"/></svg>';
     --sd-icon--reload: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m1.96 1.03 3.4 3.4a10.02 10.02 0 0 1 16.6 7.54A10.02 10.02 0 0 1 2.9 16.23l1.72-.78a8.13 8.13 0 1 0 2.07-9.69l3.4 3.4H1.96V1.03Zm1.88 4.54v1.71h1.72L3.84 5.57Z"/></svg>';
-    --sd-icon--risk: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#ff391c" d="M12 22a10 10 0 0 1 0-20 10 10 0 0 1 0 20Zm1-14.4h-2v5.7h2V7.5Zm-2 9h2v-1.8h-2v1.9Z"/></svg>';
+    --sd-icon--risk: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#cc0000" d="M12 22a10 10 0 0 1 0-20 10 10 0 0 1 0 20Zm1-14.4h-2v5.7h2V7.5Zm-2 9h2v-1.8h-2v1.9Z"/></svg>';
+    --sd-icon--share: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.88 5.75c0-1.05-.83-1.88-1.88-1.88-1.05 0-1.88.83-1.88 1.88 0 1.05.83 1.88 1.88 1.88 1.05 0 1.88-.83 1.88-1.88Zm1.87 0a3.75 3.75 0 0 1-6.48 2.58l-4.89 2.73a3.85 3.85 0 0 1 0 1.88l4.89 2.73a3.75 3.75 0 1 1-.9 1.64l-4.89-2.73a3.75 3.75 0 1 1 0-5.16l4.89-2.73a3.75 3.75 0 1 1 7.38-.94ZM7.62 12c0-1.05-.82-1.88-1.87-1.88-1.05 0-1.88.83-1.88 1.88 0 1.05.83 1.88 1.88 1.88 1.05 0 1.88-.83 1.88-1.88ZM17 20.13c1.05 0 1.88-.83 1.88-1.88 0-1.05-.83-1.88-1.88-1.88-1.05 0-1.88.83-1.88 1.88 0 1.05.83 1.88 1.88 1.88Z"/></svg>';
+    --sd-icon--shopping-cart-crossed-out: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M1.94 2h3.6l.15.78L7.37 12h12.85l1.48-8.13h1.92l-1.68 9.22-.16.79H7.68l.35 1.87h12.35v1.88H6.46l-.16-.79L3.97 3.88H1V2h.94ZM11 20.75c0 1.05-.82 1.88-1.88 1.88a1.85 1.85 0 0 1-1.87-1.88c0-1.05.82-1.88 1.88-1.88 1.05 0 1.87.83 1.87 1.88Zm8.75 0c0 1.05-.82 1.88-1.88 1.88A1.85 1.85 0 0 1 16 20.75c0-1.05.82-1.88 1.88-1.88 1.05 0 1.87.83 1.87 1.88ZM16.82 4.38l-2 2 2 1.99-1.33 1.33-1.99-2-2 2-1.32-1.33 2-2-2-1.99 1.33-1.33 1.99 2 2-2 1.32 1.33Z"/></svg>';
+    --sd-icon--star-empty: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.08c.23.47 1.45 2.81 3.63 7.11 4.73.74 7.35 1.17 7.85 1.25l-5.62 5.63c.74 4.72 1.17 7.34 1.25 7.85-.47-.24-2.81-1.45-7.11-3.6a620.23 620.23 0 0 0-7.07 3.6c.08-.51.47-3.13 1.21-7.85C2.78 11.67.91 9.79.52 9.44L8.4 8.2c2.14-4.3 3.36-6.64 3.59-7.1Zm0 4.14L9.85 9.44l-.23.43-.47.08-4.69.74 3.36 3.36.35.35-.08.47-.74 4.69 4.22-2.15.43-.2.43.2 4.26 2.15-.74-4.69-.08-.47.31-.35 3.36-3.36-4.69-.74-.47-.08-.23-.43L12 5.22Z"/></svg>';
+    --sd-icon--star-full: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 1.08 3.63 7.11 7.85 1.25-5.62 5.63 1.25 7.85-7.11-3.6-7.07 3.6 1.21-7.85L.52 9.44 8.4 8.2 12 1.1Z"/></svg>';
     --sd-icon--start: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4.5 19.23V2.63l1.87 1.05 13.08 7.26L21.37 12l-1.92 1.1-13.08 7.22-1.88 1.05v-2.14Zm1.87-1.06L17.5 12 6.37 5.83v12.34Z"/></svg>';
     --sd-icon--status-check: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m20.49 7.59-.67.66-9.92 9.89-.66.66-.67-.66-4.92-4.93-.66-.66 1.29-1.33.66.67 4.3 4.25 9.26-9.21.66-.67z"/></svg>';
     --sd-icon--status-minus: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.13 13.44H3.88v-1.88h16.24z"/></svg>';
diff --git a/packages/tokens/themes/kid/kid.css b/packages/tokens/themes/kid/kid.css
index 64bf6c0bbb..efa50c6bed 100644
--- a/packages/tokens/themes/kid/kid.css
+++ b/packages/tokens/themes/kid/kid.css
@@ -3,9 +3,9 @@
 
   --sd-theme: 'kid';
   --sd-accordion-border-width: var(--sd-spacing-0\.25);
+  --sd-accordion-color-icon-fill: var(--sd-color-black);
   --sd-accordion-color-text: var(--sd-color-black);
   --sd-accordion-padding-block: var(--sd-spacing-4);
-  --sd-accordion__chevron-color-text: var(--sd-color-neutral-600);
   --sd-accordion__indicator-color: 255 255 255 / 0;
   --sd-aspect-16\/10: 16 / 10;
   --sd-aspect-21\/9: 21 / 9;
@@ -19,9 +19,8 @@
   --sd-aspect-golden-ratio: 1.6180339887498948482 / 1;
   --sd-aspect-square: 1 / 1;
   --sd-aspect-video: 16 / 9;
-  --sd-audio--inverted-color-border: var(--sd-color-white);
-  --sd-audio__slide-bar--inverted-color-border: var(--sd-color-neutral-100);
-  --sd-audio__timestamp-color-text: var(--sd-color-black);
+  --sd-audio__slide-bar--inverted-color-background: var(--sd-color-neutral-100);
+  --sd-audio__track-bar--inverted-color-background: var(--sd-color-white);
   --sd-badge--blue--inverted-color-background: var(--sd-color-white);
   --sd-badge--blue--inverted-color-text: var(--sd-color-primary-800);
   --sd-badge--blue-color-background: var(--sd-color-black);
@@ -53,6 +52,7 @@
   --sd-button--primary--default-color-background: var(--sd-color-black);
   --sd-button--primary--default-color-text: var(--sd-color-accent);
   --sd-button--primary--hover-color-background: var(--sd-color-neutral-800);
+  --sd-button--primary--hover-color-text: var(--sd-color-accent);
   --sd-button--primary--inverted--active-color-background: var(--sd-color-accent);
   --sd-button--primary--inverted--active-color-text: var(--sd-color-neutral-800);
   --sd-button--primary--inverted--default-color-background: var(--sd-color-accent);
@@ -60,31 +60,47 @@
   --sd-button--primary--inverted--hover-color-background: var(--sd-color-accent);
   --sd-button--primary--inverted--hover-color-text: var(--sd-color-neutral-800);
   --sd-button--secondary--active-color-background: 247 242 236 / 0;
+  --sd-button--secondary--active-color-text: var(--sd-color-neutral-800);
   --sd-button--secondary--default-color-text: var(--sd-color-black);
-  --sd-button--secondary--disabled-color-text: var(--sd-color-neutral-500);
+  --sd-button--secondary--disabled-color-text: var(--sd-color-neutral-400);
   --sd-button--secondary--hover-color-background: 247 242 236 / 0;
   --sd-button--secondary--inverted--active-color-background: 247 242 236 / 0;
+  --sd-button--secondary--inverted--active-color-text: var(--sd-color-accent);
   --sd-button--secondary--inverted--hover-color-background: 247 242 236 / 0;
   --sd-button--secondary--inverted--hover-color-text: var(--sd-color-accent);
   --sd-button--secondary--inverted-color-border: var(--sd-color-accent);
-  --sd-button--size-lg-border-radius: 624.9375rem;
+  --sd-button--secondary--inverted-color-text: var(--sd-color-accent);
+  --sd-button--secondary--size-lg-padding-block: 0.4375rem;
+  --sd-button--secondary--size-md-padding-block: 0.4375rem;
+  --sd-button--secondary--size-sm-padding-block: 0.28125rem;
+  --sd-button--secondary-padding-inline: 1.4375rem;
   --sd-button--size-lg-font-size: 0.875rem;
-  --sd-button--size-lg-padding-block: 0.625rem;
+  --sd-button--size-lg-icon-height: var(--sd-spacing-6);
+  --sd-button--size-lg-min-height: var(--sd-spacing-10);
+  --sd-button--size-lg-padding-block: var(--sd-spacing-2);
+  --sd-button--size-md--icon-only-padding-inline: var(--sd-spacing-3);
   --sd-button--size-md-border-radius: 624.9375rem;
   --sd-button--size-md-font-size: 0.875rem;
-  --sd-button--size-md-padding-block: 0.625rem;
+  --sd-button--size-md-min-height: var(--sd-spacing-10);
+  --sd-button--size-md-padding-block: var(--sd-spacing-2);
   --sd-button--size-sm-border-radius: 624.9375rem;
   --sd-button--size-sm-font-size: var(--sd-spacing-3);
-  --sd-button--size-sm-padding-block: 0.625rem;
+  --sd-button--size-sm-padding-block: 0.34375rem;
   --sd-button--tertiary--active-color-background: 247 242 236 / 0;
+  --sd-button--tertiary--active-color-text: var(--sd-color-neutral-800);
   --sd-button--tertiary--default-color-text: var(--sd-color-black);
-  --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-500);
+  --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-400);
   --sd-button--tertiary--hover-color-background: 247 242 236 / 0;
   --sd-button--tertiary--inverted--active-color-background: 247 242 236 / 0;
+  --sd-button--tertiary--inverted--active-color-text: var(--sd-color-accent);
   --sd-button--tertiary--inverted--hover-color-background: 247 242 236 / 0;
   --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-accent);
+  --sd-button--tertiary--inverted-color-text: var(--sd-color-accent);
+  --sd-button-border-radius: 624.9375rem;
+  --sd-button-border-width: var(--sd-spacing-0\.25);
   --sd-button-font-weight: var(--sd-font-weight-bold);
-  --sd-carousel--active--inverted-color-border: var(--sd-color-white);
+  --sd-button-padding-inline: var(--sd-spacing-6);
+  --sd-carousel--active--inverted-color-border: var(--sd-color-accent);
   --sd-carousel--active-color-border: var(--sd-color-black);
   --sd-carousel__pager-dot--inverted--hovered-background: var(--sd-color-white);
   --sd-carousel__pager-dot--inverted-background: var(--sd-color-white);
@@ -102,9 +118,7 @@
   --sd-chip--white-color-background: 255 255 255 / 0.6;
   --sd-chip--white-color-border: 255 255 255 / 0.6;
   --sd-chip-border-radius: 624.9375rem;
-  --sd-chip-border-width: var(--sd-spacing-0\.25);
-  --sd-chip-font-size: var(--sd-spacing-3);
-  --sd-chip-font-weight: var(--sd-font-weight-bold);
+  --sd-choice-control-font-weight: var(--sd-font-weight-bold);
   --sd-color-accent-100: 247 242 236;
   --sd-color-accent-200: 249 224 208;
   --sd-color-accent-300: 251 207 180;
@@ -139,7 +153,6 @@
   --sd-color-background-success: var(--sd-color-success);
   --sd-color-background-warning: var(--sd-color-warning);
   --sd-color-background-white: var(--sd-color-accent);
-  --sd-color-background: 0 102 179 / 0.05;
   --sd-color-black: 5 21 48;
   --sd-color-border-accent-550: var(--sd-color-neutral-800);
   --sd-color-border-accent: var(--sd-color-black);
@@ -225,21 +238,24 @@
   --sd-color-text-white: var(--sd-color-accent);
   --sd-color-warning: 214 112 0;
   --sd-color-white: 255 255 255;
-  --sd-combobox--default-color-icon: 0 0 0 / 0.62;
-  --sd-combobox--default-color-text: 0 0 0 / 0.62;
   --sd-combobox__tag-border-width: var(--sd-spacing-0\.25);
+  --sd-datepicker__date-item--current-color-text: var(--sd-color-black);
   --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold);
   --sd-datepicker__date-item--default-color-text: var(--sd-color-neutral-800);
-  --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal);
-  --sd-datepicker__date-item--hovered--current-color-text: var(--sd-color-neutral-700);
-  --sd-datepicker__date-item--hovered--default-color-background: 255 255 255 / 0;
-  --sd-datepicker__date-item--hovered--default-color-text: var(--sd-color-neutral-700);
-  --sd-datepicker__date-item--hovered--prev-next-color-background: 255 255 255 / 0;
-  --sd-datepicker__date-item--hovered--prev-next-color-text: var(--sd-color-neutral-700);
+  --sd-datepicker__date-item--hover--default-color-background: 255 255 255 / 0;
+  --sd-datepicker__date-item--hover--default-color-border: var(--sd-color-neutral-700);
+  --sd-datepicker__date-item--hover--default-color-text: var(--sd-color-neutral-700);
+  --sd-datepicker__date-item--hover--prev-next-color-background: 255 255 255 / 0;
+  --sd-datepicker__date-item--hover--prev-next-color-text: var(--sd-color-neutral-700);
+  --sd-datepicker__date-item--range-color-background: var(--sd-color-neutral-100);
+  --sd-datepicker__date-item--selected--hover-color-background: var(--sd-color-neutral-800);
+  --sd-datepicker__date-item--selected-color-background: var(--sd-color-black);
   --sd-datepicker__date-item--selected-color-text: var(--sd-color-white);
   --sd-divider--inverted-color-border: 255 255 255 / 0.4;
+  --sd-drop-shadow-listbox:  0px 2px 4px rgba(5, 21, 48, 0.1);
   --sd-drop-shadow-sm:  0px 4px 12px rgba(5, 21, 48, 0.25);
-  --sd-drop-shadow:  0px 4px 12px rgba(107, 36, 5, 0.25);
+  --sd-drop-shadow-xs:  0.5px 0.5px 1.5px rgba(5, 21, 48, 0.75);
+  --sd-drop-shadow:  0px 2px 4px rgba(5, 21, 48, 0.1);
   --sd-dropdown-color-background: 255 255 255 / 0.6;
   --sd-duration-fast: 150ms;
   --sd-duration-medium: 300ms;
@@ -254,9 +270,6 @@
   --sd-flag--white-color-background: 255 255 255 / 0.6;
   --sd-flag--white-color-border: 255 255 255 / 0.6;
   --sd-flag-border-radius: 624.9375rem;
-  --sd-flag-border-width: var(--sd-spacing-0\.25);
-  --sd-flag-font-size: var(--sd-spacing-3);
-  --sd-flag-font-weight: var(--sd-font-weight-bold);
   --sd-font-primary: 'Bricolage Grotesque';
   --sd-font-weight-bold: 600;
   --sd-font-weight-normal: 400;
@@ -265,39 +278,43 @@
   --sd-form-control--invalid-color-background: 253 232 230;
   --sd-form-control-border-radius: var(--sd-spacing-2);
   --sd-form-control-color-border: var(--sd-color-black);
-  --sd-form-control-color-icon-fill: var(--sd-color-neutral-800);
   --sd-form-control-color-text: var(--sd-color-black);
-  --sd-form-control__tooltip-color-icon: var(--sd-color-black);
+  --sd-form-control__listbox-border-bottom-left-radius: var(--sd-spacing-2);
+  --sd-form-control__listbox-border-bottom-right-radius: var(--sd-spacing-2);
+  --sd-form-control__listbox-border-top-left-radius: var(--sd-spacing-2);
+  --sd-form-control__listbox-border-top-right-radius: var(--sd-spacing-2);
   --sd-header-color-background: var(--sd-color-accent);
-  --sd-header-padding-bottom: var(--sd-spacing-0\.5);
+  --sd-header-padding-bottom: 0;
+  --sd-header__shadow-height: var(--sd-spacing-1);
   --sd-header__underline-color-background: 255 255 255 / 0;
-  --sd-header__underline-height: var(--sd-spacing-0\.25);
-  --sd-headline-4xl-and-mobile-4xl-text: var(--sd-color-black);
-  --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800);
+  --sd-header__underline-height: var(--sd-spacing-2);
+  --sd-headline--3xl-onwards-color-text: var(--sd-color-black);
+  --sd-informational-gradient--primary-800-color-background: 0 0 0;
   --sd-informational-gradient--white-color-background: var(--sd-color-accent);
   --sd-interactive--active-color-text: var(--sd-color-neutral-800);
   --sd-interactive--default-color-text: var(--sd-color-black);
-  --sd-link-color--active-text: var(--sd-color-neutral-800);
-  --sd-link-color--default-text: var(--sd-color-black);
-  --sd-link-color--disabled-text: var(--sd-color-neutral-800);
   --sd-link-color--hover-icon: var(--sd-color-black);
-  --sd-link-color--hover-text: var(--sd-color-neutral-800);
   --sd-link-color--none-icon: var(--sd-color-black);
   --sd-link-color--pressed-icon: var(--sd-color-black);
-  --sd-map-marker-cluster--hovered-color-icon-fill: var(--sd-color-black);
-  --sd-map-marker-cluster-color-icon-fill: var(--sd-color-black);
-  --sd-map-marker-font-size: var(--sd-spacing-3);
-  --sd-map-marker-main-color-icon-fill: var(--sd-color-black);
-  --sd-menu--disabled-color-icon: var(--sd-color-neutral-500);
-  --sd-menu--disabled-color-text: var(--sd-color-neutral-500);
-  --sd-menu-color-icon: var(--sd-color-black);
-  --sd-menu-color-text: var(--sd-color-black);
+  --sd-map-marker--cluster--default-color-background: var(--sd-color-black);
+  --sd-map-marker--cluster--hover-color-background: var(--sd-color-neutral-800);
+  --sd-map-marker--cluster-color-text: var(--sd-color-accent);
+  --sd-map-marker--main-color-background: var(--sd-color-black);
+  --sd-map-marker--pin--default-color-background: var(--sd-color-accent);
+  --sd-map-marker--pin--hover-color-background: var(--sd-color-neutral-100);
+  --sd-map-marker--pin-color-text: var(--sd-color-black);
+  --sd-marker-border-width: var(--sd-spacing-0\.25);
+  --sd-marker-font-size: var(--sd-spacing-3);
+  --sd-marker-font-weight: var(--sd-font-weight-bold);
+  --sd-menu-item--disabled-color-icon-fill: var(--sd-color-neutral-500);
+  --sd-menu-item--disabled-color-text: var(--sd-color-neutral-500);
+  --sd-menu-item-color-icon-fill: var(--sd-color-black);
+  --sd-menu-item-color-text: var(--sd-color-black);
   --sd-navigable-border-radius: var(--sd-spacing-0\.5);
   --sd-navigable-font-size: 0.875rem;
   --sd-navigable__current-indicator-border-radius: 624.9375rem;
   --sd-navigable__current-indicator-height: 0.1875rem;
   --sd-navigable__current-indicator-width: 0.1875rem;
-  --sd-navigation-item--current-color-text: var(--sd-color-black);
   --sd-navigation-item-color-text: var(--sd-color-black);
   --sd-notification--error-color-background: 253 237 237;
   --sd-notification--info-color-background: 237 240 244;
@@ -305,6 +322,7 @@
   --sd-notification--warning-color-background: 255 245 224;
   --sd-notification-color-border: var(--sd-color-neutral-800);
   --sd-notification-color-icon-fill: var(--sd-color-neutral-800);
+  --sd-notification__duration-indicator-color-background: var(--sd-color-black);
   --sd-opacity-0: 0%;
   --sd-opacity-100: 100%;
   --sd-opacity-10: 0%;
@@ -315,18 +333,15 @@
   --sd-opacity-5: 0%;
   --sd-opacity-60: 60%;
   --sd-opacity-70: 0%;
-  --sd-opacity-75: 0%;
-  --sd-opacity-80: 0%;
+  --sd-opacity-75: 75%;
+  --sd-opacity-80: 80%;
   --sd-opacity-85: 0%;
-  --sd-opacity-90: 0%;
-  --sd-option--disabled-color-border: var(--sd-color-neutral-400);
+  --sd-opacity-90: 90%;
   --sd-overlay-color-background: 0 0 0 / 0.2;
   --sd-pagination--default-border: var(--sd-color-black);
   --sd-pagination--inverted-border: var(--sd-color-white);
   --sd-panel-color-border: 255 255 255 / 0;
   --sd-quickfact--expandable-color-text: var(--sd-color-black);
-  --sd-quickfact__expandable-color-description-default-text: 0 0 0 / 0.62;
-  --sd-quickfact__expandable-color-title-default-text: var(--sd-color-black);
   --sd-radio--checked--default-color-background: 247 242 236 / 0;
   --sd-radio--checked--default__icon-color-background: var(--sd-color-black);
   --sd-radio--checked--hover-color-background: 247 242 236 / 0;
@@ -335,13 +350,10 @@
   --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-error);
   --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-error);
   --sd-radio--default--invalid-color-background: 253 232 230;
-  --sd-radio--error-color-text: var(--sd-color-black);
   --sd-radio-border-width: var(--sd-spacing-0\.25);
-  --sd-radio-button--hover-color-background: 0 102 179 / 0.05;
-  --sd-radio-button--hover-color-icon-fill: var(--sd-color-black);
+  --sd-radio-button--hover-color-background: 242 247 251;
   --sd-radio-button--hover-color-text: var(--sd-color-black);
   --sd-radio-button-border-radius: 624.9375rem;
-  --sd-radio-button-color-icon-fil: var(--sd-color-black);
   --sd-radio-button-color-text: var(--sd-color-black);
   --sd-radio-button-group-border-radius: 624.9375rem;
   --sd-radio-button-group-border-width: var(--sd-spacing-0\.5);
@@ -354,8 +366,11 @@
   --sd-radius: 0.25rem;
   --sd-range-scale-ticks-color-text: 89 89 89;
   --sd-range__bar-border-width: var(--sd-spacing-0\.5);
+  --sd-shadow-listbox:  0px 2px 4px 0px rgba(5, 21, 48, 0.1);
   --sd-shadow-sm:  0px 4px 12px -6px rgba(5, 21, 48, 0.25);
-  --sd-shadow:  0px 4px 12px -6px rgba(107, 36, 5, 0.25);
+  --sd-shadow-xs:  0.5px 0.5px 1.5px 0px rgba(5, 21, 48, 0.75);
+  --sd-shadow:  0px 2px 4px 0px rgba(5, 21, 48, 0.1);
+  --sd-sizing-0: 0;
   --sd-sizing-0\.25: 0.0625rem;
   --sd-sizing-0\.5: 0.125rem;
   --sd-sizing-10: 2.5rem;
@@ -383,6 +398,7 @@
   --sd-spacing-20: 5rem;
   --sd-spacing-24: 6rem;
   --sd-spacing-2: 0.5rem;
+  --sd-spacing-2\.5: 0.625rem;
   --sd-spacing-32: 8rem;
   --sd-spacing-3: 0.75rem;
   --sd-spacing-40: 10rem;
@@ -390,20 +406,21 @@
   --sd-spacing-6: 1.5rem;
   --sd-spacing-8: 2rem;
   --sd-step-color-text: var(--sd-color-neutral-700);
-  --sd-step-hover-color-text: var(--sd-color-neutral-700);
   --sd-step__circle-border-width: var(--sd-spacing-0\.5);
   --sd-step__tail-border-width: var(--sd-spacing-1);
   --sd-switch--checked--hover-color-background: var(--sd-color-neutral-800);
   --sd-switch--unchecked-color-border: var(--sd-color-black);
   --sd-switch--unchecked__icon-color-background: var(--sd-color-black);
   --sd-switch-color-text: var(--sd-color-black);
+  --sd-tab--active-color-text: var(--sd-color-black);
+  --sd-tab--hover-color-background: 242 247 251;
   --sd-tab-color-border: 191 202 217;
-  --sd-tab-font-weight: var(--sd-font-weight-bold);
+  --sd-tab-color-text: var(--sd-color-black);
   --sd-tag--default--hover-color-background: 255 255 255 / 0.6;
   --sd-tag--default-color-background: 255 255 255 / 0.6;
   --sd-tag--default-color-border: 255 255 255 / 0.6;
   --sd-tag--default-color-text: var(--sd-color-black);
-  --sd-tag--disabled-color-border: var(--sd-color-neutral-500);
+  --sd-tag--disabled-color-text: var(--sd-color-neutral-400);
   --sd-tag--selected--default-color-background: 255 255 255 / 0.6;
   --sd-tag--selected--default-color-border: var(--sd-color-black);
   --sd-tag--selected--default-color-text: var(--sd-color-black);
@@ -422,7 +439,9 @@
   --sd-teaser-media--neutral-100--hover-color-background: 255 255 255 / 0.9;
   --sd-teaser-media--neutral-100-color-background: 255 255 255 / 0.8;
   --sd-teaser-media--primary-100--hover-color-background: 255 255 255 / 0.9;
-  --sd-teaser-media--primary-100-color-background: 245 247 249 / 0.8;
+  --sd-teaser-media--primary-100-color-background: 255 255 255 / 0.8;
+  --sd-teaser-media--white--hover-color-background: 247 242 236 / 0.9;
+  --sd-teaser-media--white-color-background: 247 242 236 / 0.8;
   --sd-text-2xl: 1.75rem;
   --sd-text-3xl: 2rem;
   --sd-text-4xl: 2.625rem;
@@ -431,11 +450,8 @@
   --sd-text-sm: 0.875rem;
   --sd-text-xl: 1.5rem;
   --sd-text-xs: 0.75rem;
-  --sd-tooltip-border-width: var(--sd-spacing-0\.25);
   --sd-tooltip-color-background: var(--sd-color-white);
-  --sd-tooltip-color-border: 255 255 255 / 0;
   --sd-tooltip-color-text: 89 89 89;
-  --sd-video--description-color-text: 0 0 0 / 0.62;
   --sd-video--play-button-color-background: var(--sd-color-white);
   --sd-video--play-button-color-icon-fill: var(--sd-color-black);
 }
@@ -464,11 +480,42 @@
     --sd-icon--pause: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.34 5.1v13.75h2.5V5.1h-2.5ZM4.46 3.22h6.25v17.5H4.46V3.22ZM15.1 5.1v13.75h2.5V5.1h-2.5ZM13.2 3.22h6.25v17.5h-6.25V3.22Z"/></svg>';
     --sd-icon--plus-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3.875A8.119 8.119 0 0 0 3.875 12 8.119 8.119 0 0 0 12 20.125 8.119 8.119 0 0 0 20.125 12 8.119 8.119 0 0 0 12 3.875ZM12 22C6.492 22 2 17.508 2 12S6.492 2 12 2s10 4.492 10 10-4.492 10-10 10Zm-.938-5.625v-3.438H7.626v-1.874h3.438V7.624h1.874v3.438h3.438v1.874h-3.438v3.438h-1.874Z"/></svg>';
     --sd-icon--reload: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m1.96 1.03 3.4 3.4a10.02 10.02 0 0 1 16.6 7.54A10.02 10.02 0 0 1 2.9 16.23l1.72-.78a8.13 8.13 0 1 0 2.07-9.69l3.4 3.4H1.96V1.03Zm1.88 4.54v1.71h1.72L3.84 5.57Z"/></svg>';
-    --sd-icon--risk: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#ff391c" d="M12 22a10 10 0 0 1 0-20 10 10 0 0 1 0 20Zm1-14.4h-2v5.7h2V7.5Zm-2 9h2v-1.8h-2v1.9Z"/></svg>';
+    --sd-icon--risk: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#cc0000" d="M12 22a10 10 0 0 1 0-20 10 10 0 0 1 0 20Zm1-14.4h-2v5.7h2V7.5Zm-2 9h2v-1.8h-2v1.9Z"/></svg>';
+    --sd-icon--share: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.88 5.75c0-1.05-.83-1.88-1.88-1.88-1.05 0-1.88.83-1.88 1.88 0 1.05.83 1.88 1.88 1.88 1.05 0 1.88-.83 1.88-1.88Zm1.87 0a3.75 3.75 0 0 1-6.48 2.58l-4.89 2.73a3.85 3.85 0 0 1 0 1.88l4.89 2.73a3.75 3.75 0 1 1-.9 1.64l-4.89-2.73a3.75 3.75 0 1 1 0-5.16l4.89-2.73a3.75 3.75 0 1 1 7.38-.94ZM7.62 12c0-1.05-.82-1.88-1.87-1.88-1.05 0-1.88.83-1.88 1.88 0 1.05.83 1.88 1.88 1.88 1.05 0 1.88-.83 1.88-1.88ZM17 20.13c1.05 0 1.88-.83 1.88-1.88 0-1.05-.83-1.88-1.88-1.88-1.05 0-1.88.83-1.88 1.88 0 1.05.83 1.88 1.88 1.88Z"/></svg>';
+    --sd-icon--shopping-cart-crossed-out: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M1.94 2h3.6l.15.78L7.37 12h12.85l1.48-8.13h1.92l-1.68 9.22-.16.79H7.68l.35 1.87h12.35v1.88H6.46l-.16-.79L3.97 3.88H1V2h.94ZM11 20.75c0 1.05-.82 1.88-1.88 1.88a1.85 1.85 0 0 1-1.87-1.88c0-1.05.82-1.88 1.88-1.88 1.05 0 1.87.83 1.87 1.88Zm8.75 0c0 1.05-.82 1.88-1.88 1.88A1.85 1.85 0 0 1 16 20.75c0-1.05.82-1.88 1.88-1.88 1.05 0 1.87.83 1.87 1.88ZM16.82 4.38l-2 2 2 1.99-1.33 1.33-1.99-2-2 2-1.32-1.33 2-2-2-1.99 1.33-1.33 1.99 2 2-2 1.32 1.33Z"/></svg>';
+    --sd-icon--star-empty: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.08c.23.47 1.45 2.81 3.63 7.11 4.73.74 7.35 1.17 7.85 1.25l-5.62 5.63c.74 4.72 1.17 7.34 1.25 7.85-.47-.24-2.81-1.45-7.11-3.6a620.23 620.23 0 0 0-7.07 3.6c.08-.51.47-3.13 1.21-7.85C2.78 11.67.91 9.79.52 9.44L8.4 8.2c2.14-4.3 3.36-6.64 3.59-7.1Zm0 4.14L9.85 9.44l-.23.43-.47.08-4.69.74 3.36 3.36.35.35-.08.47-.74 4.69 4.22-2.15.43-.2.43.2 4.26 2.15-.74-4.69-.08-.47.31-.35 3.36-3.36-4.69-.74-.47-.08-.23-.43L12 5.22Z"/></svg>';
+    --sd-icon--star-full: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 1.08 3.63 7.11 7.85 1.25-5.62 5.63 1.25 7.85-7.11-3.6-7.07 3.6 1.21-7.85L.52 9.44 8.4 8.2 12 1.1Z"/></svg>';
     --sd-icon--start: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4.5 19.23V2.63l1.87 1.05 13.08 7.26L21.37 12l-1.92 1.1-13.08 7.22-1.88 1.05v-2.14Zm1.87-1.06L17.5 12 6.37 5.83v12.34Z"/></svg>';
     --sd-icon--status-check: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m20.49 7.59-.67.66-9.92 9.89-.66.66-.67-.66-4.92-4.93-.66-.66 1.29-1.33.66.67 4.3 4.25 9.26-9.21.66-.67z"/></svg>';
     --sd-icon--status-minus: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.13 13.44H3.88v-1.88h16.24z"/></svg>';
     --sd-icon--transcript: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.38 3.88v16.25h11.25v-10h-6.25V3.87h-5Zm6.87.78v3.59h3.6l-3.6-3.6Zm0-2.66 6.25 6.25V22h-15V2h8.75ZM9.19 12h6.56v1.88h-7.5V12h.94Zm0 3.75h6.56v1.88h-7.5v-1.88h.94Z"/></svg>';
     --sd-icon--volume: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m7.55 14.32 3.79 3.24V6.39L7.55 9.63l-.5.47H3.83v3.75h3.2l.51.47Zm-5.59 1.4v-7.5h4.38c3.87-3.32 6.13-5.31 6.87-5.94v19.38c-.74-.63-3-2.62-6.87-5.94H1.96Zm13.68-5.2-.43-.34 1.13-1.53.5.43a3.73 3.73 0 0 1 1.37 2.9c0 1.16-.54 2.22-1.36 2.92l-.51.4-1.13-1.5.43-.38a1.85 1.85 0 0 0 0-2.9Zm2.38-2.92-.55-.43 1.1-1.53.62.51a7.52 7.52 0 0 1 0 11.64l-.62.51-1.1-1.52.55-.43a5.73 5.73 0 0 0 2.07-4.38c0-1.76-.82-3.32-2.07-4.37Z"/></svg>';
     --sd-icon--warning: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M12 22a10 10 0 0 1 0-20 10 10 0 0 1 0 20Zm1-14.4h-2v5.7h2V7.5Zm-2 9h2v-1.8h-2v1.9Z"/></svg>';
+}
+
+:root, .sd-theme-kid {
+  /*
+   * Deprecated variables – manually overriding these in custom themes might lead to problems in future versions of Solid.
+   * Use the actual used value instead. Example:
+   * Instead of --sd-chip-border-width use --sd-marker-border-width for your overrides.
+   */
+  --sd-button--size-lg-border-radius: var(--sd-button-border-radius);
+  --sd-button--size-md-border-radius: var(--sd-button-border-radius);
+  --sd-button--size-sm-border-radius: var(--sd-button-border-radius);
+  --sd-button--secondary--inverted--color-border: var(--sd-button-secondary-inverted-color-border);
+  --sd-chip-font-size: var(--sd-marker-font-size);
+  --sd-chip-border-width: var(--sd-marker-border-width);
+  --sd-chip-font-weight: var(--sd-marker-font-weight);
+  --sd-flag-border-width: var(--sd-marker-border-width);
+  --sd-form-control-color-icon: var(--sd-form-control-color-icon-fill);
+  --sd-menu-color-icon: var(--sd-menu-item-color-icon-fill);
+  --sd-menu-color-text: var(--sd-menu-item-color-text);
+  --sd-menu--disabled-color-icon: var(--sd-menu-item--disabled-color-icon-fill);
+  --sd-menu--disabled-color-text: var(--sd-menu-item--disabled-color-text);
+  --sd-tag-font-weight: var(--sd-choice-control-font-weight);
+  --sd-tag--disabled-color-border: var(--sd-color-border-neutral-500);
+  --sd-navigation-item--current-color-text: var(--sd-navigation-item-color-text);
+  --sd-option--disabled-color-border: var(--sd-color-border-neutral-500);
+  --sd-audio__timestamp-color-text: var(--sd-color-text-neutral-700);
+  --sd-accordion__chevron-color-text: var(--sd-accordion-color-icon-fill, var(--sd-color-icon-fill-primary));
 }
\ No newline at end of file
diff --git a/packages/tokens/themes/legacy-variables.css b/packages/tokens/themes/legacy-variables.css
new file mode 100644
index 0000000000..d84228772d
--- /dev/null
+++ b/packages/tokens/themes/legacy-variables.css
@@ -0,0 +1,24 @@
+  /*
+   * Deprecated variables – manually overriding these in custom themes might lead to problems in future versions of Solid.
+   * Use the actual used value instead. Example:
+   * Instead of --sd-chip-border-width use --sd-marker-border-width for your overrides.
+   */
+  --sd-button--size-lg-border-radius: var(--sd-button-border-radius);
+  --sd-button--size-md-border-radius: var(--sd-button-border-radius);
+  --sd-button--size-sm-border-radius: var(--sd-button-border-radius);
+  --sd-button--secondary--inverted--color-border: var(--sd-button-secondary-inverted-color-border);
+  --sd-chip-font-size: var(--sd-marker-font-size);
+  --sd-chip-border-width: var(--sd-marker-border-width);
+  --sd-chip-font-weight: var(--sd-marker-font-weight);
+  --sd-flag-border-width: var(--sd-marker-border-width);
+  --sd-form-control-color-icon: var(--sd-form-control-color-icon-fill);
+  --sd-menu-color-icon: var(--sd-menu-item-color-icon-fill);
+  --sd-menu-color-text: var(--sd-menu-item-color-text);
+  --sd-menu--disabled-color-icon: var(--sd-menu-item--disabled-color-icon-fill);
+  --sd-menu--disabled-color-text: var(--sd-menu-item--disabled-color-text);
+  --sd-tag-font-weight: var(--sd-choice-control-font-weight);
+  --sd-tag--disabled-color-border: var(--sd-color-border-neutral-500);
+  --sd-navigation-item--current-color-text: var(--sd-navigation-item-color-text);
+  --sd-option--disabled-color-border: var(--sd-color-border-neutral-500);
+  --sd-audio__timestamp-color-text: var(--sd-color-text-neutral-700);
+  --sd-accordion__chevron-color-text: var(--sd-accordion-color-icon-fill, var(--sd-color-icon-fill-primary));
\ No newline at end of file
diff --git a/packages/tokens/themes/tailwind.css b/packages/tokens/themes/tailwind.css
index b99e86e177..710e42135d 100644
--- a/packages/tokens/themes/tailwind.css
+++ b/packages/tokens/themes/tailwind.css
@@ -64,7 +64,9 @@
   --border-width-4: var(--sd-border-width-4);
   --border-width-6: var(--sd-border-width-6);
   --border-width-default: var(--sd-border-width);
+  --drop-shadow-listbox: var(--sd-drop-shadow-listbox);
   --drop-shadow-sm: var(--sd-drop-shadow-sm);
+  --drop-shadow-xs: var(--sd-drop-shadow-xs);
   --drop-shadow: var(--sd-drop-shadow);
   --fill-accent-550: rgba(var(--sd-color-icon-fill-accent-550));
   --fill-accent: rgba(var(--sd-color-icon-fill-accent));
@@ -112,8 +114,11 @@
   --radius-md: var(--sd-radius-md);
   --radius-none: var(--sd-radius-none);
   --radius-sm: var(--sd-radius-sm);
+  --shadow-listbox: var(--sd-shadow-listbox);
   --shadow-sm: var(--sd-shadow-sm);
+  --shadow-xs: var(--sd-shadow-xs);
   --shadow: var(--sd-shadow);
+  --sizing-0: var(--sd-sizing-0);
   --sizing-0\.25: var(--sd-sizing-0\.25);
   --sizing-0\.5: var(--sd-sizing-0\.5);
   --sizing-10: var(--sd-sizing-10);
@@ -141,6 +146,7 @@
   --spacing-20: var(--sd-spacing-20);
   --spacing-24: var(--sd-spacing-24);
   --spacing-2: var(--sd-spacing-2);
+  --spacing-2\.5: var(--sd-spacing-2\.5);
   --spacing-32: var(--sd-spacing-32);
   --spacing-3: var(--sd-spacing-3);
   --spacing-40: var(--sd-spacing-40);
diff --git a/packages/tokens/themes/ui-dark/ui-dark.css b/packages/tokens/themes/ui-dark/ui-dark.css
index 685b50545f..d9b5697404 100644
--- a/packages/tokens/themes/ui-dark/ui-dark.css
+++ b/packages/tokens/themes/ui-dark/ui-dark.css
@@ -1,12 +1,11 @@
-
 :root, .sd-theme-ui-dark {
   color-scheme: dark;
 
   --sd-theme: 'ui-dark';
   --sd-accordion-border-width: var(--sd-spacing-0\.25);
+  --sd-accordion-color-icon-fill: var(--sd-color-white);
   --sd-accordion-color-text: var(--sd-color-white);
   --sd-accordion-padding-block: var(--sd-spacing-3);
-  --sd-accordion__chevron-color-text: var(--sd-color-white);
   --sd-accordion__indicator-color: var(--sd-color-accent);
   --sd-aspect-16\/10: 16 / 10;
   --sd-aspect-21\/9: 21 / 9;
@@ -20,9 +19,8 @@
   --sd-aspect-golden-ratio: 1.6180339887498948482 / 1;
   --sd-aspect-square: 1 / 1;
   --sd-aspect-video: 16 / 9;
-  --sd-audio--inverted-color-border: var(--sd-color-white);
-  --sd-audio__slide-bar--inverted-color-border: var(--sd-color-primary-400);
-  --sd-audio__timestamp-color-text: var(--sd-color-primary-400);
+  --sd-audio__slide-bar--inverted-color-background: var(--sd-color-primary-400);
+  --sd-audio__track-bar--inverted-color-background: var(--sd-color-white);
   --sd-badge--blue--inverted-color-background: var(--sd-color-primary-100);
   --sd-badge--blue--inverted-color-text: var(--sd-color-primary);
   --sd-badge--blue-color-background: var(--sd-color-primary-500);
@@ -54,6 +52,7 @@
   --sd-button--primary--default-color-background: var(--sd-color-white);
   --sd-button--primary--default-color-text: var(--sd-color-primary);
   --sd-button--primary--hover-color-background: var(--sd-color-primary-100);
+  --sd-button--primary--hover-color-text: var(--sd-color-primary-500);
   --sd-button--primary--inverted--active-color-background: var(--sd-color-primary-200);
   --sd-button--primary--inverted--active-color-text: var(--sd-color-primary-800);
   --sd-button--primary--inverted--default-color-background: var(--sd-color-white);
@@ -61,30 +60,46 @@
   --sd-button--primary--inverted--hover-color-background: var(--sd-color-primary-100);
   --sd-button--primary--inverted--hover-color-text: var(--sd-color-primary-500);
   --sd-button--secondary--active-color-background: var(--sd-color-primary-500);
+  --sd-button--secondary--active-color-text: var(--sd-color-primary-200);
   --sd-button--secondary--default-color-text: var(--sd-color-white);
   --sd-button--secondary--disabled-color-text: var(--sd-color-neutral-500);
   --sd-button--secondary--hover-color-background: var(--sd-color-primary-700);
   --sd-button--secondary--inverted--active-color-background: var(--sd-color-primary-800);
+  --sd-button--secondary--inverted--active-color-text: var(--sd-color-primary-200);
   --sd-button--secondary--inverted--hover-color-background: var(--sd-color-primary-500);
   --sd-button--secondary--inverted--hover-color-text: var(--sd-color-primary-100);
   --sd-button--secondary--inverted-color-border: var(--sd-color-white);
-  --sd-button--size-lg-border-radius: var(--sd-spacing-1);
+  --sd-button--secondary--inverted-color-text: var(--sd-color-white);
+  --sd-button--secondary--size-lg-padding-block: 0.6875rem;
+  --sd-button--secondary--size-md-padding-block: 0.4375rem;
+  --sd-button--secondary--size-sm-padding-block: 0.28125rem;
+  --sd-button--secondary-padding-inline: 0.9375rem;
   --sd-button--size-lg-font-size: var(--sd-spacing-4);
+  --sd-button--size-lg-icon-height: var(--sd-spacing-6);
+  --sd-button--size-lg-min-height: var(--sd-spacing-12);
   --sd-button--size-lg-padding-block: var(--sd-spacing-3);
+  --sd-button--size-md--icon-only-padding-inline: var(--sd-spacing-2\.5);
   --sd-button--size-md-border-radius: var(--sd-spacing-1);
   --sd-button--size-md-font-size: var(--sd-spacing-4);
+  --sd-button--size-md-min-height: var(--sd-spacing-10);
   --sd-button--size-md-padding-block: var(--sd-spacing-2);
   --sd-button--size-sm-border-radius: var(--sd-spacing-1);
   --sd-button--size-sm-font-size: 0.875rem;
-  --sd-button--size-sm-padding-block: var(--sd-spacing-2);
+  --sd-button--size-sm-padding-block: 0.34375rem;
   --sd-button--tertiary--active-color-background: var(--sd-color-primary-500);
+  --sd-button--tertiary--active-color-text: var(--sd-color-primary-200);
   --sd-button--tertiary--default-color-text: var(--sd-color-white);
   --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-500);
   --sd-button--tertiary--hover-color-background: var(--sd-color-primary-700);
   --sd-button--tertiary--inverted--active-color-background: var(--sd-color-primary-800);
+  --sd-button--tertiary--inverted--active-color-text: var(--sd-color-primary-200);
   --sd-button--tertiary--inverted--hover-color-background: var(--sd-color-primary-500);
   --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-primary-100);
+  --sd-button--tertiary--inverted-color-text: var(--sd-color-white);
+  --sd-button-border-radius: var(--sd-spacing-1);
+  --sd-button-border-width: var(--sd-spacing-0\.25);
   --sd-button-font-weight: var(--sd-font-weight-normal);
+  --sd-button-padding-inline: var(--sd-spacing-4);
   --sd-carousel--active--inverted-color-border: var(--sd-color-accent);
   --sd-carousel--active-color-border: var(--sd-color-accent);
   --sd-carousel__pager-dot--inverted--hovered-background: var(--sd-color-accent);
@@ -103,9 +118,7 @@
   --sd-chip--white-color-background: var(--sd-color-primary-750);
   --sd-chip--white-color-border: 255 255 255 / 0;
   --sd-chip-border-radius: var(--sd-spacing-1);
-  --sd-chip-border-width: 0;
-  --sd-chip-font-size: 0.875rem;
-  --sd-chip-font-weight: var(--sd-font-weight-normal);
+  --sd-choice-control-font-weight: var(--sd-font-weight-normal);
   --sd-color-accent-100: 182 223 170;
   --sd-color-accent-200: 142 208 130;
   --sd-color-accent-300: 108 194 84;
@@ -121,7 +134,7 @@
   --sd-color-background-accent-550: var(--sd-color-accent-550);
   --sd-color-background-accent-700: var(--sd-color-accent-700);
   --sd-color-background-accent: var(--sd-color-accent);
-  --sd-color-background-error-400: var(--sd-color-error-400);
+  --sd-color-background-error-400: var(--sd-color-error);
   --sd-color-background-error: var(--sd-color-error-250);
   --sd-color-background-info: var(--sd-color-info);
   --sd-color-background-neutral-100: var(--sd-color-primary-750);
@@ -140,11 +153,10 @@
   --sd-color-background-success: var(--sd-color-success);
   --sd-color-background-warning: var(--sd-color-warning);
   --sd-color-background-white: var(--sd-color-primary-900);
-  --sd-color-background: var(--sd-color-primary-700);
   --sd-color-black: 24 24 24;
   --sd-color-border-accent-550: var(--sd-color-accent-550);
   --sd-color-border-accent: var(--sd-color-accent);
-  --sd-color-border-error-400: var(--sd-color-error-400);
+  --sd-color-border-error-400: var(--sd-color-error);
   --sd-color-border-error: var(--sd-color-error-250);
   --sd-color-border-neutral-400: var(--sd-color-primary-400);
   --sd-color-border-neutral-500: var(--sd-color-neutral-600);
@@ -165,7 +177,7 @@
   --sd-color-error: 204 25 55;
   --sd-color-icon-fill-accent-550: var(--sd-color-accent-550);
   --sd-color-icon-fill-accent: var(--sd-color-accent);
-  --sd-color-icon-fill-error-400: var(--sd-color-error-400);
+  --sd-color-icon-fill-error-400: var(--sd-color-error);
   --sd-color-icon-fill-error: var(--sd-color-error-250);
   --sd-color-icon-fill-neutral-400: var(--sd-color-neutral-400);
   --sd-color-icon-fill-neutral-500: var(--sd-color-neutral-500);
@@ -213,7 +225,7 @@
   --sd-color-text-accent: var(--sd-color-accent);
   --sd-color-text-black: var(--sd-color-white);
   --sd-color-text-error: var(--sd-color-error-250);
-  --sd-color-text-neutral-500: var(--sd-color-neutral-500);
+  --sd-color-text-neutral-500: var(--sd-color-neutral-600);
   --sd-color-text-neutral-600: var(--sd-color-neutral-600);
   --sd-color-text-neutral-700: var(--sd-color-primary-400);
   --sd-color-text-primary-100: var(--sd-color-primary-500);
@@ -226,20 +238,23 @@
   --sd-color-text-white: var(--sd-color-white);
   --sd-color-warning: 187 141 32;
   --sd-color-white: 255 255 255;
-  --sd-combobox--default-color-icon: var(--sd-color-white);
-  --sd-combobox--default-color-text: var(--sd-color-white);
   --sd-combobox__tag-border-width: var(--sd-spacing-0\.25);
+  --sd-datepicker__date-item--current-color-text: var(--sd-color-white);
   --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold);
   --sd-datepicker__date-item--default-color-text: var(--sd-color-white);
-  --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal);
-  --sd-datepicker__date-item--hovered--current-color-text: var(--sd-color-primary-750);
-  --sd-datepicker__date-item--hovered--default-color-background: var(--sd-color-primary-100);
-  --sd-datepicker__date-item--hovered--default-color-text: var(--sd-color-primary-750);
-  --sd-datepicker__date-item--hovered--prev-next-color-background: var(--sd-color-primary-100);
-  --sd-datepicker__date-item--hovered--prev-next-color-text: var(--sd-color-primary-750);
-  --sd-datepicker__date-item--selected-color-text: var(--sd-color-primary);
+  --sd-datepicker__date-item--hover--default-color-background: var(--sd-color-primary-100);
+  --sd-datepicker__date-item--hover--default-color-border: var(--sd-color-primary-750);
+  --sd-datepicker__date-item--hover--default-color-text: var(--sd-color-primary-750);
+  --sd-datepicker__date-item--hover--prev-next-color-background: var(--sd-color-primary-100);
+  --sd-datepicker__date-item--hover--prev-next-color-text: var(--sd-color-primary-750);
+  --sd-datepicker__date-item--range-color-background: var(--sd-color-primary-750);
+  --sd-datepicker__date-item--selected--hover-color-background: var(--sd-color-primary-200);
+  --sd-datepicker__date-item--selected-color-background: var(--sd-color-primary);
+  --sd-datepicker__date-item--selected-color-text: var(--sd-color-white);
   --sd-divider--inverted-color-border: var(--sd-color-primary-400);
+  --sd-drop-shadow-listbox:  0px 0px 0px rgba(255, 255, 255, 0);
   --sd-drop-shadow-sm:  0.5px 0.5px 1.5px #515151;
+  --sd-drop-shadow-xs:  0.5px 0.5px 1.5px #515151;
   --sd-drop-shadow:  0px 0px 0px rgba(255, 255, 255, 0);
   --sd-dropdown-color-background: var(--sd-color-primary-900);
   --sd-duration-fast: 150ms;
@@ -255,9 +270,6 @@
   --sd-flag--white-color-background: var(--sd-color-primary-750);
   --sd-flag--white-color-border: 255 255 255 / 0;
   --sd-flag-border-radius: 0;
-  --sd-flag-border-width: 0;
-  --sd-flag-font-size: 0.875rem;
-  --sd-flag-font-weight: var(--sd-font-weight-normal);
   --sd-font-primary: 'Frutiger Neue';
   --sd-font-weight-bold: 600;
   --sd-font-weight-normal: 400;
@@ -266,39 +278,43 @@
   --sd-form-control--invalid-color-background: var(--sd-color-primary-900);
   --sd-form-control-border-radius: var(--sd-spacing-1);
   --sd-form-control-color-border: var(--sd-color-primary-200);
-  --sd-form-control-color-icon-fill: var(--sd-color-white);
   --sd-form-control-color-text: var(--sd-color-white);
-  --sd-form-control__tooltip-color-icon: var(--sd-color-white);
+  --sd-form-control__listbox-border-bottom-left-radius: var(--sd-spacing-1);
+  --sd-form-control__listbox-border-bottom-right-radius: var(--sd-spacing-1);
+  --sd-form-control__listbox-border-top-left-radius: var(--sd-spacing-1);
+  --sd-form-control__listbox-border-top-right-radius: var(--sd-spacing-1);
   --sd-header-color-background: var(--sd-color-primary);
   --sd-header-padding-bottom: 0;
+  --sd-header__shadow-height: var(--sd-spacing-1);
   --sd-header__underline-color-background: 255 255 255 / 0;
   --sd-header__underline-height: var(--sd-spacing-2);
-  --sd-headline-4xl-and-mobile-4xl-text: var(--sd-color-white);
+  --sd-headline--3xl-onwards-color-text: var(--sd-color-white);
   --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800);
   --sd-informational-gradient--white-color-background: var(--sd-color-primary-800);
   --sd-interactive--active-color-text: var(--sd-color-primary-400);
   --sd-interactive--default-color-text: var(--sd-color-white);
-  --sd-link-color--active-text: var(--sd-color-primary-400);
-  --sd-link-color--default-text: var(--sd-color-white);
-  --sd-link-color--disabled-text: var(--sd-color-primary-400);
   --sd-link-color--hover-icon: var(--sd-color-primary-200);
-  --sd-link-color--hover-text: var(--sd-color-primary-200);
   --sd-link-color--none-icon: var(--sd-color-white);
   --sd-link-color--pressed-icon: var(--sd-color-primary-400);
-  --sd-map-marker-cluster--hovered-color-icon-fill: var(--sd-color-primary-500);
-  --sd-map-marker-cluster-color-icon-fill: var(--sd-color-primary);
-  --sd-map-marker-font-size: var(--sd-spacing-3);
-  --sd-map-marker-main-color-icon-fill: var(--sd-color-accent-550);
-  --sd-menu--disabled-color-icon: var(--sd-color-neutral-500);
-  --sd-menu--disabled-color-text: var(--sd-color-neutral-500);
-  --sd-menu-color-icon: var(--sd-color-white);
-  --sd-menu-color-text: var(--sd-color-white);
+  --sd-map-marker--cluster--default-color-background: var(--sd-color-white);
+  --sd-map-marker--cluster--hover-color-background: var(--sd-color-primary-100);
+  --sd-map-marker--cluster-color-text: var(--sd-color-primary);
+  --sd-map-marker--main-color-background: var(--sd-color-accent-550);
+  --sd-map-marker--pin--default-color-background: var(--sd-color-white);
+  --sd-map-marker--pin--hover-color-background: var(--sd-color-primary-100);
+  --sd-map-marker--pin-color-text: var(--sd-color-primary);
+  --sd-marker-border-width: 0;
+  --sd-marker-font-size: 0.875rem;
+  --sd-marker-font-weight: var(--sd-font-weight-normal);
+  --sd-menu-item--disabled-color-icon-fill: var(--sd-color-neutral-500);
+  --sd-menu-item--disabled-color-text: var(--sd-color-neutral-600);
+  --sd-menu-item-color-icon-fill: var(--sd-color-white);
+  --sd-menu-item-color-text: var(--sd-color-white);
   --sd-navigable-border-radius: 0;
   --sd-navigable-font-size: var(--sd-spacing-4);
   --sd-navigable__current-indicator-border-radius: 0;
   --sd-navigable__current-indicator-height: var(--sd-spacing-1);
   --sd-navigable__current-indicator-width: var(--sd-spacing-1);
-  --sd-navigation-item--current-color-text: var(--sd-color-white);
   --sd-navigation-item-color-text: var(--sd-color-white);
   --sd-notification--error-color-background: var(--sd-color-primary-900);
   --sd-notification--info-color-background: var(--sd-color-primary-900);
@@ -306,6 +322,7 @@
   --sd-notification--warning-color-background: var(--sd-color-primary-900);
   --sd-notification-color-border: var(--sd-color-primary-400);
   --sd-notification-color-icon-fill: var(--sd-color-white);
+  --sd-notification__duration-indicator-color-background: var(--sd-color-white);
   --sd-opacity-0: 0%;
   --sd-opacity-100: 100%;
   --sd-opacity-10: 10%;
@@ -320,29 +337,23 @@
   --sd-opacity-80: 80%;
   --sd-opacity-85: 85%;
   --sd-opacity-90: 90%;
-  --sd-option--disabled-color-border: var(--sd-color-neutral-500);
   --sd-overlay-color-background: 5 21 48 / 0.9;
-  --sd-pagination--default-border: var(--sd-color-accent-550);
-  --sd-pagination--inverted-border: var(--sd-color-accent-550);
+  --sd-pagination--default-border: var(--sd-color-accent);
+  --sd-pagination--inverted-border: var(--sd-color-accent);
   --sd-panel-color-border: var(--sd-color-primary-400);
   --sd-quickfact--expandable-color-text: var(--sd-color-white);
-  --sd-quickfact__expandable-color-description-default-text: var(--sd-color-white);
-  --sd-quickfact__expandable-color-title-default-text: var(--sd-color-white);
   --sd-radio--checked--default-color-background: var(--sd-color-primary-900);
   --sd-radio--checked--default__icon-color-background: var(--sd-color-accent);
   --sd-radio--checked--hover-color-background: var(--sd-color-primary-900);
-  --sd-radio--checked--hover__icon-color-background: var(--sd-color-accent-550);
+  --sd-radio--checked--hover__icon-color-background: var(--sd-color-accent);
   --sd-radio--checked--invalid--default-color-background: var(--sd-color-primary-900);
-  --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-error);
-  --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-error-400);
+  --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-error-250);
+  --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-error);
   --sd-radio--default--invalid-color-background: var(--sd-color-primary-900);
-  --sd-radio--error-color-text: var(--sd-color-white);
   --sd-radio-border-width: var(--sd-spacing-0\.25);
   --sd-radio-button--hover-color-background: 255 255 255 / 0;
-  --sd-radio-button--hover-color-icon-fill: var(--sd-color-primary-200);
   --sd-radio-button--hover-color-text: var(--sd-color-primary-200);
   --sd-radio-button-border-radius: 624.9375rem;
-  --sd-radio-button-color-icon-fil: var(--sd-color-white);
   --sd-radio-button-color-text: var(--sd-color-white);
   --sd-radio-button-group-border-radius: 624.9375rem;
   --sd-radio-button-group-border-width: var(--sd-spacing-0\.25);
@@ -355,8 +366,11 @@
   --sd-radius: 0.25rem;
   --sd-range-scale-ticks-color-text: var(--sd-color-white);
   --sd-range__bar-border-width: var(--sd-spacing-1);
+  --sd-shadow-listbox:  0px 0px 0px 0px rgba(255, 255, 255, 0);
   --sd-shadow-sm:  0.5px 0.5px 1.5px 0px #515151;
+  --sd-shadow-xs:  0.5px 0.5px 1.5px 0px #515151;
   --sd-shadow:  0px 0px 0px 0px rgba(255, 255, 255, 0);
+  --sd-sizing-0: 0;
   --sd-sizing-0\.25: 0.0625rem;
   --sd-sizing-0\.5: 0.125rem;
   --sd-sizing-10: 2.5rem;
@@ -384,6 +398,7 @@
   --sd-spacing-20: 5rem;
   --sd-spacing-24: 6rem;
   --sd-spacing-2: 0.5rem;
+  --sd-spacing-2\.5: 0.625rem;
   --sd-spacing-32: 8rem;
   --sd-spacing-3: 0.75rem;
   --sd-spacing-40: 10rem;
@@ -391,20 +406,21 @@
   --sd-spacing-6: 1.5rem;
   --sd-spacing-8: 2rem;
   --sd-step-color-text: var(--sd-color-white);
-  --sd-step-hover-color-text: var(--sd-color-primary-200);
   --sd-step__circle-border-width: var(--sd-spacing-0\.25);
   --sd-step__tail-border-width: var(--sd-spacing-0\.25);
-  --sd-switch--checked--hover-color-background: var(--sd-color-accent-550);
+  --sd-switch--checked--hover-color-background: var(--sd-color-accent);
   --sd-switch--unchecked-color-border: var(--sd-color-white);
   --sd-switch--unchecked__icon-color-background: var(--sd-color-white);
   --sd-switch-color-text: var(--sd-color-white);
+  --sd-tab--active-color-text: var(--sd-color-white);
+  --sd-tab--hover-color-background: var(--sd-color-primary-700);
   --sd-tab-color-border: var(--sd-color-primary-400);
-  --sd-tab-font-weight: var(--sd-font-weight-normal);
+  --sd-tab-color-text: var(--sd-color-white);
   --sd-tag--default--hover-color-background: 255 255 255 / 0;
   --sd-tag--default-color-background: 255 255 255 / 0;
   --sd-tag--default-color-border: var(--sd-color-primary-100);
   --sd-tag--default-color-text: var(--sd-color-white);
-  --sd-tag--disabled-color-border: var(--sd-color-neutral-500);
+  --sd-tag--disabled-color-text: var(--sd-color-neutral-600);
   --sd-tag--selected--default-color-background: var(--sd-color-white);
   --sd-tag--selected--default-color-border: 255 255 255 / 0;
   --sd-tag--selected--default-color-text: var(--sd-color-primary);
@@ -423,7 +439,9 @@
   --sd-teaser-media--neutral-100--hover-color-background: var(--sd-color-primary-750);
   --sd-teaser-media--neutral-100-color-background: var(--sd-color-primary-750);
   --sd-teaser-media--primary-100--hover-color-background: var(--sd-color-primary-750);
-  --sd-teaser-media--primary-100-color-background: var(--sd-color-primary-750);
+  --sd-teaser-media--primary-100-color-background: 10 32 74 / 0.8;
+  --sd-teaser-media--white--hover-color-background: 0 53 142 / 0.9;
+  --sd-teaser-media--white-color-background: 0 53 142 / 0.8;
   --sd-text-2xl: 1.75rem;
   --sd-text-3xl: 2rem;
   --sd-text-4xl: 2.5rem;
@@ -432,11 +450,35 @@
   --sd-text-sm: 0.875rem;
   --sd-text-xl: 1.5rem;
   --sd-text-xs: 0.75rem;
-  --sd-tooltip-border-width: var(--sd-spacing-0\.25);
   --sd-tooltip-color-background: var(--sd-color-primary);
-  --sd-tooltip-color-border: 255 255 255 / 0;
   --sd-tooltip-color-text: var(--sd-color-white);
-  --sd-video--description-color-text: var(--sd-color-primary-400);
   --sd-video--play-button-color-background: 0 53 142 / 0.8;
   --sd-video--play-button-color-icon-fill: var(--sd-color-white);
 }
+
+:root, .sd-theme-ui-dark {
+  /*
+   * Deprecated variables – manually overriding these in custom themes might lead to problems in future versions of Solid.
+   * Use the actual used value instead. Example:
+   * Instead of --sd-chip-border-width use --sd-marker-border-width for your overrides.
+   */
+  --sd-button--size-lg-border-radius: var(--sd-button-border-radius);
+  --sd-button--size-md-border-radius: var(--sd-button-border-radius);
+  --sd-button--size-sm-border-radius: var(--sd-button-border-radius);
+  --sd-button--secondary--inverted--color-border: var(--sd-button-secondary-inverted-color-border);
+  --sd-chip-font-size: var(--sd-marker-font-size);
+  --sd-chip-border-width: var(--sd-marker-border-width);
+  --sd-chip-font-weight: var(--sd-marker-font-weight);
+  --sd-flag-border-width: var(--sd-marker-border-width);
+  --sd-form-control-color-icon: var(--sd-form-control-color-icon-fill);
+  --sd-menu-color-icon: var(--sd-menu-item-color-icon-fill);
+  --sd-menu-color-text: var(--sd-menu-item-color-text);
+  --sd-menu--disabled-color-icon: var(--sd-menu-item--disabled-color-icon-fill);
+  --sd-menu--disabled-color-text: var(--sd-menu-item--disabled-color-text);
+  --sd-tag-font-weight: var(--sd-choice-control-font-weight);
+  --sd-tag--disabled-color-border: var(--sd-color-border-neutral-500);
+  --sd-navigation-item--current-color-text: var(--sd-navigation-item-color-text);
+  --sd-option--disabled-color-border: var(--sd-color-border-neutral-500);
+  --sd-audio__timestamp-color-text: var(--sd-color-text-neutral-700);
+  --sd-accordion__chevron-color-text: var(--sd-accordion-color-icon-fill, var(--sd-color-icon-fill-primary));
+}
\ No newline at end of file
diff --git a/packages/tokens/themes/ui-light/ui-light.css b/packages/tokens/themes/ui-light/ui-light.css
index 6cdb569592..4db9e2ce78 100644
--- a/packages/tokens/themes/ui-light/ui-light.css
+++ b/packages/tokens/themes/ui-light/ui-light.css
@@ -1,12 +1,11 @@
-
 :root, .sd-theme-ui-light {
   color-scheme: light;
 
   --sd-theme: 'ui-light';
   --sd-accordion-border-width: var(--sd-spacing-0\.25);
+  --sd-accordion-color-icon-fill: var(--sd-color-primary);
   --sd-accordion-color-text: var(--sd-color-primary);
   --sd-accordion-padding-block: var(--sd-spacing-3);
-  --sd-accordion__chevron-color-text: var(--sd-color-primary);
   --sd-accordion__indicator-color: var(--sd-color-accent);
   --sd-aspect-16\/10: 16 / 10;
   --sd-aspect-21\/9: 21 / 9;
@@ -20,9 +19,8 @@
   --sd-aspect-golden-ratio: 1.6180339887498948482 / 1;
   --sd-aspect-square: 1 / 1;
   --sd-aspect-video: 16 / 9;
-  --sd-audio--inverted-color-border: var(--sd-color-white);
-  --sd-audio__slide-bar--inverted-color-border: var(--sd-color-primary-400);
-  --sd-audio__timestamp-color-text: var(--sd-color-black);
+  --sd-audio__slide-bar--inverted-color-background: var(--sd-color-primary-400);
+  --sd-audio__track-bar--inverted-color-background: var(--sd-color-white);
   --sd-badge--blue--inverted-color-background: var(--sd-color-primary-100);
   --sd-badge--blue--inverted-color-text: var(--sd-color-primary);
   --sd-badge--blue-color-background: var(--sd-color-primary-500);
@@ -54,6 +52,7 @@
   --sd-button--primary--default-color-background: var(--sd-color-primary);
   --sd-button--primary--default-color-text: var(--sd-color-white);
   --sd-button--primary--hover-color-background: var(--sd-color-primary-500);
+  --sd-button--primary--hover-color-text: var(--sd-color-primary-100);
   --sd-button--primary--inverted--active-color-background: var(--sd-color-primary-200);
   --sd-button--primary--inverted--active-color-text: var(--sd-color-primary-800);
   --sd-button--primary--inverted--default-color-background: var(--sd-color-white);
@@ -61,30 +60,46 @@
   --sd-button--primary--inverted--hover-color-background: var(--sd-color-primary-100);
   --sd-button--primary--inverted--hover-color-text: var(--sd-color-primary-500);
   --sd-button--secondary--active-color-background: var(--sd-color-primary-200);
+  --sd-button--secondary--active-color-text: var(--sd-color-primary-800);
   --sd-button--secondary--default-color-text: var(--sd-color-primary);
   --sd-button--secondary--disabled-color-text: var(--sd-color-neutral-500);
   --sd-button--secondary--hover-color-background: var(--sd-color-primary-100);
   --sd-button--secondary--inverted--active-color-background: var(--sd-color-primary-800);
+  --sd-button--secondary--inverted--active-color-text: var(--sd-color-primary-200);
   --sd-button--secondary--inverted--hover-color-background: var(--sd-color-primary-500);
   --sd-button--secondary--inverted--hover-color-text: var(--sd-color-primary-100);
   --sd-button--secondary--inverted-color-border: var(--sd-color-white);
-  --sd-button--size-lg-border-radius: var(--sd-spacing-1);
+  --sd-button--secondary--inverted-color-text: var(--sd-color-white);
+  --sd-button--secondary--size-lg-padding-block: 0.6875rem;
+  --sd-button--secondary--size-md-padding-block: 0.4375rem;
+  --sd-button--secondary--size-sm-padding-block: 0.28125rem;
+  --sd-button--secondary-padding-inline: 0.9375rem;
   --sd-button--size-lg-font-size: var(--sd-spacing-4);
+  --sd-button--size-lg-icon-height: var(--sd-spacing-6);
+  --sd-button--size-lg-min-height: var(--sd-spacing-12);
   --sd-button--size-lg-padding-block: var(--sd-spacing-3);
+  --sd-button--size-md--icon-only-padding-inline: var(--sd-spacing-2\.5);
   --sd-button--size-md-border-radius: var(--sd-spacing-1);
   --sd-button--size-md-font-size: var(--sd-spacing-4);
+  --sd-button--size-md-min-height: var(--sd-spacing-10);
   --sd-button--size-md-padding-block: var(--sd-spacing-2);
   --sd-button--size-sm-border-radius: var(--sd-spacing-1);
   --sd-button--size-sm-font-size: 0.875rem;
-  --sd-button--size-sm-padding-block: var(--sd-spacing-2);
+  --sd-button--size-sm-padding-block: 0.34375rem;
   --sd-button--tertiary--active-color-background: var(--sd-color-primary-200);
+  --sd-button--tertiary--active-color-text: var(--sd-color-primary-800);
   --sd-button--tertiary--default-color-text: var(--sd-color-primary);
   --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-500);
   --sd-button--tertiary--hover-color-background: var(--sd-color-primary-100);
   --sd-button--tertiary--inverted--active-color-background: var(--sd-color-primary-800);
+  --sd-button--tertiary--inverted--active-color-text: var(--sd-color-primary-200);
   --sd-button--tertiary--inverted--hover-color-background: var(--sd-color-primary-500);
   --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-primary-100);
+  --sd-button--tertiary--inverted-color-text: var(--sd-color-white);
+  --sd-button-border-radius: var(--sd-spacing-1);
+  --sd-button-border-width: var(--sd-spacing-0\.25);
   --sd-button-font-weight: var(--sd-font-weight-normal);
+  --sd-button-padding-inline: var(--sd-spacing-4);
   --sd-carousel--active--inverted-color-border: var(--sd-color-accent);
   --sd-carousel--active-color-border: var(--sd-color-accent);
   --sd-carousel__pager-dot--inverted--hovered-background: var(--sd-color-accent);
@@ -103,9 +118,7 @@
   --sd-chip--white-color-background: var(--sd-color-white);
   --sd-chip--white-color-border: 255 255 255 / 0;
   --sd-chip-border-radius: var(--sd-spacing-1);
-  --sd-chip-border-width: 0;
-  --sd-chip-font-size: 0.875rem;
-  --sd-chip-font-weight: var(--sd-font-weight-normal);
+  --sd-choice-control-font-weight: var(--sd-font-weight-normal);
   --sd-color-accent-100: 182 223 170;
   --sd-color-accent-200: 142 208 130;
   --sd-color-accent-300: 108 194 84;
@@ -140,7 +153,6 @@
   --sd-color-background-success: var(--sd-color-success);
   --sd-color-background-warning: var(--sd-color-warning);
   --sd-color-background-white: var(--sd-color-white);
-  --sd-color-background: var(--sd-color-neutral-200);
   --sd-color-black: 24 24 24;
   --sd-color-border-accent-550: var(--sd-color-success);
   --sd-color-border-accent: var(--sd-color-accent);
@@ -226,20 +238,23 @@
   --sd-color-text-white: var(--sd-color-white);
   --sd-color-warning: 187 141 32;
   --sd-color-white: 255 255 255;
-  --sd-combobox--default-color-icon: var(--sd-color-primary);
-  --sd-combobox--default-color-text: var(--sd-color-primary);
   --sd-combobox__tag-border-width: var(--sd-spacing-0\.25);
+  --sd-datepicker__date-item--current-color-text: var(--sd-color-primary);
   --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold);
   --sd-datepicker__date-item--default-color-text: var(--sd-color-primary);
-  --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal);
-  --sd-datepicker__date-item--hovered--current-color-text: var(--sd-color-primary-500);
-  --sd-datepicker__date-item--hovered--default-color-background: var(--sd-color-primary-100);
-  --sd-datepicker__date-item--hovered--default-color-text: var(--sd-color-primary-500);
-  --sd-datepicker__date-item--hovered--prev-next-color-background: var(--sd-color-primary-100);
-  --sd-datepicker__date-item--hovered--prev-next-color-text: var(--sd-color-neutral-700);
+  --sd-datepicker__date-item--hover--default-color-background: var(--sd-color-primary-100);
+  --sd-datepicker__date-item--hover--default-color-border: var(--sd-color-primary-500);
+  --sd-datepicker__date-item--hover--default-color-text: var(--sd-color-primary-500);
+  --sd-datepicker__date-item--hover--prev-next-color-background: var(--sd-color-primary-100);
+  --sd-datepicker__date-item--hover--prev-next-color-text: var(--sd-color-neutral-700);
+  --sd-datepicker__date-item--range-color-background: var(--sd-color-primary-100);
+  --sd-datepicker__date-item--selected--hover-color-background: var(--sd-color-primary-500);
+  --sd-datepicker__date-item--selected-color-background: var(--sd-color-primary);
   --sd-datepicker__date-item--selected-color-text: var(--sd-color-white);
   --sd-divider--inverted-color-border: var(--sd-color-primary-400);
+  --sd-drop-shadow-listbox:  0px 1px 3px rgba(81, 81, 81, 0.75);
   --sd-drop-shadow-sm:  0.5px 0.5px 1.5px #515151;
+  --sd-drop-shadow-xs:  0.5px 0.5px 1.5px #515151;
   --sd-drop-shadow:  0px 1px 3px rgba(81, 81, 81, 0.75);
   --sd-dropdown-color-background: var(--sd-color-white);
   --sd-duration-fast: 150ms;
@@ -255,9 +270,6 @@
   --sd-flag--white-color-background: var(--sd-color-white);
   --sd-flag--white-color-border: 255 255 255 / 0;
   --sd-flag-border-radius: 0;
-  --sd-flag-border-width: 0;
-  --sd-flag-font-size: 0.875rem;
-  --sd-flag-font-weight: var(--sd-font-weight-normal);
   --sd-font-primary: 'Frutiger Neue';
   --sd-font-weight-bold: 600;
   --sd-font-weight-normal: 400;
@@ -266,39 +278,43 @@
   --sd-form-control--invalid-color-background: var(--sd-color-white);
   --sd-form-control-border-radius: var(--sd-spacing-1);
   --sd-form-control-color-border: var(--sd-color-neutral-800);
-  --sd-form-control-color-icon-fill: var(--sd-color-primary);
   --sd-form-control-color-text: var(--sd-color-black);
-  --sd-form-control__tooltip-color-icon: var(--sd-color-primary);
+  --sd-form-control__listbox-border-bottom-left-radius: var(--sd-spacing-1);
+  --sd-form-control__listbox-border-bottom-right-radius: var(--sd-spacing-1);
+  --sd-form-control__listbox-border-top-left-radius: var(--sd-spacing-1);
+  --sd-form-control__listbox-border-top-right-radius: var(--sd-spacing-1);
   --sd-header-color-background: var(--sd-color-white);
   --sd-header-padding-bottom: 0;
+  --sd-header__shadow-height: var(--sd-spacing-1);
   --sd-header__underline-color-background: 255 255 255 / 0;
   --sd-header__underline-height: var(--sd-spacing-2);
-  --sd-headline-4xl-and-mobile-4xl-text: var(--sd-color-primary);
+  --sd-headline--3xl-onwards-color-text: var(--sd-color-primary);
   --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800);
   --sd-informational-gradient--white-color-background: var(--sd-color-white);
   --sd-interactive--active-color-text: var(--sd-color-primary-800);
   --sd-interactive--default-color-text: var(--sd-color-primary);
-  --sd-link-color--active-text: var(--sd-color-primary-800);
-  --sd-link-color--default-text: var(--sd-color-primary);
-  --sd-link-color--disabled-text: var(--sd-color-primary-800);
   --sd-link-color--hover-icon: var(--sd-color-primary-500);
-  --sd-link-color--hover-text: var(--sd-color-primary-500);
   --sd-link-color--none-icon: var(--sd-color-primary);
   --sd-link-color--pressed-icon: var(--sd-color-primary-800);
-  --sd-map-marker-cluster--hovered-color-icon-fill: var(--sd-color-primary-500);
-  --sd-map-marker-cluster-color-icon-fill: var(--sd-color-primary);
-  --sd-map-marker-font-size: var(--sd-spacing-3);
-  --sd-map-marker-main-color-icon-fill: var(--sd-color-accent-500);
-  --sd-menu--disabled-color-icon: var(--sd-color-neutral-500);
-  --sd-menu--disabled-color-text: var(--sd-color-neutral-500);
-  --sd-menu-color-icon: var(--sd-color-primary);
-  --sd-menu-color-text: var(--sd-color-primary);
+  --sd-map-marker--cluster--default-color-background: var(--sd-color-primary);
+  --sd-map-marker--cluster--hover-color-background: var(--sd-color-primary-500);
+  --sd-map-marker--cluster-color-text: var(--sd-color-white);
+  --sd-map-marker--main-color-background: var(--sd-color-accent-500);
+  --sd-map-marker--pin--default-color-background: var(--sd-color-white);
+  --sd-map-marker--pin--hover-color-background: var(--sd-color-primary-100);
+  --sd-map-marker--pin-color-text: var(--sd-color-primary);
+  --sd-marker-border-width: 0;
+  --sd-marker-font-size: 0.875rem;
+  --sd-marker-font-weight: var(--sd-font-weight-normal);
+  --sd-menu-item--disabled-color-icon-fill: var(--sd-color-neutral-500);
+  --sd-menu-item--disabled-color-text: var(--sd-color-neutral-500);
+  --sd-menu-item-color-icon-fill: var(--sd-color-primary);
+  --sd-menu-item-color-text: var(--sd-color-primary);
   --sd-navigable-border-radius: 0;
   --sd-navigable-font-size: var(--sd-spacing-4);
   --sd-navigable__current-indicator-border-radius: 0;
   --sd-navigable__current-indicator-height: var(--sd-spacing-1);
   --sd-navigable__current-indicator-width: var(--sd-spacing-1);
-  --sd-navigation-item--current-color-text: var(--sd-color-primary);
   --sd-navigation-item-color-text: var(--sd-color-primary);
   --sd-notification--error-color-background: var(--sd-color-white);
   --sd-notification--info-color-background: var(--sd-color-white);
@@ -306,6 +322,7 @@
   --sd-notification--warning-color-background: var(--sd-color-white);
   --sd-notification-color-border: var(--sd-color-neutral-400);
   --sd-notification-color-icon-fill: var(--sd-color-primary);
+  --sd-notification__duration-indicator-color-background: var(--sd-color-primary);
   --sd-opacity-0: 0%;
   --sd-opacity-100: 100%;
   --sd-opacity-10: 10%;
@@ -320,14 +337,11 @@
   --sd-opacity-80: 80%;
   --sd-opacity-85: 85%;
   --sd-opacity-90: 90%;
-  --sd-option--disabled-color-border: var(--sd-color-neutral-500);
   --sd-overlay-color-background: 5 21 48 / 0.9;
-  --sd-pagination--default-border: var(--sd-color-success);
-  --sd-pagination--inverted-border: var(--sd-color-success);
+  --sd-pagination--default-border: var(--sd-color-accent);
+  --sd-pagination--inverted-border: var(--sd-color-accent);
   --sd-panel-color-border: 255 255 255 / 0;
   --sd-quickfact--expandable-color-text: var(--sd-color-primary);
-  --sd-quickfact__expandable-color-description-default-text: var(--sd-color-black);
-  --sd-quickfact__expandable-color-title-default-text: var(--sd-color-black);
   --sd-radio--checked--default-color-background: var(--sd-color-white);
   --sd-radio--checked--default__icon-color-background: var(--sd-color-accent);
   --sd-radio--checked--hover-color-background: var(--sd-color-white);
@@ -336,13 +350,10 @@
   --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-error);
   --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-error-400);
   --sd-radio--default--invalid-color-background: var(--sd-color-white);
-  --sd-radio--error-color-text: var(--sd-color-error);
   --sd-radio-border-width: var(--sd-spacing-0\.25);
   --sd-radio-button--hover-color-background: 255 255 255 / 0;
-  --sd-radio-button--hover-color-icon-fill: var(--sd-color-primary-500);
   --sd-radio-button--hover-color-text: var(--sd-color-primary-500);
   --sd-radio-button-border-radius: 624.9375rem;
-  --sd-radio-button-color-icon-fil: var(--sd-color-primary);
   --sd-radio-button-color-text: var(--sd-color-primary);
   --sd-radio-button-group-border-radius: 624.9375rem;
   --sd-radio-button-group-border-width: var(--sd-spacing-0\.25);
@@ -355,8 +366,11 @@
   --sd-radius: 0.25rem;
   --sd-range-scale-ticks-color-text: var(--sd-color-black);
   --sd-range__bar-border-width: var(--sd-spacing-1);
+  --sd-shadow-listbox:  0px 1px 3px 0px rgba(81, 81, 81, 0.75);
   --sd-shadow-sm:  0.5px 0.5px 1.5px 0px #515151;
+  --sd-shadow-xs:  0.5px 0.5px 1.5px 0px #515151;
   --sd-shadow:  0px 1px 3px 0px rgba(81, 81, 81, 0.75);
+  --sd-sizing-0: 0;
   --sd-sizing-0\.25: 0.0625rem;
   --sd-sizing-0\.5: 0.125rem;
   --sd-sizing-10: 2.5rem;
@@ -384,6 +398,7 @@
   --sd-spacing-20: 5rem;
   --sd-spacing-24: 6rem;
   --sd-spacing-2: 0.5rem;
+  --sd-spacing-2\.5: 0.625rem;
   --sd-spacing-32: 8rem;
   --sd-spacing-3: 0.75rem;
   --sd-spacing-40: 10rem;
@@ -391,20 +406,21 @@
   --sd-spacing-6: 1.5rem;
   --sd-spacing-8: 2rem;
   --sd-step-color-text: var(--sd-color-primary);
-  --sd-step-hover-color-text: var(--sd-color-primary-500);
   --sd-step__circle-border-width: var(--sd-spacing-0\.25);
   --sd-step__tail-border-width: var(--sd-spacing-0\.25);
   --sd-switch--checked--hover-color-background: var(--sd-color-success);
   --sd-switch--unchecked-color-border: var(--sd-color-neutral-800);
   --sd-switch--unchecked__icon-color-background: var(--sd-color-neutral-800);
   --sd-switch-color-text: var(--sd-color-black);
+  --sd-tab--active-color-text: var(--sd-color-primary);
+  --sd-tab--hover-color-background: var(--sd-color-neutral-200);
   --sd-tab-color-border: var(--sd-color-neutral-400);
-  --sd-tab-font-weight: var(--sd-font-weight-normal);
+  --sd-tab-color-text: var(--sd-color-primary);
   --sd-tag--default--hover-color-background: 255 255 255 / 0;
   --sd-tag--default-color-background: 255 255 255 / 0;
   --sd-tag--default-color-border: var(--sd-color-primary);
   --sd-tag--default-color-text: var(--sd-color-primary);
-  --sd-tag--disabled-color-border: var(--sd-color-neutral-500);
+  --sd-tag--disabled-color-text: var(--sd-color-neutral-500);
   --sd-tag--selected--default-color-background: var(--sd-color-primary);
   --sd-tag--selected--default-color-border: 255 255 255 / 0;
   --sd-tag--selected--default-color-text: var(--sd-color-white);
@@ -423,7 +439,9 @@
   --sd-teaser-media--neutral-100--hover-color-background: var(--sd-color-neutral-100);
   --sd-teaser-media--neutral-100-color-background: var(--sd-color-neutral-100);
   --sd-teaser-media--primary-100--hover-color-background: var(--sd-color-primary-100);
-  --sd-teaser-media--primary-100-color-background: var(--sd-color-primary-100);
+  --sd-teaser-media--primary-100-color-background: 236 240 249 / 0.8;
+  --sd-teaser-media--white--hover-color-background: 255 255 255 / 0.9;
+  --sd-teaser-media--white-color-background: 255 255 255 / 0.8;
   --sd-text-2xl: 1.75rem;
   --sd-text-3xl: 2rem;
   --sd-text-4xl: 2.5rem;
@@ -432,11 +450,35 @@
   --sd-text-sm: 0.875rem;
   --sd-text-xl: 1.5rem;
   --sd-text-xs: 0.75rem;
-  --sd-tooltip-border-width: var(--sd-spacing-0\.25);
   --sd-tooltip-color-background: var(--sd-color-primary);
-  --sd-tooltip-color-border: 255 255 255 / 0;
   --sd-tooltip-color-text: var(--sd-color-white);
-  --sd-video--description-color-text: var(--sd-color-neutral-700);
   --sd-video--play-button-color-background: 255 255 255 / 0.8;
   --sd-video--play-button-color-icon-fill: var(--sd-color-primary);
 }
+
+:root, .sd-theme-ui-light {
+  /*
+   * Deprecated variables – manually overriding these in custom themes might lead to problems in future versions of Solid.
+   * Use the actual used value instead. Example:
+   * Instead of --sd-chip-border-width use --sd-marker-border-width for your overrides.
+   */
+  --sd-button--size-lg-border-radius: var(--sd-button-border-radius);
+  --sd-button--size-md-border-radius: var(--sd-button-border-radius);
+  --sd-button--size-sm-border-radius: var(--sd-button-border-radius);
+  --sd-button--secondary--inverted--color-border: var(--sd-button-secondary-inverted-color-border);
+  --sd-chip-font-size: var(--sd-marker-font-size);
+  --sd-chip-border-width: var(--sd-marker-border-width);
+  --sd-chip-font-weight: var(--sd-marker-font-weight);
+  --sd-flag-border-width: var(--sd-marker-border-width);
+  --sd-form-control-color-icon: var(--sd-form-control-color-icon-fill);
+  --sd-menu-color-icon: var(--sd-menu-item-color-icon-fill);
+  --sd-menu-color-text: var(--sd-menu-item-color-text);
+  --sd-menu--disabled-color-icon: var(--sd-menu-item--disabled-color-icon-fill);
+  --sd-menu--disabled-color-text: var(--sd-menu-item--disabled-color-text);
+  --sd-tag-font-weight: var(--sd-choice-control-font-weight);
+  --sd-tag--disabled-color-border: var(--sd-color-border-neutral-500);
+  --sd-navigation-item--current-color-text: var(--sd-navigation-item-color-text);
+  --sd-option--disabled-color-border: var(--sd-color-border-neutral-500);
+  --sd-audio__timestamp-color-text: var(--sd-color-text-neutral-700);
+  --sd-accordion__chevron-color-text: var(--sd-accordion-color-icon-fill, var(--sd-color-icon-fill-primary));
+}
\ No newline at end of file
diff --git a/packages/tokens/themes/vb/vb.css b/packages/tokens/themes/vb/vb.css
index f4d6596d15..248ab66a6f 100644
--- a/packages/tokens/themes/vb/vb.css
+++ b/packages/tokens/themes/vb/vb.css
@@ -3,9 +3,9 @@
 
   --sd-theme: 'vb';
   --sd-accordion-border-width: var(--sd-spacing-0\.5);
+  --sd-accordion-color-icon-fill: var(--sd-color-neutral-700);
   --sd-accordion-color-text: var(--sd-color-black);
-  --sd-accordion-padding-block: var(--sd-spacing-4);
-  --sd-accordion__chevron-color-text: 255 255 255 / 0.4;
+  --sd-accordion-padding-block: 0.9375rem;
   --sd-accordion__indicator-color: 255 255 255 / 0;
   --sd-aspect-16\/10: 16 / 10;
   --sd-aspect-21\/9: 21 / 9;
@@ -19,12 +19,11 @@
   --sd-aspect-golden-ratio: 1.6180339887498948482 / 1;
   --sd-aspect-square: 1 / 1;
   --sd-aspect-video: 16 / 9;
-  --sd-audio--inverted-color-border: var(--sd-color-white);
-  --sd-audio__slide-bar--inverted-color-border: 255 255 255 / 0.5;
-  --sd-audio__timestamp-color-text: var(--sd-color-neutral-700);
+  --sd-audio__slide-bar--inverted-color-background: 255 255 255 / 0.5;
+  --sd-audio__track-bar--inverted-color-background: var(--sd-color-white);
   --sd-badge--blue--inverted-color-background: var(--sd-color-white);
   --sd-badge--blue--inverted-color-text: var(--sd-color-info);
-  --sd-badge--blue-color-background: var(--sd-color-primary);
+  --sd-badge--blue-color-background: var(--sd-color-primary-500);
   --sd-badge--green-color--inverted-background: var(--sd-color-success);
   --sd-badge--green-color--inverted-text: var(--sd-color-white);
   --sd-badge--green-color-background: var(--sd-color-success);
@@ -36,7 +35,7 @@
   --sd-border-width-4: 0.25rem;
   --sd-border-width-6: 0.375rem;
   --sd-border-width: 0.0625rem;
-  --sd-brandshape--neutral-100-color-background: var(--sd-color-primary-100);
+  --sd-brandshape--neutral-100-color-background: var(--sd-color-neutral-100);
   --sd-brandshape--white-color-background: var(--sd-color-white);
   --sd-breadcrumb__separator--current-color: var(--sd-color-warning);
   --sd-breadcrumb__separator-color: var(--sd-color-neutral-200);
@@ -44,46 +43,63 @@
   --sd-button--cta--inverted--active-color-text: var(--sd-color-info);
   --sd-button--cta--inverted--default-color-background: var(--sd-color-white);
   --sd-button--cta--inverted--default-color-text: var(--sd-color-info);
-  --sd-button--cta--inverted--hover-color-background: var(--sd-color-primary-100);
-  --sd-button--cta--inverted--hover-color-text: var(--sd-color-primary);
+  --sd-button--cta--inverted--hover-color-background: var(--sd-color-primary-200);
+  --sd-button--cta--inverted--hover-color-text: var(--sd-color-primary-500);
   --sd-button--inverted--disabled-color-background: var(--sd-color-primary-400);
   --sd-button--inverted--disabled-color-border: var(--sd-color-primary-400);
   --sd-button--inverted--disabled-color-text: var(--sd-color-primary-400);
   --sd-button--primary--active-color-text: var(--sd-color-primary-200);
   --sd-button--primary--default-color-background: var(--sd-color-primary);
   --sd-button--primary--default-color-text: var(--sd-color-white);
-  --sd-button--primary--hover-color-background: var(--sd-color-primary-600);
+  --sd-button--primary--hover-color-background: var(--sd-color-primary-700);
+  --sd-button--primary--hover-color-text: var(--sd-color-primary-200);
   --sd-button--primary--inverted--active-color-background: var(--sd-color-primary-200);
   --sd-button--primary--inverted--active-color-text: var(--sd-color-info);
   --sd-button--primary--inverted--default-color-background: var(--sd-color-white);
   --sd-button--primary--inverted--default-color-text: var(--sd-color-info);
-  --sd-button--primary--inverted--hover-color-background: var(--sd-color-primary-100);
+  --sd-button--primary--inverted--hover-color-background: var(--sd-color-primary-200);
   --sd-button--primary--inverted--hover-color-text: var(--sd-color-info);
-  --sd-button--secondary--active-color-background: var(--sd-color-primary-100);
+  --sd-button--secondary--active-color-background: var(--sd-color-primary-200);
+  --sd-button--secondary--active-color-text: var(--sd-color-info);
   --sd-button--secondary--default-color-text: var(--sd-color-primary);
   --sd-button--secondary--disabled-color-text: var(--sd-color-neutral-500);
-  --sd-button--secondary--hover-color-background: var(--sd-color-primary-100);
-  --sd-button--secondary--inverted--active-color-background: 39 77 126;
+  --sd-button--secondary--hover-color-background: var(--sd-color-primary-200);
+  --sd-button--secondary--inverted--active-color-background: var(--sd-color-primary-750);
+  --sd-button--secondary--inverted--active-color-text: var(--sd-color-primary-200);
   --sd-button--secondary--inverted--hover-color-background: var(--sd-color-primary-750);
-  --sd-button--secondary--inverted--hover-color-text: var(--sd-color-primary-100);
+  --sd-button--secondary--inverted--hover-color-text: var(--sd-color-primary-200);
   --sd-button--secondary--inverted-color-border: var(--sd-color-white);
-  --sd-button--size-lg-border-radius: 624.9375rem;
+  --sd-button--secondary--inverted-color-text: var(--sd-color-white);
+  --sd-button--secondary--size-lg-padding-block: var(--sd-spacing-2);
+  --sd-button--secondary--size-md-padding-block: var(--sd-spacing-2);
+  --sd-button--secondary--size-sm-padding-block: 0.21875rem;
+  --sd-button--secondary-padding-inline: 1.375rem;
   --sd-button--size-lg-font-size: 0.875rem;
-  --sd-button--size-lg-padding-block: 0.625rem;
+  --sd-button--size-lg-icon-height: 1.25rem;
+  --sd-button--size-lg-min-height: 2.75rem;
+  --sd-button--size-lg-padding-block: var(--sd-spacing-2\.5);
+  --sd-button--size-md--icon-only-padding-inline: var(--sd-spacing-3);
   --sd-button--size-md-border-radius: 624.9375rem;
   --sd-button--size-md-font-size: 0.875rem;
-  --sd-button--size-md-padding-block: 0.625rem;
+  --sd-button--size-md-min-height: 2.75rem;
+  --sd-button--size-md-padding-block: var(--sd-spacing-2\.5);
   --sd-button--size-sm-border-radius: 624.9375rem;
   --sd-button--size-sm-font-size: 0.875rem;
-  --sd-button--size-sm-padding-block: 0.625rem;
-  --sd-button--tertiary--active-color-background: var(--sd-color-primary-100);
+  --sd-button--size-sm-padding-block: 0.34375rem;
+  --sd-button--tertiary--active-color-background: var(--sd-color-primary-200);
+  --sd-button--tertiary--active-color-text: var(--sd-color-info);
   --sd-button--tertiary--default-color-text: var(--sd-color-primary);
   --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-500);
-  --sd-button--tertiary--hover-color-background: var(--sd-color-primary-100);
+  --sd-button--tertiary--hover-color-background: var(--sd-color-primary-200);
   --sd-button--tertiary--inverted--active-color-background: 39 77 126;
+  --sd-button--tertiary--inverted--active-color-text: var(--sd-color-primary-200);
   --sd-button--tertiary--inverted--hover-color-background: var(--sd-color-primary-750);
-  --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-primary-100);
+  --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-primary-200);
+  --sd-button--tertiary--inverted-color-text: var(--sd-color-white);
+  --sd-button-border-radius: 624.9375rem;
+  --sd-button-border-width: var(--sd-spacing-0\.5);
   --sd-button-font-weight: var(--sd-font-weight-bold);
+  --sd-button-padding-inline: var(--sd-spacing-6);
   --sd-carousel--active--inverted-color-border: var(--sd-color-white);
   --sd-carousel--active-color-border: var(--sd-color-primary);
   --sd-carousel__pager-dot--inverted--hovered-background: var(--sd-color-white);
@@ -102,9 +118,7 @@
   --sd-chip--white-color-background: 237 240 244;
   --sd-chip--white-color-border: var(--sd-color-info);
   --sd-chip-border-radius: var(--sd-spacing-1);
-  --sd-chip-border-width: var(--sd-spacing-0\.25);
-  --sd-chip-font-size: 0.875rem;
-  --sd-chip-font-weight: var(--sd-font-weight-normal);
+  --sd-choice-control-font-weight: var(--sd-font-weight-bold);
   --sd-color-accent-100: 244 205 178;
   --sd-color-accent-200: 245 182 145;
   --sd-color-accent-300: 247 154 102;
@@ -116,43 +130,42 @@
   --sd-color-accent-800: 105 63 29;
   --sd-color-accent: 243 94 1;
   --sd-color-background-accent-300: var(--sd-color-primary-400);
-  --sd-color-background-accent-500: var(--sd-color-primary);
-  --sd-color-background-accent-550: var(--sd-color-primary-600);
-  --sd-color-background-accent-700: var(--sd-color-primary-750);
+  --sd-color-background-accent-500: var(--sd-color-primary-500);
+  --sd-color-background-accent-550: var(--sd-color-primary);
+  --sd-color-background-accent-700: var(--sd-color-primary-700);
   --sd-color-background-accent: var(--sd-color-primary);
   --sd-color-background-error-400: var(--sd-color-error);
   --sd-color-background-error: var(--sd-color-error);
   --sd-color-background-info: var(--sd-color-info);
-  --sd-color-background-neutral-100: var(--sd-color-primary-100);
+  --sd-color-background-neutral-100: var(--sd-color-neutral-100);
   --sd-color-background-neutral-200: var(--sd-color-neutral-100);
   --sd-color-background-neutral-300: var(--sd-color-neutral-200);
   --sd-color-background-neutral-400: var(--sd-color-neutral-300);
   --sd-color-background-neutral-500: var(--sd-color-neutral-500);
-  --sd-color-background-neutral-600: var(--sd-color-neutral-600);
+  --sd-color-background-neutral-600: var(--sd-color-neutral-800);
   --sd-color-background-neutral-800: var(--sd-color-neutral-800);
   --sd-color-background-primary-100: var(--sd-color-primary-100);
   --sd-color-background-primary-200: var(--sd-color-primary-200);
   --sd-color-background-primary-300: var(--sd-color-primary-300);
-  --sd-color-background-primary-500: var(--sd-color-primary);
+  --sd-color-background-primary-500: var(--sd-color-primary-500);
   --sd-color-background-primary-800: var(--sd-color-info);
   --sd-color-background-primary: var(--sd-color-info);
   --sd-color-background-success: var(--sd-color-success);
   --sd-color-background-warning: var(--sd-color-warning);
   --sd-color-background-white: var(--sd-color-white);
-  --sd-color-background: 0 102 179 / 0.05;
   --sd-color-black: 0 0 0 / 0.86;
-  --sd-color-border-accent-550: var(--sd-color-primary-600);
+  --sd-color-border-accent-550: var(--sd-color-primary);
   --sd-color-border-accent: var(--sd-color-primary);
   --sd-color-border-error-400: var(--sd-color-error);
   --sd-color-border-error: var(--sd-color-error);
   --sd-color-border-neutral-400: var(--sd-color-neutral-500);
   --sd-color-border-neutral-500: var(--sd-color-neutral-500);
-  --sd-color-border-neutral-600: var(--sd-color-neutral-600);
+  --sd-color-border-neutral-600: var(--sd-color-neutral-800);
   --sd-color-border-neutral-800: var(--sd-color-neutral-800);
   --sd-color-border-primary-100: var(--sd-color-primary-100);
   --sd-color-border-primary-200: var(--sd-color-primary-200);
   --sd-color-border-primary-400: var(--sd-color-neutral-500);
-  --sd-color-border-primary-500: var(--sd-color-primary);
+  --sd-color-border-primary-500: var(--sd-color-primary-500);
   --sd-color-border-primary-800: var(--sd-color-info);
   --sd-color-border-primary: var(--sd-color-primary);
   --sd-color-border-success: var(--sd-color-success);
@@ -167,13 +180,13 @@
   --sd-color-icon-fill-error-400: var(--sd-color-error);
   --sd-color-icon-fill-error: var(--sd-color-error);
   --sd-color-icon-fill-neutral-400: var(--sd-color-neutral-200);
-  --sd-color-icon-fill-neutral-500: var(--sd-color-neutral-300);
+  --sd-color-icon-fill-neutral-500: var(--sd-color-neutral-500);
   --sd-color-icon-fill-neutral-600: 255 255 255 / 0.4;
   --sd-color-icon-fill-neutral-800: var(--sd-color-neutral-800);
   --sd-color-icon-fill-primary-100: var(--sd-color-primary-100);
   --sd-color-icon-fill-primary-200: var(--sd-color-primary-200);
   --sd-color-icon-fill-primary-400: 255 255 255 / 0.84;
-  --sd-color-icon-fill-primary-500: var(--sd-color-primary);
+  --sd-color-icon-fill-primary-500: var(--sd-color-primary-500);
   --sd-color-icon-fill-primary-800: var(--sd-color-info);
   --sd-color-icon-fill-primary: var(--sd-color-primary);
   --sd-color-icon-fill-risk-high: var(--sd-color-risk-high);
@@ -189,16 +202,16 @@
   --sd-color-neutral-300: 204 213 225;
   --sd-color-neutral-400: 191 202 217;
   --sd-color-neutral-500: 191 202 217;
-  --sd-color-neutral-600: 89 89 89;
+  --sd-color-neutral-600: 0 0 0 / 0.65;
   --sd-color-neutral-700: 0 0 0 / 0.62;
   --sd-color-neutral-800: 0 0 0 / 0.65;
-  --sd-color-primary-100: 224 237 246;
-  --sd-color-primary-200: 229 240 247;
-  --sd-color-primary-300: 153 194 225;
-  --sd-color-primary-400: 102 129 164;
-  --sd-color-primary-500: 0 102 179;
-  --sd-color-primary-600: 0 87 152;
-  --sd-color-primary-700: 26 66 118;
+  --sd-color-primary-100: 242 247 251;
+  --sd-color-primary-200: 224 237 246;
+  --sd-color-primary-300: 229 240 247;
+  --sd-color-primary-400: 153 194 225;
+  --sd-color-primary-500: 77 148 202;
+  --sd-color-primary-600: 0 102 179;
+  --sd-color-primary-700: 0 87 152;
   --sd-color-primary-750: 26 66 118;
   --sd-color-primary-800: 0 45 103;
   --sd-color-primary-900: 0 45 103;
@@ -218,27 +231,30 @@
   --sd-color-text-primary-100: var(--sd-color-primary-100);
   --sd-color-text-primary-200: var(--sd-color-primary-200);
   --sd-color-text-primary-400: 255 255 255 / 0.84;
-  --sd-color-text-primary-500: var(--sd-color-primary);
+  --sd-color-text-primary-500: var(--sd-color-primary-500);
   --sd-color-text-primary-800: var(--sd-color-info);
   --sd-color-text-primary: var(--sd-color-info);
   --sd-color-text-success: var(--sd-color-success);
   --sd-color-text-white: var(--sd-color-white);
   --sd-color-warning: 243 94 1;
   --sd-color-white: 255 255 255;
-  --sd-combobox--default-color-icon: var(--sd-color-primary);
-  --sd-combobox--default-color-text: var(--sd-color-primary);
   --sd-combobox__tag-border-width: var(--sd-spacing-0\.5);
+  --sd-datepicker__date-item--current-color-text: var(--sd-color-primary);
   --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold);
   --sd-datepicker__date-item--default-color-text: var(--sd-color-black);
-  --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal);
-  --sd-datepicker__date-item--hovered--current-color-text: var(--sd-color-primary);
-  --sd-datepicker__date-item--hovered--default-color-background: var(--sd-color-primary-100);
-  --sd-datepicker__date-item--hovered--default-color-text: var(--sd-color-black);
-  --sd-datepicker__date-item--hovered--prev-next-color-background: var(--sd-color-primary-100);
-  --sd-datepicker__date-item--hovered--prev-next-color-text: var(--sd-color-neutral-700);
+  --sd-datepicker__date-item--hover--default-color-background: var(--sd-color-primary-100);
+  --sd-datepicker__date-item--hover--default-color-border: var(--sd-color-black);
+  --sd-datepicker__date-item--hover--default-color-text: var(--sd-color-black);
+  --sd-datepicker__date-item--hover--prev-next-color-background: var(--sd-color-primary-100);
+  --sd-datepicker__date-item--hover--prev-next-color-text: var(--sd-color-neutral-700);
+  --sd-datepicker__date-item--range-color-background: var(--sd-color-primary-100);
+  --sd-datepicker__date-item--selected--hover-color-background: var(--sd-color-primary-700);
+  --sd-datepicker__date-item--selected-color-background: var(--sd-color-primary);
   --sd-datepicker__date-item--selected-color-text: var(--sd-color-white);
   --sd-divider--inverted-color-border: 255 255 255 / 0.4;
+  --sd-drop-shadow-listbox:  0px 20px 20px rgba(0, 0, 0, 0.25);
   --sd-drop-shadow-sm:  0.5px 0.5px 1.5px rgba(0, 0, 0, 0.65);
+  --sd-drop-shadow-xs:  0.5px 0.5px 1.5px rgba(0, 0, 0, 0.65);
   --sd-drop-shadow:  0px 0px 20px rgba(0, 0, 0, 0.25);
   --sd-dropdown-color-background: var(--sd-color-white);
   --sd-duration-fast: 150ms;
@@ -254,9 +270,6 @@
   --sd-flag--white-color-background: 237 240 244;
   --sd-flag--white-color-border: var(--sd-color-info);
   --sd-flag-border-radius: var(--sd-spacing-1);
-  --sd-flag-border-width: var(--sd-spacing-0\.25);
-  --sd-flag-font-size: 0.875rem;
-  --sd-flag-font-weight: var(--sd-font-weight-normal);
   --sd-font-primary: 'GenosGFG';
   --sd-font-weight-bold: 600;
   --sd-font-weight-normal: 400;
@@ -265,46 +278,51 @@
   --sd-form-control--invalid-color-background: 253 237 237;
   --sd-form-control-border-radius: var(--sd-spacing-1);
   --sd-form-control-color-border: var(--sd-color-black);
-  --sd-form-control-color-icon-fill: var(--sd-color-neutral-700);
   --sd-form-control-color-text: var(--sd-color-neutral-700);
-  --sd-form-control__tooltip-color-icon: var(--sd-color-black);
+  --sd-form-control__listbox-border-bottom-left-radius: var(--sd-spacing-1);
+  --sd-form-control__listbox-border-bottom-right-radius: var(--sd-spacing-1);
+  --sd-form-control__listbox-border-top-left-radius: var(--sd-spacing-1);
+  --sd-form-control__listbox-border-top-right-radius: var(--sd-spacing-1);
   --sd-header-color-background: var(--sd-color-white);
   --sd-header-padding-bottom: var(--sd-spacing-0\.5);
+  --sd-header__shadow-height: 0;
   --sd-header__underline-color-background: var(--sd-color-neutral-200);
   --sd-header__underline-height: var(--sd-spacing-0\.25);
-  --sd-headline-4xl-and-mobile-4xl-text: var(--sd-color-info);
-  --sd-informational-gradient--primary-800-color-background: var(--sd-color-info);
+  --sd-headline--3xl-onwards-color-text: var(--sd-color-info);
+  --sd-informational-gradient--primary-800-color-background: 0 0 0;
   --sd-informational-gradient--white-color-background: var(--sd-color-white);
-  --sd-interactive--active-color-text: var(--sd-color-info);
+  --sd-interactive--active-color-text: var(--sd-color-primary);
   --sd-interactive--default-color-text: var(--sd-color-primary);
-  --sd-link-color--active-text: var(--sd-color-primary);
-  --sd-link-color--default-text: var(--sd-color-primary);
-  --sd-link-color--disabled-text: 195 195 195;
   --sd-link-color--hover-icon: var(--sd-color-primary);
-  --sd-link-color--hover-text: var(--sd-color-primary);
   --sd-link-color--none-icon: var(--sd-color-primary);
   --sd-link-color--pressed-icon: var(--sd-color-primary);
-  --sd-map-marker-cluster--hovered-color-icon-fill: var(--sd-color-primary-600);
-  --sd-map-marker-cluster-color-icon-fill: var(--sd-color-primary);
-  --sd-map-marker-font-size: var(--sd-spacing-3);
-  --sd-map-marker-main-color-icon-fill: var(--sd-color-primary);
-  --sd-menu--disabled-color-icon: 0 0 0 / 0.2;
-  --sd-menu--disabled-color-text: 0 0 0 / 0.2;
-  --sd-menu-color-icon: var(--sd-color-black);
-  --sd-menu-color-text: var(--sd-color-black);
+  --sd-map-marker--cluster--default-color-background: var(--sd-color-primary);
+  --sd-map-marker--cluster--hover-color-background: var(--sd-color-primary);
+  --sd-map-marker--cluster-color-text: var(--sd-color-white);
+  --sd-map-marker--main-color-background: var(--sd-color-primary);
+  --sd-map-marker--pin--default-color-background: var(--sd-color-white);
+  --sd-map-marker--pin--hover-color-background: var(--sd-color-primary-100);
+  --sd-map-marker--pin-color-text: var(--sd-color-primary);
+  --sd-marker-border-width: var(--sd-spacing-0\.25);
+  --sd-marker-font-size: 0.875rem;
+  --sd-marker-font-weight: var(--sd-font-weight-normal);
+  --sd-menu-item--disabled-color-icon-fill: 0 0 0 / 0.2;
+  --sd-menu-item--disabled-color-text: 0 0 0 / 0.2;
+  --sd-menu-item-color-icon-fill: var(--sd-color-black);
+  --sd-menu-item-color-text: var(--sd-color-black);
   --sd-navigable-border-radius: var(--sd-spacing-0\.5);
   --sd-navigable-font-size: 0.875rem;
   --sd-navigable__current-indicator-border-radius: 624.9375rem;
   --sd-navigable__current-indicator-height: 0.1875rem;
   --sd-navigable__current-indicator-width: 0.1875rem;
-  --sd-navigation-item--current-color-text: var(--sd-color-black);
-  --sd-navigation-item-color-text: var(--sd-color-neutral-700);
+  --sd-navigation-item-color-text: var(--sd-color-black);
   --sd-notification--error-color-background: 253 237 237;
   --sd-notification--info-color-background: 237 240 244;
   --sd-notification--success-color-background: 238 246 242;
   --sd-notification--warning-color-background: 255 245 224;
   --sd-notification-color-border: var(--sd-color-info);
   --sd-notification-color-icon-fill: var(--sd-color-neutral-800);
+  --sd-notification__duration-indicator-color-background: var(--sd-color-primary);
   --sd-opacity-0: 0%;
   --sd-opacity-100: 100%;
   --sd-opacity-10: 10%;
@@ -319,29 +337,23 @@
   --sd-opacity-80: 80%;
   --sd-opacity-85: 85%;
   --sd-opacity-90: 90%;
-  --sd-option--disabled-color-border: var(--sd-color-neutral-300);
   --sd-overlay-color-background: 0 0 0 / 0.2;
-  --sd-pagination--default-border: var(--sd-color-primary);
+  --sd-pagination--default-border: var(--sd-color-primary-500);
   --sd-pagination--inverted-border: var(--sd-color-white);
   --sd-panel-color-border: 255 255 255 / 0;
   --sd-quickfact--expandable-color-text: var(--sd-color-black);
-  --sd-quickfact__expandable-color-description-default-text: var(--sd-color-neutral-700);
-  --sd-quickfact__expandable-color-title-default-text: var(--sd-color-black);
   --sd-radio--checked--default-color-background: var(--sd-color-primary);
   --sd-radio--checked--default__icon-color-background: var(--sd-color-white);
-  --sd-radio--checked--hover-color-background: var(--sd-color-primary-600);
+  --sd-radio--checked--hover-color-background: var(--sd-color-primary);
   --sd-radio--checked--hover__icon-color-background: var(--sd-color-white);
   --sd-radio--checked--invalid--default-color-background: var(--sd-color-error);
   --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-white);
   --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-white);
   --sd-radio--default--invalid-color-background: 253 237 237;
-  --sd-radio--error-color-text: var(--sd-color-black);
   --sd-radio-border-width: var(--sd-spacing-0\.5);
-  --sd-radio-button--hover-color-background: 0 102 179 / 0.05;
-  --sd-radio-button--hover-color-icon-fill: var(--sd-color-black);
+  --sd-radio-button--hover-color-background: var(--sd-color-primary-100);
   --sd-radio-button--hover-color-text: var(--sd-color-black);
   --sd-radio-button-border-radius: var(--sd-spacing-1);
-  --sd-radio-button-color-icon-fil: var(--sd-color-black);
   --sd-radio-button-color-text: var(--sd-color-black);
   --sd-radio-button-group-border-radius: var(--sd-spacing-2);
   --sd-radio-button-group-border-width: var(--sd-spacing-0\.5);
@@ -352,10 +364,13 @@
   --sd-radius-none: 0;
   --sd-radius-sm: 0.125rem;
   --sd-radius: 0.25rem;
-  --sd-range-scale-ticks-color-text: var(--sd-color-neutral-600);
+  --sd-range-scale-ticks-color-text: 89 89 89;
   --sd-range__bar-border-width: var(--sd-spacing-0\.5);
+  --sd-shadow-listbox:  0px 20px 20px 0px rgba(0, 0, 0, 0.25);
   --sd-shadow-sm:  0.5px 0.5px 1.5px 0px rgba(0, 0, 0, 0.65);
+  --sd-shadow-xs:  0.5px 0.5px 1.5px 0px rgba(0, 0, 0, 0.65);
   --sd-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.25);
+  --sd-sizing-0: 0;
   --sd-sizing-0\.25: 0.0625rem;
   --sd-sizing-0\.5: 0.125rem;
   --sd-sizing-10: 2.5rem;
@@ -383,6 +398,7 @@
   --sd-spacing-20: 5rem;
   --sd-spacing-24: 6rem;
   --sd-spacing-2: 0.5rem;
+  --sd-spacing-2\.5: 0.625rem;
   --sd-spacing-32: 8rem;
   --sd-spacing-3: 0.75rem;
   --sd-spacing-40: 10rem;
@@ -390,20 +406,21 @@
   --sd-spacing-6: 1.5rem;
   --sd-spacing-8: 2rem;
   --sd-step-color-text: var(--sd-color-neutral-700);
-  --sd-step-hover-color-text: var(--sd-color-neutral-700);
   --sd-step__circle-border-width: var(--sd-spacing-0\.5);
   --sd-step__tail-border-width: var(--sd-spacing-1);
-  --sd-switch--checked--hover-color-background: var(--sd-color-primary-600);
+  --sd-switch--checked--hover-color-background: var(--sd-color-primary);
   --sd-switch--unchecked-color-border: var(--sd-color-black);
   --sd-switch--unchecked__icon-color-background: var(--sd-color-black);
   --sd-switch-color-text: var(--sd-color-black);
+  --sd-tab--active-color-text: var(--sd-color-primary);
+  --sd-tab--hover-color-background: var(--sd-color-primary-100);
   --sd-tab-color-border: var(--sd-color-neutral-500);
-  --sd-tab-font-weight: var(--sd-font-weight-bold);
+  --sd-tab-color-text: var(--sd-color-neutral-700);
   --sd-tag--default--hover-color-background: var(--sd-color-primary-100);
   --sd-tag--default-color-background: 255 255 255 / 0;
   --sd-tag--default-color-border: var(--sd-color-primary);
   --sd-tag--default-color-text: var(--sd-color-primary);
-  --sd-tag--disabled-color-border: var(--sd-color-primary-400);
+  --sd-tag--disabled-color-text: var(--sd-color-neutral-500);
   --sd-tag--selected--default-color-background: var(--sd-color-primary-200);
   --sd-tag--selected--default-color-border: var(--sd-color-primary);
   --sd-tag--selected--default-color-text: var(--sd-color-primary);
@@ -422,7 +439,9 @@
   --sd-teaser-media--neutral-100--hover-color-background: 245 247 249 / 0.9;
   --sd-teaser-media--neutral-100-color-background: 245 247 249 / 0.8;
   --sd-teaser-media--primary-100--hover-color-background: 245 247 249 / 0.9;
-  --sd-teaser-media--primary-100-color-background: 245 247 249 / 0.8;
+  --sd-teaser-media--primary-100-color-background: 236 240 249 / 0.8;
+  --sd-teaser-media--white--hover-color-background: 255 255 255 / 0.9;
+  --sd-teaser-media--white-color-background: 255 255 255 / 0.8;
   --sd-text-2xl: 1.75rem;
   --sd-text-3xl: 2rem;
   --sd-text-4xl: 2.375rem;
@@ -431,11 +450,8 @@
   --sd-text-sm: 0.875rem;
   --sd-text-xl: 1.5rem;
   --sd-text-xs: 0.75rem;
-  --sd-tooltip-border-width: var(--sd-spacing-0\.25);
   --sd-tooltip-color-background: var(--sd-color-white);
-  --sd-tooltip-color-border: var(--sd-color-neutral-500);
-  --sd-tooltip-color-text: var(--sd-color-neutral-600);
-  --sd-video--description-color-text: var(--sd-color-neutral-700);
+  --sd-tooltip-color-text: 89 89 89;
   --sd-video--play-button-color-background: var(--sd-color-white);
   --sd-video--play-button-color-icon-fill: var(--sd-color-info);
 }
@@ -471,4 +487,31 @@
   --sd-icon--transcript: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2h.4l.3.3 7 7 .3.7v-.1V21q0 1-1 1H5a1 1 0 0 1-1-1V3q0-1 1-1zm-1 2H6v16h12v-9h-6a1 1 0 0 1-1-.9V4m5.6 5L13 5.4V9z" clip-rule="evenodd"/></svg>';
   --sd-icon--volume: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.5 3.1a1 1 0 0 1 1.5.7V20a1 1 0 0 1-1.4 1v-.1L6.3 17H3a1 1 0 0 1-1-.8V8q0-.9.9-1h3.5zm6.3 2.3Q22 8.7 22 12a12 12 0 0 1-2.2 6.6 1 1 0 1 1-1.6-1A10 10 0 0 0 20 12q0-2.7-1.8-5.4a1 1 0 1 1 1.6-1.2m-6.8.3L7.1 8.9h-.3l-.1.1H4v6h3l.1.1 5.9 3.2zm4.8 2.7A6 6 0 0 1 19 12q0 1.8-1.2 3.6a1 1 0 0 1-1.6-1.2q.8-1.2.8-2.4t-.8-2.4a1 1 0 0 1 1.6-1.2" clip-rule="evenodd"/></svg>';
   --sd-icon--warning: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.9 19.5A1 1 0 0 1 21 21H3a1 1 0 0 1-.9-1.5l9-16a1 1 0 0 1 1.8 0zM12 6 4.7 19h14.6zm-1 4a1 1 0 1 1 2 0v4a1 1 0 0 1-2 0zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0" clip-rule="evenodd"/></svg>';
+}
+
+:root, .sd-theme-vb {
+  /*
+   * Deprecated variables – manually overriding these in custom themes might lead to problems in future versions of Solid.
+   * Use the actual used value instead. Example:
+   * Instead of --sd-chip-border-width use --sd-marker-border-width for your overrides.
+   */
+  --sd-button--size-lg-border-radius: var(--sd-button-border-radius);
+  --sd-button--size-md-border-radius: var(--sd-button-border-radius);
+  --sd-button--size-sm-border-radius: var(--sd-button-border-radius);
+  --sd-button--secondary--inverted--color-border: var(--sd-button-secondary-inverted-color-border);
+  --sd-chip-font-size: var(--sd-marker-font-size);
+  --sd-chip-border-width: var(--sd-marker-border-width);
+  --sd-chip-font-weight: var(--sd-marker-font-weight);
+  --sd-flag-border-width: var(--sd-marker-border-width);
+  --sd-form-control-color-icon: var(--sd-form-control-color-icon-fill);
+  --sd-menu-color-icon: var(--sd-menu-item-color-icon-fill);
+  --sd-menu-color-text: var(--sd-menu-item-color-text);
+  --sd-menu--disabled-color-icon: var(--sd-menu-item--disabled-color-icon-fill);
+  --sd-menu--disabled-color-text: var(--sd-menu-item--disabled-color-text);
+  --sd-tag-font-weight: var(--sd-choice-control-font-weight);
+  --sd-tag--disabled-color-border: var(--sd-color-border-neutral-500);
+  --sd-navigation-item--current-color-text: var(--sd-navigation-item-color-text);
+  --sd-option--disabled-color-border: var(--sd-color-border-neutral-500);
+  --sd-audio__timestamp-color-text: var(--sd-color-text-neutral-700);
+  --sd-accordion__chevron-color-text: var(--sd-accordion-color-icon-fill, var(--sd-color-icon-fill-primary));
 }
\ No newline at end of file