diff --git a/.changeset/lemon-pillows-yawn.md b/.changeset/lemon-pillows-yawn.md
new file mode 100644
index 0000000000..853d812bb3
--- /dev/null
+++ b/.changeset/lemon-pillows-yawn.md
@@ -0,0 +1,3 @@
+---
+
+---
diff --git a/packages/components/src/components/accordion/accordion.ts b/packages/components/src/components/accordion/accordion.ts
index 7fe7ac7d73..f6fb460670 100644
--- a/packages/components/src/components/accordion/accordion.ts
+++ b/packages/components/src/components/accordion/accordion.ts
@@ -41,11 +41,10 @@ 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.
  */
 @customElement('sd-accordion')
 export default class SdAccordion extends SolidElement {
@@ -246,7 +245,7 @@ export default class SdAccordion extends SolidElement {
       }
 
       [part='summary-icon'] {
-        color: var(--sd-accordion__chevron-color-text);
+        fill: rgb(var(--sd-accordion-color-icon-fill));
       }
     `
   ];
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..ab52cf0220 100644
--- a/packages/components/src/components/button/button.ts
+++ b/packages/components/src/components/button/button.ts
@@ -35,49 +35,63 @@ 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-text-color - 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--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-sm-font-size - The small button border radius.
  * @cssproperty --sd-button--size-md-font-size - The medium button text font size.
  * @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-padding-block - The large button vertical padding value.
+ * @cssproperty --sd-button--size-lg-height - The height for large icon-only and loading buttons.
+ * @cssproperty --sd-button--size-md-height - The height for medium icon-only and loading buttons.
  * @cssproperty --sd-button-font-weight - The text font weight for buttons.
+ * @cssproperty --sd-button-border-width - The border width for secondary buttons with borders.
+ * @cssproperty --sd-button-border-radius - The border radius for buttons.
+ * @cssproperty --sd-button-padding-inline - The horizontal padding for buttons.
  */
 @customElement('sd-button')
 export default class SdButton extends SolidElement implements SolidFormControl {
@@ -316,15 +330,20 @@ 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',
+        slots['icon-only'] &&
+          {
+            sm: 'h-8',
+            md: 'sd-button--size-md-height',
+            lg: 'sd-button--size-lg-height'
+          }[this.size],
         /**
          * 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: `sd-button--size-sm-font-size sd-button-font-weight sd-button-border-radius varspacing-8 ${hasBorder ? 'sd-button--secondary--size-sm-padding-block sd-button--secondary-padding-inline' : 'sd-button--size-sm-padding-block sd-button-padding-inline'}`,
+          md: `sd-button--size-md-font-size sd-button-font-weight sd-button-border-radius varspacing-10 ${hasBorder ? 'sd-button--secondary--size-md-padding-block sd-button--secondary-padding-inline' : 'sd-button--size-md-padding-block sd-button-padding-inline'}`,
+          lg: `sd-button--size-lg-font-size sd-button-font-weight sd-button-border-radius varspacing-12 ${hasBorder ? 'sd-button--secondary--size-lg-padding-block sd-button--secondary-padding-inline' : 'sd-button--size-lg-padding-block sd-button-padding-inline'}`
         }[this.size],
         {
           /* variants */
@@ -332,7 +351,7 @@ export default class SdButton extends SolidElement implements SolidFormControl {
             ? `${
                 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-text-color active:sd-button--primary--active-color-text'
               }
           disabled:bg-neutral-500 disabled:text-white`
             : `${
@@ -340,35 +359,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 +413,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 +424,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 +441,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>
diff --git a/packages/components/src/components/checkbox/checkbox.ts b/packages/components/src/components/checkbox/checkbox.ts
index a78cd4d1b1..deb05a837d 100644
--- a/packages/components/src/components/checkbox/checkbox.ts
+++ b/packages/components/src/components/checkbox/checkbox.ts
@@ -36,6 +36,7 @@ import type { SolidFormControl } from '../../internal/solid-element';
  *
  * @cssproperty --sd-checkbox-border-width - The border width of the checkbox.
  * @cssproperty --sd-form-control-color-border - The color border for form controls.
+ * @cssproperty --sd-checkbox--checked--hovered-color-border - The border color of the checkbox when checked and hovered.
  */
 @customElement('sd-checkbox')
 export default class SdCheckbox extends SolidElement implements SolidFormControl {
@@ -264,7 +265,7 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
                 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',
+                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 +288,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 +321,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 +333,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 +358,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 7aec2df86e..3d2e9473e4 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')
@@ -1195,7 +1203,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 = {
@@ -1280,7 +1288,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',
@@ -1318,7 +1326,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',
@@ -1356,9 +1364,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'
                 )}
@@ -1454,7 +1460,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
                 )}
               >
@@ -1485,7 +1491,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"
                     >
@@ -1503,10 +1509,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}
@@ -1582,7 +1588,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) {
@@ -1605,6 +1611,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'] {
+        @apply text-neutral-500;
+      }
     `
   ];
 }
diff --git a/packages/components/src/components/datepicker/datepicker.ts b/packages/components/src/components/datepicker/datepicker.ts
index a0464dd13b..7dcb623cc4 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 = {
@@ -1650,10 +1670,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'
         )}
       >
@@ -1688,7 +1708,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"
           >
@@ -1808,35 +1828,41 @@ 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',
+                          ? !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',
                         !inMonth
                           ? this.disabledWeekends && isWeekendDay
                             ? 'out-month weekend-day text-neutral-500'
                             : isWeekendDay
                               ? 'out-month weekend-day text-neutral-700'
-                              : 'out-month 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 text-primary',
+                              : 'in-month sd-datepicker__date-item--default-color-text',
                         isSelectedSingle
-                          ? 'selected border-primary bg-primary text-white hover:bg-primary-500 hover:text-white'
+                          ? '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'
                           : '',
-                        isRangeStart ? 'bg-primary text-white rounded-l-md rounded-r-none' : '',
-                        isRangeEnd ? 'bg-primary text-white range-end rounded-r-md rounded-l-none' : '',
+                        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' : ''
@@ -1896,7 +1922,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];
 
@@ -1927,7 +1953,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';
@@ -1969,7 +1995,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
                   id="label"
                   part="form-control-floating-label"
                   class=${cx(
-                    'absolute left-4 z-20 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'
@@ -1997,14 +2023,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
@@ -2026,7 +2054,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"
             >
@@ -2041,7 +2071,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 flex-grow focus:outline-none bg-transparent hover:cursor-pointer form-control-color-text',
+                  'min-w-0 flex-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',
@@ -2119,6 +2149,19 @@ 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));
+      }
     `
   ];
 }
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/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/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..d312cb5f37 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.
+ * @csspropertt --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..03ec82ad80 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,27 @@ 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.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',
+                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,8 +150,16 @@ 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-500 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>
@@ -154,8 +174,8 @@ export default class SdMapMarker extends SolidElement {
                 ? 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',
+                      this.state === 'hover' && 'sd-map-marker--cluster--hover-color-background'
                     )}
                   ></div>`
                 : ''
@@ -164,7 +184,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 +238,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--hovered-color-text));
       }
 
       :host([variant='main']) [part='marker'],
diff --git a/packages/components/src/components/menu-item/menu-item.ts b/packages/components/src/components/menu-item/menu-item.ts
index d63f534b82..32af3d8084 100644
--- a/packages/components/src/components/menu-item/menu-item.ts
+++ b/packages/components/src/components/menu-item/menu-item.ts
@@ -27,6 +27,10 @@ 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 - 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 - The icon color for disabled menu items.
+ * @cssproperty --sd-menu-item--disabled-color-text - The text color for disabled menu items.
  */
 @customElement('sd-menu-item')
 export default class SdMenuItem extends SolidElement {
@@ -150,8 +154,8 @@ export default class SdMenuItem extends SolidElement {
       class=${cx(
         'relative flex items-stretch whitespace-nowrap py-3 px-4 no-wrap !navigable-border-radius',
         this.disabled
-          ? 'outline-none cursor-not-allowed sd-menu--disabled-color-text hover:bg-transparent'
-          : 'cursor-pointer sd-menu-color-text hover:bg-neutral-200',
+          ? 'outline-none cursor-not-allowed sd-menu-item--disabled-color-text hover:bg-transparent'
+          : 'cursor-pointer sd-menu-item-color-text hover:bg-neutral-200',
         this.isSubmenu() && isSubmenuExpanded && 'submenu-expanded'
       )}
       .disabled=${this.disabled}
@@ -240,11 +244,11 @@ export default class SdMenuItem extends SolidElement {
       :host [part='icon-indent'],
       :host [part='checked-icon'],
       :host [part='submenu-icon'] {
-        color: rgba(var(--sd-menu-color-icon));
+        color: rgba(var(--sd-menu-item-color-icon));
       }
 
       :host([aria-disabled='true']) [part='icon-indent'] {
-        color: rgba(var(--sd-menu--disabled-color-icon));
+        color: rgba(var(--sd-menu-item--disabled-color-icon));
       }
 
       sd-popup::part(popup) {
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..a9296d1f2d 100644
--- a/packages/components/src/components/navigation-item/navigation-item.ts
+++ b/packages/components/src/components/navigation-item/navigation-item.ts
@@ -32,7 +32,6 @@ 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.
@@ -207,7 +206,7 @@ export default class SdNavigationItem extends SolidElement {
           'flex items-center cursor-pointer relative focus-visible:focus-outline group hover:bg-neutral-200 transition-colors duration-fast ease-in-out min-h-[48px] navigable-border-radius',
           { md: 'navigable-font-size', lg: 'text-lg', sm: 'text-[14px]' }[this.size],
           this.disabled ? 'text-neutral-500 pointer-events-none' : 'sd-navigation-item-color-text',
-          this.current && 'font-bold sd-navigation-item--current-color-text',
+          this.current && 'font-bold',
           !isAccordion && 'w-full',
           this.divider && this.vertical && 'mt-0.25',
           !this.vertical && 'inline-flex items-center',
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..be7c5ac90d 100644
--- a/packages/components/src/components/option/option.ts
+++ b/packages/components/src/components/option/option.ts
@@ -25,7 +25,7 @@ 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.
  */
 @customElement('sd-option')
 export default class SdOption extends SolidElement {
@@ -141,7 +141,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],
@@ -173,7 +173,7 @@ export default class SdOption extends SolidElement {
                   lg: 'mt-1'
                 }[this.size],
                 this.disabled
-                  ? 'sd-option--disabled-color-border'
+                  ? 'border-neutral-500'
                   : this.selected
                     ? 'bg-accent border-accent'
                     : 'bg-white form-control-color-border'
diff --git a/packages/components/src/components/quickfact/quickfact.ts b/packages/components/src/components/quickfact/quickfact.ts
index 3669b5f02c..f7368776f8 100644
--- a/packages/components/src/components/quickfact/quickfact.ts
+++ b/packages/components/src/components/quickfact/quickfact.ts
@@ -21,8 +21,6 @@ import SolidElement from '../../internal/solid-element';
  *
  * @dependency sd-icon
  * @dependency sd-accordion
- *
- * @cssproperty --sd-quickfact--expandable-color-text - The text color for expandable quickfact.
  */
 @customElement('sd-quickfact')
 export default class SdQuickfact extends SdAccordion {
@@ -102,7 +100,7 @@ export default class SdQuickfact extends SdAccordion {
       }
 
       [part='summary-icon'] {
-        color: var(--sd-accordion__chevron-color-text);
+        color: rgb(var(--sd-color-icon-fill-primary));
       }
 
       [part='icon'] {
diff --git a/packages/components/src/components/radio-button/radio-button.ts b/packages/components/src/components/radio-button/radio-button.ts
index 7ff4506c7e..cf220a41ee 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,7 +113,7 @@ 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'
@@ -120,7 +121,7 @@ export default class SdRadioButton extends SolidElement {
                 ? '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',
diff --git a/packages/components/src/components/radio/radio.ts b/packages/components/src/components/radio/radio.ts
index 0df5d37b0d..9794e68d66 100644
--- a/packages/components/src/components/radio/radio.ts
+++ b/packages/components/src/components/radio/radio.ts
@@ -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-tick/range-tick.ts b/packages/components/src/components/range-tick/range-tick.ts
index e70465129f..d18123a519 100644
--- a/packages/components/src/components/range-tick/range-tick.ts
+++ b/packages/components/src/components/range-tick/range-tick.ts
@@ -16,7 +16,7 @@ import SolidElement from '../../internal/solid-element';
  * @csspart label - The component's label.
  * @csspart line - The component's tick line.
  *
- * @cssproperty --sd-range-scale-ticks-color-text - The text color for range scale ticks.
+ * @cssproperty --sd-range-tick-color-text - The text color for range scale ticks.
  *
  */
 @customElement('sd-range-tick')
@@ -33,7 +33,7 @@ export default class SdRangeTick extends SolidElement {
       <div part="line" class=${cx(this.subtick ? 'h-2' : 'h-[10px]')}></div>
       <div
         part="label"
-        class="flex items-center justify-center text-center text-nowrap text-sm sd-range-scale-ticks-color-text"
+        class="flex items-center justify-center text-center text-nowrap text-sm sd-range-tick-color-text"
       >
         <slot></slot>
       </div>
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/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..1bbf0b8029 100644
--- a/packages/components/src/components/tag/tag.ts
+++ b/packages/components/src/components/tag/tag.ts
@@ -42,11 +42,11 @@ 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.
  */
 @customElement('sd-tag')
 export default class SdTag extends SolidElement {
@@ -147,8 +147,8 @@ export default class SdTag extends SolidElement {
           'flex border box-border sd-tag-border-radius items-center leading-none whitespace-nowrap transition-colors duration-fast ease-in-out focus-visible:focus-outline',
           {
             /* sizes, fonts */
-            lg: 'h-8 sd-tag-font-weight sd-tag--size-lg-font-size gap-2',
-            sm: 'h-6 sd-tag-font-weight sd-tag--size-sm-font-size gap-1'
+            lg: 'h-8 choice-control-font-weight sd-tag--size-lg-font-size gap-2',
+            sm: 'h-6 choice-control-font-weight sd-tag--size-sm-font-size gap-1'
           }[this.size],
           {
             /* padding */
@@ -156,22 +156,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',
+                'border-neutral-500 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>
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/preview-head.html b/packages/docs/.storybook/preview-head.html
index a345086a8e..fbb37b8487 100644
--- a/packages/docs/.storybook/preview-head.html
+++ b/packages/docs/.storybook/preview-head.html
@@ -117,20 +117,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/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/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/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/styles/src/modules/chip.css b/packages/styles/src/modules/chip.css
index 6b969cca70..58b121340f 100644
--- a/packages/styles/src/modules/chip.css
+++ b/packages/styles/src/modules/chip.css
@@ -15,13 +15,13 @@
  * @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.
  */
 
 .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 marker-font-weight marker-border-width sd-chip--primary-200-color-background sd-chip-border-radius sd-chip--primary-200-color-border text-black marker-font-size 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;
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..f04b8d1ea8 100644
--- a/packages/styles/src/modules/flag.css
+++ b/packages/styles/src/modules/flag.css
@@ -14,11 +14,13 @@
  * @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.
  */
 
 .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 marker-border-width 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;
@@ -32,3 +34,7 @@
     @apply sd-flag--white-color-background sd-flag--white-color-border;
   }
 }
+
+.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..cf55990ab0 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 {
@@ -36,6 +36,10 @@
           content: none;
         }
 
+        &::before {
+          @apply text-primary;
+        }
+
         .sd-footnotes--marker {
           @apply inline-block;
           counter-increment: footnotes-multiple;
@@ -83,6 +87,15 @@
         @apply sd-footnotes--target--inverted-color-background;
       }
     }
+
+    &:is(ol) {
+      li {
+        .sd-footnotes--marker::before,
+        &::before {
+          @apply !text-white;
+        }
+      }
+    }
   }
 
   &--marker {
@@ -121,10 +134,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/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/src/figma-variables/output/figma-variables.json b/packages/tokens/src/figma-variables/output/figma-variables.json
index 93db59532f..7109060ec1 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",
@@ -1376,7 +1361,7 @@
         },
         "100": {
           "type": "color",
-          "value": "#edf0f4"
+          "value": "#f5f7f9"
         },
         "200": {
           "type": "color",
@@ -2624,6 +2609,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": {
@@ -2845,6 +2876,10 @@
         "1,5": {
           "type": "float",
           "value": "{core.ui.sizing.1,5}"
+        },
+        "2,5": {
+          "type": "float",
+          "value": "{core.ui.sizing.2,5}"
         }
       },
       "rounded": {
@@ -3220,65 +3255,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 +3282,7 @@
           }
         },
         "padding-bottom": {
+          "description": "Is this used in code?",
           "type": "float",
           "value": "0"
         },
@@ -3394,14 +3371,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 +3384,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 +3402,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 +3415,6 @@
             }
           }
         },
-        "__tooltip": {
-          "color": {
-            "icon": {
-              "type": "color",
-              "value": "{ui-light.utilities.color.icon-fill.primary.default}"
-            }
-          }
-        },
         "--filled": {
           "__floating-label": {
             "color": {
@@ -3458,6 +3425,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 +3529,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 +3545,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 +3566,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 +3582,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 +3595,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 +3620,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 +3681,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 +3703,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 +3730,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 +3742,22 @@
               "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}"
+            },
+            "height": {
+              "type": "float",
+              "value": "{ui-light.utilities.sizing.10}"
             }
           },
           "lg": {
             "icon": {
-              "_font-size": {
+              "height": {
                 "type": "float",
                 "value": "{ui-light.utilities.sizing.6}"
               }
@@ -3706,13 +3766,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}"
+            },
+            "height": {
+              "description": "Used for icon-only and loading variant",
+              "type": "float",
+              "value": "{ui-light.utilities.sizing.12}"
             }
           },
           "sm": {
@@ -3726,10 +3788,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 +3863,10 @@
               }
             }
           }
+        },
+        "border-width": {
+          "type": "float",
+          "value": "{ui-light.utilities.border-width.default}"
         }
       },
       "sd-footnotes": {
@@ -3816,7 +3886,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 +3895,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 +3932,6 @@
           "type": "float",
           "value": "{ui-light.utilities.rounded.none}"
         },
-        "border-width": {
-          "type": "float",
-          "value": "0"
-        },
         "--neutral-300": {
           "color": {
             "background": {
@@ -3890,14 +3956,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": {
@@ -3947,22 +4005,55 @@
           }
         }
       },
-      "navigable": {
-        "__current-indicator": {
-          "border-radius": {
-            "type": "float",
-            "value": "0"
-          },
-          "height": {
-            "type": "float",
-            "value": "{ui-light.utilities.spacing.1}"
+      "sd-accordion": {
+        "color": {
+          "text": {
+            "type": "color",
+            "value": "{ui-light.utilities.color.text.primary.default}"
           },
-          "width": {
-            "type": "float",
-            "value": "{ui-light.utilities.spacing.1}"
-          }
-        },
-        "border-radius": {
+          "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"
+          },
+          "height": {
+            "type": "float",
+            "value": "{ui-light.utilities.spacing.1}"
+          },
+          "width": {
+            "type": "float",
+            "value": "{ui-light.utilities.spacing.1}"
+          }
+        },
+        "border-radius": {
           "type": "float",
           "value": "0"
         },
@@ -3986,14 +4077,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 +4103,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 +4122,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 +4158,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 +4170,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 +4182,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 +4199,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,10 +4250,18 @@
             "type": "color",
             "value": "{ui-light.utilities.color.neutral.400}"
           }
+        },
+        "__duration-indicator": {
+          "color": {
+            "background": {
+              "type": "color",
+              "value": "{ui-light.utilities.color.primary.default}"
+            }
+          }
         }
       },
       "sd-range": {
-        "scale-ticks": {
+        "tick": {
           "color": {
             "text": {
               "type": "color",
@@ -4258,18 +4334,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 +4420,28 @@
         "border-width": {
           "type": "float",
           "value": "{ui-light.utilities.border-width.default}"
+        }
+      },
+      "sd-audio": {
+        "__slide-bar": {
+          "--inverted": {
+            "color": {
+              "border": {
+                "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": {
+              "border": {
+                "description": "Used for inverted dividers",
+                "type": "color",
+                "value": "{ui-light.utilities.color.white.default}"
+              }
             }
           }
         }
@@ -4396,40 +4475,63 @@
         }
       },
       "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": {
+          "color": {
+            "background": {
+              "type": "color",
+              "value": "{ui-light.utilities.color.background.accent.500}"
+            }
+          }
         },
-        "main": {
+        "--pin": {
+          "--hover": {
+            "color": {
+              "background": {
+                "description": "Default icon color ",
+                "type": "color",
+                "value": "{ui-light.utilities.color.primary.100}"
+              }
+            }
+          },
           "color": {
             "icon-fill": {
               "type": "color",
-              "value": "{ui-light.utilities.color.background.accent.500}"
+              "value": "{ui-light.utilities.color.background.primary.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 +4549,7 @@
             }
           }
         },
-        "--description": {
+        "_description": {
           "color": {
             "text": {
               "type": "color",
@@ -4457,22 +4559,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 +4568,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 +4577,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 +4601,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": {
@@ -4610,12 +4705,17 @@
         "border-width": {
           "type": "float",
           "value": "{ui-light.utilities.border-width.default}"
-        }
-      },
-      "color": {
-        "background": {
-          "type": "color",
-          "value": "{ui-light.utilities.color.background.neutral.200}"
+        },
+        "--checked": {
+          "--hovered": {
+            "color": {
+              "border": {
+                "description": "This is for frontend specifically. Created due to bug in frontend. In Figma there&#39;s no border color needed but frontend immediately get the utilities/border/accent/550 for kid it&#39;s neutral 800 instead of neutral 700 so it looks off.",
+                "type": "color",
+                "value": "{ui-light.utilities.color.accent.550}"
+              }
+            }
+          }
         }
       },
       "sd-tab": {
@@ -4623,11 +4723,28 @@
           "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 +4792,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 +4816,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": {
-              "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 +4857,10 @@
                 "text": {
                   "type": "color",
                   "value": "{ui-light.utilities.color.primary.500}"
+                },
+                "border": {
+                  "type": "color",
+                  "value": "{ui-light.utilities.color.primary.500}"
                 }
               }
             },
@@ -4769,28 +4875,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 +4920,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 +4940,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 ",
@@ -4868,13 +4995,18 @@
           }
         }
       },
-      "sd-option": {
-        "--disabled": {
+      "sd-accordion-group": {
+        "_gap": {
+          "type": "float",
+          "value": "-1"
+        }
+      },
+      "sd-container": {
+        "--default": {
           "color": {
-            "border": {
-              "description": "Used for disabled state",
+            "background": {
               "type": "color",
-              "value": "{ui-light.utilities.color.neutral.500}"
+              "value": "{ui-light.utilities.color.background.neutral.100}"
             }
           }
         }
@@ -5059,7 +5191,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",
@@ -5798,6 +5930,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": {
@@ -6019,6 +6197,10 @@
         "1,5": {
           "type": "float",
           "value": "{core.ui.sizing.1,5}"
+        },
+        "2,5": {
+          "type": "float",
+          "value": "{core.ui.sizing.2,5}"
         }
       },
       "rounded": {
@@ -6394,65 +6576,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 +6603,7 @@
           }
         },
         "padding-bottom": {
+          "description": "Is this used in code?",
           "type": "float",
           "value": "0"
         },
@@ -6568,14 +6692,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 +6705,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 +6723,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 +6736,6 @@
             }
           }
         },
-        "__tooltip": {
-          "color": {
-            "icon": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.icon-fill.primary.default}"
-            }
-          }
-        },
         "--filled": {
           "__floating-label": {
             "color": {
@@ -6632,6 +6746,24 @@
             }
           }
         },
+        "__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 +6850,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 +6866,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 +6887,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,7 +6903,12 @@
                 "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}"
+                }
               }
             },
             "color": {
@@ -6769,6 +6916,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 +6941,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 +7002,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 +7024,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 +7051,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 +7063,22 @@
               "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}"
+            },
+            "height": {
+              "type": "float",
+              "value": "{ui-dark.utilities.sizing.10}"
             }
           },
           "lg": {
             "icon": {
-              "_font-size": {
+              "height": {
                 "type": "float",
                 "value": "{ui-dark.utilities.sizing.6}"
               }
@@ -6880,13 +7087,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}"
+            },
+            "height": {
+              "description": "Used for icon-only and loading variant",
+              "type": "float",
+              "value": "{ui-dark.utilities.sizing.12}"
             }
           },
           "sm": {
@@ -6900,10 +7109,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 +7184,10 @@
               }
             }
           }
+        },
+        "border-width": {
+          "type": "float",
+          "value": "{ui-dark.utilities.border-width.default}"
         }
       },
       "sd-footnotes": {
@@ -6990,7 +7207,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 +7216,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 +7253,6 @@
           "type": "float",
           "value": "{ui-dark.utilities.rounded.none}"
         },
-        "border-width": {
-          "type": "float",
-          "value": "0"
-        },
         "--neutral-300": {
           "color": {
             "background": {
@@ -7064,14 +7277,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": {
@@ -7121,6 +7326,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 +7398,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 +7424,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 +7443,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 +7479,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 +7491,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 +7503,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 +7520,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,10 +7571,18 @@
             "type": "color",
             "value": "{core.ui.blue.400}"
           }
+        },
+        "__duration-indicator": {
+          "color": {
+            "background": {
+              "type": "color",
+              "value": "{ui-dark.utilities.color.white.default}"
+            }
+          }
         }
       },
       "sd-range": {
-        "scale-ticks": {
+        "tick": {
           "color": {
             "text": {
               "type": "color",
@@ -7432,18 +7655,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": {
@@ -7530,13 +7741,28 @@
         "border-width": {
           "type": "float",
           "value": "{ui-dark.utilities.border-width.default}"
+        }
+      },
+      "sd-audio": {
+        "__slide-bar": {
+          "--inverted": {
+            "color": {
+              "border": {
+                "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": {
+              "border": {
+                "description": "Used for inverted dividers",
+                "type": "color",
+                "value": "{ui-dark.utilities.color.white.default}"
+              }
             }
           }
         }
@@ -7570,40 +7796,63 @@
         }
       },
       "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": {
+          "color": {
+            "background": {
+              "type": "color",
+              "value": "{ui-dark.utilities.color.background.accent.500}"
+            }
+          }
         },
-        "main": {
+        "--pin": {
+          "--hover": {
+            "color": {
+              "background": {
+                "description": "Default icon color ",
+                "type": "color",
+                "value": "{ui-dark.utilities.color.primary.100}"
+              }
+            }
+          },
           "color": {
             "icon-fill": {
               "type": "color",
-              "value": "{ui-dark.utilities.color.background.accent.500}"
+              "value": "{ui-dark.utilities.color.primary.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 +7870,7 @@
             }
           }
         },
-        "--description": {
+        "_description": {
           "color": {
             "text": {
               "type": "color",
@@ -7631,22 +7880,6 @@
         }
       },
       "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": {
           "color": {
             "text": {
@@ -7656,24 +7889,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 +7898,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,16 +7922,34 @@
               }
             }
           }
-        }
-      },
-      "sd-teaser": {
-        "--neutral-100": {
-          "color": {
-            "background": {
-              "type": "color",
-              "value": "{ui-dark.utilities.color.primary.700}"
-            }
-          }
+        },
+        "--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": {
+        "--neutral-100": {
+          "color": {
+            "background": {
+              "type": "color",
+              "value": "{ui-dark.utilities.color.primary.700}"
+            }
+          }
         },
         "--primary-100": {
           "color": {
@@ -7784,12 +8026,17 @@
         "border-width": {
           "type": "float",
           "value": "{ui-dark.utilities.border-width.default}"
-        }
-      },
-      "color": {
-        "background": {
-          "type": "color",
-          "value": "{ui-dark.utilities.color.background.neutral.200}"
+        },
+        "--checked": {
+          "--hovered": {
+            "color": {
+              "border": {
+                "description": "This is for frontend specifically. Created due to bug in frontend. In Figma there&#39;s no border color needed but frontend immediately get the utilities/border/accent/550 for kid it&#39;s neutral 800 instead of neutral 700 so it looks off.",
+                "type": "color",
+                "value": "{ui-dark.utilities.color.accent.550}"
+              }
+            }
+          }
         }
       },
       "sd-tab": {
@@ -7797,11 +8044,28 @@
           "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": {
@@ -7849,20 +8113,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 +8137,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 +8178,10 @@
                 "text": {
                   "type": "color",
                   "value": "{ui-dark.utilities.color.primary.750}"
+                },
+                "border": {
+                  "type": "color",
+                  "value": "{ui-dark.utilities.color.primary.750}"
                 }
               }
             },
@@ -7943,14 +8196,6 @@
                   "value": "{ui-dark.utilities.color.primary.750}"
                 }
               }
-            },
-            "--current": {
-              "color": {
-                "text": {
-                  "type": "color",
-                  "value": "{ui-dark.utilities.color.primary.750}"
-                }
-              }
             }
           },
           "--selected": {
@@ -7958,14 +8203,23 @@
               "text": {
                 "type": "color",
                 "value": "{ui-dark.utilities.color.primary.600}"
+              },
+              "background": {
+                "type": "color",
+                "value": "{ui-dark.utilities.color.white.default}"
+              }
+            },
+            "--hover": {
+              "color": {
+                "background": {
+                  "description": "Used for hover interaction",
+                  "type": "color",
+                  "value": "{ui-dark.utilities.color.primary.200}"
+                }
               }
             }
           },
           "--default": {
-            "font-weight": {
-              "type": "string",
-              "value": "{ui-dark.utilities.font-weight.normal}"
-            },
             "color": {
               "text": {
                 "description": "Default icon color ",
@@ -7978,27 +8232,22 @@
             "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}"
+            "color": {
+              "text": {
+                "description": "Default icon color ",
+                "type": "color",
+                "value": "{ui-dark.utilities.color.white.default}"
+              }
+            }
+          },
+          "--range": {
+            "color": {
+              "background": {
+                "type": "color",
+                "value": "{ui-dark.utilities.color.primary.500}"
+              }
             }
-          }
-        },
-        "__tag": {
-          "border-width": {
-            "type": "float",
-            "value": "{ui-dark.utilities.border-width.default}"
           }
         }
       },
@@ -8012,6 +8261,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 ",
@@ -8042,13 +8316,18 @@
           }
         }
       },
-      "sd-option": {
-        "--disabled": {
+      "sd-accordion-group": {
+        "_gap": {
+          "type": "float",
+          "value": "-1"
+        }
+      },
+      "sd-container": {
+        "--default": {
           "color": {
-            "border": {
-              "description": "Used for disabled state",
+            "background": {
               "type": "color",
-              "value": "{ui-dark.utilities.color.neutral.500}"
+              "value": "{ui-dark.utilities.color.background.primary.100}"
             }
           }
         }
@@ -8142,7 +8421,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 +8681,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 +8699,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",
@@ -8682,7 +8961,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,6 +9251,52 @@
             "type": "color",
             "value": "{vb.utilities.color.neutral.800}"
           }
+        },
+        "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"
+          }
+        },
+        "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": {
@@ -9193,6 +9518,10 @@
         "1,5": {
           "type": "float",
           "value": "{core.ui.sizing.1,5}"
+        },
+        "2,5": {
+          "type": "float",
+          "value": "{core.ui.sizing.2,5}"
         }
       },
       "rounded": {
@@ -9568,67 +9897,8 @@
       }
     },
     "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": {
+      "sd-breadcrumb": {
+        "__separator": {
           "color": {
             "type": "color",
             "value": "{vb.utilities.color.icon-fill.neutral.400}"
@@ -9650,10 +9920,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}"
         },
@@ -9742,14 +10013,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 +10026,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,10 +10044,7 @@
             "value": "{vb.utilities.color.black.default}"
           },
           "text": {
-            "type": "color",
-            "value": "{core.vb.grey.620}"
-          },
-          "icon-fill": {
+            "description": "Used for label ",
             "type": "color",
             "value": "{core.vb.grey.620}"
           }
@@ -9788,14 +10057,6 @@
             }
           }
         },
-        "__tooltip": {
-          "color": {
-            "icon": {
-              "type": "color",
-              "value": "{vb.utilities.color.black.default}"
-            }
-          }
-        },
         "--filled": {
           "__floating-label": {
             "color": {
@@ -9806,6 +10067,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 +10142,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 +10170,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 +10186,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 +10200,7 @@
               "background": {
                 "description": "Default icon color ",
                 "type": "color",
-                "value": "{vb.utilities.color.primary.100}"
+                "value": "{core.vb.azure.100}"
               }
             }
           },
@@ -9919,14 +10208,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 +10223,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 +10237,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 +10262,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 +10298,7 @@
               "background": {
                 "description": "Default icon color ",
                 "type": "color",
-                "value": "{vb.utilities.color.background.primary.100}"
+                "value": "{core.vb.azure.100}"
               }
             }
           },
@@ -9981,12 +10308,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 +10323,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 +10344,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 +10372,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 +10384,22 @@
               "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}"
+            },
+            "height": {
+              "type": "float",
+              "value": "44"
             }
           },
           "lg": {
             "icon": {
-              "_font-size": {
+              "height": {
                 "type": "float",
                 "value": "{vb.utilities.sizing.5}"
               }
@@ -10054,13 +10408,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": {
+            "height": {
+              "description": "Used for icon-only and loading variant",
               "type": "float",
-              "value": "{vb.utilities.sizing.2,5}"
+              "value": "44"
             }
           },
           "sm": {
@@ -10074,10 +10430,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 +10463,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 +10493,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 +10528,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.500}"
             }
           }
         },
         "--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.500}"
             }
           }
         }
@@ -10210,10 +10574,6 @@
           "type": "float",
           "value": "{vb.utilities.rounded.default}"
         },
-        "border-width": {
-          "type": "float",
-          "value": "{vb.utilities.border-width.default}"
-        },
         "--neutral-300": {
           "color": {
             "background": {
@@ -10238,14 +10598,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": {
@@ -10295,6 +10647,39 @@
           }
         }
       },
+      "sd-accordion": {
+        "color": {
+          "text": {
+            "type": "color",
+            "value": "{vb.utilities.color.text.black.default}"
+          },
+          "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": {
@@ -10328,20 +10713,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 +10745,7 @@
         "--red": {
           "color": {
             "background": {
+              "description": "Used in both sd-badge and sd-status-badge",
               "type": "color",
               "value": "{vb.utilities.color.error.default}"
             }
@@ -10386,6 +10764,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 +10800,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 +10812,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 +10824,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 +10841,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,10 +10892,18 @@
             "type": "color",
             "value": "{core.vb.azure.800}"
           }
+        },
+        "__duration-indicator": {
+          "color": {
+            "background": {
+              "type": "color",
+              "value": "{vb.utilities.color.primary.default}"
+            }
+          }
         }
       },
       "sd-range": {
-        "scale-ticks": {
+        "tick": {
           "color": {
             "text": {
               "type": "color",
@@ -10606,18 +10976,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 +11062,28 @@
         "border-width": {
           "type": "float",
           "value": "{vb.utilities.border-width.2}"
-        },
-        "--error": {
-          "color": {
-            "text": {
-              "description": "Default icon color ",
-              "type": "color",
-              "value": "{vb.utilities.color.text.black.default}"
+        }
+      },
+      "sd-audio": {
+        "__slide-bar": {
+          "--inverted": {
+            "color": {
+              "border": {
+                "description": "Used for inverted dividers",
+                "type": "color",
+                "value": "rgba(255, 255, 255, 0.50)"
+              }
+            }
+          }
+        },
+        "__track-bar": {
+          "--inverted": {
+            "color": {
+              "border": {
+                "description": "Used for inverted dividers",
+                "type": "color",
+                "value": "{vb.utilities.color.white.default}"
+              }
             }
           }
         }
@@ -10744,27 +11117,48 @@
         }
       },
       "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.background.accent.500}"
+              }
             }
           },
-          "--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.background.accent.500}"
+            }
+          }
         },
-        "main": {
+        "--pin": {
+          "--hover": {
+            "color": {
+              "background": {
+                "description": "Default icon color ",
+                "type": "color",
+                "value": "{vb.utilities.color.background.primary.100}"
+              }
+            }
+          },
           "color": {
             "icon-fill": {
               "type": "color",
@@ -10774,10 +11168,12 @@
         }
       },
       "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 +11191,7 @@
             }
           }
         },
-        "--description": {
+        "_description": {
           "color": {
             "text": {
               "type": "color",
@@ -10805,22 +11201,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 +11210,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 +11219,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 +11243,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": {
@@ -10958,12 +11347,17 @@
         "border-width": {
           "type": "float",
           "value": "{vb.utilities.border-width.2}"
-        }
-      },
-      "color": {
-        "background": {
-          "type": "color",
-          "value": "{core.vb.azure.50}"
+        },
+        "--checked": {
+          "--hovered": {
+            "color": {
+              "border": {
+                "description": "This is for frontend specifically. Created due to bug in frontend. In Figma there&#39;s no border color needed but frontend immediately get the utilities/border/accent/550 for kid it&#39;s neutral 800 instead of neutral 700 so it looks off.",
+                "type": "color",
+                "value": "{vb.utilities.color.primary.600}"
+              }
+            }
+          }
         }
       },
       "sd-tab": {
@@ -10971,11 +11365,28 @@
           "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 +11434,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,53 +11458,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": "{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": {
-              "type": "color",
-              "value": "{core.vb.azure.500}"
-            }
-          },
           "--none": {
             "icon": {
               "type": "color",
               "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 +11499,10 @@
                 "text": {
                   "type": "color",
                   "value": "{vb.utilities.color.black.default}"
+                },
+                "border": {
+                  "type": "color",
+                  "value": "{vb.utilities.color.black.default}"
                 }
               }
             },
@@ -11117,14 +11517,6 @@
                   "value": "{vb.utilities.color.neutral.700}"
                 }
               }
-            },
-            "--current": {
-              "color": {
-                "text": {
-                  "type": "color",
-                  "value": "{vb.utilities.color.primary.500}"
-                }
-              }
             }
           },
           "--selected": {
@@ -11132,14 +11524,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.500}"
+                }
               }
             }
           },
           "--default": {
-            "font-weight": {
-              "type": "string",
-              "value": "{vb.utilities.font-weight.normal}"
-            },
             "color": {
               "text": {
                 "description": "Default icon color ",
@@ -11152,27 +11553,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": "rgba(0, 102, 179, 0.05)"
+              }
             }
-          }
-        },
-        "__tag": {
-          "border-width": {
-            "type": "float",
-            "value": "{vb.utilities.border-width.2}"
           }
         }
       },
@@ -11186,6 +11582,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,13 +11637,18 @@
           }
         }
       },
-      "sd-option": {
-        "--disabled": {
+      "sd-accordion-group": {
+        "_gap": {
+          "type": "float",
+          "value": "-2"
+        }
+      },
+      "sd-container": {
+        "--default": {
           "color": {
-            "border": {
-              "description": "Used for disabled state",
+            "background": {
               "type": "color",
-              "value": "{vb.utilities.color.background.neutral.400}"
+              "value": "{core.vb.grey.50}"
             }
           }
         }
@@ -11576,17 +12002,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 +12040,7 @@
           },
           "600": {
             "type": "color",
-            "value": "{core.kid.primary.600}"
+            "value": "#244faf"
           },
           "700": {
             "type": "color",
@@ -12105,15 +12531,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 +12547,7 @@
           },
           "spread": {
             "type": "float",
-            "value": "-6"
+            "value": "0"
           }
         },
         "sm": {
@@ -12146,6 +12572,52 @@
             "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": {
@@ -12367,6 +12839,10 @@
         "1,5": {
           "type": "float",
           "value": "{core.ui.sizing.1,5}"
+        },
+        "2,5": {
+          "type": "float",
+          "value": "{core.ui.sizing.2,5}"
         }
       },
       "rounded": {
@@ -12702,105 +13178,46 @@
             "color": "currentColor"
           },
           "50%": {
-            "color": "currentColor",
-            "opacity": "20%"
-          }
-        }
-      },
-      "wave": {
-        "type": "keyframes",
-        "value": {
-          "0%, 40%, 100%": {
-            "transform": "initial"
-          },
-          "20%": {
-            "transform": "translateY(-4px)"
-          }
-        }
-      }
-    },
-    "animation": {
-      "bounce-once": {
-        "type": "animation",
-        "value": "bounce-once var(--sd-duration-medium, 300ms) ease-in-out"
-      },
-      "grow": {
-        "type": "animation",
-        "value": "grow linear"
-      },
-      "loader-primary": {
-        "type": "animation",
-        "value": "wave 1.3s infinite, loader-color-primary 2.6s infinite"
-      },
-      "loader-white": {
-        "type": "animation",
-        "value": "wave 1.3s infinite, loader-color-white 2.6s infinite"
-      },
-      "loader-current": {
-        "type": "animation",
-        "value": "wave 1.3s infinite, loader-color-current 2.6s infinite"
-      }
-    },
-    "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}"
+            "color": "currentColor",
+            "opacity": "20%"
           }
-        },
-        "__indicator": {
-          "color": {
-            "type": "color",
-            "value": "rgba(255, 255, 255, 0.00)"
+        }
+      },
+      "wave": {
+        "type": "keyframes",
+        "value": {
+          "0%, 40%, 100%": {
+            "transform": "initial"
+          },
+          "20%": {
+            "transform": "translateY(-4px)"
           }
-        },
-        "padding-block": {
-          "type": "float",
-          "value": "{kid.utilities.spacing.4}"
-        },
-        "border-width": {
-          "type": "float",
-          "value": "{kid.utilities.sizing.0,25}"
         }
+      }
+    },
+    "animation": {
+      "bounce-once": {
+        "type": "animation",
+        "value": "bounce-once var(--sd-duration-medium, 300ms) ease-in-out"
+      },
+      "grow": {
+        "type": "animation",
+        "value": "grow linear"
+      },
+      "loader-primary": {
+        "type": "animation",
+        "value": "wave 1.3s infinite, loader-color-primary 2.6s infinite"
+      },
+      "loader-white": {
+        "type": "animation",
+        "value": "wave 1.3s infinite, loader-color-white 2.6s infinite"
       },
+      "loader-current": {
+        "type": "animation",
+        "value": "wave 1.3s infinite, loader-color-current 2.6s infinite"
+      }
+    },
+    "components": {
       "sd-breadcrumb": {
         "__separator": {
           "color": {
@@ -12824,17 +13241,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": {
@@ -12916,14 +13334,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 +13347,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 +13365,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 +13378,6 @@
             }
           }
         },
-        "__tooltip": {
-          "color": {
-            "icon": {
-              "type": "color",
-              "value": "{kid.utilities.color.black.default}"
-            }
-          }
-        },
         "--filled": {
           "__floating-label": {
             "color": {
@@ -12980,6 +13388,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 +13492,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 +13508,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 +13529,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 +13545,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 +13558,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 +13580,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 +13644,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 +13666,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 +13688,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 +13705,22 @@
               "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}"
+            },
+            "height": {
+              "type": "float",
+              "value": "40"
             }
           },
           "lg": {
             "icon": {
-              "_font-size": {
+              "height": {
                 "type": "float",
                 "value": "{kid.utilities.sizing.6}"
               }
@@ -13228,13 +13729,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": {
+            "height": {
+              "description": "Used for icon-only and loading variant",
               "type": "float",
-              "value": "{kid.utilities.sizing.2,5}"
+              "value": "40"
             }
           },
           "sm": {
@@ -13248,10 +13751,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 +13826,10 @@
               }
             }
           }
+        },
+        "border-width": {
+          "type": "float",
+          "value": "{kid.utilities.border-width.default}"
         }
       },
       "sd-footnotes": {
@@ -13338,7 +13849,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 +13858,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 +13895,6 @@
           "type": "float",
           "value": "{kid.utilities.rounded.full}"
         },
-        "border-width": {
-          "type": "float",
-          "value": "{kid.utilities.border-width.default}"
-        },
         "--neutral-300": {
           "color": {
             "background": {
@@ -13412,14 +13919,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": {
@@ -13469,6 +13968,39 @@
           }
         }
       },
+      "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 +14040,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 +14066,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 +14085,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 +14121,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 +14133,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 +14145,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 +14162,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,10 +14213,18 @@
             "type": "color",
             "value": "{kid.utilities.color.neutral.800}"
           }
+        },
+        "__duration-indicator": {
+          "color": {
+            "background": {
+              "type": "color",
+              "value": "{kid.utilities.color.primary.default}"
+            }
+          }
         }
       },
       "sd-range": {
-        "scale-ticks": {
+        "tick": {
           "color": {
             "text": {
               "type": "color",
@@ -13780,18 +14297,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 +14325,7 @@
                 "background": {
                   "description": "Used for hover interaction",
                   "type": "color",
-                  "value": "{core.kid.neutral.800}"
+                  "value": "{kid.utilities.color.neutral.800}"
                 }
               }
             },
@@ -13878,13 +14383,28 @@
         "border-width": {
           "type": "float",
           "value": "{kid.utilities.border-width.default}"
+        }
+      },
+      "sd-audio": {
+        "__slide-bar": {
+          "--inverted": {
+            "color": {
+              "border": {
+                "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": {
+              "border": {
+                "description": "Used for inverted dividers",
+                "type": "color",
+                "value": "{kid.utilities.color.white.default}"
+              }
             }
           }
         }
@@ -13918,27 +14438,48 @@
         }
       },
       "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": {
               "type": "color",
@@ -13948,10 +14489,12 @@
         }
       },
       "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 +14512,7 @@
             }
           }
         },
-        "--description": {
+        "_description": {
           "color": {
             "text": {
               "type": "color",
@@ -13979,22 +14522,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 +14531,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 +14540,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 +14564,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 +14658,7 @@
               "border": {
                 "description": "Used for active / selected elements",
                 "type": "color",
-                "value": "{kid.utilities.color.white.default}"
+                "value": "{kid.utilities.color.text.white.default}"
               }
             }
           }
@@ -14132,12 +14668,17 @@
         "border-width": {
           "type": "float",
           "value": "{kid.utilities.border-width.default}"
-        }
-      },
-      "color": {
-        "background": {
-          "type": "color",
-          "value": "{core.vb.azure.50}"
+        },
+        "--checked": {
+          "--hovered": {
+            "color": {
+              "border": {
+                "description": "This is for frontend specifically. Created due to bug in frontend. In Figma there&#39;s no border color needed but frontend immediately get the utilities/border/accent/550 for kid it&#39;s neutral 800 instead of neutral 700 so it looks off.",
+                "type": "color",
+                "value": "{kid.utilities.color.neutral.700}"
+              }
+            }
+          }
         }
       },
       "sd-tab": {
@@ -14145,11 +14686,28 @@
           "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 +14755,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 +14779,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 +14820,10 @@
                 "text": {
                   "type": "color",
                   "value": "{kid.utilities.color.neutral.700}"
+                },
+                "border": {
+                  "type": "color",
+                  "value": "{kid.utilities.color.neutral.700}"
                 }
               }
             },
@@ -14291,14 +14838,6 @@
                   "value": "{kid.utilities.color.neutral.700}"
                 }
               }
-            },
-            "--current": {
-              "color": {
-                "text": {
-                  "type": "color",
-                  "value": "{kid.utilities.color.neutral.700}"
-                }
-              }
             }
           },
           "--selected": {
@@ -14306,14 +14845,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 +14874,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.primary.100}"
+              }
             }
-          }
-        },
-        "__tag": {
-          "border-width": {
-            "type": "float",
-            "value": "{kid.utilities.border-width.default}"
           }
         }
       },
@@ -14360,6 +14903,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,13 +14958,18 @@
           }
         }
       },
-      "sd-option": {
-        "--disabled": {
+      "sd-accordion-group": {
+        "_gap": {
+          "type": "float",
+          "value": "-1"
+        }
+      },
+      "sd-container": {
+        "--default": {
           "color": {
-            "border": {
-              "description": "Used for disabled state",
+            "background": {
               "type": "color",
-              "value": "{kid.utilities.color.neutral.400}"
+              "value": "rgba(255, 255, 255, 0.50)"
             }
           }
         }
diff --git a/packages/tokens/src/figma-variables/variableTokens.json b/packages/tokens/src/figma-variables/variableTokens.json
index 28db9d331d..4273349126 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",
@@ -297,8 +185,8 @@
         "VariableID:43927:5024",
         "VariableID:43927:5025",
         "VariableID:43927:5026",
-        "VariableID:43927:5038",
         "VariableID:43927:5027",
+        "VariableID:43927:5038",
         "VariableID:43979:190",
         "VariableID:44917:19938",
         "VariableID:44917:19939",
@@ -324,8 +212,8 @@
         "VariableID:44921:14706",
         "VariableID:44921:14707",
         "VariableID:44917:20154",
-        "VariableID:46172:9194",
         "VariableID:44917:20144",
+        "VariableID:46172:9194",
         "VariableID:43927:5029",
         "VariableID:48719:123821",
         "VariableID:46396:101311",
@@ -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",
@@ -491,7 +376,7 @@
       "hiddenFromPublishing": false,
       "id": "VariableCollectionId:43174:55999",
       "isExtension": false,
-      "key": "878808809a8efa03be588e5e54c42232d9ee239a",
+      "key": "afa5ddd2c41d917d64144628d52a58a502b0a57b",
       "modes": [
         {
           "modeId": "43174:13",
@@ -514,8 +399,6 @@
       "remote": false,
       "variableIds": [
         "VariableID:43372:21101",
-        "VariableID:43373:35271",
-        "VariableID:43373:35286",
         "VariableID:43979:193",
         "VariableID:43979:194",
         "VariableID:44029:1633",
@@ -579,8 +462,8 @@
         "VariableID:43979:261",
         "VariableID:43979:262",
         "VariableID:43979:263",
-        "VariableID:43979:299",
         "VariableID:43979:264",
+        "VariableID:43979:299",
         "VariableID:43979:300",
         "VariableID:43979:265",
         "VariableID:43979:301",
@@ -624,10 +507,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 +552,17 @@
         "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:56886:3305",
+        "VariableID:56886:2865",
+        "VariableID:50635:19390",
         "VariableID:43979:236",
         "VariableID:43979:237",
         "VariableID:43979:238",
@@ -666,9 +584,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,8 +599,6 @@
         "VariableID:43979:273",
         "VariableID:43979:280",
         "VariableID:43979:279",
-        "VariableID:48719:146279",
-        "VariableID:47226:13298",
         "VariableID:47226:13297",
         "VariableID:44029:1647",
         "VariableID:44029:1648",
@@ -693,6 +611,8 @@
         "VariableID:44029:1655",
         "VariableID:44318:2769",
         "VariableID:44029:1656",
+        "VariableID:48719:146279",
+        "VariableID:47226:13298",
         "VariableID:44029:1657",
         "VariableID:44029:1658",
         "VariableID:44029:1659",
@@ -711,7 +631,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 +658,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 +713,29 @@
         "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: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 +743,9 @@
         "VariableID:50578:36839",
         "VariableID:49052:103",
         "VariableID:49052:1122",
+        "VariableID:46790:57690",
+        "VariableID:51491:7158",
         "VariableID:46434:259683",
-        "VariableID:48127:24317",
-        "VariableID:48127:24325",
-        "VariableID:48150:71090",
         "VariableID:46434:259677",
         "VariableID:46434:259678",
         "VariableID:46434:259679",
@@ -836,25 +755,20 @@
         "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:53700:1817",
+        "VariableID:56886:3304",
         "VariableID:50346:24618",
         "VariableID:50348:22930",
         "VariableID:47735:23879",
         "VariableID:47735:23876",
         "VariableID:47735:23880",
+        "VariableID:56342:50645",
         "VariableID:47735:23878",
         "VariableID:47737:23882",
         "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",
@@ -869,34 +783,28 @@
         "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,15 +813,14 @@
         "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",
@@ -923,8 +830,10 @@
         "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 +847,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:1805",
+        "VariableID:53591:1806",
+        "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 +868,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 +882,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",
@@ -993,9 +897,6 @@
         "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,7006 +918,7266 @@
         "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"
-      ],
+      "resolvedType": "STRING",
+      "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",
-      "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": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 28
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43138:1922": {
+        "43174:13": {
+          "id": "VariableID:43372:21097",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43372:21097",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43372:21097",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43372:21097",
+          "type": "VARIABLE_ALIAS"
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:43373:35292": {
       "codeSyntax": {},
-      "description": "32px",
+      "deletedButReferenced": true,
+      "description": "Inverted background color (light mode)\nUsed for button",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1922",
-      "key": "8378097b8452ea3efb64cef0b994d8b94ab4477b",
-      "name": "8",
+      "id": "VariableID:43373:35292",
+      "key": "e607bd4835efae093a68c3e4b6d131766f04997d",
+      "name": "background/primary",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 32
+        "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:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1923": {
+    "VariableID:43373:35293": {
       "codeSyntax": {},
-      "description": "36px",
+      "description": "Default background color. Used for sd-chip, sd-flag, sd-container",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1923",
-      "key": "6b62e4fe6d921d6b9b5aaa575da5c029b622ff77",
-      "name": "9",
+      "id": "VariableID:43373:35293",
+      "key": "626ac213e1fd4e4901a5d1f8d79d668c6c820e79",
+      "name": "utilities/color/background/white/default",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 36
+        "43174:13": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:202",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:204",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1924": {
+    "VariableID:43373:35301": {
       "codeSyntax": {},
-      "description": "40px",
+      "description": "Form field read only. Used for sd-container",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1924",
-      "key": "a1ec0d4a1a0794248d0f0f7cd0daced6de6973b6",
-      "name": "10",
+      "id": "VariableID:43373:35301",
+      "key": "6b04cca2d732fca28cd547b8424944bd34c3b372",
+      "name": "utilities/color/background/neutral/100",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 40
+        "43174:13": {
+          "id": "VariableID:43979:214",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:200",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:214",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:214",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1925": {
+    "VariableID:43373:35302": {
       "codeSyntax": {},
-      "description": "44px",
+      "description": "Used for sd-flag",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1925",
-      "key": "a61b948d015a8c6f769e4a7fb0f56d0e3f097a66",
-      "name": "11",
+      "id": "VariableID:43373:35302",
+      "key": "5c796f360506dc3462d2743c7898a44f6253ad4b",
+      "name": "utilities/color/background/neutral/200",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 44
+        "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": {
+          "id": "VariableID:43979:214",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1926": {
+    "VariableID:43373:35303": {
       "codeSyntax": {},
-      "description": "48px",
+      "description": "Used for sd-flag ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1926",
-      "key": "753f0193194f004988c3ecbb116a50c8b709c336",
-      "name": "12",
+      "id": "VariableID:43373:35303",
+      "key": "95055cece97b6e1cc5bc3516636377be0ead43ca",
+      "name": "utilities/color/background/neutral/300",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 48
+        "43174:13": {
+          "id": "VariableID:43979:216",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:199",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:215",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:215",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1927": {
+    "VariableID:43373:35304": {
       "codeSyntax": {},
-      "description": "56px",
+      "description": "Used for sd-flag ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1927",
-      "key": "e99a8b6da3d69031d961e0056ea047f253e47c2c",
-      "name": "14",
+      "id": "VariableID:43373:35304",
+      "key": "b411507c4eff86348db226521b242f245d13b47a",
+      "name": "utilities/color/background/neutral/400",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 56
+        "43174:13": {
+          "id": "VariableID:43979:217",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:219",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:216",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:216",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1928": {
+    "VariableID:43373:35305": {
       "codeSyntax": {},
-      "description": "64px",
+      "description": "Used for disabled state ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1928",
-      "key": "3d90c88bc89778cd593a0553735356681df3a748",
-      "name": "16",
+      "id": "VariableID:43373:35305",
+      "key": "a74c6363e86a013f8e8263c2e22152c45c531f30",
+      "name": "utilities/color/background/neutral/500",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 64
+        "43174:13": {
+          "id": "VariableID:43979:218",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:219",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:217",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:217",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1929": {
+    "VariableID:43373:35306": {
       "codeSyntax": {},
-      "description": "80px",
+      "description": "Used for notification, status-badge",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1929",
-      "key": "d4f58ba2cb2558bb09c97271f8d1712b407de57d",
-      "name": "20",
+      "id": "VariableID:43373:35306",
+      "key": "2431a69febb9831724e093ca1cc8d70a04a80adf",
+      "name": "utilities/color/background/success/default",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 80
+        "43174:13": {
+          "id": "VariableID:43979:224",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:224",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:224",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:224",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1930": {
+    "VariableID:43373:35307": {
       "codeSyntax": {},
-      "description": "96px",
+      "description": "Used for notification, status-badge",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1930",
-      "key": "0cb16d257d9fa5c93721b9abc254239fc9314f1a",
-      "name": "24",
+      "id": "VariableID:43373:35307",
+      "key": "bd56beadff129eb17715c293f10da6979ddf7077",
+      "name": "utilities/color/background/error/default",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 96
+        "43174:13": {
+          "id": "VariableID:43979:222",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:46434:307157",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:222",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:222",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1931": {
+    "VariableID:43373:35308": {
       "codeSyntax": {},
-      "description": "112px",
+      "description": "Used for hover interaction invalid form elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1931",
-      "key": "e23df93e1d7525406639b15b5ff379d98132eeab",
-      "name": "28",
+      "id": "VariableID:43373:35308",
+      "key": "43b52d70f4ca26c76350d11d12317f074e6919c9",
+      "name": "utilities/color/background/error/400",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 112
+        "43174:13": {
+          "id": "VariableID:43979:223",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:223",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:223",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:223",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1932": {
+    "VariableID:43373:35309": {
       "codeSyntax": {},
-      "description": "128px",
+      "description": "Used for teaser",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1932",
-      "key": "3ebe2dbb932901db5620cea9b7be5f2e5330ba12",
-      "name": "32",
+      "id": "VariableID:43373:35309",
+      "key": "7799cab9b7babd36c6f88ad82d109969e0f6b273",
+      "name": "utilities/color/background/_transparent/primary-100|80",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 128
+        "43174:13": {
+          "a": 0.800000011920929,
+          "b": 0.9764705896377563,
+          "g": 0.9411764740943909,
+          "r": 0.9254902005195618
+        },
+        "43174:14": {
+          "a": 0.800000011920929,
+          "b": 0.29019609093666077,
+          "g": 0.125490203499794,
+          "r": 0.03921568766236305
+        },
+        "44883:0": {
+          "a": 0.800000011920929,
+          "b": 0.9764705896377563,
+          "g": 0.9411764740943909,
+          "r": 0.9254902005195618
+        },
+        "47719:0": {
+          "a": 0.800000011920929,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1933": {
+    "VariableID:43373:35310": {
       "codeSyntax": {},
-      "description": "144px",
+      "description": "Used for teaser",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1933",
-      "key": "059baa4a28c8852a47ae4710070cafa15d42faa7",
-      "name": "36",
+      "id": "VariableID:43373:35310",
+      "key": "aed191bb6eb4b221cc16ee481c638cf8cce5fc00",
+      "name": "utilities/color/background/_transparent/primary-100|90",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 144
+        "43174:13": {
+          "a": 0.8999999761581421,
+          "b": 0.9764705896377563,
+          "g": 0.9411764740943909,
+          "r": 0.9254902005195618
+        },
+        "43174:14": {
+          "a": 0.8999999761581421,
+          "b": 0.29019609093666077,
+          "g": 0.125490203499794,
+          "r": 0.03921568766236305
+        },
+        "44883:0": {
+          "a": 0.8999999761581421,
+          "b": 0.9764705896377563,
+          "g": 0.9411764740943909,
+          "r": 0.9254902005195618
+        },
+        "47719:0": {
+          "a": 0.8999999761581421,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1934": {
+    "VariableID:43373:35311": {
       "codeSyntax": {},
-      "description": "160px",
+      "description": "Used for teaser",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1934",
-      "key": "72f4a53347f54405a8d6fa6d45e55bbae263defc",
-      "name": "40",
+      "id": "VariableID:43373:35311",
+      "key": "25c46287eed9c87cee55138321bbafaf3bc748e8",
+      "name": "utilities/color/background/_transparent/neutral-100|80",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 160
+        "43174:13": {
+          "a": 0.800000011920929,
+          "b": 0.9647058844566345,
+          "g": 0.9647058844566345,
+          "r": 0.9647058844566345
+        },
+        "43174:14": {
+          "a": 0.800000011920929,
+          "b": 0.29019609093666077,
+          "g": 0.125490203499794,
+          "r": 0.03921568766236305
+        },
+        "44883:0": {
+          "a": 0.800000011920929,
+          "b": 0.9647058844566345,
+          "g": 0.9647058844566345,
+          "r": 0.9647058844566345
+        },
+        "47719:0": {
+          "a": 0.800000011920929,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1935": {
+    "VariableID:43373:35312": {
       "codeSyntax": {},
-      "description": "176px",
+      "description": "Used for teaser",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1935",
-      "key": "71ca2fa3c4d4d6308ebb56f07a253a0dcef7a892",
-      "name": "44",
+      "id": "VariableID:43373:35312",
+      "key": "1acfa60f1301499e875765e6417b677cb246b033",
+      "name": "utilities/color/background/_transparent/neutral-100|90",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 176
+        "43174:13": {
+          "a": 0.8999999761581421,
+          "b": 0.9647058844566345,
+          "g": 0.9647058844566345,
+          "r": 0.9647058844566345
+        },
+        "43174:14": {
+          "a": 0.8999999761581421,
+          "b": 0.29019609093666077,
+          "g": 0.125490203499794,
+          "r": 0.03921568766236305
+        },
+        "44883:0": {
+          "a": 0.8999999761581421,
+          "b": 0.9647058844566345,
+          "g": 0.9647058844566345,
+          "r": 0.9647058844566345
+        },
+        "47719:0": {
+          "a": 0.8999999761581421,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1936": {
+    "VariableID:43373:35313": {
       "codeSyntax": {},
-      "description": "208px",
+      "description": "Used for teaser, audio (wave animation)\n",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1936",
-      "key": "de8fd550111d9d1171b893f13f8a99366fd3a2bc",
-      "name": "52",
+      "id": "VariableID:43373:35313",
+      "key": "e852879639d0c6e0934f7d8f6f63a30ccb984b3b",
+      "name": "utilities/color/background/_transparent/white|90",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 208
+        "43174:13": {
+          "a": 0.8999999761581421,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        },
+        "43174:14": {
+          "a": 0.8999999761581421,
+          "b": 0.5568627715110779,
+          "g": 0.2078431397676468,
+          "r": 0
+        },
+        "44883:0": {
+          "a": 0.8999999761581421,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        },
+        "47719:0": {
+          "a": 0.8999999761581421,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1937": {
+    "VariableID:43373:35314": {
       "codeSyntax": {},
-      "description": "224px",
+      "description": "Used for teaser",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1937",
-      "key": "12fd93abbc3b39536e5eba769a55b55b24668793",
-      "name": "56",
+      "id": "VariableID:43373:35314",
+      "key": "9b20c89b17362fe82bc91c93648fb32cfc7da35d",
+      "name": "utilities/color/background/_transparent/white|80",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 224
+        "43174:13": {
+          "a": 0.800000011920929,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        },
+        "43174:14": {
+          "a": 0.800000011920929,
+          "b": 0.5568627715110779,
+          "g": 0.2078431397676468,
+          "r": 0
+        },
+        "44883:0": {
+          "a": 0.800000011920929,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        },
+        "47719:0": {
+          "a": 0.800000011920929,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1938": {
+    "VariableID:43373:35315": {
       "codeSyntax": {},
-      "description": "256px",
+      "deletedButReferenced": true,
+      "description": "Primary brand color for text",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1938",
-      "key": "07a6cb4b4ecd0843d291b5140ea68bb7846261dd",
-      "name": "64",
+      "id": "VariableID:43373:35315",
+      "key": "1b86ccc59982dd66eb735879a7369ad3bf110c6f",
+      "name": "text/primary",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 256
+        "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:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1939": {
+    "VariableID:43373:35316": {
       "codeSyntax": {},
-      "description": "288px",
+      "deletedButReferenced": true,
+      "description": "Inverted text color",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1939",
-      "key": "4d71f24080fa1d6fcd57238e5a02b4a01f3f1fa9",
-      "name": "72",
+      "id": "VariableID:43373:35316",
+      "key": "6b511f53991ed54521d8a14024fb506d4f18a5ae",
+      "name": "text/white",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 288
+        "43174:13": {
+          "id": "VariableID:42952:176",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:42952:107",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:42952:176",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:42952:176",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1940": {
+    "VariableID:43373:35401": {
       "codeSyntax": {},
-      "description": "320px",
+      "deletedButReferenced": true,
+      "description": "4px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1940",
-      "key": "74eaabbe60dcba12bca7fea1b49e98079d22475b",
-      "name": "80",
+      "id": "VariableID:43373:35401",
+      "key": "15801c15ddfce77a4343e7a57ab38ba5195994e7",
+      "name": "spacing/1",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 320
+        "43174:13": {
+          "id": "VariableID:43138:1915",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43138:1915",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43138:1915",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43138:1915",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1941": {
+    "VariableID:43373:35402": {
       "codeSyntax": {},
-      "description": "384px",
+      "deletedButReferenced": true,
+      "description": "8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1941",
-      "key": "a0a198c90e11a9344be142e4dda693ea3f3b66da",
-      "name": "96",
+      "id": "VariableID:43373:35402",
+      "key": "90bbb50ba95358b5d1ad2c90c4873d9d5d198bf2",
+      "name": "spacing/2",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 384
+        "43174:13": {
+          "id": "VariableID:43138:1916",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43138:1916",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43138:1916",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43138:1916",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1942": {
+    "VariableID:43373:35403": {
       "codeSyntax": {},
-      "description": "1px\b",
+      "deletedButReferenced": true,
+      "description": "12px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1942",
-      "key": "06ca5520e003ca760c6e7b005f24737803ce7cc0",
-      "name": "px",
+      "id": "VariableID:43373:35403",
+      "key": "1bff7330e3fa24781a787cd00c939076d75217a1",
+      "name": "spacing/3",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 1
+        "43174:13": {
+          "id": "VariableID:43138:1917",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43138:1917",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43138:1917",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43138:1917",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1943": {
+    "VariableID:43373:35404": {
       "codeSyntax": {},
-      "description": "2px",
+      "deletedButReferenced": true,
+      "description": "16px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1943",
-      "key": "c6b25c140ab2678fed1149e3fbba7d3896acf240",
-      "name": "0,5",
-      "remote": false,
+      "id": "VariableID:43373:35404",
+      "key": "2eb06d4b66537143cb22a28828e704d7e8df16b8",
+      "name": "spacing/4",
+      "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 2
+        "43174:13": {
+          "id": "VariableID:43138:1918",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43138:1918",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43138:1918",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43138:1918",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1944": {
+    "VariableID:43373:35414": {
       "codeSyntax": {},
-      "description": "\b6px",
+      "deletedButReferenced": true,
+      "description": "2px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1944",
-      "key": "497026f81e0edb272e18341e4a4f281606bc9ee1",
-      "name": "1,5",
+      "id": "VariableID:43373:35414",
+      "key": "691c14f318e4f0a304dafca15c1603d03656780f",
+      "name": "spacing/0,5",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 6
+        "43174:13": {
+          "id": "VariableID:43138:1943",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43138:1943",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43138:1943",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43138:1943",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1945": {
+    "VariableID:43373:35418": {
       "codeSyntax": {},
-      "description": "14px",
+      "deletedButReferenced": true,
+      "description": "12px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1945",
-      "key": "c7b135ba491f10e2107c4e3b02126a62c0d07ab8",
-      "name": "3,5",
+      "id": "VariableID:43373:35418",
+      "key": "c10b6252d772229d9bf89e97d563a5fcc6c41ddd",
+      "name": "sizing/3",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 14
+        "43174:13": {
+          "id": "VariableID:43138:1917",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43138:1917",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43138:1917",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43138:1917",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1946": {
+    "VariableID:43373:35419": {
       "codeSyntax": {},
-      "description": "10px",
+      "deletedButReferenced": true,
+      "description": "16px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1946",
-      "key": "913662099a38898de51cad5c9d69f7a385e02289",
-      "name": "2,5",
+      "id": "VariableID:43373:35419",
+      "key": "ec7a096d9a4b1a64f107350e7ea037f7f5d46dc6",
+      "name": "sizing/4",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 10
+        "43174:13": {
+          "id": "VariableID:43138:1918",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43138:1918",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43138:1918",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43138:1918",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1947": {
+    "VariableID:43373:35420": {
       "codeSyntax": {},
-      "description": "",
+      "deletedButReferenced": true,
+      "description": "20px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1947",
-      "key": "46d30322b307d71d5f70c48f75dbd2834b2b5ac6",
-      "name": "opacity-0",
+      "id": "VariableID:43373:35420",
+      "key": "36d39f1e4a8efcd0d79fdf5d331df839fbfc9cfe",
+      "name": "sizing/5",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 0
+        "43174:13": {
+          "id": "VariableID:43138:1919",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43138:1919",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43138:1919",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43138:1919",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1948": {
+    "VariableID:43373:35421": {
       "codeSyntax": {},
-      "description": "",
+      "deletedButReferenced": true,
+      "description": "24px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1948",
-      "key": "acd7f1852659d0df76db3f80e074aaf21de95ea9",
-      "name": "opacity-5",
+      "id": "VariableID:43373:35421",
+      "key": "04ddaafdfc15792090a707be4b360c2a1f67ff99",
+      "name": "sizing/6",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 5
+        "43174:13": {
+          "id": "VariableID:43138:1920",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43138:1920",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43138:1920",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43138:1920",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1949": {
+    "VariableID:43373:35427": {
       "codeSyntax": {},
-      "description": "",
+      "deletedButReferenced": true,
+      "description": "10px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1949",
-      "key": "587d3850d2525f558d623f4612f37eeb30e5ccc7",
-      "name": "opacity-10",
+      "id": "VariableID:43373:35427",
+      "key": "1fa9d95c8d6193b3ab86ac17838fc5e6a9e70098",
+      "name": "sizing/2,5",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 10
+        "43174:13": {
+          "id": "VariableID:43138:1946",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43138:1946",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43138:1946",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43138:1946",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1950": {
+    "VariableID:43373:35437": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1950",
-      "key": "cc08540da8d67a77f7cacd949400714401695b44",
-      "name": "opacity-20",
+      "id": "VariableID:43373:35437",
+      "key": "fc65b6e98f6ab371a5cde903a0acbc723f623038",
+      "name": "border-width/default",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 20
+        "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:43138:1951": {
+    "VariableID:43373:35447": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1951",
-      "key": "c5b681b4260504e7d597fcde8f339d5df42d5544",
-      "name": "opacity-30",
+      "id": "VariableID:43373:35447",
+      "key": "4f8de02e6e7225bacfdf03a9615b75809a869236",
+      "name": "opacity/75",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 30
+        "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:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43138:1952": {
+    "VariableID:43373:35452": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1952",
-      "key": "8dd4ea94fadf6a62dd3278624c48b284336fd36e",
-      "name": "opacity-50",
+      "id": "VariableID:43373:35452",
+      "key": "1dab9e3e52f9fe3c60232729a4ed1387f8479946",
+      "name": "UI/font-family/font-family-primary",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "STRING",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 50
+        "43138:0": "Frutiger Neue fuer UI Web"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1953": {
+    "VariableID:43927:4947": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1953",
-      "key": "9c815cf5e3cbfc5bafc9ac24646531dc1c9839e1",
-      "name": "opacity-55",
+      "id": "VariableID:43927:4947",
+      "key": "7f5b0f1b9f5b0b8c65924797a0709a251525946e",
+      "name": "UI/blue/100",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 55
+        "43138:0": {
+          "a": 1,
+          "b": 0.9764705896377563,
+          "g": 0.9411764740943909,
+          "r": 0.9254902005195618
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1954": {
+    "VariableID:43927:4948": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1954",
-      "key": "359fac91b8f9297e0c487aa19950b7edc6fe154a",
-      "name": "opacity-60",
+      "id": "VariableID:43927:4948",
+      "key": "ee9e711e54f647d51ead192e626cb7c00295284f",
+      "name": "UI/blue/200",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 60
+        "43138:0": {
+          "a": 1,
+          "b": 0.9529411792755127,
+          "g": 0.9137254953384399,
+          "r": 0.8784313797950745
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1955": {
+    "VariableID:43927:4949": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1955",
-      "key": "265674c39ae4ea389739ff8a0b06055004c08a98",
-      "name": "opacity-70",
+      "id": "VariableID:43927:4949",
+      "key": "215fb82b5c2232370dad71e18896fcebb0880edb",
+      "name": "UI/blue/300",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 70
+        "43138:0": {
+          "a": 1,
+          "b": 0.9058823585510254,
+          "g": 0.8352941274642944,
+          "r": 0.7843137383460999
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1956": {
+    "VariableID:43927:4950": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1956",
-      "key": "c502f52983f9c62b43588d574127b35714e00ebc",
-      "name": "opacity-75",
+      "id": "VariableID:43927:4950",
+      "key": "4f41ba210a080fb935b6308402a502656cdce359",
+      "name": "UI/blue/400",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 75
+        "43138:0": {
+          "a": 1,
+          "b": 0.8156862854957581,
+          "g": 0.6705882549285889,
+          "r": 0.6000000238418579
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1957": {
+    "VariableID:43927:4951": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1957",
-      "key": "a225c504db39d957e7ae7511890176c42c1a178b",
-      "name": "opacity-80",
+      "id": "VariableID:43927:4951",
+      "key": "a33281de00b6575b0c52d3a62c41cf9112fbf8ba",
+      "name": "UI/blue/500",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 80
+        "43138:0": {
+          "a": 1,
+          "b": 0.686274528503418,
+          "g": 0.4274509847164154,
+          "r": 0.27450981736183167
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1958": {
+    "VariableID:43927:4952": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1958",
-      "key": "50e528898068f1871734755d75b75a7ca7d2b58d",
-      "name": "opacity-85",
+      "id": "VariableID:43927:4952",
+      "key": "e8c7d9e0f1ada14907021d7111248b75ffb5228b",
+      "name": "UI/blue/600",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 85
+        "43138:0": {
+          "a": 1,
+          "b": 0.5568627715110779,
+          "g": 0.2078431397676468,
+          "r": 0
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1959": {
+    "VariableID:43927:4953": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1959",
-      "key": "34146e562e1f890699e8ed8f76aae95e52fbf3e5",
-      "name": "opacity-90",
+      "id": "VariableID:43927:4953",
+      "key": "9cae38a2e8c375debe570334c91c7757dc00fdf3",
+      "name": "UI/blue/700",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 90
+        "43138:0": {
+          "a": 1,
+          "b": 0.4313725531101227,
+          "g": 0.18039216101169586,
+          "r": 0.07450980693101883
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43138:1960": {
+    "VariableID:43927:4954": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43138:1960",
-      "key": "e316c667cded9399e1e20f76cc4a045facfea48d",
-      "name": "opacity-1",
+      "id": "VariableID:43927:4954",
+      "key": "abb3373a50bc117ba90bbcdc899911663b99b675",
+      "name": "UI/blue/750",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 100
+        "43138:0": {
+          "a": 1,
+          "b": 0.29019609093666077,
+          "g": 0.125490203499794,
+          "r": 0.03921568766236305
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43174:55601": {
+    "VariableID:43927:4955": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43174:55601",
-      "key": "10a079f0ca975875c37c47fb3aa6a3dff20b78e4",
-      "name": "opacity-2",
+      "id": "VariableID:43927:4955",
+      "key": "b0a7c07d303db1be1360436b030b4043b4995356",
+      "name": "UI/blue/800",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 2
+        "43138:0": {
+          "a": 1,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15190": {
+    "VariableID:43927:4956": {
       "codeSyntax": {},
-      "description": "14px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15190",
-      "key": "7a735e88b8f314396ef9e41164affb92d89de7c8",
-      "name": "text-sm",
+      "id": "VariableID:43927:4956",
+      "key": "2ddf8c4594180290731a293f11de92fc17d45d20",
+      "name": "UI/blue/900",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 14
+        "43138:0": {
+          "a": 1,
+          "b": 0.125490203499794,
+          "g": 0.03529411926865578,
+          "r": 0.007843137718737125
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15191": {
+    "VariableID:43927:4957": {
       "codeSyntax": {},
-      "description": "16px",
+      "description": "blue-default",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15191",
-      "key": "fc8120c5748636abc9346296d752a2a73c47b3fc",
-      "name": "text-base",
+      "id": "VariableID:43927:4957",
+      "key": "73c4b50fa5e4261fc9cb7a352b8d1f12b6b29dee",
+      "name": "UI/blue/default",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 16
+        "43138:0": {
+          "id": "VariableID:43927:4952",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15192": {
+    "VariableID:43927:4958": {
       "codeSyntax": {},
-      "description": "20px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15192",
-      "key": "2dfdb19c2fbe59bfc54e9487f1dbb4e316894b7e",
-      "name": "text-lg",
+      "id": "VariableID:43927:4958",
+      "key": "bcca91defb7698b3ad3054c72a1ce018f3134fb5",
+      "name": "UI/green/100",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 20
+        "43138:0": {
+          "a": 1,
+          "b": 0.6666666865348816,
+          "g": 0.8745098114013672,
+          "r": 0.7137255072593689
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15193": {
+    "VariableID:43927:4959": {
       "codeSyntax": {},
-      "description": "24px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15193",
-      "key": "c64ecd13d6cab33db248d87d420b3c4c0911a60a",
-      "name": "text-xl",
+      "id": "VariableID:43927:4959",
+      "key": "e38b42efcf568670e1227b79b7f30c7941da2071",
+      "name": "UI/green/200",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 24
+        "43138:0": {
+          "a": 1,
+          "b": 0.5098039507865906,
+          "g": 0.8156862854957581,
+          "r": 0.5568627715110779
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15194": {
+    "VariableID:43927:4960": {
       "codeSyntax": {},
-      "description": "28px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15194",
-      "key": "ff0595582ce46a2d9a4ec8c58c2153aeaf5130e4",
-      "name": "text-2xl",
+      "id": "VariableID:43927:4960",
+      "key": "96375237e717deb264522909bdf5adbe16fd0c80",
+      "name": "UI/green/300",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 28
+        "43138:0": {
+          "a": 1,
+          "b": 0.3294117748737335,
+          "g": 0.7607843279838562,
+          "r": 0.42352941632270813
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15195": {
+    "VariableID:43927:4961": {
       "codeSyntax": {},
-      "description": "32px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15195",
-      "key": "ad2af8b01f8427c0983fbb8827b203f61c962f45",
-      "name": "text-3xl",
+      "id": "VariableID:43927:4961",
+      "key": "05bdbbeeeb829880e507c1b723761bca06e2fa29",
+      "name": "UI/green/400",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 32
+        "43138:0": {
+          "a": 1,
+          "b": 0,
+          "g": 0.615686297416687,
+          "r": 0.1764705926179886
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15196": {
+    "VariableID:43927:4962": {
       "codeSyntax": {},
-      "description": "40px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15196",
-      "key": "0fb0dd13c05b247cd2ccb77c4a655738fa0b5819",
-      "name": "text-4xl",
+      "id": "VariableID:43927:4962",
+      "key": "79e1299cc9e15b23a2cbfc9aead08b07ef7fc45a",
+      "name": "UI/green/500",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 40
+        "43138:0": {
+          "a": 1,
+          "b": 0.054901961237192154,
+          "g": 0.5333333611488342,
+          "r": 0.14509804546833038
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15197": {
+    "VariableID:43927:4963": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15197",
-      "key": "fbbcc81e2bf58fdb50b14ee9c1cd727258f5f8da",
-      "name": "border-0",
+      "id": "VariableID:43927:4963",
+      "key": "7709662751752f0254ee838ace692e2b09d450f0",
+      "name": "UI/green/550",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 0
+        "43138:0": {
+          "a": 1,
+          "b": 0.1568627506494522,
+          "g": 0.48235294222831726,
+          "r": 0.21176470816135406
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15198": {
+    "VariableID:43927:4964": {
       "codeSyntax": {},
-      "description": "Default border width",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15198",
-      "key": "1b418d9575a8007af486c3be79c838d8c9fc848e",
-      "name": "border",
+      "id": "VariableID:43927:4964",
+      "key": "29b48bc8a043a5df966c8453fd2f5be7bb0fe2ad",
+      "name": "UI/green/600",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 1
+        "43138:0": {
+          "a": 1,
+          "b": 0.1411764770746231,
+          "g": 0.43529412150382996,
+          "r": 0.1921568661928177
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15199": {
+    "VariableID:43927:4965": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15199",
-      "key": "ae2114782ef8a0cb5c0841e809b2dece064ef03f",
-      "name": "border-2",
+      "id": "VariableID:43927:4965",
+      "key": "7f0df4e1dbcf175e95796f7f8f2e235512693eeb",
+      "name": "UI/green/700",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 2
+        "43138:0": {
+          "a": 1,
+          "b": 0.14509804546833038,
+          "g": 0.34117648005485535,
+          "r": 0.12941177189350128
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15200": {
+    "VariableID:43927:4966": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15200",
-      "key": "d4ff26540b1bacc4e053ee72050e11bc0bd212ef",
-      "name": "border-4",
+      "id": "VariableID:43927:4966",
+      "key": "47d128d95df72566d55131ad0c7b3aa64caf3b92",
+      "name": "UI/green/800",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 4
+        "43138:0": {
+          "a": 1,
+          "b": 0.10588235408067703,
+          "g": 0.2549019753932953,
+          "r": 0.09803921729326248
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15201": {
+    "VariableID:43927:4967": {
       "codeSyntax": {},
-      "description": "",
+      "description": "green-default",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15201",
-      "key": "86fcc3f7db4f653a7a1608d4be5323d22306e72c",
-      "name": "border-6",
+      "id": "VariableID:43927:4967",
+      "key": "7098798c736c1dd000f51b20b5f6038ee96c585a",
+      "name": "UI/green/default",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 6
+        "43138:0": {
+          "id": "VariableID:43927:4961",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15202": {
+    "VariableID:43927:4968": {
       "codeSyntax": {},
-      "description": "For pill buttons / shapes",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15202",
-      "key": "043051c9da6dc19ec582bae4e998ca7da435198b",
-      "name": "rounded-full",
+      "id": "VariableID:43927:4968",
+      "key": "619018e69826fa8447aded66a91211ffc1de67ee",
+      "name": "UI/grey/100",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 9999
+        "43138:0": {
+          "a": 1,
+          "b": 0.9647058844566345,
+          "g": 0.9647058844566345,
+          "r": 0.9647058844566345
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15203": {
+    "VariableID:43927:4969": {
       "codeSyntax": {},
-      "description": "For pill buttons / shapes",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15203",
-      "key": "1afce73872237a2d75bdaa8fe1d3182a7ee2c3e8",
-      "name": "rounded",
+      "id": "VariableID:43927:4969",
+      "key": "79f37ee7c35a471268eaca8961e73d58c2cfe336",
+      "name": "UI/grey/200",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 4
+        "43138:0": {
+          "a": 1,
+          "b": 0.9137254953384399,
+          "g": 0.9137254953384399,
+          "r": 0.9137254953384399
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15204": {
+    "VariableID:43927:4970": {
       "codeSyntax": {},
-      "description": "No rounding",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15204",
-      "key": "e1bf70dfd6e47488caba5a42638c35e4fcb3277b",
-      "name": "rounded-none",
+      "id": "VariableID:43927:4970",
+      "key": "72f29d01fd01b044022d2f290d37cc968724c409",
+      "name": "UI/grey/300",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 0
+        "43138:0": {
+          "a": 1,
+          "b": 0.8549019694328308,
+          "g": 0.8549019694328308,
+          "r": 0.8549019694328308
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15205": {
+    "VariableID:43927:4971": {
       "codeSyntax": {},
-      "description": "2px",
+      "description": "grey-400",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15205",
-      "key": "c6807094d852f1c24b831a506456a90f68100413",
-      "name": "rounded-sm",
+      "id": "VariableID:43927:4971",
+      "key": "12dca6f88ea3d8dcb3941894aa8c5e42cc9f3602",
+      "name": "UI/grey/400",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 2
+        "43138:0": {
+          "a": 1,
+          "b": 0.7647058963775635,
+          "g": 0.7647058963775635,
+          "r": 0.7647058963775635
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15206": {
+    "VariableID:43927:4972": {
       "codeSyntax": {},
-      "description": "6px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15206",
-      "key": "8d1592d05d3260fee5b7105be4e76627b5581226",
-      "name": "rounded-md",
+      "id": "VariableID:43927:4972",
+      "key": "5c3e92fe322f3a0a0345ed2bbcf20f129061b387",
+      "name": "UI/grey/500",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 6
+        "43138:0": {
+          "a": 1,
+          "b": 0.6823529601097107,
+          "g": 0.6823529601097107,
+          "r": 0.6823529601097107
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15207": {
+    "VariableID:43927:4973": {
       "codeSyntax": {},
-      "description": "8px",
+      "description": "grey-600",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15207",
-      "key": "326c7fbd6c725669094f495c76c9414f923ff36f",
-      "name": "rounded-\blg",
+      "id": "VariableID:43927:4973",
+      "key": "5a02419f9d44fc6510e7a53dde75a103d197e271",
+      "name": "UI/grey/600",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 8
+        "43138:0": {
+          "a": 1,
+          "b": 0.5333333611488342,
+          "g": 0.5333333611488342,
+          "r": 0.5333333611488342
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15208": {
+    "VariableID:43927:4974": {
       "codeSyntax": {},
-      "description": "12px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15208",
-      "key": "0532f61700b50ea0d2c017289c72b86139246070",
-      "name": "rounded-xl",
+      "id": "VariableID:43927:4974",
+      "key": "123ff33fcecf5495426898d14a3bdc57a6ae6f8c",
+      "name": "UI/grey/700",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 12
+        "43138:0": {
+          "a": 1,
+          "b": 0.40784314274787903,
+          "g": 0.40784314274787903,
+          "r": 0.40784314274787903
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15209": {
+    "VariableID:43927:4975": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15209",
-      "key": "232462113a85e376d130493d05eccf4018c9f254",
-      "name": "font-normal",
+      "id": "VariableID:43927:4975",
+      "key": "eb1f9b2725c4c5207e143e8452a6c024136b85e5",
+      "name": "UI/grey/800",
       "remote": false,
-      "resolvedType": "STRING",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": "Bk"
+        "43138:0": {
+          "a": 1,
+          "b": 0.3176470696926117,
+          "g": 0.3176470696926117,
+          "r": 0.3176470696926117
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:15210": {
+    "VariableID:43927:4976": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43343:15210",
-      "key": "50035343c1d0ae79bfd588936b91e8aa280c8f93",
-      "name": "font-bold",
+      "id": "VariableID:43927:4976",
+      "key": "2bb97dc836bf6316751dc4c2e5c2bbe8bad2c668",
+      "name": "UI/teal/100",
       "remote": false,
-      "resolvedType": "STRING",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": "Bold"
+        "43138:0": {
+          "a": 1,
+          "b": 0.8784313797950745,
+          "g": 0.8784313797950745,
+          "r": 0.7411764860153198
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:16783": {
+    "VariableID:43927:4977": {
       "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",
+      "id": "VariableID:43927:4977",
+      "key": "ede1f4750730a6333b36c9b62f71401f2ccbf13e",
+      "name": "UI/teal/200",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 38.400001525878906
+        "43138:0": {
+          "a": 1,
+          "b": 0.8196078538894653,
+          "g": 0.8235294222831726,
+          "r": 0.6274510025978088
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:21081": {
+    "VariableID:43927:4978": {
       "codeSyntax": {},
-      "description": "Used for mobile text lg (size: 20, line-height: 150%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21081",
-      "key": "85261bc91f086662a15b35647277385ad185721e",
-      "name": "leading-8",
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:43927:4978",
+      "key": "bbd630fdc726884379fe3b93e51119dd9aa11ad6",
+      "name": "UI/teal/300",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 30
+        "43138:0": {
+          "a": 1,
+          "b": 0.7372549176216125,
+          "g": 0.7215686440467834,
+          "r": 0.4470588266849518
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:21082": {
+    "VariableID:43927:4979": {
       "codeSyntax": {},
-      "description": "Used for text base (size: 16, line-height: 150%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21082",
-      "key": "799425935d82ef5c17dd09b0b6be75fd7691eb13",
-      "name": "leading-9",
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:43927:4979",
+      "key": "5004071b3f6d2391ac18da2e52759a15e17caed5",
+      "name": "UI/teal/400",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 36
+        "43138:0": {
+          "a": 1,
+          "b": 0.6431372761726379,
+          "g": 0.6431372761726379,
+          "r": 0.23529411852359772
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:21083": {
+    "VariableID:43927:4980": {
       "codeSyntax": {},
-      "description": "Used for text 3xl (size: 32, line-height: 120%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21083",
-      "key": "e0a2d65088536ddfc71748ac6d96132c5ebec5ec",
-      "name": "leading-12",
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:43927:4980",
+      "key": "5dd583a1a531b1e46f09456a6ec9442c2cef6c50",
+      "name": "UI/teal/500",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 48
+        "43138:0": {
+          "a": 1,
+          "b": 0.572549045085907,
+          "g": 0.5529412031173706,
+          "r": 0
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:21084": {
+    "VariableID:43927:4981": {
       "codeSyntax": {},
-      "description": "Used for text xl (size: 24, line-height: 120%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21084",
-      "key": "d64478befe951216dec9097251b135e66f53df97",
-      "name": "leading-7",
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:43927:4981",
+      "key": "8ca7f928f0c1b8ffa552fdc4fcd0e088f26eb80d",
+      "name": "UI/teal/600",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 28.799999237060547
+        "43138:0": {
+          "a": 1,
+          "b": 0.4274509847164154,
+          "g": 0.4313725531101227,
+          "r": 0.13725490868091583
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:21085": {
+    "VariableID:43927:4982": {
       "codeSyntax": {},
-      "description": "Used for text base (size: 16, line-height: 150%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21085",
-      "key": "47cba79cf81352a5ff090a496141930c84b4002f",
-      "name": "leading-6",
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:43927:4982",
+      "key": "2a6dcb25c64116196c6b5fcc008b660921cfecff",
+      "name": "UI/teal/700",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 24
+        "43138:0": {
+          "a": 1,
+          "b": 0.3607843220233917,
+          "g": 0.364705890417099,
+          "r": 0.12941177189350128
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:21086": {
+    "VariableID:43927:4983": {
       "codeSyntax": {},
-      "description": "Used for text sm (size: 14, line-height: 150%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21086",
-      "key": "a5aee0d04df5054bcbb65055bd2c6023e55e6ccb",
-      "name": "leading-5",
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:43927:4983",
+      "key": "ecb00ce2643a9ad0d5922b15eb43759497beb8b2",
+      "name": "UI/teal/800",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 21
+        "43138:0": {
+          "a": 1,
+          "b": 0.27843138575553894,
+          "g": 0.2705882489681244,
+          "r": 0.09803921729326248
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:21090": {
+    "VariableID:43927:4984": {
       "codeSyntax": {},
-      "description": "Used for text base compact (size: 16, line-height: 100%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21090",
-      "key": "7aca18c96136a992c373796f27448bf2f26d5dc4",
-      "name": "leading-4",
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:43927:4984",
+      "key": "2e4d13439393b5d80a6708690dce1f67866b6659",
+      "name": "UI/yellow/100",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 16
+        "43138:0": {
+          "a": 1,
+          "b": 0.6470588445663452,
+          "g": 0.9176470637321472,
+          "r": 1
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:21094": {
+    "VariableID:43927:4985": {
       "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",
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:43927:4985",
+      "key": "b5b26f848506e01887ffed4defd8c3767615fddd",
+      "name": "UI/yellow/200",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 33.599998474121094
+        "43138:0": {
+          "a": 1,
+          "b": 0.47843137383461,
+          "g": 0.8784313797950745,
+          "r": 1
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:21095": {
+    "VariableID:43927:4986": {
       "codeSyntax": {},
-      "description": "Used for text sm compact (size: 14, line-height: 100%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21095",
-      "key": "5d4f0547a6956b3a6cefcbb1335349bf473d8913",
-      "name": "leading-3",
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:43927:4986",
+      "key": "bf0a9d5190fdbb74bf0b7988870d2f482a400677",
+      "name": "UI/yellow/300",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 14
+        "43138:0": {
+          "a": 1,
+          "b": 0.062745101749897,
+          "g": 0.8235294222831726,
+          "r": 0.9960784316062927
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43343:21096": {
+    "VariableID:43927:4987": {
       "codeSyntax": {},
-      "description": "Used for text 4xl (size: 40, line-height: 120%)",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:43343:21096",
-      "key": "8474041f538bd0dc8281034d65a87fa76b1512db",
-      "name": "leading-15",
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:43927:4987",
+      "key": "76b8c161ae222b23d5e73f0bcf47024e87056b10",
+      "name": "UI/yellow/400",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 60
+        "43138:0": {
+          "a": 1,
+          "b": 0.20000000298023224,
+          "g": 0.7450980544090271,
+          "r": 0.9137254953384399
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43372:21097": {
+    "VariableID:43927:4988": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43372:21097",
-      "key": "0ab24ca479b1e7a9be844ea500723def56496ceb",
-      "name": "letter-spacing-none",
+      "id": "VariableID:43927:4988",
+      "key": "bd435fe1ed1fa125f40a519da1aa346da4024a0d",
+      "name": "UI/yellow/500",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 0
+        "43138:0": {
+          "a": 1,
+          "b": 0.1921568661928177,
+          "g": 0.6784313917160034,
+          "r": 0.8392156958580017
+        }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43372:21101": {
+    "VariableID:43927:4989": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43372:21101",
-      "key": "23a6405f5b232d4d4181f9af1590e46fe36d5af8",
-      "name": "sd-button/letter-spacing",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "id": "VariableID:43927:4989",
+      "key": "ed73cc3638249a1cdc57c75a37fc42a681671153",
+      "name": "UI/yellow/600",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43372:21097",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43372:21097",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43372:21097",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43372:21097",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.07058823853731155,
+          "g": 0.5921568870544434,
+          "r": 0.7843137383460999
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35271": {
+    "VariableID:43927:4990": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35271",
-      "key": "555f5805884d5dce3c760b24bef2f8dc69877f8c",
-      "name": "icon-fill/primary",
+      "id": "VariableID:43927:4990",
+      "key": "ebeec19fe479373def6f76263dd036875aa0e79d",
+      "name": "UI/yellow/650",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "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"
+        "43138:0": {
+          "a": 1,
+          "b": 0.125490203499794,
+          "g": 0.5529412031173706,
+          "r": 0.7333333492279053
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35286": {
+    "VariableID:43927:4991": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Default border color. \nUsed for divider, teaser, table cell, ... , sd-container",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35286",
-      "key": "901d5e9b85ba795187c9bd780083a131900f434e",
-      "name": "border/neutral-400",
+      "id": "VariableID:43927:4991",
+      "key": "94e3085da9f0012cacca0a9f3259c97e4955b005",
+      "name": "UI/yellow/700",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "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"
+        "43138:0": {
+          "a": 1,
+          "b": 0.18039216101169586,
+          "g": 0.5058823823928833,
+          "r": 0.6705882549285889
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35292": {
+    "VariableID:43927:4992": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Inverted background color (light mode)\nUsed for button",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35292",
-      "key": "1376a7c4642297af36f8b6052cddc55ef0e417cf",
-      "name": "background/primary",
+      "id": "VariableID:43927:4992",
+      "key": "7561b24fe7bbcee28ca52f456d505304a9770266",
+      "name": "UI/yellow/800",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "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"
+        "43138:0": {
+          "a": 1,
+          "b": 0.15294118225574493,
+          "g": 0.4117647111415863,
+          "r": 0.5529412031173706
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35293": {
+    "VariableID:43927:4993": {
       "codeSyntax": {},
-      "description": "Default background color. Used for sd-chip, sd-flag, sd-container",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35293",
-      "key": "c3a96dd5345c11e8e86a119144bf409f4d4a488f",
-      "name": "utilities/color/background/white/default",
+      "id": "VariableID:43927:4993",
+      "key": "f57ff7ee71abcb5570a2ca4712e6a773986b2578",
+      "name": "UI/lightblue/100",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "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:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:204",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.9725490212440491,
+          "g": 0.9019607901573181,
+          "r": 0.7803921699523926
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35301": {
+    "VariableID:43927:4994": {
       "codeSyntax": {},
-      "description": "Form field read only. Used for sd-container",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35301",
-      "key": "b4f5758e4f3b0c6a9acf9da9b4a4bd014ba2d057",
-      "name": "utilities/color/background/neutral/100",
+      "id": "VariableID:43927:4994",
+      "key": "3eb9523442c747e27fc698fa8278c8a1e5c90d47",
+      "name": "UI/lightblue/200",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:214",
-          "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"
+        "43138:0": {
+          "a": 1,
+          "b": 0.9647058844566345,
+          "g": 0.843137264251709,
+          "r": 0.6352941393852234
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35302": {
+    "VariableID:43927:4995": {
       "codeSyntax": {},
-      "description": "Used for sd-flag",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35302",
-      "key": "edc178230c596bd0f5806885e666efa15b60ed3a",
-      "name": "utilities/color/background/neutral/200",
+      "id": "VariableID:43927:4995",
+      "key": "2883a818ff5ca0f16d2ba23dd8ee4266ca70c6b4",
+      "name": "UI/lightblue/300",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "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": {
-          "id": "VariableID:43979:214",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.9411764740943909,
+          "g": 0.7647058963775635,
+          "r": 0.45098039507865906
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35303": {
+    "VariableID:43927:4996": {
       "codeSyntax": {},
-      "description": "Used for sd-flag ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35303",
-      "key": "993bccc7901700010339b5ff5b2568c8ce883e90",
-      "name": "utilities/color/background/neutral/300",
+      "id": "VariableID:43927:4996",
+      "key": "099d14ff07b4947c7a24f34a680d3228b8f7fda5",
+      "name": "UI/lightblue/400",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:216",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:199",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:215",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:215",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+        "43138:0": {
+          "a": 1,
+          "b": 0.9254902005195618,
+          "g": 0.6823529601097107,
+          "r": 0.25882354378700256
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35304": {
+    "VariableID:43927:4997": {
       "codeSyntax": {},
-      "description": "Used for sd-flag ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35304",
-      "key": "3b7fa7bcaec2b41e99f48cd8965886241a375b48",
-      "name": "utilities/color/background/neutral/400",
+      "id": "VariableID:43927:4997",
+      "key": "2b3d7ac1309e16e8256ea96f853080c42f8a381f",
+      "name": "UI/lightblue/500",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:217",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:216",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:216",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.8352941274642944,
+          "g": 0.5098039507865906,
+          "r": 0.08235294371843338
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35305": {
+    "VariableID:43927:4998": {
       "codeSyntax": {},
-      "description": "Used for disabled state ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35305",
-      "key": "d4341d2d6d60eac0562d08aae8f9e14469d7b1f8",
-      "name": "utilities/color/background/neutral/500",
+      "id": "VariableID:43927:4998",
+      "key": "34f7a33c3d01eaf4cc3d01f23af44fa51a0851cf",
+      "name": "UI/lightblue/600",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:218",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:217",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:217",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.6745098233222961,
+          "g": 0.42352941632270813,
+          "r": 0.10196078568696976
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35306": {
+    "VariableID:43927:4999": {
       "codeSyntax": {},
-      "description": "Used for notification, status-badge",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35306",
-      "key": "9cb1ecccb77875f1982e918155202e74b2cf6190",
-      "name": "utilities/color/background/success/default",
+      "id": "VariableID:43927:4999",
+      "key": "89d2d3d5c7671fe1a0612c29a3a83af20e5e6a96",
+      "name": "UI/lightblue/700",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.5529412031173706,
+          "g": 0.3607843220233917,
+          "r": 0.11764705926179886
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35307": {
+    "VariableID:43927:5000": {
       "codeSyntax": {},
-      "description": "Used for notification, status-badge",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35307",
-      "key": "385d29f53c5a44c5d49fad5526e6b4f4d7810161",
-      "name": "utilities/color/background/error/default",
+      "id": "VariableID:43927:5000",
+      "key": "982d547da477e17629d4c650d3e5c38bfac56d9d",
+      "name": "UI/lightblue/800",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:222",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:46434:307157",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:222",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:222",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.4274509847164154,
+          "g": 0.2823529541492462,
+          "r": 0.12941177189350128
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35308": {
+    "VariableID:43927:5001": {
       "codeSyntax": {},
-      "description": "Used for hover interaction invalid form elements",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35308",
-      "key": "8742bb10fae8e6d61f785faa87a3d71750feeacd",
-      "name": "utilities/color/background/error/400",
+      "id": "VariableID:43927:5001",
+      "key": "7306b5e70e95926343b5bde3d1a2a8a86ca46ddd",
+      "name": "UI/violet/100",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:223",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:223",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:223",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:223",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.9843137264251709,
+          "g": 0.9176470637321472,
+          "r": 0.9411764740943909
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35309": {
+    "VariableID:43927:5002": {
       "codeSyntax": {},
-      "description": "Used for teaser",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35309",
-      "key": "f86e4eb18d8ed8ad2c8b747e4fee218a03c74d20",
-      "name": "utilities/color/background/_transparent/primary-100|80",
+      "id": "VariableID:43927:5002",
+      "key": "26dbfc6cb9ab15e9c244b8de07c009d6ae02af72",
+      "name": "UI/violet/200",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.800000011920929,
-          "b": 0.9764705896377563,
-          "g": 0.9411764740943909,
-          "r": 0.9254902005195618
-        },
-        "43174:14": {
-          "a": 0.800000011920929,
-          "b": 0.29019609093666077,
-          "g": 0.125490203499794,
-          "r": 0.03921568766236305
-        },
-        "44883:0": {
-          "a": 0.800000011920929,
-          "b": 0.9764705896377563,
-          "g": 0.9411764740943909,
-          "r": 0.9254902005195618
-        },
-        "47719:0": {
-          "a": 0.800000011920929,
-          "b": 1,
-          "g": 1,
-          "r": 1
+        "43138:0": {
+          "a": 1,
+          "b": 0.9647058844566345,
+          "g": 0.8352941274642944,
+          "r": 0.8823529481887817
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35310": {
+    "VariableID:43927:5003": {
       "codeSyntax": {},
-      "description": "Used for teaser",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35310",
-      "key": "9c6e538f59213f18eb01e46eef5901cc78687541",
-      "name": "utilities/color/background/_transparent/primary-100|90",
+      "id": "VariableID:43927:5003",
+      "key": "e883495efca79f59181c95df7164bdddcf5a59f6",
+      "name": "UI/violet/300",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.8999999761581421,
-          "b": 0.9764705896377563,
-          "g": 0.9411764740943909,
-          "r": 0.9254902005195618
-        },
-        "43174:14": {
-          "a": 0.8999999761581421,
-          "b": 0.29019609093666077,
-          "g": 0.125490203499794,
-          "r": 0.03921568766236305
-        },
-        "44883:0": {
-          "a": 0.8999999761581421,
-          "b": 0.9764705896377563,
-          "g": 0.9411764740943909,
-          "r": 0.9254902005195618
-        },
-        "47719:0": {
-          "a": 0.8999999761581421,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
+        "43138:0": {
+          "a": 1,
+          "b": 0.9450980424880981,
+          "g": 0.7137255072593689,
+          "r": 0.800000011920929
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35311": {
+    "VariableID:43927:5004": {
       "codeSyntax": {},
-      "description": "Used for teaser",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35311",
-      "key": "296792dcc3a08e0b805902f26c782d565e54f99b",
-      "name": "utilities/color/background/_transparent/neutral-100|80",
+      "id": "VariableID:43927:5004",
+      "key": "48000ed011ca372de77b31a475ef8fd64f67634a",
+      "name": "UI/violet/400",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.800000011920929,
-          "b": 0.9647058844566345,
-          "g": 0.9647058844566345,
-          "r": 0.9647058844566345
-        },
-        "43174:14": {
-          "a": 0.800000011920929,
-          "b": 0.29019609093666077,
-          "g": 0.125490203499794,
-          "r": 0.03921568766236305
-        },
-        "44883:0": {
-          "a": 0.800000011920929,
-          "b": 0.9647058844566345,
-          "g": 0.9647058844566345,
-          "r": 0.9647058844566345
-        },
-        "47719:0": {
-          "a": 0.800000011920929,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
+        "43138:0": {
+          "a": 1,
+          "b": 0.9058823585510254,
+          "g": 0.5568627715110779,
+          "r": 0.7058823704719543
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35312": {
+    "VariableID:43927:5005": {
       "codeSyntax": {},
-      "description": "Used for teaser",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35312",
-      "key": "f4564ab9e9f33f89638ba4cd3b6193e7052b5a9e",
-      "name": "utilities/color/background/_transparent/neutral-100|90",
+      "id": "VariableID:43927:5005",
+      "key": "8b48312950672b468d9e0024dd6831ecb8246b86",
+      "name": "UI/violet/500",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.8999999761581421,
-          "b": 0.9647058844566345,
-          "g": 0.9647058844566345,
-          "r": 0.9647058844566345
-        },
-        "43174:14": {
-          "a": 0.8999999761581421,
-          "b": 0.29019609093666077,
-          "g": 0.125490203499794,
-          "r": 0.03921568766236305
-        },
-        "44883:0": {
-          "a": 0.8999999761581421,
-          "b": 0.9647058844566345,
-          "g": 0.9647058844566345,
-          "r": 0.9647058844566345
-        },
-        "47719:0": {
-          "a": 0.8999999761581421,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
+        "43138:0": {
+          "a": 1,
+          "b": 0.8705882430076599,
+          "g": 0.40784314274787903,
+          "r": 0.5921568870544434
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35313": {
+    "VariableID:43927:5006": {
       "codeSyntax": {},
-      "description": "Used for teaser, audio (wave animation)\n",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35313",
-      "key": "d9299eaef96064149801c644830cc481f7f59eff",
-      "name": "utilities/color/background/_transparent/white|90",
+      "id": "VariableID:43927:5006",
+      "key": "cb9cc6b2ee90287180fb1f9ef54f5e1fd4201b3c",
+      "name": "UI/violet/600",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.8999999761581421,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "43174:14": {
-          "a": 0.8999999761581421,
-          "b": 0.5568627715110779,
-          "g": 0.2078431397676468,
-          "r": 0
-        },
-        "44883:0": {
-          "a": 0.8999999761581421,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "47719:0": {
-          "a": 0.8999999761581421,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
+        "43138:0": {
+          "a": 1,
+          "b": 0.8352941274642944,
+          "g": 0.24705882370471954,
+          "r": 0.529411792755127
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35314": {
+    "VariableID:43927:5007": {
       "codeSyntax": {},
-      "description": "Used for teaser",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35314",
-      "key": "cea8c3096bc2fe2daa7b0760146fbd25d0cf083d",
-      "name": "utilities/color/background/_transparent/white|80",
+      "id": "VariableID:43927:5007",
+      "key": "f9234beb69bc6ceda506efb29cc005906afa325c",
+      "name": "UI/violet/700",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.800000011920929,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "43174:14": {
-          "a": 0.800000011920929,
-          "b": 0.5568627715110779,
+        "43138:0": {
+          "a": 1,
+          "b": 0.6078431606292725,
           "g": 0.2078431397676468,
-          "r": 0
-        },
-        "44883:0": {
-          "a": 0.800000011920929,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "47719:0": {
-          "a": 0.800000011920929,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
+          "r": 0.3843137323856354
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35315": {
+    "VariableID:43927:5008": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Primary brand color for text",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35315",
-      "key": "6a2cf5fa90efcfa507da895230fbf7a13ecf0de4",
-      "name": "text/primary",
+      "id": "VariableID:43927:5008",
+      "key": "ff0875e01de7cc74c7b0d70c02cf52bf0a483a2f",
+      "name": "UI/violet/800",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "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"
+        "43138:0": {
+          "a": 1,
+          "b": 0.42352941632270813,
+          "g": 0.11764705926179886,
+          "r": 0.25882354378700256
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35316": {
+    "VariableID:43927:5009": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Inverted text color",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35316",
-      "key": "5819cfc660740a057dea2396e91832cb0555d898",
-      "name": "text/white",
+      "id": "VariableID:43927:5009",
+      "key": "0a77adee1bde0cf8202b9d8077ed9e885f1d98a9",
+      "name": "UI/lightgreen/100",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:42952:176",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:42952:107",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:42952:176",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:42952:176",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.7568627595901489,
+          "g": 0.9333333373069763,
+          "r": 0.9137254953384399
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35318": {
+    "VariableID:43927:5010": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Default text color",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35318",
-      "key": "ec37764323b7d673109bd75a3d3ce1fcf35eaa11",
-      "name": "text/black",
+      "id": "VariableID:43927:5010",
+      "key": "6108917e0d188f17a3eba4b059ed70406e1802da",
+      "name": "UI/lightgreen/200",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "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"
+        "43138:0": {
+          "a": 1,
+          "b": 0.5529412031173706,
+          "g": 0.8784313797950745,
+          "r": 0.8313725590705872
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35358": {
+    "VariableID:43927:5011": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35358",
-      "key": "2f9d67aee49e953a0e64fe942cdf7e2db8addd34",
-      "name": "icon-fill/accent",
+      "id": "VariableID:43927:5011",
+      "key": "bff49eeaca591e532f63341ae28ee0341a4527ce",
+      "name": "UI/lightgreen/300",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "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"
+        "43138:0": {
+          "a": 1,
+          "b": 0.10980392247438431,
+          "g": 0.843137264251709,
+          "r": 0.729411780834198
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35373": {
+    "VariableID:43927:5012": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Used to highlight active/selected elements\n",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35373",
-      "key": "5e8f3fa110d29c6180137f5816626f3922884f02",
-      "name": "border/accent",
+      "id": "VariableID:43927:5012",
+      "key": "94677bb89aaed0e8dde527a1574e7f6534a9510e",
+      "name": "UI/lightgreen/400",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "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"
+        "43138:0": {
+          "a": 1,
+          "b": 0.21960784494876862,
+          "g": 0.7137255072593689,
+          "r": 0.6235294342041016
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35401": {
+    "VariableID:43927:5013": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "4px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35401",
-      "key": "cbe1023bb831a589028c40cda10fdf630ef1e41e",
-      "name": "spacing/1",
+      "id": "VariableID:43927:5013",
+      "key": "d1a111e06b2b1f8b228af2688cb6d1b5930fe2cb",
+      "name": "UI/lightgreen/500",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43138:1915",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43138:1915",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43138:1915",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43138:1915",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.239215686917305,
+          "g": 0.6392157077789307,
+          "r": 0.5411764979362488
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35402": {
+    "VariableID:43927:5014": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "8px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35402",
-      "key": "7aa5100e6a225464275d3fcf17f528dafa8d785d",
-      "name": "spacing/2",
+      "id": "VariableID:43927:5014",
+      "key": "2c8cac63ec37fd9f679f13147570fc4b73de0c23",
+      "name": "UI/lightgreen/600",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43138:1916",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43138:1916",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43138:1916",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43138:1916",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.24313725531101227,
+          "g": 0.5647059082984924,
+          "r": 0.45490196347236633
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35403": {
+    "VariableID:43927:5015": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "12px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35403",
-      "key": "5c027ba8b91c7700d9dce39b95b9e1393166bc9c",
-      "name": "spacing/3",
+      "id": "VariableID:43927:5015",
+      "key": "6840e454b7dc5c19e270192a31267019246a2325",
+      "name": "UI/lightgreen/700",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43138:1917",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43138:1917",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43138:1917",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43138:1917",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.250980406999588,
+          "g": 0.4588235318660736,
+          "r": 0.3490196168422699
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35404": {
+    "VariableID:43927:5016": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "16px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35404",
-      "key": "39100e08aed7b3a4439377cb9500f23471327005",
-      "name": "spacing/4",
+      "id": "VariableID:43927:5016",
+      "key": "64552c4c7b84d5084e9ce618c7a149fdd77ad407",
+      "name": "UI/lightgreen/800",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43138:1918",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43138:1918",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43138:1918",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43138:1918",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.22745098173618317,
+          "g": 0.364705890417099,
+          "r": 0.2666666805744171
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35414": {
+    "VariableID:43927:5017": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "2px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35414",
-      "key": "1dc5f0fd5239e145990723d4c88d2a401eae5f5c",
-      "name": "spacing/0,5",
+      "id": "VariableID:43927:5017",
+      "key": "2166dd91f9a99ddb1bded699e3bf3b2da7f47ed6",
+      "name": "UI/red/250",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43138:1943",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43138:1943",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43138:1943",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43138:1943",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.41960784792900085,
+          "g": 0.3450980484485626,
+          "r": 0.9176470637321472
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35418": {
+    "VariableID:43927:5018": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "12px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35418",
-      "key": "e007f373a466cad76692184dc294bf380d49c88a",
-      "name": "sizing/3",
+      "id": "VariableID:43927:5018",
+      "key": "5b4c1b55930e02760ce78f6b7d71c6b135b89d5f",
+      "name": "UI/red/300",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43138:1917",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43138:1917",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43138:1917",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43138:1917",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.21568627655506134,
+          "g": 0.09803921729326248,
+          "r": 0.800000011920929
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35419": {
+    "VariableID:43927:5019": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "16px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35419",
-      "key": "03797d3b3a932341a4cfd52fe42deddb4039d956",
-      "name": "sizing/4",
+      "id": "VariableID:43927:5019",
+      "key": "a2edb69a55aa03cc5f670330e51a9a536be02f16",
+      "name": "UI/red/400",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43138:1918",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43138:1918",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43138:1918",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43138:1918",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.21960784494876862,
+          "g": 0.09803921729326248,
+          "r": 0.6745098233222961
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35420": {
+    "VariableID:43927:5020": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "20px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35420",
-      "key": "cb746e5f37754d24d86b7da81dd2e1fb42bc4d91",
-      "name": "sizing/5",
+      "id": "VariableID:43927:5020",
+      "key": "2c11761514dbaa7a8652b4b4f10c9e72523b875a",
+      "name": "UI/red/500",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43138:1919",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43138:1919",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43138:1919",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43138:1919",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.1764705926179886,
+          "g": 0.0784313753247261,
+          "r": 0.4901960790157318
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35421": {
+    "VariableID:43927:5021": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "24px",
+      "description": "low value fluctuation",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35421",
-      "key": "1c60a13df116a22db9be634349f41d537fef2924",
-      "name": "sizing/6",
+      "id": "VariableID:43927:5021",
+      "key": "81c853a75b58b56050b2cdf799bf354794502410",
+      "name": "UI/cerulean",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43138:1920",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43138:1920",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43138:1920",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43138:1920",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.7647058963775635,
+          "g": 0.4901960790157318,
+          "r": 0.003921568859368563
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35427": {
+    "VariableID:43927:5022": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "10px",
+      "description": "moderate value fluctuation",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35427",
-      "key": "ff6262d827d7296c7e7981116247fafeec68bdb4",
-      "name": "sizing/2,5",
+      "id": "VariableID:43927:5022",
+      "key": "0b315bc37f9c8e2e3215781be7f3fe5cf0aab37d",
+      "name": "UI/emerald",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43138:1946",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43138:1946",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43138:1946",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43138:1946",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.5764706134796143,
+          "g": 0.6470588445663452,
+          "r": 0
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35437": {
+    "VariableID:43927:5023": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "",
+      "description": "increased value fluctuation",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35437",
-      "key": "87d0ff1bd178b3afc388f2a588a697b55bf88825",
-      "name": "border-width/default",
+      "id": "VariableID:43927:5023",
+      "key": "a4df049f89f12f02a8ae35c65d6c100d2ac635a9",
+      "name": "UI/lemon",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "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"
+        "43138:0": {
+          "a": 1,
+          "b": 0,
+          "g": 0.9411764740943909,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43373:35447": {
+    "VariableID:43927:5024": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "",
+      "description": "high value fluctuation",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35447",
-      "key": "747141fbc1efed045eb584f9f508241a1ed5c083",
-      "name": "opacity/75",
+      "id": "VariableID:43927:5024",
+      "key": "fc28d236cbb4dc7696786833d28006e07b3b300c",
+      "name": "UI/orange",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "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"
+        "43138:0": {
+          "a": 1,
+          "b": 0.11764705926179886,
+          "g": 0.6078431606292725,
+          "r": 0.9803921580314636
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43373:35452": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43373:35452",
-      "key": "060a5b7f38f8a82de596008fb8bbaf2e600e1dbc",
-      "name": "UI/font-family/font-family-primary",
-      "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": "Frutiger Neue fuer UI Web"
-      },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4947": {
+    "VariableID:43927:5025": {
       "codeSyntax": {},
-      "description": "",
+      "description": "very high value fluctuation",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4947",
-      "key": "ef34040723ff29c9c814d949279b5bbdb8a76175",
-      "name": "UI/blue/100",
+      "id": "VariableID:43927:5025",
+      "key": "35b07899d14b75e59ca41644ce8a16af829eaad5",
+      "name": "UI/brightred",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.9764705896377563,
-          "g": 0.9411764740943909,
-          "r": 0.9254902005195618
+          "b": 0,
+          "g": 0,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4948": {
+    "VariableID:43927:5026": {
       "codeSyntax": {},
-      "description": "",
+      "description": "white",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4948",
-      "key": "7bf6fe912343e296c5a740b605c0f7790aed86a1",
-      "name": "UI/blue/200",
+      "id": "VariableID:43927:5026",
+      "key": "9e7a24f9b0a87bab27d9f6fdf9aa6e285553b37a",
+      "name": "UI/white",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.9529411792755127,
-          "g": 0.9137254953384399,
-          "r": 0.8784313797950745
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4949": {
+    "VariableID:43927:5027": {
       "codeSyntax": {},
-      "description": "",
+      "description": "black",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4949",
-      "key": "5db9cf16eed2f1f14bc70794c766dbb2cf07a9ad",
-      "name": "UI/blue/300",
+      "id": "VariableID:43927:5027",
+      "key": "7926c733102900f04eacc6ec5562e4658d1b702b",
+      "name": "UI/black",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.9058823585510254,
-          "g": 0.8352941274642944,
-          "r": 0.7843137383460999
+          "b": 0.0941176488995552,
+          "g": 0.0941176488995552,
+          "r": 0.0941176488995552
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4950": {
+    "VariableID:43927:5029": {
       "codeSyntax": {},
-      "description": "",
+      "description": "color has same luminance as step 100",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4950",
-      "key": "da9a94d54856c653e28822c17f955ab47c4e2efe",
-      "name": "UI/blue/400",
+      "id": "VariableID:43927:5029",
+      "key": "ad8178a4c4920dfd34a7a51e99507091cd2c61e8",
+      "name": "VB/azure/100",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.8156862854957581,
-          "g": 0.6705882549285889,
-          "r": 0.6000000238418579
+          "b": 0.9647058844566345,
+          "g": 0.929411768913269,
+          "r": 0.8784313797950745
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4951": {
+    "VariableID:43927:5030": {
       "codeSyntax": {},
-      "description": "",
+      "description": "used for tag selected hover",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4951",
-      "key": "ef3cc92f9f552b642b4217a4bde81e262564b1bf",
-      "name": "UI/blue/500",
+      "id": "VariableID:43927:5030",
+      "key": "b357fbb18b45fc6f22f3810ac18e5f0dda07d3c9",
+      "name": "VB/azure/300",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.686274528503418,
-          "g": 0.4274509847164154,
-          "r": 0.27450981736183167
+          "b": 0.8823529481887817,
+          "g": 0.7607843279838562,
+          "r": 0.6000000238418579
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4952": {
+    "VariableID:43927:5031": {
       "codeSyntax": {},
-      "description": "",
+      "description": "color has same luminance as step 100",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4952",
-      "key": "e121dfda4f3bf867964ecdddbb9129b5dc8fc259",
-      "name": "UI/blue/600",
+      "id": "VariableID:43927:5031",
+      "key": "8cf17c6f6cf276ebd1816f8dc49249a3d141c139",
+      "name": "VB/azure/400",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.5568627715110779,
-          "g": 0.2078431397676468,
-          "r": 0
+          "b": 0.6431372761726379,
+          "g": 0.5058823823928833,
+          "r": 0.4000000059604645
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4953": {
+    "VariableID:43927:5032": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4953",
-      "key": "6df0bb060b4d1ee6b837d2c3adddb610e527ec08",
-      "name": "UI/blue/700",
+      "id": "VariableID:43927:5032",
+      "key": "8e4c910ea6824b30e820c574655b588cd88d5c81",
+      "name": "VB/azure/500",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.4313725531101227,
-          "g": 0.18039216101169586,
-          "r": 0.07450980693101883
+          "b": 0.7019608020782471,
+          "g": 0.4000000059604645,
+          "r": 0
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4954": {
+    "VariableID:43927:5033": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4954",
-      "key": "6ac1dc7e633d3599e843b03ccdcc60e8d339ab9b",
-      "name": "UI/blue/750",
+      "id": "VariableID:43927:5033",
+      "key": "627e0722cbf5a39454c83558cfeecd99d0c1d471",
+      "name": "VB/azure/550",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.29019609093666077,
-          "g": 0.125490203499794,
-          "r": 0.03921568766236305
+          "b": 0.6313725709915161,
+          "g": 0.3607843220233917,
+          "r": 0
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4955": {
+    "VariableID:43927:5034": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4955",
-      "key": "ab420dcbaef214cd50edaaa9ec3d240587e5533e",
-      "name": "UI/blue/800",
+      "id": "VariableID:43927:5034",
+      "key": "075e7b2a42522e5e91bf69e650f9c352b7462f06",
+      "name": "VB/azure/600",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
+          "b": 0.5960784554481506,
+          "g": 0.34117648005485535,
+          "r": 0
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4956": {
+    "VariableID:43927:5035": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4956",
-      "key": "1fc4833383f513a02e0c3272cf00401233f556df",
-      "name": "UI/blue/900",
+      "id": "VariableID:43927:5035",
+      "key": "e07d929388f47df5291376a191d3d025fa88b09b",
+      "name": "VB/azure/650",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.125490203499794,
-          "g": 0.03529411926865578,
-          "r": 0.007843137718737125
+          "b": 0.4941176474094391,
+          "g": 0.3019607961177826,
+          "r": 0.15294118225574493
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4957": {
+    "VariableID:43927:5036": {
       "codeSyntax": {},
-      "description": "blue-default",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4957",
-      "key": "0a21d2d5c77d2e87e2549d89da26e8d27859c46c",
-      "name": "UI/blue/default",
+      "id": "VariableID:43927:5036",
+      "key": "212a98f0a1ae6c6320b49a4043ecfb2a60185e2d",
+      "name": "VB/azure/750",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
-          "id": "VariableID:43927:4952",
-          "type": "VARIABLE_ALIAS"
+          "a": 1,
+          "b": 0.4627451002597809,
+          "g": 0.25882354378700256,
+          "r": 0.10196078568696976
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4958": {
+    "VariableID:43927:5037": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4958",
-      "key": "8808e4030a6031b8cbdb14c0b4ebe099404f0e4e",
-      "name": "UI/green/100",
+      "id": "VariableID:43927:5037",
+      "key": "d8aed472076399958e6adbdc40b90136a090a972",
+      "name": "VB/azure/800",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.6666666865348816,
-          "g": 0.8745098114013672,
-          "r": 0.7137255072593689
+          "b": 0.40392157435417175,
+          "g": 0.1764705926179886,
+          "r": 0
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4959": {
+    "VariableID:43927:5038": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4959",
-      "key": "ea2f68ac91f7bb34a514ca3072241d3c706b4c44",
-      "name": "UI/green/200",
+      "id": "VariableID:43927:5038",
+      "key": "ed81d18d173528ad4b1c5e3ead12cc8bc7dcfd6d",
+      "name": "VB/azure/default",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
-          "a": 1,
-          "b": 0.5098039507865906,
-          "g": 0.8156862854957581,
-          "r": 0.5568627715110779
+          "id": "VariableID:43927:5032",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4960": {
+    "VariableID:43979:187": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4960",
-      "key": "6081b556536aaabfd2e4d19c546e9278064a102b",
-      "name": "UI/green/300",
+      "id": "VariableID:43979:187",
+      "key": "3064f15a8396806fa979825f89ccb004511f0e10",
+      "name": "VB/azure/900",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.3294117748737335,
-          "g": 0.7607843279838562,
-          "r": 0.42352941632270813
+          "b": 0.40392157435417175,
+          "g": 0.1764705926179886,
+          "r": 0
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4961": {
+    "VariableID:43979:189": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4961",
-      "key": "c4290e5e4de0fa933f8551d1cc084d9b7eb35c1f",
-      "name": "UI/green/400",
+      "id": "VariableID:43979:189",
+      "key": "f15b7c02defa516ca5b16e0afdd7a9f65b6f0ac5",
+      "name": "VB/vermillion/550",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0,
-          "g": 0.615686297416687,
-          "r": 0.1764705926179886
+          "b": 0.13333334028720856,
+          "g": 0.33725491166114807,
+          "r": 0.7411764860153198
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4962": {
+    "VariableID:43979:190": {
       "codeSyntax": {},
-      "description": "",
+      "description": "green-default",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4962",
-      "key": "3a08e9cdec70e4cb04e5abd3b9c4a10541547910",
-      "name": "UI/green/500",
+      "id": "VariableID:43979:190",
+      "key": "f8f5e2fed98a2c075d765beff9a3fbe5b37451ca",
+      "name": "VB/vermillion/default",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
-          "a": 1,
-          "b": 0.054901961237192154,
-          "g": 0.5333333611488342,
-          "r": 0.14509804546833038
+          "id": "VariableID:44917:19943",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43927:4963": {
+    "VariableID:43979:193": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4963",
-      "key": "624da3f07b820edd0423d1b9c07f728eb147be34",
-      "name": "UI/green/550",
+      "id": "VariableID:43979:193",
+      "key": "e09bfc00496bdd3a6e3902f47f4c6dc44ee752bb",
+      "name": "utilities/color/primary/100",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.1568627506494522,
-          "g": 0.48235294222831726,
-          "r": 0.21176470816135406
+        "43174:13": {
+          "id": "VariableID:43927:4947",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4947",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:46172:9194",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8458",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4964": {
+    "VariableID:43979:194": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4964",
-      "key": "7e8c518603a9c4534937390e01687b47947139ee",
-      "name": "UI/green/600",
+      "id": "VariableID:43979:194",
+      "key": "be53bfa6ccdda3b8b7104f530f7d596037f236b2",
+      "name": "utilities/color/primary/200",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.1411764770746231,
-          "g": 0.43529412150382996,
-          "r": 0.1921568661928177
+        "43174:13": {
+          "id": "VariableID:43927:4948",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4948",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5029",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8459",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4965": {
+    "VariableID:43979:195": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4965",
-      "key": "5dc0bee38199a6ebc6c3b8c8dae59626c6aaf89f",
-      "name": "UI/green/700",
+      "id": "VariableID:43979:195",
+      "key": "4e197d766d6ac6e9c7e5e58d93bbed93147d6934",
+      "name": "utilities/color/primary/300",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.14509804546833038,
-          "g": 0.34117648005485535,
-          "r": 0.12941177189350128
+        "43174:13": {
+          "id": "VariableID:43927:4949",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4949",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:48719:123821",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8460",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4966": {
+    "VariableID:43979:196": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4966",
-      "key": "5cd24f413e03cbb99bd7cbeffd87f29fc0bf844d",
-      "name": "UI/green/800",
+      "id": "VariableID:43979:196",
+      "key": "4841231ba6fc339a3e4f0d4ecf3df1fb4cc2cbb0",
+      "name": "utilities/color/primary/400",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.10588235408067703,
-          "g": 0.2549019753932953,
-          "r": 0.09803921729326248
+        "43174:13": {
+          "id": "VariableID:43927:4950",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4950",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5030",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8461",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4967": {
+    "VariableID:43979:197": {
       "codeSyntax": {},
-      "description": "green-default",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4967",
-      "key": "b41fe2f08db93ce39762c483191154e5969575b0",
-      "name": "UI/green/default",
+      "id": "VariableID:43979:197",
+      "key": "aaea895d4e46a5efcebc6ac9fcf1f071162fc25f",
+      "name": "utilities/color/primary/500",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "id": "VariableID:43927:4961",
+        "43174:13": {
+          "id": "VariableID:43927:4951",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4951",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5031",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8462",
           "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4968": {
+    "VariableID:43979:198": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4968",
-      "key": "a898ee62b0fd5e0ce6bd62417444510279d1f51a",
-      "name": "UI/grey/100",
+      "id": "VariableID:43979:198",
+      "key": "bcb1b213bbc3bfab7e464d71c26b00bb4a433e52",
+      "name": "utilities/color/primary/600",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
+        "43174:13": {
+          "id": "VariableID:43927:4952",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4952",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5032",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
           "a": 1,
-          "b": 0.9647058844566345,
-          "g": 0.9647058844566345,
-          "r": 0.9647058844566345
+          "b": 0.686274528503418,
+          "g": 0.30980393290519714,
+          "r": 0.1411764770746231
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4969": {
+    "VariableID:43979:199": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4969",
-      "key": "d6a0bb715571bddb37ca7cc26c21c5caa2511a8c",
-      "name": "UI/grey/200",
+      "id": "VariableID:43979:199",
+      "key": "9a7a23e59cfe8acb9dcd89d0714b81af45eb13a8",
+      "name": "utilities/color/primary/700",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9137254953384399,
-          "g": 0.9137254953384399,
-          "r": 0.9137254953384399
+        "43174:13": {
+          "id": "VariableID:43927:4953",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4953",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5034",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8465",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4970": {
+    "VariableID:43979:200": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4970",
-      "key": "cd50846c09117cf3dfc5c2482b1712372063cd7b",
-      "name": "UI/grey/300",
+      "id": "VariableID:43979:200",
+      "key": "4b22378fcb18d5fc1f25d72eb20b05161724f09a",
+      "name": "utilities/color/primary/750",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.8549019694328308,
-          "g": 0.8549019694328308,
-          "r": 0.8549019694328308
+        "43174:13": {
+          "id": "VariableID:43927:4954",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4954",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5036",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8465",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4971": {
+    "VariableID:43979:201": {
       "codeSyntax": {},
-      "description": "grey-400",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4971",
-      "key": "a9374a62f05bc52c3ffaeec37a1faa61bc30baf0",
-      "name": "UI/grey/400",
+      "id": "VariableID:43979:201",
+      "key": "399ce67f5b75ff4f2088011e43129c05117b9961",
+      "name": "utilities/color/primary/800",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.7647058963775635,
-          "g": 0.7647058963775635,
-          "r": 0.7647058963775635
+        "43174:13": {
+          "id": "VariableID:43927:4955",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4955",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5037",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8466",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4972": {
+    "VariableID:43979:202": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4972",
-      "key": "9652ec5f6878a5b98304d5e7d6115e08a4704237",
-      "name": "UI/grey/500",
+      "id": "VariableID:43979:202",
+      "key": "3e3c8e3a2f4e832c0b4c13d9542e416cc00b06a9",
+      "name": "utilities/color/primary/900",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.6823529601097107,
-          "g": 0.6823529601097107,
-          "r": 0.6823529601097107
+        "43174:13": {
+          "id": "VariableID:43927:4956",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4956",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:187",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8467",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4973": {
+    "VariableID:43979:203": {
       "codeSyntax": {},
-      "description": "grey-600",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4973",
-      "key": "a4765f6e0f30358867ff58f008083f29d1264f54",
-      "name": "UI/grey/600",
+      "id": "VariableID:43979:203",
+      "key": "02e8d0edb806027286b90f53a594c7d3bd9b84ae",
+      "name": "utilities/color/primary/default",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.5333333611488342,
-          "g": 0.5333333611488342,
-          "r": 0.5333333611488342
+        "43174:13": {
+          "id": "VariableID:43927:4957",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4957",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5038",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8468",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4974": {
+    "VariableID:43979:204": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4974",
-      "key": "079c1e28f7f7b11a3735ec3d38b5e32c616d72db",
-      "name": "UI/grey/700",
+      "id": "VariableID:43979:204",
+      "key": "09ecdb4054bec44c2cd67756e9a61ec603997e4a",
+      "name": "utilities/color/accent/100",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.40784314274787903,
-          "g": 0.40784314274787903,
-          "r": 0.40784314274787903
+        "43174:13": {
+          "id": "VariableID:43927:4958",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4958",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44917:19939",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8448",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4975": {
+    "VariableID:43979:205": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4975",
-      "key": "89bc126a0401d365bbf1a7fb29e6e389edb9ad00",
-      "name": "UI/grey/800",
+      "id": "VariableID:43979:205",
+      "key": "ad75fd0294da9c546588f3db1920ff5cd2a5b86a",
+      "name": "utilities/color/accent/200",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.3176470696926117,
-          "g": 0.3176470696926117,
-          "r": 0.3176470696926117
+        "43174:13": {
+          "id": "VariableID:43927:4959",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4959",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44917:19940",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8449",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4976": {
+    "VariableID:43979:206": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4976",
-      "key": "b4cb029ee5c0ed22732c74b242d366bf9b019a2f",
-      "name": "UI/teal/100",
+      "id": "VariableID:43979:206",
+      "key": "51fe40caa806b22cfbaf1154c38b7e2b98672a0a",
+      "name": "utilities/color/accent/300",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.8784313797950745,
-          "g": 0.8784313797950745,
-          "r": 0.7411764860153198
+        "43174:13": {
+          "id": "VariableID:43927:4960",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4960",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44917:19941",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8450",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4977": {
+    "VariableID:43979:207": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4977",
-      "key": "8361f80b6b66f4a2eafcb0783d2e6cdc6c65ce6b",
-      "name": "UI/teal/200",
+      "id": "VariableID:43979:207",
+      "key": "83b4cc6f8f1830d53588611ba8b7fb868b1ce0b8",
+      "name": "utilities/color/accent/400",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.8196078538894653,
-          "g": 0.8235294222831726,
-          "r": 0.6274510025978088
+        "43174:13": {
+          "id": "VariableID:43927:4961",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4961",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44917:19942",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8451",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4978": {
+    "VariableID:43979:208": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4978",
-      "key": "8f3b5af631b1e63a19fec60c6b96b25ca5c2db89",
-      "name": "UI/teal/300",
+      "id": "VariableID:43979:208",
+      "key": "ba8478128d82dc29fbeedca96caff697472927a7",
+      "name": "utilities/color/accent/500",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.7372549176216125,
-          "g": 0.7215686440467834,
-          "r": 0.4470588266849518
+        "43174:13": {
+          "id": "VariableID:43927:4962",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4962",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44917:19943",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8452",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4979": {
+    "VariableID:43979:209": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4979",
-      "key": "fd319d9a3c440e9198960bc90918eab7442475ea",
-      "name": "UI/teal/400",
+      "id": "VariableID:43979:209",
+      "key": "7e86cccf757342605e0b0cbdd28e9f1797843e42",
+      "name": "utilities/color/accent/550",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.6431372761726379,
-          "g": 0.6431372761726379,
-          "r": 0.23529411852359772
+        "43174:13": {
+          "id": "VariableID:43927:4963",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4962",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:189",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8452",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4980": {
+    "VariableID:43979:210": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4980",
-      "key": "fb448b439e79bc432f27c8100ee3f2128ca41bd2",
-      "name": "UI/teal/500",
+      "id": "VariableID:43979:210",
+      "key": "ebbbdc440a4cbf85de3873b8b062d261268d02ce",
+      "name": "utilities/color/accent/600",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.572549045085907,
-          "g": 0.5529412031173706,
-          "r": 0
+        "43174:13": {
+          "id": "VariableID:43927:4964",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4964",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44917:19944",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8453",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4981": {
+    "VariableID:43979:211": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4981",
-      "key": "1f43ffbece068fc22abe39d45e18f28d3e42ff60",
-      "name": "UI/teal/600",
+      "id": "VariableID:43979:211",
+      "key": "b8a459a0fe020227198d14e75ea22b3d69d0f8c5",
+      "name": "utilities/color/accent/700",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.4274509847164154,
-          "g": 0.4313725531101227,
-          "r": 0.13725490868091583
+        "43174:13": {
+          "id": "VariableID:43927:4965",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4965",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44917:19945",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44917:19945",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4982": {
+    "VariableID:43979:212": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4982",
-      "key": "ad4ed700144096316b0c2b30cfaf757f21f77bd0",
-      "name": "UI/teal/700",
+      "id": "VariableID:43979:212",
+      "key": "fb814ff4e4b4273a168aa69464c016e30f82d8e4",
+      "name": "utilities/color/accent/800",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.3607843220233917,
-          "g": 0.364705890417099,
-          "r": 0.12941177189350128
-        }
+        "43174:13": {
+          "id": "VariableID:43927:4966",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4966",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44917:19946",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8455",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4983": {
+    "VariableID:43979:213": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4983",
-      "key": "767969ed988a5780b326baaa10dfb724acdb5fc1",
-      "name": "UI/teal/800",
+      "id": "VariableID:43979:213",
+      "key": "55fb21b07d1b9adc48d42e3464be91ab272b74fd",
+      "name": "utilities/color/accent/default",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.27843138575553894,
-          "g": 0.2705882489681244,
-          "r": 0.09803921729326248
+        "43174:13": {
+          "id": "VariableID:43927:4967",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4967",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:190",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8457",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4984": {
+    "VariableID:43979:214": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4984",
-      "key": "365878956291b92ef182790c96ffe7cd64d779cd",
-      "name": "UI/yellow/100",
+      "id": "VariableID:43979:214",
+      "key": "309867147969aced864d987adf2d64aa3bb268fd",
+      "name": "utilities/color/neutral/100",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.6470588445663452,
-          "g": 0.9176470637321472,
-          "r": 1
+        "43174:13": {
+          "id": "VariableID:43927:4968",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4968",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44921:14699",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:50186:1502",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4985": {
+    "VariableID:43979:215": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4985",
-      "key": "0cb5d2edc1a3e6a174c236cf89ba725151423ff4",
-      "name": "UI/yellow/200",
+      "id": "VariableID:43979:215",
+      "key": "eb42987ebffb22321629f51ee2b6249851bd14ec",
+      "name": "utilities/color/neutral/200",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.47843137383461,
-          "g": 0.8784313797950745,
-          "r": 1
+        "43174:13": {
+          "id": "VariableID:43927:4969",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4969",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44921:14701",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8532",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4986": {
+    "VariableID:43979:216": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4986",
-      "key": "aca69f41fcc76479763af3d2802eaa3529efd966",
-      "name": "UI/yellow/300",
+      "id": "VariableID:43979:216",
+      "key": "1c2fffab4a220dc502a3b7430cc7b0f5678af9c5",
+      "name": "utilities/color/neutral/300",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.062745101749897,
-          "g": 0.8235294222831726,
-          "r": 0.9960784316062927
+        "43174:13": {
+          "id": "VariableID:43927:4970",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4970",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44921:14702",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8533",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4987": {
+    "VariableID:43979:217": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4987",
-      "key": "f7e0c69f55e6291d798ed59ec1b36576ff716c67",
-      "name": "UI/yellow/400",
+      "id": "VariableID:43979:217",
+      "key": "2b13199beb0d0c4c9339595572b636fb31e1588f",
+      "name": "utilities/color/neutral/400",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.20000000298023224,
-          "g": 0.7450980544090271,
-          "r": 0.9137254953384399
+        "43174:13": {
+          "id": "VariableID:43927:4971",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4971",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44921:14703",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8534",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4988": {
+    "VariableID:43979:218": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4988",
-      "key": "baf1a2ba43806e7a6da26f6954417fe1e84c0a46",
-      "name": "UI/yellow/500",
+      "id": "VariableID:43979:218",
+      "key": "f00ace4044a81bf897c94ae9dc9fde82ef39b008",
+      "name": "utilities/color/neutral/500",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.1921568661928177,
-          "g": 0.6784313917160034,
-          "r": 0.8392156958580017
+        "43174:13": {
+          "id": "VariableID:43927:4972",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4972",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44921:14703",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8536",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4989": {
+    "VariableID:43979:219": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4989",
-      "key": "be5f3624f02fac443dd49482f4841f272b1d3d57",
-      "name": "UI/yellow/600",
+      "id": "VariableID:43979:219",
+      "key": "3164a7557f40a4c3d0dec7ae6aef81c17fb2280c",
+      "name": "utilities/color/neutral/600",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.07058823853731155,
-          "g": 0.5921568870544434,
-          "r": 0.7843137383460999
+        "43174:13": {
+          "id": "VariableID:43927:4973",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4973",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44921:14705",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8537",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4990": {
+    "VariableID:43979:220": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4990",
-      "key": "99d033665defffb8939280888e54c454dc60c219",
-      "name": "UI/yellow/650",
+      "id": "VariableID:43979:220",
+      "key": "22067b46a0864d80b752fff8e12a90dda0af3e97",
+      "name": "utilities/color/neutral/700",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.125490203499794,
-          "g": 0.5529412031173706,
-          "r": 0.7333333492279053
+        "43174:13": {
+          "id": "VariableID:43927:4974",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4974",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44917:20145",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8538",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4991": {
+    "VariableID:43979:221": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4991",
-      "key": "9b67ceb29a45fac3eb387a4e0369275b12ad61c2",
-      "name": "UI/yellow/700",
+      "id": "VariableID:43979:221",
+      "key": "62381a06207bdf7fe13ec0c8381f45145d8693f5",
+      "name": "utilities/color/neutral/800",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.18039216101169586,
-          "g": 0.5058823823928833,
-          "r": 0.6705882549285889
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+        "43174:13": {
+          "id": "VariableID:43927:4975",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4975",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44921:14707",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8539",
+          "type": "VARIABLE_ALIAS"
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4992": {
+    "VariableID:43979:222": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4992",
-      "key": "8995b07e1be685cdd75da7f7f003e006e1927f5e",
-      "name": "UI/yellow/800",
+      "id": "VariableID:43979:222",
+      "key": "737b9997186c07321de53a88936913609fce99d7",
+      "name": "utilities/color/error/300",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.15294118225574493,
-          "g": 0.4117647111415863,
-          "r": 0.5529412031173706
+        "43174:13": {
+          "id": "VariableID:43927:5018",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:5018",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44883:47307",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8522",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4993": {
+    "VariableID:43979:223": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4993",
-      "key": "823fa29884ecf1a3775cd309ebc6404945181c88",
-      "name": "UI/lightblue/100",
+      "id": "VariableID:43979:223",
+      "key": "6e857651aa1eeb11a9c500cf8d672c9f9cada4de",
+      "name": "utilities/color/error/400",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9725490212440491,
-          "g": 0.9019607901573181,
-          "r": 0.7803921699523926
+        "43174:13": {
+          "id": "VariableID:43927:5019",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:5019",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44883:47307",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8522",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4994": {
+    "VariableID:43979:224": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4994",
-      "key": "c5ddf9287c8cc5f5a35ede04575d2d60f904a4a0",
-      "name": "UI/lightblue/200",
+      "id": "VariableID:43979:224",
+      "key": "a883007121660cc94cf6ef39aa0fc5fc385bc380",
+      "name": "utilities/color/success/default",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9647058844566345,
-          "g": 0.843137264251709,
-          "r": 0.6352941393852234
+        "43174:13": {
+          "id": "VariableID:43927:4963",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4960",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44883:47306",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8520",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4995": {
+    "VariableID:43979:225": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4995",
-      "key": "966e87e170e97690f4272c9cc686b972b34796d8",
-      "name": "UI/lightblue/300",
+      "id": "VariableID:43979:225",
+      "key": "0487f8ceaccf5ca660efe8695602c036a64d655c",
+      "name": "utilities/color/black/default",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9411764740943909,
-          "g": 0.7647058963775635,
-          "r": 0.45098039507865906
+        "43174:13": {
+          "id": "VariableID:43927:5027",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:5027",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44917:20144",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8468",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4996": {
+    "VariableID:43979:227": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4996",
-      "key": "ac28dd3450f2a5440e4b58c2c13381fd91573894",
-      "name": "UI/lightblue/400",
+      "id": "VariableID:43979:227",
+      "key": "4acfd3932bd293190f7a12a63af1aa43339da008",
+      "name": "utilities/color/white/default",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9254902005195618,
-          "g": 0.6823529601097107,
-          "r": 0.25882354378700256
+        "43174:13": {
+          "id": "VariableID:43927:5026",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:5026",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5026",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8488",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4997": {
+    "VariableID:43979:229": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4997",
-      "key": "4db7f1bb7e5f90d348af4791caa7485d4c54339e",
-      "name": "UI/lightblue/500",
+      "id": "VariableID:43979:229",
+      "key": "d3d2d8add95ccc2a314510490ab9e973d2798e99",
+      "name": "utilities/color/risk/low",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.8352941274642944,
-          "g": 0.5098039507865906,
-          "r": 0.08235294371843338
+        "43174:13": {
+          "id": "VariableID:43927:5021",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:5021",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5021",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43927:5021",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4998": {
+    "VariableID:43979:230": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4998",
-      "key": "80482eb6174f2ce46a97671415d1280cb36d1b78",
-      "name": "UI/lightblue/600",
+      "id": "VariableID:43979:230",
+      "key": "79b2564e3da522b56f4222c3afab64194b587e19",
+      "name": "utilities/color/risk/moderate",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.6745098233222961,
-          "g": 0.42352941632270813,
-          "r": 0.10196078568696976
+        "43174:13": {
+          "id": "VariableID:43927:5022",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:5022",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5022",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43927:5022",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:4999": {
+    "VariableID:43979:231": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:4999",
-      "key": "442d3e6171eed7068f32aff0ee0de3375cacdb5c",
-      "name": "UI/lightblue/700",
+      "id": "VariableID:43979:231",
+      "key": "095471ad5e2e75e8cbc10a8ed6fd30c9f52274c5",
+      "name": "utilities/color/risk/increased",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.5529412031173706,
-          "g": 0.3607843220233917,
-          "r": 0.11764705926179886
+        "43174:13": {
+          "id": "VariableID:43927:5023",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:5023",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5023",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43927:5023",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5000": {
+    "VariableID:43979:232": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5000",
-      "key": "9008192a4213563cf0e87ae3ed63e5090793daa4",
-      "name": "UI/lightblue/800",
+      "id": "VariableID:43979:232",
+      "key": "856a343aaa73360e0db9d901f14e70c3f4a192f4",
+      "name": "utilities/color/risk/high",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.4274509847164154,
-          "g": 0.2823529541492462,
-          "r": 0.12941177189350128
+        "43174:13": {
+          "id": "VariableID:43927:5024",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:5024",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5024",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43927:5024",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5001": {
+    "VariableID:43979:233": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5001",
-      "key": "d1d7de496f250f4bcb75c12644eaa97779ae2ea0",
-      "name": "UI/violet/100",
+      "id": "VariableID:43979:233",
+      "key": "04d78dd356ca73bfa87eb8a1f9477e814411a43e",
+      "name": "utilities/color/risk/veryhigh",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9843137264251709,
-          "g": 0.9176470637321472,
-          "r": 0.9411764740943909
+        "43174:13": {
+          "id": "VariableID:43927:5025",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:5025",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43927:5025",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43927:5025",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5002": {
+    "VariableID:43979:234": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for notification, status-badge",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5002",
-      "key": "ce3fdcae4878cc88856cb595deef4a7607618c2b",
-      "name": "UI/violet/200",
+      "id": "VariableID:43979:234",
+      "key": "689e56866506f9cb0737cbeddc705f9663d9fc7a",
+      "name": "utilities/color/info/default",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9647058844566345,
-          "g": 0.8352941274642944,
-          "r": 0.8823529481887817
+        "43174:13": {
+          "id": "VariableID:43927:4997",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4997",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:187",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8462",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5003": {
+    "VariableID:43979:235": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for notification, status-badge",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5003",
-      "key": "32c3916256405c36f7e9f7df3845d75b69deab52",
-      "name": "UI/violet/300",
+      "id": "VariableID:43979:235",
+      "key": "8aac4afb70a742d5d0edb99fed733830db4447f7",
+      "name": "utilities/color/warning/default",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.7137255072593689,
-          "r": 0.800000011920929
+        "43174:13": {
+          "id": "VariableID:43927:4990",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:4990",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44883:47308",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8523",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5004": {
+    "VariableID:43979:236": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted hover interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5004",
-      "key": "f002998b4c678a96028db3df24384588bec97bea",
-      "name": "UI/violet/400",
+      "id": "VariableID:43979:236",
+      "key": "962e9483262eea599b28d4a435c32193b6ce8e4c",
+      "name": "utilities/color/icon-fill/primary/100",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9058823585510254,
-          "g": 0.5568627715110779,
-          "r": 0.7058823704719543
+        "43174:13": {
+          "id": "VariableID:43979:193",
+          "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:43979:204",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5005": {
+    "VariableID:43979:237": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted pressed interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5005",
-      "key": "07ba299d1faa7fb4c3cf0cfcf30ae242155b8244",
-      "name": "UI/violet/500",
+      "id": "VariableID:43979:237",
+      "key": "ac45f2fe9c065f560601ea702484d2c55ad7defe",
+      "name": "utilities/color/icon-fill/primary/200",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.8705882430076599,
-          "g": 0.40784314274787903,
-          "r": 0.5921568870544434
+        "43174:13": {
+          "id": "VariableID:43979:194",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:201",
+          "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:43927:5006": {
+    "VariableID:43979:238": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted pressed interaction in text link",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5006",
-      "key": "b4ee93b78939e64a5273a86e9bad8986c4a6f702",
-      "name": "UI/violet/600",
+      "id": "VariableID:43979:238",
+      "key": "b2a1c3aae94653db66dc78c27591a45a7bffeb76",
+      "name": "utilities/color/icon-fill/primary/400",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.8352941274642944,
-          "g": 0.24705882370471954,
-          "r": 0.529411792755127
+        "43174:13": {
+          "id": "VariableID:43979:196",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:196",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "a": 0.8399999737739563,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        },
+        "47719:0": {
+          "a": 0.8399999737739563,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5007": {
+    "VariableID:43979:239": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5007",
-      "key": "23699a8c3c6d4d7127858e9320326516b0d4e5b6",
-      "name": "UI/violet/700",
+      "id": "VariableID:43979:239",
+      "key": "d4964e06c83b146512420f7d22dbc4f99da1d334",
+      "name": "utilities/color/icon-fill/primary/500",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.6078431606292725,
-          "g": 0.2078431397676468,
-          "r": 0.3843137323856354
+        "43174:13": {
+          "id": "VariableID:43979:197",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:194",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:197",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5008": {
+    "VariableID:43979:240": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for pressed interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5008",
-      "key": "10a1160c8994a27a34faa154fe2fc06c7f3bb95e",
-      "name": "UI/violet/800",
+      "id": "VariableID:43979:240",
+      "key": "1fc9fbe1181ff9df0cc6dd3a7bb48819874f68f9",
+      "name": "utilities/color/icon-fill/primary/800",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.42352941632270813,
-          "g": 0.11764705926179886,
-          "r": 0.25882354378700256
+        "43174:13": {
+          "id": "VariableID:43979:201",
+          "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"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5009": {
+    "VariableID:43979:241": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5009",
-      "key": "c0f3b212a97f8cf42a71abbbdf785089ec588091",
-      "name": "UI/lightgreen/100",
+      "id": "VariableID:43979:241",
+      "key": "0646819632394993d4f8eddea092a7eb6278be45",
+      "name": "utilities/color/icon-fill/primary/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.7568627595901489,
-          "g": 0.9333333373069763,
-          "r": 0.9137254953384399
+        "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:43927:5010": {
+    "VariableID:43979:242": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Inverted icon color",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5010",
-      "key": "d412d7e3610c59242cb6285330ed671c14b256d3",
-      "name": "UI/lightgreen/200",
+      "id": "VariableID:43979:242",
+      "key": "1a634ef580e3a011dd2c517849882eeafa2e451b",
+      "name": "utilities/color/icon-fill/white/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.5529412031173706,
-          "g": 0.8784313797950745,
-          "r": 0.8313725590705872
+        "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:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5011": {
+    "VariableID:43979:244": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5011",
-      "key": "0be57b095ad95b1c45b560c4e692cc87b786bca0",
-      "name": "UI/lightgreen/300",
+      "id": "VariableID:43979:244",
+      "key": "fb426623c07ff78dc90870828b804c62fe926134",
+      "name": "utilities/color/icon-fill/accent/550",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.10980392247438431,
-          "g": 0.843137264251709,
-          "r": 0.729411780834198
+        "43174:13": {
+          "id": "VariableID:43979:209",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:209",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:209",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:209",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5012": {
+    "VariableID:43979:245": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5012",
-      "key": "418b8853eb8062fcd94a673cd225c39e4881b74d",
-      "name": "UI/lightgreen/400",
+      "id": "VariableID:43979:245",
+      "key": "1e4f3776111b01da4de14477592e1e7375fec56b",
+      "name": "utilities/color/icon-fill/accent/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.21960784494876862,
-          "g": 0.7137255072593689,
-          "r": 0.6235294342041016
+        "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:213",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5013": {
+    "VariableID:43979:246": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for disabled state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5013",
-      "key": "bc83c69b623d18897230bd2a5ced2bc144ce148b",
-      "name": "UI/lightgreen/500",
+      "id": "VariableID:43979:246",
+      "key": "9505d6312d1e2e9ef0cdddc5e0da8abbabf94809",
+      "name": "utilities/color/icon-fill/neutral/500",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.239215686917305,
-          "g": 0.6392157077789307,
-          "r": 0.5411764979362488
+        "43174:13": {
+          "id": "VariableID:43979:218",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:218",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:217",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:217",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5014": {
+    "VariableID:43979:247": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted disabled state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5014",
-      "key": "a317749ad8e77abba0e93cf0f793f1a295248eb6",
-      "name": "UI/lightgreen/600",
+      "id": "VariableID:43979:247",
+      "key": "9b96dad67466abde49956bc2b5a5e09c68bc1be2",
+      "name": "utilities/color/icon-fill/neutral/600",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.24313725531101227,
-          "g": 0.5647059082984924,
-          "r": 0.45490196347236633
+        "43174:13": {
+          "id": "VariableID:43979:219",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:219",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "a": 0.4000000059604645,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        },
+        "47719:0": {
+          "a": 0.4000000059604645,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5015": {
+    "VariableID:43979:248": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for switch, clearable",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5015",
-      "key": "2150ec7d4c47764a9903883fe3e2a0aacad8b59f",
-      "name": "UI/lightgreen/700",
+      "id": "VariableID:43979:248",
+      "key": "09aba09c88bde2ae9cca118f3b312c15efd578a5",
+      "name": "utilities/color/icon-fill/neutral/800",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.250980406999588,
-          "g": 0.4588235318660736,
-          "r": 0.3490196168422699
-        }
+        "43174:13": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:273",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5016": {
+    "VariableID:43979:249": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for success messages, valid states",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5016",
-      "key": "c544204de763cbe254be41076bce8b67afb13549",
-      "name": "UI/lightgreen/800",
+      "id": "VariableID:43979:249",
+      "key": "c43f5d98604e9cd858518c3f737b8144fa1c53e3",
+      "name": "utilities/color/icon-fill/success/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.22745098173618317,
-          "g": 0.364705890417099,
-          "r": 0.2666666805744171
+        "43174:13": {
+          "id": "VariableID:43979:224",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:224",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:224",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:224",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5017": {
+    "VariableID:43979:250": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for hover interaction invalid form elements\n",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5017",
-      "key": "4e0c92b32748bd51e027c087b1b0df3523444372",
-      "name": "UI/red/250",
+      "id": "VariableID:43979:250",
+      "key": "c39c07afa1f5c66e7a2e4fc45211ac93e2c4c20c",
+      "name": "utilities/color/icon-fill/error/400",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.41960784792900085,
-          "g": 0.3450980484485626,
-          "r": 0.9176470637321472
+        "43174:13": {
+          "id": "VariableID:43979:223",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:223",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:223",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:223",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5018": {
+    "VariableID:43979:251": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for error messages, invalid states",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5018",
-      "key": "df60d9173d78f98652de8e0b8a53711f7734f52a",
-      "name": "UI/red/300",
+      "id": "VariableID:43979:251",
+      "key": "f4b1c9a60d4616ed9e09cb22c7c001fa6f92bb5a",
+      "name": "utilities/color/error/default",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.21568627655506134,
-          "g": 0.09803921729326248,
-          "r": 0.800000011920929
+        "43174:13": {
+          "id": "VariableID:43927:5018",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43927:5018",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44883:47307",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47719:8522",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5019": {
+    "VariableID:43979:252": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for buttons, select field, focus state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5019",
-      "key": "2ed245d9db4af3face4ba7dfc6e7865a40e02303",
-      "name": "UI/red/400",
+      "id": "VariableID:43979:252",
+      "key": "3edfe8a468fefa303e53028d0b46983bfaae02ee",
+      "name": "utilities/color/border/primary/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.21960784494876862,
-          "g": 0.09803921729326248,
-          "r": 0.6745098233222961
+        "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:43927:5020": {
+    "VariableID:43979:253": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5020",
-      "key": "fb0ed2f04eb070817bffcc139064f0d447a602e8",
-      "name": "UI/red/500",
+      "id": "VariableID:43979:253",
+      "key": "b97ed86ccc500b5d277e91f60a1d980a446abd84",
+      "name": "utilities/color/border/accent/550",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.1764705926179886,
-          "g": 0.0784313753247261,
-          "r": 0.4901960790157318
+        "43174:13": {
+          "id": "VariableID:43979:209",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:209",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:198",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5021": {
+    "VariableID:43979:254": {
       "codeSyntax": {},
-      "description": "low value fluctuation",
+      "description": "Default border color. \nUsed for sd-divider, teaser, table cell, ... sd-container,",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5021",
-      "key": "a223a36e588ae875599255697a9132ecc859f9f9",
-      "name": "UI/cerulean",
+      "id": "VariableID:43979:254",
+      "key": "8e4c7fdd18f39c9ae1a5f2cc69f0e990f51dc901",
+      "name": "utilities/color/border/neutral/400",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.7647058963775635,
-          "g": 0.4901960790157318,
-          "r": 0.003921568859368563
+        "43174:13": {
+          "id": "VariableID:43979:217",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:196",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:217",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:217",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5022": {
+    "VariableID:43979:255": {
       "codeSyntax": {},
-      "description": "moderate value fluctuation",
+      "description": "Used for form fields, switch, radio, checkbox",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5022",
-      "key": "abf3d978b2245bf1181722de584a04609b91b089",
-      "name": "UI/emerald",
+      "id": "VariableID:43979:255",
+      "key": "402c1211bcb098a0a3ebabc4ce87ef4d72487ebc",
+      "name": "utilities/color/border/neutral/800",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.5764706134796143,
-          "g": 0.6470588445663452,
-          "r": 0
+        "43174:13": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5023": {
+    "VariableID:43979:256": {
       "codeSyntax": {},
-      "description": "increased value fluctuation",
+      "description": "Used for valid form fields\n",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5023",
-      "key": "062b3a0ae6ea8716bc9e0e8effc1f761ec578d03",
-      "name": "UI/lemon",
+      "id": "VariableID:43979:256",
+      "key": "f0f7463047766b0c219d8c4f381ab1d6546d5fec",
+      "name": "utilities/color/border/success/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0,
-          "g": 0.9411764740943909,
-          "r": 1
+        "43174:13": {
+          "id": "VariableID:43979:224",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:224",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:224",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:224",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5024": {
+    "VariableID:43979:257": {
       "codeSyntax": {},
-      "description": "high value fluctuation",
+      "description": "Used for hover interaction invalid form elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5024",
-      "key": "a05da783d7b3140cb71f440c805c20988ea015eb",
-      "name": "UI/orange",
+      "id": "VariableID:43979:257",
+      "key": "ee303d00b86505b9525a84ea691a28c7d5d24697",
+      "name": "utilities/color/border/error/400",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.11764705926179886,
-          "g": 0.6078431606292725,
-          "r": 0.9803921580314636
+        "43174:13": {
+          "id": "VariableID:43979:223",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:223",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:223",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:223",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5025": {
+    "VariableID:43979:258": {
       "codeSyntax": {},
-      "description": "very high value fluctuation",
+      "description": "Used for invalid form fields",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5025",
-      "key": "85b4da03f9e0db0526ee5cbc2a00fb1fde33fa7e",
-      "name": "UI/brightred",
+      "id": "VariableID:43979:258",
+      "key": "592145d7a7025b381514515e03514be9736e9a95",
+      "name": "utilities/color/border/error/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0,
-          "g": 0,
-          "r": 1
+        "43174:13": {
+          "id": "VariableID:43979:222",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:46434:307157",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:222",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:222",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5026": {
+    "VariableID:43979:259": {
       "codeSyntax": {},
-      "description": "white",
+      "description": "Used for sd-container",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5026",
-      "key": "4c642eb6863b9acef270348084f2e6b3240cdf3d",
-      "name": "UI/white",
+      "id": "VariableID:43979:259",
+      "key": "87b3a570f0727cc9916ab158ddfb6230ad8d6494",
+      "name": "utilities/color/background/primary/100",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "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:43927:5027": {
+    "VariableID:43979:260": {
       "codeSyntax": {},
-      "description": "black",
+      "description": "Used for sd-chip",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5027",
-      "key": "67972723fe9ea4a0a0c0ec51c8ddfcce9b7e557d",
-      "name": "UI/black",
+      "id": "VariableID:43979:260",
+      "key": "3edfdbf233551f6213b62d5a5502c2da769e5e01",
+      "name": "utilities/color/background/primary/200",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
+        "43174:13": {
+          "id": "VariableID:43979:194",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:200",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:194",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:215",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5029": {
+    "VariableID:43979:261": {
       "codeSyntax": {},
-      "description": "color has same luminance as step 100",
+      "description": "Used for sd-chip",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5029",
-      "key": "ebacfe103ecfa62e06ffbeeeed0d6ccaf6b5e0f2",
-      "name": "VB/azure/100",
+      "id": "VariableID:43979:261",
+      "key": "bafc13463a52e799561bf1a97372d6f4d6f57689",
+      "name": "utilities/color/background/primary/300",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9647058844566345,
-          "g": 0.929411768913269,
-          "r": 0.8784313797950745
+        "43174:13": {
+          "id": "VariableID:43979:195",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:199",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:195",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5030": {
+    "VariableID:43979:262": {
       "codeSyntax": {},
-      "description": "used for tag selected hover",
+      "description": "Used for sd-chip, sd-badge",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5030",
-      "key": "5abb206240a3e9632429076244b1afe2a075edd8",
-      "name": "VB/azure/300",
+      "id": "VariableID:43979:262",
+      "key": "f3a47026e933703e8f086aff75e394d735eaa0e9",
+      "name": "utilities/color/background/primary/500",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.8823529481887817,
-          "g": 0.7607843279838562,
-          "r": 0.6000000238418579
+        "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:221",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43927:5031": {
+    "VariableID:43979:263": {
       "codeSyntax": {},
-      "description": "color has same luminance as step 100",
+      "description": "Used for pressed interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5031",
-      "key": "cb460e96b9cee084bbe96d453eb6eeec6978dc26",
-      "name": "VB/azure/400",
+      "id": "VariableID:43979:263",
+      "key": "3e62c168462ce8402b0a5a37f9d5676e565b49b4",
+      "name": "utilities/color/background/primary/800",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.6431372761726379,
-          "g": 0.5058823823928833,
-          "r": 0.4000000059604645
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43927:5032": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5032",
-      "key": "b8d9ddc3097189c282c8b6d1ef2b98cb20d305fb",
-      "name": "VB/azure/500",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.7019608020782471,
-          "g": 0.4000000059604645,
-          "r": 0
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43927:5033": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5033",
-      "key": "32de913d379ad84fb8010bda8c43248d1f574145",
-      "name": "VB/azure/550",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.6313725709915161,
-          "g": 0.3607843220233917,
-          "r": 0
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43927:5034": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5034",
-      "key": "8f4641574e2214730c48e58aa88407a99350d26f",
-      "name": "VB/azure/600",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.5960784554481506,
-          "g": 0.34117648005485535,
-          "r": 0
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43927:5035": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5035",
-      "key": "8d7cf74fd0d0b1eff232f3f5d06be69bc595c775",
-      "name": "VB/azure/650",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.4941176474094391,
-          "g": 0.3019607961177826,
-          "r": 0.15294118225574493
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43927:5036": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5036",
-      "key": "db5ed36a3a1800c8a2d7cd7ef2b017396cbb7cb1",
-      "name": "VB/azure/750",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.4627451002597809,
-          "g": 0.25882354378700256,
-          "r": 0.10196078568696976
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43927:5037": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5037",
-      "key": "ea40a83da5edf0e7ed401bd9e465c741d5d07f97",
-      "name": "VB/azure/800",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.40392157435417175,
-          "g": 0.1764705926179886,
-          "r": 0
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43927:5038": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43927:5038",
-      "key": "11f77eba0af4efde16b491cbd447f23efc06deaa",
-      "name": "VB/azure/default",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "id": "VariableID:43927:5032",
+        "43174:13": {
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43979:187": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:187",
-      "key": "79a247470e9c8cf736f35172c561d5919aae94ea",
-      "name": "VB/azure/900",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.40392157435417175,
-          "g": 0.1764705926179886,
-          "r": 0
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43979:189": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:189",
-      "key": "dd45ca6620b8b4136d2b65bb3209ecc043169f4c",
-      "name": "VB/vermillion/550",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.13333334028720856,
-          "g": 0.33725491166114807,
-          "r": 0.7411764860153198
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:43979:190": {
-      "codeSyntax": {},
-      "description": "green-default",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:190",
-      "key": "3a576137992a96fcbb2d24900ee558d1dbacfebd",
-      "name": "VB/vermillion/default",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "id": "VariableID:44917:19943",
+        },
+        "43174:14": {
+          "id": "VariableID:43979:194",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:201",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:193": {
+    "VariableID:43979:264": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Inverted background color (light mode)\nUsed for button",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:193",
-      "key": "cafb2ab9a5d0a17e303d62b1638a084075d2c4fd",
-      "name": "utilities/color/primary/100",
+      "id": "VariableID:43979:264",
+      "key": "71df8c9347f3c44d19dc1596b842c4f760bb1253",
+      "name": "utilities/color/background/primary/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4947",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4947",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5029",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8458",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:194": {
+    "VariableID:43979:265": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:194",
-      "key": "a1d21115688bc7cdb42e1de9a7c563b046faec6c",
-      "name": "utilities/color/primary/200",
+      "id": "VariableID:43979:265",
+      "key": "2a8a3b23083288f0b5298dbc17d9f04b7e434795",
+      "name": "utilities/color/background/accent/550",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4948",
+          "id": "VariableID:43979:209",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4948",
+          "id": "VariableID:43979:209",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:48719:123821",
+          "id": "VariableID:43979:198",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8459",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:195": {
+    "VariableID:43979:266": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for notification, status-badge",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:195",
-      "key": "cd3e8f2c00fded5e528e62d81c9148cc8277b798",
-      "name": "utilities/color/primary/300",
+      "id": "VariableID:43979:266",
+      "key": "6d27dfbb8b4a4dab6ad309423b72ade6bd44ef3c",
+      "name": "utilities/color/background/info/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4949",
+          "id": "VariableID:43979:234",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4949",
+          "id": "VariableID:43927:4997",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5030",
+          "id": "VariableID:43979:234",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8460",
+          "id": "VariableID:43979:234",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:196": {
+    "VariableID:43979:267": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for notification, status-badge",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:196",
-      "key": "5b1557c27ed11834fbc700657f1d641287b4142f",
-      "name": "utilities/color/primary/400",
+      "id": "VariableID:43979:267",
+      "key": "c030f2493b8247eb8486ffd184d395146e2c54e1",
+      "name": "utilities/color/background/warning/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4950",
+          "id": "VariableID:43979:235",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4950",
+          "id": "VariableID:43927:4990",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5031",
+          "id": "VariableID:43979:235",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8461",
+          "id": "VariableID:43979:235",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:197": {
+    "VariableID:43979:268": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted hover interaction text link and inverted pressed interaction button label",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:197",
-      "key": "e4c2878f8399c2cf18ab45d8e2766382cf6d3165",
-      "name": "utilities/color/primary/500",
+      "id": "VariableID:43979:268",
+      "key": "067432c2f0fef4643eb7c341b336ba7cf6f2c2a0",
+      "name": "utilities/color/text/primary/200",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4951",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4951",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5032",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8462",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:198": {
+    "VariableID:43979:269": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Additional text inverted color",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:198",
-      "key": "6a9e6151a9b36a384a7783fa0c436f9bb281b06f",
-      "name": "utilities/color/primary/600",
+      "id": "VariableID:43979:269",
+      "key": "5ebc55b0788de67c67d250345fe7538c9f0aaf55",
+      "name": "utilities/color/text/primary/400",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4952",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4952",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5034",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8399999737739563,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:47719:8464",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8399999737739563,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:199": {
+    "VariableID:43979:270": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:199",
-      "key": "e2ee7a990cb3cb376cc23975ccdbabf18878d623",
-      "name": "utilities/color/primary/700",
+      "id": "VariableID:43979:270",
+      "key": "5c83c488eb586ab212ab12c636897420b1733315",
+      "name": "utilities/color/text/primary/500",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4953",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4953",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5036",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8465",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:200": {
+    "VariableID:43979:271": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for pressed interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:200",
-      "key": "da825882cb9a1626831d6881ba970144da4e9406",
-      "name": "utilities/color/primary/750",
+      "id": "VariableID:43979:271",
+      "key": "93a9077e97e47f15079ae56acc94ded2aeaa6aef",
+      "name": "utilities/color/text/primary/800",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4954",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4954",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5036",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8465",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:201": {
+    "VariableID:43979:272": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Primary brand color for text",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:201",
-      "key": "9c8619522a7ebb6ed9bcc59c9b9cb0390c8544ae",
-      "name": "utilities/color/primary/800",
+      "id": "VariableID:43979:272",
+      "key": "f99f4016cca349031db3e706b2e66689c895c6a8",
+      "name": "utilities/color/text/primary/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4955",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4955",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5037",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8466",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:202": {
+    "VariableID:43979:273": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Inverted text color",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:202",
-      "key": "ca92adc15715a5eb488f090ee1ae5fc30db47b94",
-      "name": "utilities/color/primary/900",
+      "id": "VariableID:43979:273",
+      "key": "ae480eb23e647e2f07292cc63c0d32cd98f885ae",
+      "name": "utilities/color/text/white/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4956",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4956",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:187",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8467",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:203": {
+    "VariableID:43979:274": {
       "codeSyntax": {},
-      "description": "",
+      "deletedButReferenced": true,
+      "description": "Unchanged in dark mode",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:203",
-      "key": "48623a6f78dcfd39bd96711b553b6552178b73b6",
-      "name": "utilities/color/primary/default",
+      "id": "VariableID:43979:274",
+      "key": "70b9f744ad60838d7abf13df3c8b4449f9b817fc",
+      "name": "utilities/color/text/white/default-constant",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4957",
+          "id": "VariableID:43979:228",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4957",
+          "id": "VariableID:43979:228",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5038",
+          "id": "VariableID:43979:228",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8468",
+          "id": "VariableID:43979:228",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:204": {
+    "VariableID:43979:275": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default text color",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:204",
-      "key": "07bc3ef833303b160ec021b68dd66a5a04bbaae4",
-      "name": "utilities/color/accent/100",
+      "id": "VariableID:43979:275",
+      "key": "5c07ef2a85bc84ed76a8f42cb824d74e38fabe1c",
+      "name": "utilities/color/text/black/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4958",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4958",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:19939",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8448",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:205": {
+    "VariableID:43979:277": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for disabled state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:205",
-      "key": "bef2c386bd5c05f5c764fb54582f2b9bd3151200",
-      "name": "utilities/color/accent/200",
+      "id": "VariableID:43979:277",
+      "key": "9a8778b0a1478148a86de3c82921bb23e9ef3f6e",
+      "name": "utilities/color/text/neutral/500",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4959",
+          "id": "VariableID:43979:218",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4959",
+          "id": "VariableID:43979:218",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:19940",
+          "id": "VariableID:46408:96677",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8449",
+          "id": "VariableID:43979:217",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:206": {
+    "VariableID:43979:278": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Additional text color, Breadcrumb item current and Video descriotion #100, 62%",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:206",
-      "key": "a9da65eff10ee5a2a4eab6114187e62a5d8e8bfc",
-      "name": "utilities/color/accent/300",
+      "id": "VariableID:43979:278",
+      "key": "2923653711354221ca67050a3daee82c5b017651",
+      "name": "utilities/color/text/neutral/700",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4960",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4960",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:19941",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8450",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:207": {
+    "VariableID:43979:279": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used to display negative performance values",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:207",
-      "key": "7fe4e9aa9fdbcf37e7f4542f86c028f755748c37",
-      "name": "utilities/color/accent/400",
+      "id": "VariableID:43979:279",
+      "key": "392614a382fe18ee57942e20dba6e67595bc7a97",
+      "name": "utilities/color/text/error/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4961",
+          "id": "VariableID:43979:222",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4961",
+          "id": "VariableID:46434:307157",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:19942",
+          "id": "VariableID:43979:222",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8451",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:208": {
+    "VariableID:43979:280": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used to display positive performance values",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:208",
-      "key": "b939b0d1a51f2454eda5c476f47cf9da77ccf662",
-      "name": "utilities/color/accent/500",
+      "id": "VariableID:43979:280",
+      "key": "d5d4536a66117d6a0279337798fe9632dea9d8f1",
+      "name": "utilities/color/text/success/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4962",
+          "id": "VariableID:43979:224",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4962",
+          "id": "VariableID:43979:224",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:19943",
+          "id": "VariableID:43979:224",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8452",
+          "id": "VariableID:43979:224",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:209": {
+    "VariableID:43979:281": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for hover interaction (dark mode)",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:209",
-      "key": "8ece80720106c56a3fe3a7e54f3e2fdaa65baabf",
-      "name": "utilities/color/accent/550",
+      "id": "VariableID:43979:281",
+      "key": "fee4020a9af6576d97d65ec6ed51646d3b12253b",
+      "name": "utilities/color/border/primary/500",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4963",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4962",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:189",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8452",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:210": {
+    "VariableID:43979:282": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for pressed interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:210",
-      "key": "7521aaf1f20652f286c6fff2c5ae4a2c8eaac736",
-      "name": "utilities/color/accent/600",
+      "id": "VariableID:43979:282",
+      "key": "65d4df15124b4037032795fd7915ec1762def2c7",
+      "name": "utilities/color/border/primary/800",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4964",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4964",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:19944",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8453",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:211": {
+    "VariableID:43979:283": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:211",
-      "key": "dc4b9f52042316c3c9c16570f3401fd5fe5143e7",
-      "name": "utilities/color/accent/700",
+      "id": "VariableID:43979:283",
+      "key": "10df804ce1b315cd938c30199da1982d6ab5ae46",
+      "name": "utilities/color/icon-fill/risk/low",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4965",
+          "id": "VariableID:43979:229",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4965",
+          "id": "VariableID:43979:229",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:19945",
+          "id": "VariableID:43979:229",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44917:19945",
+          "id": "VariableID:43979:229",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:212": {
+    "VariableID:43979:284": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:212",
-      "key": "4888f53760b7138cb08cc024eb68df0da090801c",
-      "name": "utilities/color/accent/800",
+      "id": "VariableID:43979:284",
+      "key": "82c9f7bd18c02356c989039481ddac349680177f",
+      "name": "utilities/color/icon-fill/risk/moderate",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4966",
+          "id": "VariableID:43979:230",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4966",
+          "id": "VariableID:43979:230",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:19946",
+          "id": "VariableID:43979:230",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8455",
+          "id": "VariableID:43979:230",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:213": {
+    "VariableID:43979:285": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:213",
-      "key": "e07a999d3108280d7dd20ddfd135ec4a8d3f3c23",
-      "name": "utilities/color/accent/default",
+      "id": "VariableID:43979:285",
+      "key": "dc2e19539e410835157fe9a8d25d6b4de2350f0c",
+      "name": "utilities/color/icon-fill/risk/increased",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4967",
+          "id": "VariableID:43979:231",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4967",
+          "id": "VariableID:43979:231",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:190",
+          "id": "VariableID:43979:231",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8457",
+          "id": "VariableID:43979:231",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:214": {
+    "VariableID:43979:286": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:214",
-      "key": "fb3d09b4448ac274c7af1c8b442aa5a7567030bd",
-      "name": "utilities/color/neutral/100",
+      "id": "VariableID:43979:286",
+      "key": "5566a63a049f2467a06e18f7ec8f6f4d96824245",
+      "name": "utilities/color/icon-fill/risk/high",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4968",
+          "id": "VariableID:43979:232",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4968",
+          "id": "VariableID:43979:232",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14699",
+          "id": "VariableID:43979:232",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:50186:1502",
+          "id": "VariableID:43979:232",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:215": {
+    "VariableID:43979:287": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Exclusively for marking fonds",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:215",
-      "key": "65f3fd87cb746afcc08b7cdd7f4c4897c5e6b6cb",
-      "name": "utilities/color/neutral/200",
+      "id": "VariableID:43979:287",
+      "key": "0c5c691724b74c92f5360dad61f1bc345c1f1b0a",
+      "name": "utilities/color/icon-fill/risk/veryhigh",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4969",
+          "id": "VariableID:43979:233",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4969",
+          "id": "VariableID:43979:233",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14701",
+          "id": "VariableID:43979:233",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8532",
+          "id": "VariableID:43979:233",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:216": {
+    "VariableID:43979:288": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted hover interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:216",
-      "key": "ba2e0a1260a2cfb24f3874c1b471ea9c304c6349",
-      "name": "utilities/color/neutral/300",
+      "id": "VariableID:43979:288",
+      "key": "f8494ade78133eaf908b2b849a7e0e5161684ec0",
+      "name": "utilities/color/border/primary/100",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4970",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4970",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14702",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8533",
+          "id": "VariableID:43979:214",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:217": {
+    "VariableID:43979:289": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted pressed interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:217",
-      "key": "98e0569e5e05284761273e9e3c7de943be0a7740",
-      "name": "utilities/color/neutral/400",
+      "id": "VariableID:43979:289",
+      "key": "e3ce876c904b6361756c9b582caa4699fd6e5032",
+      "name": "utilities/color/border/primary/200",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4971",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4971",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14703",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8534",
+          "id": "VariableID:43979:215",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:218": {
+    "VariableID:43979:290": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted dividers",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:218",
-      "key": "f0f4c77f5b28c184eafed6e3dce1736930ea03e4",
-      "name": "utilities/color/neutral/500",
+      "id": "VariableID:43979:290",
+      "key": "cd975085d31cb49051d52ffd97320b069bb3e6e7",
+      "name": "utilities/color/border/primary/400",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4972",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4972",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
@@ -8024,469 +8185,539 @@
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8536",
+          "id": "VariableID:43979:217",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:219": {
+    "VariableID:43979:293": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for buttons, inverted focus state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:219",
-      "key": "91bbd2c4b16cc798eaeaa30bdf8f04adb0e69174",
-      "name": "utilities/color/neutral/600",
+      "id": "VariableID:43979:293",
+      "key": "b7dab54dbb2d7274bd65a1857321ee411c77e489",
+      "name": "utilities/color/border/white/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4973",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4973",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14705",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8537",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:220": {
+    "VariableID:43979:294": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used to highlight active/selected elements\n",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:220",
-      "key": "d4cd56dc7c805e9889555ed2ce2ce61e273e3311",
-      "name": "utilities/color/neutral/700",
+      "id": "VariableID:43979:294",
+      "key": "0f8c347c8fb62a24be94d3f6f063c2432959735e",
+      "name": "utilities/color/border/accent/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4974",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4974",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:20145",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8538",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:221": {
+    "VariableID:43979:295": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for disabled state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:221",
-      "key": "32ff5be76a23fbe73472ae29f18c70b960fd7733",
-      "name": "utilities/color/neutral/800",
+      "id": "VariableID:43979:295",
+      "key": "f613a16ae05947aea9ec6a5f4ebc4c45d6f6b9b0",
+      "name": "utilities/color/border/neutral/500",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4975",
+          "id": "VariableID:43979:218",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4975",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14707",
+          "id": "VariableID:43979:217",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8539",
+          "id": "VariableID:43979:217",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:222": {
+    "VariableID:43979:296": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted disabled state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:222",
-      "key": "79b6e212c8f193ddce9794616a80c0cc71d40a79",
-      "name": "utilities/color/error/300",
+      "id": "VariableID:43979:296",
+      "key": "9e30f258b2c0f0d2629c53c221c4751ed64863e0",
+      "name": "utilities/color/border/neutral/600",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:5018",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:5018",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44883:47307",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8522",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:223": {
+    "VariableID:43979:299": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted hover interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:223",
-      "key": "b9f3557a4ecd80307f238557d2a036e266852882",
-      "name": "utilities/color/error/400",
+      "id": "VariableID:43979:299",
+      "key": "ab2f825f91eb7ba2f11568b0190b442732b829b1",
+      "name": "utilities/color/background/accent/300",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:5019",
+          "id": "VariableID:43979:206",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:5019",
+          "id": "VariableID:43979:206",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44883:47307",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8522",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:224": {
+    "VariableID:43979:300": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for cta background",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:224",
-      "key": "e0d62f2c72805f0312c8300d2bc17e38ebaa4cb5",
-      "name": "utilities/color/success/default",
+      "id": "VariableID:43979:300",
+      "key": "3ad1768298970cc2426092705b32478a787c2fbf",
+      "name": "utilities/color/background/accent/500",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4963",
+          "id": "VariableID:43979:208",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4960",
+          "id": "VariableID:43979:208",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44883:47306",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8520",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:225": {
+    "VariableID:43979:301": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for pressed interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:225",
-      "key": "f107864e52e7b08c7ecaa90f68b611294a9423e2",
-      "name": "utilities/color/black/default",
+      "id": "VariableID:43979:301",
+      "key": "084563e826fc6be5c3794ea355813abf7ddb8841",
+      "name": "utilities/color/background/accent/700",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:5027",
+          "id": "VariableID:43979:211",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:5027",
+          "id": "VariableID:43979:211",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:20144",
+          "id": "VariableID:43979:199",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8468",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:227": {
+    "VariableID:43979:302": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for checkbox, switch",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:227",
-      "key": "e7d487603cbf4394c9bbe4bd91aeccf4bec8d88f",
-      "name": "utilities/color/white/default",
+      "id": "VariableID:43979:302",
+      "key": "b99bc39562a3eabb5dda9348b3277cf4bf02cdce",
+      "name": "utilities/color/background/accent/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:5026",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:5026",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5026",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8488",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:229": {
+    "VariableID:43979:303": {
       "codeSyntax": {},
-      "description": "Exclusively for marking fonds",
+      "description": "Used for inverted disabled state ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:229",
-      "key": "546d2bf6a0033bb142a2cbe5c13160f347c6d49d",
-      "name": "utilities/color/risk/low",
+      "id": "VariableID:43979:303",
+      "key": "a69d6cd23db786e44506eb9da42ea6d2f1b7957a",
+      "name": "utilities/color/background/neutral/600",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:5021",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:5021",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5021",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43927:5021",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:230": {
+    "VariableID:43979:304": {
       "codeSyntax": {},
-      "description": "Exclusively for marking fonds",
+      "description": "Used for badge",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:230",
-      "key": "960f6c4ee4e5d8bba29713b8d4b4263055509442",
-      "name": "utilities/color/risk/moderate",
+      "id": "VariableID:43979:304",
+      "key": "daa3d6328760539153fc3f45647ad145bafce298",
+      "name": "utilities/color/background/neutral/800",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:5022",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:5022",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5022",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43927:5022",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:231": {
+    "VariableID:43979:305": {
       "codeSyntax": {},
-      "description": "Exclusively for marking fonds",
+      "description": "Used for audio (wave animation)",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:231",
-      "key": "9975b9fabd62a21031a2fb1acf82327a922557e7",
-      "name": "utilities/color/risk/increased",
+      "id": "VariableID:43979:305",
+      "key": "5dd1b70f30143dfd4f26ce27b4f8d6783e46bf07",
+      "name": "utilities/color/background/_transparent/primary|10",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:5023",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.10000000149011612,
+          "b": 0.5568627715110779,
+          "g": 0.2078431397676468,
+          "r": 0
         },
         "43174:14": {
-          "id": "VariableID:43927:5023",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.10000000149011612,
+          "b": 0.5568627715110779,
+          "g": 0.2078431397676468,
+          "r": 0
         },
         "44883:0": {
-          "id": "VariableID:43927:5023",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.10000000149011612,
+          "b": 0.40392157435417175,
+          "g": 0.1764705926179886,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:43927:5023",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.10000000149011612,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:232": {
+    "VariableID:43979:306": {
       "codeSyntax": {},
-      "description": "Exclusively for marking fonds",
+      "description": "Used for map-marker",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:232",
-      "key": "94bb8f1c5e7351b4e508bb271344c6827ac00b3a",
-      "name": "utilities/color/risk/high",
+      "id": "VariableID:43979:306",
+      "key": "bebac26c4057a9c15063ebdb15ca92ded3156233",
+      "name": "utilities/color/background/_transparent/primary|30",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:5024",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.30000001192092896,
+          "b": 0.5568627715110779,
+          "g": 0.2078431397676468,
+          "r": 0
         },
         "43174:14": {
-          "id": "VariableID:43927:5024",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.30000001192092896,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:43927:5024",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.30000001192092896,
+          "b": 0.40392157435417175,
+          "g": 0.1764705926179886,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:43927:5024",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.30000001192092896,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:233": {
+    "VariableID:43979:307": {
       "codeSyntax": {},
-      "description": "Exclusively for marking fonds",
+      "description": "Used for teaser",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:233",
-      "key": "a994ac44cec15d52af1aa77c3d77804aa14bf3f5",
-      "name": "utilities/color/risk/veryhigh",
+      "id": "VariableID:43979:307",
+      "key": "632a16c24ef4de601aef85a91a7c6efd7bb5477a",
+      "name": "utilities/color/background/_transparent/primary|80",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:5025",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.5568627715110779,
+          "g": 0.2078431397676468,
+          "r": 0
         },
         "43174:14": {
-          "id": "VariableID:43927:5025",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.5568627715110779,
+          "g": 0.2078431397676468,
+          "r": 0
         },
         "44883:0": {
-          "id": "VariableID:43927:5025",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.40392157435417175,
+          "g": 0.1764705926179886,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:43927:5025",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:234": {
+    "VariableID:43979:308": {
       "codeSyntax": {},
-      "description": "Used for notification, status-badge",
+      "description": "Used for teaser",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:234",
-      "key": "76e08a9795abc9d4ee1e109088e8223e4f58af6d",
-      "name": "utilities/color/info/default",
+      "id": "VariableID:43979:308",
+      "key": "61808306a9bf578e0d2fcb5cd411e734c15568b7",
+      "name": "utilities/color/background/_transparent/primary|90",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4997",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.5568627715110779,
+          "g": 0.2078431397676468,
+          "r": 0
         },
         "43174:14": {
-          "id": "VariableID:43927:4997",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.5568627715110779,
+          "g": 0.2078431397676468,
+          "r": 0
         },
         "44883:0": {
-          "id": "VariableID:43979:187",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.40392157435417175,
+          "g": 0.1764705926179886,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:47719:8462",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:235": {
+    "VariableID:43979:309": {
       "codeSyntax": {},
-      "description": "Used for notification, status-badge",
+      "description": "Used for audio (wave animation inverted)",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:235",
-      "key": "39fce37560e601232217208f1ec4d996d9de44c7",
-      "name": "utilities/color/warning/default",
+      "id": "VariableID:43979:309",
+      "key": "9e2ac87cfc9b625ccb2f3a1421b4c90c35db0baa",
+      "name": "utilities/color/background/_transparent/white|20",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:4990",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43927:4990",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 0.125490203499794,
+          "g": 0.03529411926865578,
+          "r": 0.007843137718737125
         },
         "44883:0": {
-          "id": "VariableID:44883:47308",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:47719:8523",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:236": {
+    "VariableID:43979:310": {
       "codeSyntax": {},
-      "description": "Used for inverted hover interaction",
+      "description": "Used for overlays",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:236",
-      "key": "e127c655d92fbda79a90f8a73f6356fdc24679f2",
-      "name": "utilities/color/icon-fill/primary/100",
+      "id": "VariableID:43979:310",
+      "key": "f05eaf7c336301818c4c860724325ce161632001",
+      "name": "utilities/color/background/_transparent/primary-800|90",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -8494,31 +8725,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "43174:14": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.9529411792755127,
+          "g": 0.9137254953384399,
+          "r": 0.8784313797950745
         },
         "44883:0": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.40392157435417175,
+          "g": 0.1764705926179886,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:43979:204",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:237": {
+    "VariableID:43979:311": {
       "codeSyntax": {},
-      "description": "Used for inverted pressed interaction",
+      "description": "Used for inverted hover interaction button label",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:237",
-      "key": "f2409b7d0bc6a70a43cd1e42d825ad662675d4aa",
-      "name": "utilities/color/icon-fill/primary/200",
+      "id": "VariableID:43979:311",
+      "key": "d822c045f36b95a41595a331c15f2c6c1f911fd2",
+      "name": "utilities/color/text/primary/100",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -8526,15 +8765,15 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:194",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:194",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -8544,13 +8783,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:238": {
+    "VariableID:43979:312": {
       "codeSyntax": {},
-      "description": "Used for inverted pressed interaction in text link",
+      "description": "Used for inverted hover interaction button label",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:238",
-      "key": "b6d7a22ff9ae75f0305d7279750c51f196d1e376",
-      "name": "utilities/color/icon-fill/primary/400",
+      "id": "VariableID:43979:312",
+      "key": "dcab778e98006e62c2f9bcca63d4ad4c9ca91101",
+      "name": "utilities/color/text/accent/default",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -8558,35 +8797,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:196",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:196",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.8399999737739563,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:213",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.8399999737739563,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:202",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:239": {
+    "VariableID:43979:313": {
       "codeSyntax": {},
-      "description": "Used for hover interaction",
+      "description": "Used for inverted disabled state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:239",
-      "key": "1ff4b65d458a3820737a2d56a9e21eddcefab8db",
-      "name": "utilities/color/icon-fill/primary/500",
+      "id": "VariableID:43979:313",
+      "key": "953d346b31ed015fa8c7220ba926e57982c73399",
+      "name": "utilities/color/text/neutral/600",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -8594,31 +8829,33 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:194",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.4000000059604645,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:240": {
+    "VariableID:43979:314": {
       "codeSyntax": {},
-      "description": "Used for pressed interaction",
+      "description": "Used for tooltip",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:240",
-      "key": "d934c28c2f3788abfb1309dc4cce4e644f4d1915",
-      "name": "utilities/color/icon-fill/primary/800",
+      "id": "VariableID:43979:314",
+      "key": "aedd4ad70357f8bbc63c882a23df069eb9c4285d",
+      "name": "utilities/shadow/default/color",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -8626,31 +8863,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:201",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.75,
+          "b": 0.3176470696926117,
+          "g": 0.3176470696926117,
+          "r": 0.3176470696926117
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:43979:201",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.25,
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.10000000149011612,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:241": {
+    "VariableID:43979:493": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used for error messages, invalid states",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:241",
-      "key": "831ae5e613950f85b37bf8b901d06b11df9b73ac",
-      "name": "utilities/color/icon-fill/primary/default",
+      "id": "VariableID:43979:493",
+      "key": "bcf7064923787b6a9ecda8d6df80d79f15ba76f9",
+      "name": "utilities/color/icon-fill/error/default",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -8658,31 +8903,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:222",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:46434:307157",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:222",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:222",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:242": {
+    "VariableID:44023:39692": {
       "codeSyntax": {},
-      "description": "Inverted icon color",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:242",
-      "key": "dbc729b7c0eaafa61395bcf020d9dcb15d476092",
-      "name": "utilities/color/icon-fill/white/default",
+      "id": "VariableID:44023:39692",
+      "key": "bfa8c9a392544ac39d4762960737f1365e8b781f",
+      "name": "components/sd-breadcrumb/__separator/color",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -8690,31 +8935,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:44032:68245",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:238",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:44032:68245",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:204",
+          "id": "VariableID:44032:68245",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:244": {
+    "VariableID:44023:39695": {
       "codeSyntax": {},
-      "description": "Used for hover interaction",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:244",
-      "key": "fe7c2f0285d72eaadd3f8e81ab0cbe76b592e9fe",
-      "name": "utilities/color/icon-fill/accent/550",
+      "id": "VariableID:44023:39695",
+      "key": "0bd6e7b7ff86c905754340f7a254ce504fa1e82d",
+      "name": "components/sd-header/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -8722,31 +8967,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:209",
+          "id": "VariableID:43373:35293",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:209",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:209",
+          "id": "VariableID:43373:35293",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:209",
+          "id": "VariableID:43373:35293",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:245": {
+    "VariableID:44023:39696": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:245",
-      "key": "4246a9ad42663d9c2f3f0fbaed7c7e522ada7f34",
-      "name": "utilities/color/icon-fill/accent/default",
+      "id": "VariableID:44023:39696",
+      "key": "e4e3c39bf189e942cb10e2152bdc59b5daa6c8bd",
+      "name": "components/sd-tag/--selected/--default/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -8754,31 +8999,31 @@
       ],
       "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": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:246": {
+    "VariableID:44023:39698": {
       "codeSyntax": {},
-      "description": "Used for disabled state",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:246",
-      "key": "9f6880c9454a4e7d6970ae3950cc6192154cb35e",
-      "name": "utilities/color/icon-fill/neutral/500",
+      "id": "VariableID:44023:39698",
+      "key": "888c121b1c70c0e412c8cdd87797339f20c5cf34",
+      "name": "components/form-control/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -8786,31 +9031,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43373:35304",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:217",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:247": {
+    "VariableID:44023:41070": {
       "codeSyntax": {},
-      "description": "Used for inverted disabled state",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:247",
-      "key": "81715bb0a83dc6dda03f3fd9fb6a7adf37f798b6",
-      "name": "utilities/color/icon-fill/neutral/600",
+      "id": "VariableID:44023:41070",
+      "key": "a5b086c155047b1c3811d0e00ff0711c7ab0c74c",
+      "name": "components/panel/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -8818,21 +9063,23 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:219",
+          "id": "VariableID:43979:290",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.4000000059604645,
+          "a": 0,
           "b": 1,
           "g": 1,
           "r": 1
         },
         "47719:0": {
-          "a": 0.4000000059604645,
+          "a": 0,
           "b": 1,
           "g": 1,
           "r": 1
@@ -8840,3377 +9087,2045 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:43979:248": {
+    "VariableID:44029:1552": {
       "codeSyntax": {},
-      "description": "Used for switch, clearable",
+      "description": "\b0px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:248",
-      "key": "1173a2a3caf547c822e445b5ad69e1bdd110bfc9",
-      "name": "utilities/color/icon-fill/neutral/800",
+      "id": "VariableID:44029:1552",
+      "key": "e5c5db0ad392ca25d4dd017613e8aebb8dddc7b2",
+      "name": "UI/sizing/0",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:273",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:249": {
+    "VariableID:44029:1553": {
       "codeSyntax": {},
-      "description": "Used for success messages, valid states",
+      "description": "4px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:249",
-      "key": "0ea3b42f8821ea5d60ad91057172e67dad1d330e",
-      "name": "utilities/color/icon-fill/success/default",
+      "id": "VariableID:44029:1553",
+      "key": "2c2b1f28d9451785f54e1f2e4401f34a49992197",
+      "name": "UI/sizing/1",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 4
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:250": {
+    "VariableID:44029:1554": {
       "codeSyntax": {},
-      "description": "Used for hover interaction invalid form elements\n",
+      "description": "8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:250",
-      "key": "364eb85f7dd5961cf2bab4763a5532da9dfe0344",
-      "name": "utilities/color/icon-fill/error/400",
+      "id": "VariableID:44029:1554",
+      "key": "a5091f77c67a853826850a993fb65ca1dac7aabd",
+      "name": "UI/sizing/2",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:223",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:223",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:223",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:223",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 8
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:251": {
+    "VariableID:44029:1555": {
       "codeSyntax": {},
-      "description": "Used for error messages, invalid states",
+      "description": "12px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:251",
-      "key": "e7620333d5a8baa2ca98263c1d373ed5f8725d46",
-      "name": "utilities/color/error/default",
+      "id": "VariableID:44029:1555",
+      "key": "1dcbb4e13f7e0ac3e36df59f40e2092b9f37884c",
+      "name": "UI/sizing/3",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43927:5018",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43927:5018",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44883:47307",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:47719:8522",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 12
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:252": {
+    "VariableID:44029:1556": {
       "codeSyntax": {},
-      "description": "Used for buttons, select field, focus state",
+      "description": "16px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:252",
-      "key": "0f8f2b8bc29276d768c1b25d40722482a0ca356a",
-      "name": "utilities/color/border/primary/default",
+      "id": "VariableID:44029:1556",
+      "key": "81a9505d7d7285444b72a568fe193cc7d91be13c",
+      "name": "UI/sizing/4",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "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": 16
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:253": {
+    "VariableID:44029:1557": {
       "codeSyntax": {},
-      "description": "Used for hover interaction",
+      "description": "20px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:253",
-      "key": "5f23a7ff03228ecf9d4dbab529be4b64deb19366",
-      "name": "utilities/color/border/accent/550",
+      "id": "VariableID:44029:1557",
+      "key": "8e92aceb1c4456311eab953d3908e8f6e807bd79",
+      "name": "UI/sizing/5",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:209",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:209",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:198",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 20
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:254": {
+    "VariableID:44029:1558": {
       "codeSyntax": {},
-      "description": "Default border color. \nUsed for sd-divider, teaser, table cell, ... sd-container,",
+      "description": "24px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:254",
-      "key": "000275afe43124d0e3623b6362f66b203605185f",
-      "name": "utilities/color/border/neutral/400",
+      "id": "VariableID:44029:1558",
+      "key": "b7307b6070ea656577a557c288fbf034df78444a",
+      "name": "UI/sizing/6",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:217",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:196",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:217",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:217",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 24
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:255": {
+    "VariableID:44029:1559": {
       "codeSyntax": {},
-      "description": "Used for form fields, switch, radio, checkbox",
+      "description": "28px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:255",
-      "key": "87d723f4774f304d55331ed544cdbe1a0097b3f8",
-      "name": "utilities/color/border/neutral/800",
+      "id": "VariableID:44029:1559",
+      "key": "ffd712f618fb057ea76fda336b51943bb8255621",
+      "name": "UI/sizing/7",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 28
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:256": {
+    "VariableID:44029:1560": {
       "codeSyntax": {},
-      "description": "Used for valid form fields\n",
+      "description": "32px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:256",
-      "key": "ac13e62c6fc2ed0577a82730a3e808d5691abcf7",
-      "name": "utilities/color/border/success/default",
+      "id": "VariableID:44029:1560",
+      "key": "ec62c4bb2c8c10f5b0ef28e852ba3bc2e84d86f6",
+      "name": "UI/sizing/8",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 32
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:257": {
+    "VariableID:44029:1561": {
       "codeSyntax": {},
-      "description": "Used for hover interaction invalid form elements",
+      "description": "36px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:257",
-      "key": "4ca1493da4aff71f5cb7a6025db83d0c318f0be8",
-      "name": "utilities/color/border/error/400",
+      "id": "VariableID:44029:1561",
+      "key": "f6ee32c97782f6294b5f2a6acce831b90a0e5560",
+      "name": "UI/sizing/9",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:223",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:223",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:223",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:223",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 36
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:258": {
+    "VariableID:44029:1562": {
       "codeSyntax": {},
-      "description": "Used for invalid form fields",
+      "description": "40px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:258",
-      "key": "8465f104bafeb02295d5cf50f8055e714fd00584",
-      "name": "utilities/color/border/error/default",
+      "id": "VariableID:44029:1562",
+      "key": "a59a82bfce5a30a467daa61ad0c8f15360d40492",
+      "name": "UI/sizing/10",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:222",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:46434:307157",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:222",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:222",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 40
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:259": {
+    "VariableID:44029:1563": {
       "codeSyntax": {},
-      "description": "Used for sd-container",
+      "description": "44px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:259",
-      "key": "037404b1da65812a6dcd4e8c66f597d150979720",
-      "name": "utilities/color/background/primary/100",
+      "id": "VariableID:44029:1563",
+      "key": "57b22c3947e16e85f59b857a7384dc0966d6db73",
+      "name": "UI/sizing/11",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "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"
-        }
+        "43138:0": 44
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:260": {
+    "VariableID:44029:1564": {
       "codeSyntax": {},
-      "description": "Used for sd-chip",
+      "description": "48px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:260",
-      "key": "e4da4f757d3aac9ce77b8bc55e16c889495d62e8",
-      "name": "utilities/color/background/primary/200",
+      "id": "VariableID:44029:1564",
+      "key": "bc9952989a89c9426389a7319ae7f494d07b4e6e",
+      "name": "UI/sizing/12",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:194",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:200",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:194",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:215",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 48
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:261": {
+    "VariableID:44029:1565": {
       "codeSyntax": {},
-      "description": "Used for sd-chip",
+      "description": "56px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:261",
-      "key": "a545dc116abb0f39280c20f2586cc1084616d989",
-      "name": "utilities/color/background/primary/300",
+      "id": "VariableID:44029:1565",
+      "key": "319d9dacb17e72bf426c956d070c5b608dacbe73",
+      "name": "UI/sizing/14",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:195",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:199",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:195",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 56
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:262": {
+    "VariableID:44029:1566": {
       "codeSyntax": {},
-      "description": "Used for sd-chip, sd-badge",
+      "description": "64px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:262",
-      "key": "84dee4f4f50ff84c793be05a974be0dde55cada5",
-      "name": "utilities/color/background/primary/500",
+      "id": "VariableID:44029:1566",
+      "key": "a1494d57d4f18658bd7bca39852be628898f86f9",
+      "name": "UI/sizing/16",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "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:221",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:263": {
-      "codeSyntax": {},
-      "description": "Used for pressed interaction",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:263",
-      "key": "6d127ebfc636e78d89d9347e170525a8253779f7",
-      "name": "utilities/color/background/primary/800",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:201",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:194",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:201",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:264": {
-      "codeSyntax": {},
-      "description": "Inverted background color (light mode)\nUsed for button",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:264",
-      "key": "fc15fabc4502b2d1cf74c63d14e5f59686a0359e",
-      "name": "utilities/color/background/primary/default",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_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:201",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:202",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:265": {
-      "codeSyntax": {},
-      "description": "Used for hover interaction",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:265",
-      "key": "c0407d6e94fa9bcd3147ecc45bd7a18568c84f02",
-      "name": "utilities/color/background/accent/550",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:209",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:209",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:198",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:220",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:266": {
-      "codeSyntax": {},
-      "description": "Used for notification, status-badge",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:266",
-      "key": "f9a10782836a8b0d7f2052f34fa261c7fc8129b0",
-      "name": "utilities/color/background/info/default",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:234",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43927:4997",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:234",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:234",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:267": {
-      "codeSyntax": {},
-      "description": "Used for notification, status-badge",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:267",
-      "key": "e469707cfcd2369c2d5dc63121e8d3b8f5869edf",
-      "name": "utilities/color/background/warning/default",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:235",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43927:4990",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:235",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:235",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:268": {
-      "codeSyntax": {},
-      "description": "Used for inverted hover interaction text link and inverted pressed interaction button label",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:268",
-      "key": "81a1163a2922d4a9d0ea4f8714f13477f1c57ff7",
-      "name": "utilities/color/text/primary/200",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "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:43174:55999"
-    },
-    "VariableID:43979:269": {
-      "codeSyntax": {},
-      "description": "Additional text inverted color",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:269",
-      "key": "f298f84c97f014bd40d9da94d624958751386dcb",
-      "name": "utilities/color/text/primary/400",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:196",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:196",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "a": 0.8399999737739563,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "47719:0": {
-          "a": 0.8399999737739563,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:270": {
-      "codeSyntax": {},
-      "description": "Used for hover interaction",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:270",
-      "key": "c6664d961dfffa7715181bb97c2be190ecd66035",
-      "name": "utilities/color/text/primary/500",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_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:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:271": {
-      "codeSyntax": {},
-      "description": "Used for pressed interaction",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:271",
-      "key": "f15db9908570a346de23b890f96c3312da03919e",
-      "name": "utilities/color/text/primary/800",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:201",
-          "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",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:272": {
-      "codeSyntax": {},
-      "description": "Primary brand color for text",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:272",
-      "key": "1270d2888c2afb9b2ea14f1c9c8e0887c5847eed",
-      "name": "utilities/color/text/primary/default",
-      "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:201",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:202",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:273": {
-      "codeSyntax": {},
-      "description": "Inverted text color",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:273",
-      "key": "d33827b1f8dd0c31d2c62b4f7429c044811804cf",
-      "name": "utilities/color/text/white/default",
-      "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"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:204",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:274": {
-      "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Unchanged in dark mode",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:274",
-      "key": "9ed30f6d5bd25a8cf13fb4defa74c73c2b00b2c1",
-      "name": "utilities/color/text/white/default-constant",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:228",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:228",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:228",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:228",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:275": {
-      "codeSyntax": {},
-      "description": "Default text color",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:275",
-      "key": "eaef4d5dbccd1e033e150a71e45803ba688092c5",
-      "name": "utilities/color/text/black/default",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:225",
-          "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:43174:55999"
-    },
-    "VariableID:43979:277": {
-      "codeSyntax": {},
-      "description": "Used for disabled state",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:277",
-      "key": "bd27f848b6bdbab1d4143fa8efa27a4655e84a40",
-      "name": "utilities/color/text/neutral/500",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:218",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:218",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:46408:96677",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:217",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:278": {
-      "codeSyntax": {},
-      "description": "Additional text color, Breadcrumb item current and Video descriotion #100, 62%",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:278",
-      "key": "f23283c5ca478d1e5651e76c84cd7d32d306c891",
-      "name": "utilities/color/text/neutral/700",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:220",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:196",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:220",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:220",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:279": {
-      "codeSyntax": {},
-      "description": "Used to display negative performance values",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:279",
-      "key": "75a8e2ee33227eadbce3b452efef2e2ef02c6bc0",
-      "name": "utilities/color/text/error/default",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:222",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:46434:307157",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:222",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:280": {
-      "codeSyntax": {},
-      "description": "Used to display positive performance values",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:280",
-      "key": "a04283cb370ce9ea1e70be3e246d3783b6594cef",
-      "name": "utilities/color/text/success/default",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:224",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:281": {
-      "codeSyntax": {},
-      "description": "Used for hover interaction (dark mode)",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:281",
-      "key": "ed00b3dc9939ce371c872cc2610b56305a48b5f6",
-      "name": "utilities/color/border/primary/500",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:282": {
-      "codeSyntax": {},
-      "description": "Used for pressed interaction",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:282",
-      "key": "8e1e3bc78483a1b4cd1ebfea853c9c32b4722b89",
-      "name": "utilities/color/border/primary/800",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:201",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:194",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:201",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:283": {
-      "codeSyntax": {},
-      "description": "Exclusively for marking fonds",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:283",
-      "key": "4e4ced31eb89649ecc6df325c5d58ea0421efc8a",
-      "name": "utilities/color/icon-fill/risk/low",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:229",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:229",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:229",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:229",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:284": {
-      "codeSyntax": {},
-      "description": "Exclusively for marking fonds",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:284",
-      "key": "778fa3cc3970ebed4cc48b1998caccf4ed6f7325",
-      "name": "utilities/color/icon-fill/risk/moderate",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:230",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:230",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:230",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:230",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:285": {
-      "codeSyntax": {},
-      "description": "Exclusively for marking fonds",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:285",
-      "key": "7ea5bbbe45bcedb10ef8a1cac1cfb14f69fe0a82",
-      "name": "utilities/color/icon-fill/risk/increased",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:231",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:231",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:231",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:231",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:286": {
-      "codeSyntax": {},
-      "description": "Exclusively for marking fonds",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:286",
-      "key": "7c67cc20f9a3f2d70aba859a34015eb50260b231",
-      "name": "utilities/color/icon-fill/risk/high",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:232",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:232",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:232",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:232",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:287": {
-      "codeSyntax": {},
-      "description": "Exclusively for marking fonds",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:287",
-      "key": "62a464b011ca14020f6e99cb29d654cd58dec19b",
-      "name": "utilities/color/icon-fill/risk/veryhigh",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:233",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:233",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:233",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:233",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:288": {
-      "codeSyntax": {},
-      "description": "Used for inverted hover interaction",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:288",
-      "key": "25b1a327d93548dbc61fd63077ddcdb12c9bdede",
-      "name": "utilities/color/border/primary/100",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "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": {
-          "id": "VariableID:43979:214",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:289": {
-      "codeSyntax": {},
-      "description": "Used for inverted pressed interaction",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:289",
-      "key": "98cfba68a00856cae4f0472abd9d436ef597f77c",
-      "name": "utilities/color/border/primary/200",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "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:215",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:290": {
-      "codeSyntax": {},
-      "description": "Used for inverted dividers",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:290",
-      "key": "71305886b218feef5249e2fdea3fafc7d98dfe86",
-      "name": "utilities/color/border/primary/400",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:196",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:196",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44921:14703",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:217",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:293": {
-      "codeSyntax": {},
-      "description": "Used for buttons, inverted focus state",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:293",
-      "key": "f41f162d5d57a82f4bfc89d3570d87552870c2fb",
-      "name": "utilities/color/border/white/default",
-      "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:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:204",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:294": {
-      "codeSyntax": {},
-      "description": "Used to highlight active/selected elements\n",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:294",
-      "key": "72cada63e48e8bfc1e55e0906465b039fc43b478",
-      "name": "utilities/color/border/accent/default",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_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:203",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:295": {
-      "codeSyntax": {},
-      "description": "Used for disabled state",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:295",
-      "key": "5e6436064e755390d8843ca4e3ae28992fc3e2a7",
-      "name": "utilities/color/border/neutral/500",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:218",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:217",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:217",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:296": {
-      "codeSyntax": {},
-      "description": "Used for inverted disabled state",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:296",
-      "key": "037f6d1e79e5d81acd9dab46b314b25932973d24",
-      "name": "utilities/color/border/neutral/600",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:299": {
-      "codeSyntax": {},
-      "description": "Used for inverted hover interaction",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:299",
-      "key": "c2af23553ee57322b3a7f7fd41d6d038608fa388",
-      "name": "utilities/color/background/accent/300",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:206",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:206",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:196",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:300": {
-      "codeSyntax": {},
-      "description": "Used for cta background",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:300",
-      "key": "c8806a3e601e1e8e8059dafa65d19efb556c1ae6",
-      "name": "utilities/color/background/accent/500",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_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:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:301": {
-      "codeSyntax": {},
-      "description": "Used for pressed interaction",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:301",
-      "key": "c16d23d9472af9c3156dc3368b2e345ce2c534f5",
-      "name": "utilities/color/background/accent/700",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_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:199",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:302": {
-      "codeSyntax": {},
-      "description": "Used for checkbox, switch",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:302",
-      "key": "f5eee4cb507315b95c26d24218e7b2e15406e9b2",
-      "name": "utilities/color/background/accent/default",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_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:203",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:303": {
-      "codeSyntax": {},
-      "description": "Used for inverted disabled state ",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:303",
-      "key": "1313867490b0a841d01d76ca0051d29109f57e48",
-      "name": "utilities/color/background/neutral/600",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:304": {
-      "codeSyntax": {},
-      "description": "Used for badge",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:304",
-      "key": "73683ff40a101c6cf7c9a7518585a977aceaae85",
-      "name": "utilities/color/background/neutral/800",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:305": {
-      "codeSyntax": {},
-      "description": "Used for audio (wave animation)",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:305",
-      "key": "3ed3a50fb584418e8e3cdb4939758e4c01e5486b",
-      "name": "utilities/color/background/_transparent/primary|10",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "a": 0.10000000149011612,
-          "b": 0.5568627715110779,
-          "g": 0.2078431397676468,
-          "r": 0
-        },
-        "43174:14": {
-          "a": 0.10000000149011612,
-          "b": 0.5568627715110779,
-          "g": 0.2078431397676468,
-          "r": 0
-        },
-        "44883:0": {
-          "a": 0.10000000149011612,
-          "b": 0.40392157435417175,
-          "g": 0.1764705926179886,
-          "r": 0
-        },
-        "47719:0": {
-          "a": 0.10000000149011612,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:306": {
-      "codeSyntax": {},
-      "description": "Used for map-marker",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:306",
-      "key": "9c8e861bda09179d275abf644e1491ce0e2973cc",
-      "name": "utilities/color/background/_transparent/primary|30",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "a": 0.30000001192092896,
-          "b": 0.5568627715110779,
-          "g": 0.2078431397676468,
-          "r": 0
-        },
-        "43174:14": {
-          "a": 0.30000001192092896,
-          "b": 0.5568627715110779,
-          "g": 0.2078431397676468,
-          "r": 0
-        },
-        "44883:0": {
-          "a": 0.30000001192092896,
-          "b": 0.40392157435417175,
-          "g": 0.1764705926179886,
-          "r": 0
-        },
-        "47719:0": {
-          "a": 0.30000001192092896,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:43979:307": {
-      "codeSyntax": {},
-      "description": "Used for teaser",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:43979:307",
-      "key": "9b1e8bc57dc116c7859725cce38dd1d2cd7c2643",
-      "name": "utilities/color/background/_transparent/primary|80",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.800000011920929,
-          "b": 0.5568627715110779,
-          "g": 0.2078431397676468,
-          "r": 0
-        },
-        "43174:14": {
-          "a": 0.800000011920929,
-          "b": 0.5568627715110779,
-          "g": 0.2078431397676468,
-          "r": 0
-        },
-        "44883:0": {
-          "a": 0.800000011920929,
-          "b": 0.40392157435417175,
-          "g": 0.1764705926179886,
-          "r": 0
-        },
-        "47719:0": {
-          "a": 0.800000011920929,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        }
+        "43138:0": 64
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:308": {
+    "VariableID:44029:1567": {
       "codeSyntax": {},
-      "description": "Used for teaser",
+      "description": "80px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:308",
-      "key": "a10170c5ab7f5fa906aacefab0b0301185ef2e7d",
-      "name": "utilities/color/background/_transparent/primary|90",
+      "id": "VariableID:44029:1567",
+      "key": "7b25789acf2117b767ec91d398ee35aabdc0ccfd",
+      "name": "UI/sizing/20",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.8999999761581421,
-          "b": 0.5568627715110779,
-          "g": 0.2078431397676468,
-          "r": 0
-        },
-        "43174:14": {
-          "a": 0.8999999761581421,
-          "b": 0.5568627715110779,
-          "g": 0.2078431397676468,
-          "r": 0
-        },
-        "44883:0": {
-          "a": 0.8999999761581421,
-          "b": 0.40392157435417175,
-          "g": 0.1764705926179886,
-          "r": 0
-        },
-        "47719:0": {
-          "a": 0.8999999761581421,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        }
+        "43138:0": 80
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:309": {
+    "VariableID:44029:1568": {
       "codeSyntax": {},
-      "description": "Used for audio (wave animation inverted)",
+      "description": "96px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:309",
-      "key": "2566981249c8f7e67ce0f44408ac5a8334ef4c04",
-      "name": "utilities/color/background/_transparent/white|20",
+      "id": "VariableID:44029:1568",
+      "key": "ba711f2d37fbdae8419625e4e0223966f3067a30",
+      "name": "UI/sizing/24",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.20000000298023224,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "43174:14": {
-          "a": 0.20000000298023224,
-          "b": 0.125490203499794,
-          "g": 0.03529411926865578,
-          "r": 0.007843137718737125
-        },
-        "44883:0": {
-          "a": 0.20000000298023224,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "47719:0": {
-          "a": 0.20000000298023224,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
-        }
+        "43138:0": 96
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:310": {
+    "VariableID:44029:1569": {
       "codeSyntax": {},
-      "description": "Used for overlays",
+      "description": "112px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:310",
-      "key": "48249981bbb971d8db8d1e6ea78da0bb28e20b22",
-      "name": "utilities/color/background/_transparent/primary-800|90",
+      "id": "VariableID:44029:1569",
+      "key": "4e7f8769faa2003229832b2f652c79a8c7d79b1b",
+      "name": "UI/sizing/28",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.8999999761581421,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        },
-        "43174:14": {
-          "a": 0.8999999761581421,
-          "b": 0.9529411792755127,
-          "g": 0.9137254953384399,
-          "r": 0.8784313797950745
-        },
-        "44883:0": {
-          "a": 0.8999999761581421,
-          "b": 0.40392157435417175,
-          "g": 0.1764705926179886,
-          "r": 0
-        },
-        "47719:0": {
-          "a": 0.8999999761581421,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        }
+        "43138:0": 112
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:311": {
+    "VariableID:44029:1570": {
       "codeSyntax": {},
-      "description": "Used for inverted hover interaction button label",
+      "description": "128px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:311",
-      "key": "ad637893ad97d318a5360764de32b70c21eddb0b",
-      "name": "utilities/color/text/primary/100",
+      "id": "VariableID:44029:1570",
+      "key": "08335bc1f79329ce36c6dfa01140438ea4875a78",
+      "name": "UI/sizing/32",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:193",
-          "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:43979:204",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 128
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:312": {
+    "VariableID:44029:1571": {
       "codeSyntax": {},
-      "description": "Used for inverted hover interaction button label",
+      "description": "144px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:312",
-      "key": "a2ceab10a2b9cc45069bd2d772748ee221cb3d47",
-      "name": "utilities/color/text/accent/default",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_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:213",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:202",
-          "type": "VARIABLE_ALIAS"
-        }
+      "id": "VariableID:44029:1571",
+      "key": "de8da0883c94e330834d8dd72d9c7692d6f3eb4d",
+      "name": "UI/sizing/36",
+      "remote": false,
+      "resolvedType": "FLOAT",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": 144
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:313": {
+    "VariableID:44029:1572": {
       "codeSyntax": {},
-      "description": "Used for inverted disabled state",
+      "description": "160px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:313",
-      "key": "d9097841e8b043aece2ec5e1b4d43ef9c0169543",
-      "name": "utilities/color/text/neutral/600",
+      "id": "VariableID:44029:1572",
+      "key": "8f8cd40fb83b4041c4c7a57343899839235b7dcf",
+      "name": "UI/sizing/40",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "a": 0.4000000059604645,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "47719:0": {
-          "id": "VariableID:43979:219",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 160
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:314": {
+    "VariableID:44029:1573": {
       "codeSyntax": {},
-      "description": "Used for tooltip",
+      "description": "176px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:314",
-      "key": "52a88fc782d2b84da9e49e57d66780e83ab76da8",
-      "name": "utilities/shadow/default/color",
+      "id": "VariableID:44029:1573",
+      "key": "0db980b0d57c79f9b7859684fdc8b054437ad717",
+      "name": "UI/sizing/44",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.75,
-          "b": 0.3176470696926117,
-          "g": 0.3176470696926117,
-          "r": 0.3176470696926117
-        },
-        "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "44883:0": {
-          "a": 0.25,
-          "b": 0,
-          "g": 0,
-          "r": 0
-        },
-        "47719:0": {
-          "a": 0.25,
-          "b": 0.019607843831181526,
-          "g": 0.1411764770746231,
-          "r": 0.41960784792900085
-        }
+        "43138:0": 176
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:43979:493": {
+    "VariableID:44029:1574": {
       "codeSyntax": {},
-      "description": "Used for error messages, invalid states",
+      "description": "208px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:43979:493",
-      "key": "da7e94079037c2a254fafe720c9c49afe193fd31",
-      "name": "utilities/color/icon-fill/error/default",
+      "id": "VariableID:44029:1574",
+      "key": "ee677a09262cc4d9cab3f6c6c2e29e350fa24f20",
+      "name": "UI/sizing/52",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:222",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:46434:307157",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:222",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:222",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 208
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44023:39692": {
+    "VariableID:44029:1575": {
       "codeSyntax": {},
-      "description": "",
+      "description": "224px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44023:39692",
-      "key": "69a0c181ec1858b732df02fa523b46e41534f4e4",
-      "name": "components/sd-breadcrumb/__separator/color",
+      "id": "VariableID:44029:1575",
+      "key": "bad128d1cf42322511ad0eaf6aeb191292db0934",
+      "name": "UI/sizing/56",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:44032:68245",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:238",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44032:68245",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44032:68245",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 224
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44023:39695": {
+    "VariableID:44029:1576": {
       "codeSyntax": {},
-      "description": "",
+      "description": "256px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44023:39695",
-      "key": "2fea8d9689dd20f84484de445a8add55e32cd6c8",
-      "name": "components/sd-header/color/background",
+      "id": "VariableID:44029:1576",
+      "key": "c147c92c2da99b6c9513c201721c6a91fed7b4ef",
+      "name": "UI/sizing/64",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43373:35293",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43373:35293",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43373:35293",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 256
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44023:39696": {
+    "VariableID:44029:1577": {
       "codeSyntax": {},
-      "description": "",
+      "description": "288px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44023:39696",
-      "key": "c4968d9738c0c68c1f52eefb80a80de9878c1dfd",
-      "name": "components/sd-tag/--selected/--default/color/text",
+      "id": "VariableID:44029:1577",
+      "key": "742ad520d073708af3de230000152d7411210faf",
+      "name": "UI/sizing/72",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 288
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44023:39698": {
+    "VariableID:44029:1578": {
       "codeSyntax": {},
-      "description": "",
+      "description": "320px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44023:39698",
-      "key": "c2fbd6adcd35bb6a4c4e986afdf5575d8a5b8b6b",
-      "name": "components/form-control/color/border",
+      "id": "VariableID:44029:1578",
+      "key": "5ad621d3ae1f3e78b984db81a5b5303900bae222",
+      "name": "UI/sizing/80",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:221",
-          "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": 320
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44023:41070": {
+    "VariableID:44029:1579": {
       "codeSyntax": {},
-      "description": "",
+      "description": "384px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44023:41070",
-      "key": "8feeb680866ee96ef9f61696f7cc231977a1d36f",
-      "name": "components/panel/color/border",
+      "id": "VariableID:44029:1579",
+      "key": "711a2abd24c147789e235890693ce59e41e63e85",
+      "name": "UI/sizing/96",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "43174:14": {
-          "id": "VariableID:43979:290",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "47719:0": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        }
+        "43138:0": 384
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1552": {
+    "VariableID:44029:1580": {
       "codeSyntax": {},
-      "description": "\b0px",
+      "deletedButReferenced": true,
+      "description": "14px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1552",
-      "key": "d65fb8a5965643aa6c3df2a39bdc465482b467df",
-      "name": "UI/sizing/0",
+      "id": "VariableID:44029:1580",
+      "key": "1d4a59408ca790a07edbd75f463d571e7907de27",
+      "name": "UI/text/sm",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 0
+        "43138:0": 14
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1553": {
+    "VariableID:44029:1581": {
       "codeSyntax": {},
-      "description": "4px",
+      "deletedButReferenced": true,
+      "description": "16px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1553",
-      "key": "b4baf8ac4e8339f84dbac7f70c7804b89f058579",
-      "name": "UI/sizing/1",
+      "id": "VariableID:44029:1581",
+      "key": "53e028c439df989d4c8bfda1ed5f8844dc88c88f",
+      "name": "UI/text/base",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 4
+        "43138:0": 16
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1554": {
+    "VariableID:44029:1587": {
       "codeSyntax": {},
-      "description": "8px",
+      "deletedButReferenced": true,
+      "description": "Used for text sm compact (size: 14, line-height: 100%)",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1554",
-      "key": "5bdf7e3411edf5741acb2f3d03e0dbdf42834e31",
-      "name": "UI/sizing/2",
+      "id": "VariableID:44029:1587",
+      "key": "932fa9b67b3ebe95e1312c3544572b06262ed50d",
+      "name": "UI/leading/3",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 8
+        "43138:0": 14
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1555": {
+    "VariableID:44029:1589": {
       "codeSyntax": {},
-      "description": "12px",
+      "deletedButReferenced": true,
+      "description": "Used for text sm (size: 14, line-height: 150%)",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1555",
-      "key": "698446cff4675d70510a0b3b95328ba18434fec7",
-      "name": "UI/sizing/3",
+      "id": "VariableID:44029:1589",
+      "key": "53e35fce1e75d9f51dd6ad952ece1ce384da5fdb",
+      "name": "UI/leading/5",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 12
+        "43138:0": 21
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1556": {
+    "VariableID:44029:1590": {
       "codeSyntax": {},
-      "description": "16px",
+      "deletedButReferenced": true,
+      "description": "Used for text base (size: 16, line-height: 150%)",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1556",
-      "key": "3eb1a3d22e3b93b9735737390f496361860d85a1",
-      "name": "UI/sizing/4",
+      "id": "VariableID:44029:1590",
+      "key": "f3bc6900d5ecfd801851b8febb76a34d32a39270",
+      "name": "UI/leading/6",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 16
+        "43138:0": 24
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1557": {
+    "VariableID:44029:1592": {
       "codeSyntax": {},
-      "description": "20px",
+      "deletedButReferenced": true,
+      "description": "Used for mobile text lg (size: 20, line-height: 150%)",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1557",
-      "key": "3d77d924746c444f861781b5d359edbf0f3d4df1",
-      "name": "UI/sizing/5",
+      "id": "VariableID:44029:1592",
+      "key": "f5a1fc81d367fce4434c324af61b56f06720e914",
+      "name": "UI/leading/8",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 20
+        "43138:0": 30
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1558": {
+    "VariableID:44029:1594": {
       "codeSyntax": {},
-      "description": "24px",
+      "deletedButReferenced": true,
+      "description": "Used for text base (size: 16, line-height: 150%)",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1558",
-      "key": "fc6d0e0470e9673ed8a05e87e80488dd66c81972",
-      "name": "UI/sizing/6",
+      "id": "VariableID:44029:1594",
+      "key": "0dca595518114be9573c32ca1713efe0b5b28287",
+      "name": "UI/leading/9",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 24
+        "43138:0": 36
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1559": {
+    "VariableID:44029:1595": {
       "codeSyntax": {},
-      "description": "28px",
+      "deletedButReferenced": true,
+      "description": "Used for text 3xl, mobile text 4xl (size: 32, line-height: 120%)",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1559",
-      "key": "26ddf65da96cc5be018991f158edeb5891fb602b",
-      "name": "UI/sizing/7",
+      "id": "VariableID:44029:1595",
+      "key": "c19881cfc5eb87ca3824d9079ce78f2dbc0aac3d",
+      "name": "UI/leading/9,5",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 28
+        "43138:0": 38.400001525878906
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1560": {
+    "VariableID:44029:1598": {
       "codeSyntax": {},
-      "description": "32px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1560",
-      "key": "bfcab3f7b6da065a5628c5ed36412ed54e768ad1",
-      "name": "UI/sizing/8",
+      "id": "VariableID:44029:1598",
+      "key": "fd4c1d8e1c1ad21cb8684ada2e19a28ded27e408",
+      "name": "UI/border/border-0",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 32
+        "43138:0": 0
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1561": {
+    "VariableID:44029:1599": {
       "codeSyntax": {},
-      "description": "36px",
+      "description": "Default border width",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1561",
-      "key": "da0d5b628ce26152d9378e0fffaffbba7c01acb1",
-      "name": "UI/sizing/9",
+      "id": "VariableID:44029:1599",
+      "key": "c47b5d19257f4d350fdc867957a2f42976a3b289",
+      "name": "UI/border/border",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 36
+        "43138:0": 1
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1562": {
+    "VariableID:44029:1600": {
       "codeSyntax": {},
-      "description": "40px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1562",
-      "key": "489f7a173979a8c68fba8cab729b85f2d851e1f6",
-      "name": "UI/sizing/10",
+      "id": "VariableID:44029:1600",
+      "key": "bf5491b01b1cc68ffdadad03f99ae7b349a917b7",
+      "name": "UI/border/border-2",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 40
+        "43138:0": 2
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1563": {
+    "VariableID:44029:1601": {
       "codeSyntax": {},
-      "description": "44px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1563",
-      "key": "15e61998c6b6a3fca1bc03477e8bd4a26de8a910",
-      "name": "UI/sizing/11",
+      "id": "VariableID:44029:1601",
+      "key": "1b6bc43adb5dc0598ef6b258e8941676148f2ba1",
+      "name": "UI/border/border-4",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 44
+        "43138:0": 4
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1564": {
+    "VariableID:44029:1602": {
       "codeSyntax": {},
-      "description": "48px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1564",
-      "key": "3c209cdd2d6f8ecb83d4eae880f7b45ca25efa27",
-      "name": "UI/sizing/12",
+      "id": "VariableID:44029:1602",
+      "key": "1faa72dfd5c7c3d6f2a269c478a4f585c5a23018",
+      "name": "UI/border/border-6",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 48
+        "43138:0": 6
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1565": {
+    "VariableID:44029:1603": {
       "codeSyntax": {},
-      "description": "56px",
+      "description": "For pill buttons / shapes",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1565",
-      "key": "21fa6864d6e37ca7be1d7c0d9d7741a586108575",
-      "name": "UI/sizing/14",
+      "id": "VariableID:44029:1603",
+      "key": "eadcda80e43c5897fbbc257cade9de8f3c7dca24",
+      "name": "UI/rounded/full",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 56
+        "43138:0": 9999
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1566": {
+    "VariableID:44029:1604": {
       "codeSyntax": {},
-      "description": "64px",
+      "description": "For pill buttons / shapes",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1566",
-      "key": "55040634f49863306b166a07455bf24c307f12c2",
-      "name": "UI/sizing/16",
+      "id": "VariableID:44029:1604",
+      "key": "a7382b4972316c9a4d00edfde2d774101aeefa9f",
+      "name": "UI/rounded/default",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 64
+        "43138:0": 4
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1567": {
+    "VariableID:44029:1605": {
       "codeSyntax": {},
-      "description": "80px",
+      "description": "No rounding",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1567",
-      "key": "8bfa4cc440cb2ddd728299f293a8a39793f80d2a",
-      "name": "UI/sizing/20",
+      "id": "VariableID:44029:1605",
+      "key": "313c5fef17c6bce1d9e60ab0a2f87706362b7e2f",
+      "name": "UI/rounded/none",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 80
+        "43138:0": 0
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1568": {
+    "VariableID:44029:1606": {
       "codeSyntax": {},
-      "description": "96px",
+      "description": "2px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1568",
-      "key": "dc2b963121bb343d2cb0941a80a788441e2a7ab8",
-      "name": "UI/sizing/24",
+      "id": "VariableID:44029:1606",
+      "key": "4de835ca59980687954af8902cf33a37627aad84",
+      "name": "UI/rounded/sm",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 96
+        "43138:0": 2
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1569": {
+    "VariableID:44029:1607": {
       "codeSyntax": {},
-      "description": "112px",
+      "description": "6px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1569",
-      "key": "abe1e0ba7279a95d3bef92584a623b3eb16e76dc",
-      "name": "UI/sizing/28",
+      "id": "VariableID:44029:1607",
+      "key": "1cdbe4833402b4792bf7adef9e4bbb591b710aa8",
+      "name": "UI/rounded/md",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 112
+        "43138:0": 6
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1570": {
+    "VariableID:44029:1608": {
       "codeSyntax": {},
-      "description": "128px",
+      "description": "8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1570",
-      "key": "77dc10b1f96521025c5e26f2c9ce749bc5802e47",
-      "name": "UI/sizing/32",
+      "id": "VariableID:44029:1608",
+      "key": "e489d09135b02cbc4392cd11d0956319f94922e0",
+      "name": "UI/rounded/\blg",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 128
+        "43138:0": 8
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1571": {
+    "VariableID:44029:1609": {
       "codeSyntax": {},
-      "description": "144px",
+      "description": "12px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1571",
-      "key": "d3b4abf138fadf48f6c40320fdb4abd6b53317c3",
-      "name": "UI/sizing/36",
+      "id": "VariableID:44029:1609",
+      "key": "14074d8b70f8ca3fe63fb75b1e8311e74677f4ea",
+      "name": "UI/rounded/xl",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 144
+        "43138:0": 12
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1572": {
+    "VariableID:44029:1610": {
       "codeSyntax": {},
-      "description": "160px",
+      "description": "1px\b",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1572",
-      "key": "4ee67dc479febbc0296e4f025576af95980b5ae6",
-      "name": "UI/sizing/40",
+      "id": "VariableID:44029:1610",
+      "key": "979429454e773990dd21002e54a822c0b6adbcac",
+      "name": "UI/sizing/px",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 160
+        "43138:0": 1
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1573": {
+    "VariableID:44029:1611": {
       "codeSyntax": {},
-      "description": "176px",
+      "description": "2px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1573",
-      "key": "3e07fd94bd55e35ad20b5ba5193c48b7346a91e8",
-      "name": "UI/sizing/44",
+      "id": "VariableID:44029:1611",
+      "key": "8e2e9664ba627af68ea1c787ce20dcde22b80983",
+      "name": "UI/sizing/0,5",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 176
+        "43138:0": 2
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1574": {
+    "VariableID:44029:1612": {
       "codeSyntax": {},
-      "description": "208px",
+      "description": "\b6px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1574",
-      "key": "c63e6bd0de415e8a314e08bb8c1ec407752c91a4",
-      "name": "UI/sizing/52",
+      "id": "VariableID:44029:1612",
+      "key": "b2b4bac01ed3327f3928b295171fea6b465b0266",
+      "name": "UI/sizing/1,5",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 208
+        "43138:0": 6
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1575": {
+    "VariableID:44029:1613": {
       "codeSyntax": {},
-      "description": "224px",
+      "description": "14px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1575",
-      "key": "0f3332af8f07967a43208b43a28ef9f499ae84db",
-      "name": "UI/sizing/56",
+      "id": "VariableID:44029:1613",
+      "key": "c24d42699d33503ef9fa287c1b766b0b23018b11",
+      "name": "UI/sizing/3,5",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 224
+        "43138:0": 14
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1576": {
+    "VariableID:44029:1614": {
       "codeSyntax": {},
-      "description": "256px",
+      "description": "10px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1576",
-      "key": "c3a1cac544c357a61b68a210220212914fc565f4",
-      "name": "UI/sizing/64",
+      "id": "VariableID:44029:1614",
+      "key": "28293260d3823ca9d8677cda874996b8a74e14ff",
+      "name": "UI/sizing/2,5",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 256
+        "43138:0": 10
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1577": {
+    "VariableID:44029:1615": {
       "codeSyntax": {},
-      "description": "288px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1577",
-      "key": "81ee721f6d6887564b4a152194086b3fe962d2e3",
-      "name": "UI/sizing/72",
+      "id": "VariableID:44029:1615",
+      "key": "129fc9b991650e87b1a80cb52c7e53d9b0127902",
+      "name": "UI/opacity/opacity-0",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 288
+        "43138:0": 0
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1578": {
+    "VariableID:44029:1616": {
       "codeSyntax": {},
-      "description": "320px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1578",
-      "key": "a7835018b91179914c67bdcd5d3ef9759068e593",
-      "name": "UI/sizing/80",
+      "id": "VariableID:44029:1616",
+      "key": "9db640f6f2f5a891e2a4b47ce5e148362bab65b0",
+      "name": "UI/opacity/opacity-5",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 320
+        "43138:0": 5
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1579": {
+    "VariableID:44029:1617": {
       "codeSyntax": {},
-      "description": "384px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1579",
-      "key": "b3dbd88744f5abae29c5c67dd295749cb7c0a94b",
-      "name": "UI/sizing/96",
+      "id": "VariableID:44029:1617",
+      "key": "78e9487d76f70b4c54dd439ec074e66e70f74f17",
+      "name": "UI/opacity/opacity-2",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 384
+        "43138:0": 2
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1580": {
+    "VariableID:44029:1618": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "14px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1580",
-      "key": "c5e2d4215a3ef47ee736a1e2bbd0802e576b8e97",
-      "name": "UI/text/sm",
+      "id": "VariableID:44029:1618",
+      "key": "cf3381af07c8af7bba9fab1f4781e38c616f54a1",
+      "name": "UI/opacity/opacity-10",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 14
+        "43138:0": 10
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1581": {
+    "VariableID:44029:1619": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "16px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1581",
-      "key": "bb910cf0212a6be52fd452bd650562b8c63c0ecc",
-      "name": "UI/text/base",
+      "id": "VariableID:44029:1619",
+      "key": "1678e4e4a4c9de8e17aa93b50858f5beb1256759",
+      "name": "UI/opacity/opacity-20",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 16
+        "43138:0": 20
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1585": {
+    "VariableID:44029:1620": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "32px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1585",
-      "key": "960c35f79b577f51b2360a9f2b6fe21ead752c28",
-      "name": "UI/text/3xl",
+      "id": "VariableID:44029:1620",
+      "key": "8737c211f43a33aacd75be628d4e75cd8a2382b3",
+      "name": "UI/opacity/opacity-30",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 32
+        "43138:0": 30
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1586": {
+    "VariableID:44029:1621": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "40px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1586",
-      "key": "89348ff89357b051cca53365374e24394ce106a1",
-      "name": "UI/text/4xl",
+      "id": "VariableID:44029:1621",
+      "key": "7822c17e5da0ffe5bc4285e1d30023226bac0c60",
+      "name": "UI/opacity/opacity-50",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 40
+        "43138:0": 50
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1587": {
+    "VariableID:44029:1622": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Used for text sm compact (size: 14, line-height: 100%)",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1587",
-      "key": "b06dcad6d4ee336374cd4594061da62cd32b68c5",
-      "name": "UI/leading/3",
+      "id": "VariableID:44029:1622",
+      "key": "10a777d6de433ba9124af77952a9e4eaf39477b8",
+      "name": "UI/opacity/opacity-55",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 14
+        "43138:0": 55
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1589": {
+    "VariableID:44029:1623": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Used for text sm (size: 14, line-height: 150%)",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1589",
-      "key": "2d178cda4f15bccfb03cbbfa2e984c3637cd317c",
-      "name": "UI/leading/5",
+      "id": "VariableID:44029:1623",
+      "key": "88f795b9d03faec1d50aceb18ef56a7518b57c2a",
+      "name": "UI/opacity/opacity-60",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 21
+        "43138:0": 60
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1590": {
+    "VariableID:44029:1624": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Used for text base (size: 16, line-height: 150%)",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1590",
-      "key": "690a97ab5342a19eada9b314839c048ea152697b",
-      "name": "UI/leading/6",
+      "id": "VariableID:44029:1624",
+      "key": "b8e9607c999da486342b6edc1b9b9042742038e9",
+      "name": "UI/opacity/opacity-70",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 24
+        "43138:0": 70
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1592": {
+    "VariableID:44029:1625": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Used for mobile text lg (size: 20, line-height: 150%)",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1592",
-      "key": "71d338c4e3ac9376a7347d368a00de908504429a",
-      "name": "UI/leading/8",
+      "id": "VariableID:44029:1625",
+      "key": "622c67aa71992a150b97adb5c7a9cf0d242e10e1",
+      "name": "UI/opacity/opacity-75",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 30
+        "43138:0": 75
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1594": {
+    "VariableID:44029:1626": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Used for text base (size: 16, line-height: 150%)",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1594",
-      "key": "4847087bc97464b7107569f4930135d2b4a9e661",
-      "name": "UI/leading/9",
+      "id": "VariableID:44029:1626",
+      "key": "64f3e8bf909cd1f92fef683b7d154dd3ba705fa2",
+      "name": "UI/opacity/opacity-80",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 36
+        "43138:0": 80
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1595": {
+    "VariableID:44029:1627": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Used for text 3xl, mobile text 4xl (size: 32, line-height: 120%)",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1595",
-      "key": "e430ae6a27c4362e13357196f1963b3161f8cc80",
-      "name": "UI/leading/9,5",
+      "id": "VariableID:44029:1627",
+      "key": "a721f8216ccb580767c16d80a665452ed49eedf7",
+      "name": "UI/opacity/opacity-85",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 38.400001525878906
+        "43138:0": 85
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1596": {
+    "VariableID:44029:1628": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "Used for text 3xl (size: 32, line-height: 120%)",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1596",
-      "key": "566fbd3ef23d5f90d716e12879dbcf8330b6e53a",
-      "name": "UI/leading/12",
+      "id": "VariableID:44029:1628",
+      "key": "55bbd77a9bd28ac31caa0c8ec1982330a84d9e51",
+      "name": "UI/opacity/opacity-90",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 48
+        "43138:0": 90
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1598": {
+    "VariableID:44029:1629": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1598",
-      "key": "4c12cb064879225e14b6ae65a2e3d1bf90c6c948",
-      "name": "UI/border/border-0",
+      "id": "VariableID:44029:1629",
+      "key": "326416d4dadcb43dbeabc4d9a16e471d13c79593",
+      "name": "UI/opacity/opacity-100",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 0
+        "43138:0": 100
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1599": {
+    "VariableID:44029:1630": {
       "codeSyntax": {},
-      "description": "Default border width",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1599",
-      "key": "be047c95e3c8fb88a93bd295edc6605c3df6ec7d",
-      "name": "UI/border/border",
+      "id": "VariableID:44029:1630",
+      "key": "3fde7fe56772cb1569e03e485fd7fef51bf6da9d",
+      "name": "UI/font-weight/font-normal",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "STRING",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 1
+        "43138:0": "Bk"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1600": {
+    "VariableID:44029:1631": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1600",
-      "key": "f4b6e4af457f376d90a063218262b3ed84f302d2",
-      "name": "UI/border/border-2",
+      "id": "VariableID:44029:1631",
+      "key": "098c8cb0d45b74657f6ee59b7dcb56135ef107d7",
+      "name": "UI/font-weight/font-bold",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "STRING",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 2
+        "43138:0": "Bold"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1601": {
+    "VariableID:44029:1632": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1601",
-      "key": "fd6118482e9b2c0914d1713815fe402760364773",
-      "name": "UI/border/border-4",
+      "id": "VariableID:44029:1632",
+      "key": "f8696849b5756fc265fae87f1f7b13de54eaa300",
+      "name": "VB/font-family/font-family-primary",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "STRING",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": 4
+        "43138:0": "GenosGFG"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44029:1602": {
+    "VariableID:44029:1633": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1602",
-      "key": "de8398b34724c5f649e2ac09f534382b2e7d4dbb",
-      "name": "UI/border/border-6",
+      "id": "VariableID:44029:1633",
+      "key": "eaa9abc0c499407cea81d3e87fc2b013091be86e",
+      "name": "utilities/opacity/0",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 6
+        "43174:13": {
+          "id": "VariableID:44029:1615",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1615",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1615",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1603": {
+    "VariableID:44029:1634": {
       "codeSyntax": {},
-      "description": "For pill buttons / shapes",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1603",
-      "key": "ebb8a562675adfe46a06d12b3e1454bc56a1c23e",
-      "name": "UI/rounded/full",
+      "id": "VariableID:44029:1634",
+      "key": "e6f6efabe80eb0ab85daaaef9ce7bae95a663f0c",
+      "name": "utilities/opacity/5",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 9999
+        "43174:13": {
+          "id": "VariableID:44029:1616",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1616",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1616",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1604": {
+    "VariableID:44029:1635": {
       "codeSyntax": {},
-      "description": "For pill buttons / shapes",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1604",
-      "key": "d8667543b5e6becf70c0414aa5b4f9b82f4b5b4e",
-      "name": "UI/rounded/default",
+      "id": "VariableID:44029:1635",
+      "key": "84585f8d2b110ef8819d34c4c7d0084271a9e958",
+      "name": "utilities/opacity/10",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 4
+        "43174:13": {
+          "id": "VariableID:44029:1618",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1618",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1618",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1605": {
+    "VariableID:44029:1636": {
       "codeSyntax": {},
-      "description": "No rounding",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1605",
-      "key": "bc44d1776a2be36e70142efecd0757919f555458",
-      "name": "UI/rounded/none",
+      "id": "VariableID:44029:1636",
+      "key": "d635152b20aa452751ca4a7955156fdfee351b50",
+      "name": "utilities/opacity/20",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 0
+        "43174:13": {
+          "id": "VariableID:44029:1619",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1619",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1619",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1606": {
+    "VariableID:44029:1637": {
       "codeSyntax": {},
-      "description": "2px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1606",
-      "key": "e833aaf4f7ffae4b47ce00578bd634097060e26f",
-      "name": "UI/rounded/sm",
+      "id": "VariableID:44029:1637",
+      "key": "aea7baea26c8631bc73b279e739ae2069d5093f6",
+      "name": "utilities/opacity/30",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 2
+        "43174:13": {
+          "id": "VariableID:44029:1620",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1620",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1620",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1607": {
+    "VariableID:44029:1638": {
       "codeSyntax": {},
-      "description": "6px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1607",
-      "key": "5a50c51cf675b864f161429bea218cfb4ce55469",
-      "name": "UI/rounded/md",
+      "id": "VariableID:44029:1638",
+      "key": "c3f476d1f81df6b81a486b644dfb2f4b2662ee99",
+      "name": "utilities/opacity/50",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 6
+        "43174:13": {
+          "id": "VariableID:44029:1621",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1621",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1621",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1621",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1608": {
+    "VariableID:44029:1639": {
       "codeSyntax": {},
-      "description": "8px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1608",
-      "key": "993272c980510de3410a60f2825a2160749e9a05",
-      "name": "UI/rounded/\blg",
+      "id": "VariableID:44029:1639",
+      "key": "7e51e0ab42d14f543a2625768e177420d47d5303",
+      "name": "utilities/opacity/55",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 8
+        "43174:13": {
+          "id": "VariableID:44029:1622",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1622",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1622",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1609": {
+    "VariableID:44029:1640": {
       "codeSyntax": {},
-      "description": "12px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1609",
-      "key": "20d3b56010775d18018fda52adcabc327265a499",
-      "name": "UI/rounded/xl",
+      "id": "VariableID:44029:1640",
+      "key": "6d39b8775e2e2ad509d7f94d4269166e19987ec2",
+      "name": "utilities/opacity/60",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 12
+        "43174:13": {
+          "id": "VariableID:44029:1623",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1623",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1623",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1623",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1610": {
+    "VariableID:44029:1641": {
       "codeSyntax": {},
-      "description": "1px\b",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1610",
-      "key": "6cc4e80fc468bc1e1933fccadd765285297c364a",
-      "name": "UI/sizing/px",
+      "id": "VariableID:44029:1641",
+      "key": "dc39e6dcba43b41605534cad8bd4bc71bcf87d29",
+      "name": "utilities/opacity/70",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 1
+        "43174:13": {
+          "id": "VariableID:44029:1624",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1624",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1624",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1611": {
+    "VariableID:44029:1642": {
       "codeSyntax": {},
-      "description": "2px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1611",
-      "key": "5aa51ba9c75bc6d5c6f8c8014967fec3a1213873",
-      "name": "UI/sizing/0,5",
+      "id": "VariableID:44029:1642",
+      "key": "46159233b2f638d6187048b4f273f0c5049cd2b9",
+      "name": "utilities/opacity/75",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 2
+        "43174:13": {
+          "id": "VariableID:44029:1625",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1625",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1625",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1612": {
+    "VariableID:44029:1643": {
       "codeSyntax": {},
-      "description": "\b6px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1612",
-      "key": "33f619ce36c4f01d7df76d89d07695960deba1d2",
-      "name": "UI/sizing/1,5",
+      "id": "VariableID:44029:1643",
+      "key": "4d9de493bd91e58ab8d8d6f9726d9f53cccad652",
+      "name": "utilities/opacity/80",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 6
+        "43174:13": {
+          "id": "VariableID:44029:1626",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1626",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1626",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1613": {
+    "VariableID:44029:1644": {
       "codeSyntax": {},
-      "description": "14px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1613",
-      "key": "7128d70709ba863dbf3ef4a874002952414a6675",
-      "name": "UI/sizing/3,5",
+      "id": "VariableID:44029:1644",
+      "key": "c0e7cdf7e4603fd981fbca0097318a741a8efb7f",
+      "name": "utilities/opacity/\b85",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 14
+        "43174:13": {
+          "id": "VariableID:44029:1627",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1627",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1627",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1614": {
+    "VariableID:44029:1645": {
       "codeSyntax": {},
-      "description": "10px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1614",
-      "key": "815b8f6f341a73323a337d8011bb47c95be5d815",
-      "name": "UI/sizing/2,5",
+      "id": "VariableID:44029:1645",
+      "key": "bcfe0813ef1851e89423f22825bba54653d5b70a",
+      "name": "utilities/opacity/\b90",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 10
+        "43174:13": {
+          "id": "VariableID:44029:1628",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1628",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1628",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1615": {
+    "VariableID:44029:1646": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1615",
-      "key": "3a4ed3b96703f4e22719fece9fadedada1c31882",
-      "name": "UI/opacity/opacity-0",
+      "id": "VariableID:44029:1646",
+      "key": "ce80cee32d88f65332c719d48a67f1cece6a9090",
+      "name": "utilities/opacity/\b100",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 0
+        "43174:13": {
+          "id": "VariableID:44029:1629",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1629",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1629",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1629",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1616": {
+    "VariableID:44029:1647": {
       "codeSyntax": {},
-      "description": "",
+      "description": "8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1616",
-      "key": "aac18cdbb3c38746325ead21f6e0d3689e15a448",
-      "name": "UI/opacity/opacity-5",
+      "id": "VariableID:44029:1647",
+      "key": "f630a94d649e1f39c3238ab15d8ac6ca837f5100",
+      "name": "utilities/sizing/2",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 5
+        "43174:13": {
+          "id": "VariableID:44029:1554",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1554",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1554",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1554",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1617": {
+    "VariableID:44029:1648": {
       "codeSyntax": {},
-      "description": "",
+      "description": "12px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1617",
-      "key": "e71c28751aac586b28e598f3d63dc302d6545683",
-      "name": "UI/opacity/opacity-2",
+      "id": "VariableID:44029:1648",
+      "key": "6b739f1e3aa9655dbe35175e2acdee2318fb6da5",
+      "name": "utilities/sizing/3",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 2
+        "43174:13": {
+          "id": "VariableID:44029:1555",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1555",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1555",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1555",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1618": {
+    "VariableID:44029:1649": {
       "codeSyntax": {},
-      "description": "",
+      "description": "16px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1618",
-      "key": "a08da7175ae0258a55557b0b0c762758337aa30b",
-      "name": "UI/opacity/opacity-10",
+      "id": "VariableID:44029:1649",
+      "key": "f9df5a6165d907e022d201b2c6efc6412a6c9e32",
+      "name": "utilities/sizing/4",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 10
+        "43174:13": {
+          "id": "VariableID:44029:1556",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1556",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1556",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1556",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1619": {
+    "VariableID:44029:1650": {
       "codeSyntax": {},
-      "description": "",
+      "description": "20px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1619",
-      "key": "2e5359c620ab734bf670fcbd08bee92391379622",
-      "name": "UI/opacity/opacity-20",
+      "id": "VariableID:44029:1650",
+      "key": "0818b74f02e6e4ffec1ff93f02195d0fe2b548d6",
+      "name": "utilities/sizing/5",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 20
+        "43174:13": {
+          "id": "VariableID:44029:1557",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1557",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1557",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1557",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1620": {
+    "VariableID:44029:1651": {
       "codeSyntax": {},
-      "description": "",
+      "description": "24px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1620",
-      "key": "b71e0b0b0d78b1ec2cea693d7553d8069f7576c0",
-      "name": "UI/opacity/opacity-30",
+      "id": "VariableID:44029:1651",
+      "key": "6f61155c45639e5b2b766aa65c06cf691eabee6e",
+      "name": "utilities/sizing/6",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 30
+        "43174:13": {
+          "id": "VariableID:44029:1558",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1558",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1558",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1558",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1621": {
+    "VariableID:44029:1652": {
       "codeSyntax": {},
-      "description": "",
+      "description": "32px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1621",
-      "key": "0b40ae8d62b8c6259ba89e237405a0da4222636f",
-      "name": "UI/opacity/opacity-50",
+      "id": "VariableID:44029:1652",
+      "key": "ab6ab6f90593ec3841f58eb67e03317f302dde32",
+      "name": "utilities/sizing/8",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 50
+        "43174:13": {
+          "id": "VariableID:44029:1560",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1560",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1560",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1560",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1622": {
+    "VariableID:44029:1653": {
       "codeSyntax": {},
-      "description": "",
+      "description": "40px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1622",
-      "key": "45cc6cc21bc26b9a83ab039238c794119106f4fc",
-      "name": "UI/opacity/opacity-55",
+      "id": "VariableID:44029:1653",
+      "key": "6e72ee74355849fa80525929409879a65daaebee",
+      "name": "utilities/sizing/10",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 55
+        "43174:13": {
+          "id": "VariableID:44029:1562",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1562",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1562",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1562",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1623": {
+    "VariableID:44029:1654": {
       "codeSyntax": {},
-      "description": "",
+      "description": "48px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1623",
-      "key": "a14dc54d5cb831f0dd28731dd32f6455486ebc18",
-      "name": "UI/opacity/opacity-60",
+      "id": "VariableID:44029:1654",
+      "key": "1d7ef86412e2b4dffe455cc325cb2d284d3d9c62",
+      "name": "utilities/sizing/12",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 60
+        "43174:13": {
+          "id": "VariableID:44029:1564",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1564",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1564",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1564",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1624": {
+    "VariableID:44029:1655": {
       "codeSyntax": {},
-      "description": "",
+      "description": "64px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1624",
-      "key": "5311ce8cb33ee93ced1a5ca73c750d2394cf6638",
-      "name": "UI/opacity/opacity-70",
+      "id": "VariableID:44029:1655",
+      "key": "278a5641b0df40649117aba41ffc17d4c8cee7e2",
+      "name": "utilities/sizing/16",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 70
+        "43174:13": {
+          "id": "VariableID:44029:1566",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1566",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1566",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1566",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1625": {
+    "VariableID:44029:1656": {
       "codeSyntax": {},
-      "description": "",
+      "description": "96px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1625",
-      "key": "6b954d3f12e0dc31fc2e51c58d0480a354987425",
-      "name": "UI/opacity/opacity-75",
+      "id": "VariableID:44029:1656",
+      "key": "77352023656d5434baf8d430d4b0a0b2d5d0ccda",
+      "name": "utilities/sizing/24",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 75
+        "43174:13": {
+          "id": "VariableID:44029:1568",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1568",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1568",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1568",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1626": {
+    "VariableID:44029:1657": {
       "codeSyntax": {},
-      "description": "",
+      "description": "10px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1626",
-      "key": "05c17717bd5703de18d2e0f2ef97674c8f08ff4f",
-      "name": "UI/opacity/opacity-80",
+      "id": "VariableID:44029:1657",
+      "key": "d84982c899e9c5d6ef6c4451fd5badc9c1ce2235",
+      "name": "utilities/sizing/2,5",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 80
+        "43174:13": {
+          "id": "VariableID:44029:1614",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1614",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1614",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1614",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1627": {
+    "VariableID:44029:1658": {
       "codeSyntax": {},
-      "description": "",
+      "description": "4px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1627",
-      "key": "3688b1f9ceabb13f8a1dca7802f5ec749e6b8b41",
-      "name": "UI/opacity/opacity-85",
+      "id": "VariableID:44029:1658",
+      "key": "d21fc67f127ffad5529c451b76e747c4252d072a",
+      "name": "utilities/spacing/1",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 85
+        "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"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1628": {
+    "VariableID:44029:1659": {
       "codeSyntax": {},
-      "description": "",
+      "description": "8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1628",
-      "key": "9a80d8e5b9cf5b583b666e426223b4e442f1ebde",
-      "name": "UI/opacity/opacity-90",
+      "id": "VariableID:44029:1659",
+      "key": "45a1bae3e06e98b819764122a0807cfc8bbb9b00",
+      "name": "utilities/spacing/2",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 90
+        "43174:13": {
+          "id": "VariableID:44029:1554",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1554",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1554",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1554",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1629": {
+    "VariableID:44029:1660": {
       "codeSyntax": {},
-      "description": "",
+      "description": "12px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1629",
-      "key": "a739df6f7e8c7f1d742f3a00a51e9cfec46a3375",
-      "name": "UI/opacity/opacity-100",
+      "id": "VariableID:44029:1660",
+      "key": "107905365235871606a196e2ff8090413c618475",
+      "name": "utilities/spacing/3",
       "remote": false,
       "resolvedType": "FLOAT",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 100
+        "43174:13": {
+          "id": "VariableID:44029:1555",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1555",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1555",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1555",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1630": {
+    "VariableID:44029:1661": {
       "codeSyntax": {},
-      "description": "",
+      "description": "16px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1630",
-      "key": "89983aaef28bc7acfb5260ccc911788a28494d66",
-      "name": "UI/font-weight/font-normal",
+      "id": "VariableID:44029:1661",
+      "key": "be244003d0cde449ae27e7e2ed43dd42a77f61b7",
+      "name": "utilities/spacing/4",
       "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": "Bk"
+        "43174:13": {
+          "id": "VariableID:44029:1556",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1556",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1556",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1556",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1631": {
+    "VariableID:44029:1662": {
       "codeSyntax": {},
-      "description": "",
+      "description": "24px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1631",
-      "key": "e678796bff2c98aea8078f1afd2e9ab1b5da62d4",
-      "name": "UI/font-weight/font-bold",
+      "id": "VariableID:44029:1662",
+      "key": "a22b8c9ca0668e56371b7b6cff11fed71f9efd1d",
+      "name": "utilities/spacing/6",
       "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": "Bold"
+        "43174:13": {
+          "id": "VariableID:44029:1558",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1558",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1558",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1558",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1632": {
+    "VariableID:44029:1663": {
       "codeSyntax": {},
-      "description": "",
+      "description": "32px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1632",
-      "key": "b29891b0cdd05444c3675237d4505d14c1512f9c",
-      "name": "VB/font-family/font-family-primary",
+      "id": "VariableID:44029:1663",
+      "key": "39b1007b35cddf50cfea0d3c6ce6e02779063c9e",
+      "name": "utilities/spacing/8",
       "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": "GenosGFG"
+        "43174:13": {
+          "id": "VariableID:44029:1560",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1560",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1560",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1560",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1633": {
+    "VariableID:44029:1664": {
       "codeSyntax": {},
-      "description": "",
+      "description": "40px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1633",
-      "key": "aaee96dbbb8e947712a93bb25152a10e4257fec9",
-      "name": "utilities/opacity/0",
+      "id": "VariableID:44029:1664",
+      "key": "cccbf4d7784c62e4c5fb74bf94849b2f692efaa7",
+      "name": "utilities/spacing/10",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12218,28 +11133,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1615",
+          "id": "VariableID:44029:1562",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1615",
+          "id": "VariableID:44029:1562",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1615",
+          "id": "VariableID:44029:1562",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": 0
+        "47719:0": {
+          "id": "VariableID:44029:1562",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1634": {
+    "VariableID:44029:1665": {
       "codeSyntax": {},
-      "description": "",
+      "description": "48px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1634",
-      "key": "994f92b693af0aee4cc74124849bac2b1cbb9006",
-      "name": "utilities/opacity/5",
+      "id": "VariableID:44029:1665",
+      "key": "445d81bd946ef54846c37719b2c28268fba20d9b",
+      "name": "utilities/spacing/12",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12247,28 +11165,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1616",
+          "id": "VariableID:44029:1564",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1616",
+          "id": "VariableID:44029:1564",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1616",
+          "id": "VariableID:44029:1564",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": 0
+        "47719:0": {
+          "id": "VariableID:44029:1564",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1635": {
+    "VariableID:44029:1666": {
       "codeSyntax": {},
-      "description": "",
+      "description": "64px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1635",
-      "key": "c21c07c7968ca097669b3fe742ec3553c9a5b929",
-      "name": "utilities/opacity/10",
+      "id": "VariableID:44029:1666",
+      "key": "b97665d45cd0e15fab2982be222440a8114dec2c",
+      "name": "utilities/spacing/16",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12276,28 +11197,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1618",
+          "id": "VariableID:44029:1566",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1618",
+          "id": "VariableID:44029:1566",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1618",
+          "id": "VariableID:44029:1566",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": 0
+        "47719:0": {
+          "id": "VariableID:44029:1566",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1636": {
+    "VariableID:44029:1667": {
       "codeSyntax": {},
-      "description": "",
+      "description": "80px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1636",
-      "key": "206f5d9eb141442b78a6eeb5bb66313b31092a92",
-      "name": "utilities/opacity/20",
+      "id": "VariableID:44029:1667",
+      "key": "6299f7a2d33485058f854ea5bc3e293ad92a95a3",
+      "name": "utilities/spacing/20",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12305,28 +11229,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1619",
+          "id": "VariableID:44029:1567",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1619",
+          "id": "VariableID:44029:1567",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1619",
+          "id": "VariableID:44029:1567",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": 0
+        "47719:0": {
+          "id": "VariableID:44029:1567",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1637": {
+    "VariableID:44029:1668": {
       "codeSyntax": {},
-      "description": "",
+      "description": "96px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1637",
-      "key": "e10e984a9d225fb0c65e9e4e06abd4c5c4d87521",
-      "name": "utilities/opacity/30",
+      "id": "VariableID:44029:1668",
+      "key": "822d68310f23844cc1b8ebd27e14b41bfbe0aaf5",
+      "name": "utilities/spacing/24",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12334,28 +11261,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1620",
+          "id": "VariableID:44029:1568",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1620",
+          "id": "VariableID:44029:1568",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1620",
+          "id": "VariableID:44029:1568",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": 0
+        "47719:0": {
+          "id": "VariableID:44029:1568",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1638": {
+    "VariableID:44029:1669": {
       "codeSyntax": {},
-      "description": "",
+      "description": "128px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1638",
-      "key": "941df3c53e37db80d77050b18fd9de0fa3516157",
-      "name": "utilities/opacity/50",
+      "id": "VariableID:44029:1669",
+      "key": "83b6b870459f3fbefc246a01cbdee325138d5091",
+      "name": "utilities/spacing/32",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12363,31 +11293,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1621",
+          "id": "VariableID:44029:1570",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1621",
+          "id": "VariableID:44029:1570",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1621",
+          "id": "VariableID:44029:1570",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1621",
+          "id": "VariableID:44029:1570",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1639": {
+    "VariableID:44029:1670": {
       "codeSyntax": {},
-      "description": "",
+      "description": "160px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1639",
-      "key": "ceb03826cb62f9206dadd16bf3dd8fbaa829c172",
-      "name": "utilities/opacity/55",
+      "id": "VariableID:44029:1670",
+      "key": "2c15912d7bb3fb79be0d6020ec81c0cbc25740be",
+      "name": "utilities/spacing/40",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12395,28 +11325,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1622",
+          "id": "VariableID:44029:1572",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1622",
+          "id": "VariableID:44029:1572",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1622",
+          "id": "VariableID:44029:1572",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": 0
+        "47719:0": {
+          "id": "VariableID:44029:1572",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1640": {
+    "VariableID:44029:1671": {
       "codeSyntax": {},
-      "description": "",
+      "description": "2px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1640",
-      "key": "8b50ca5cf69081c54bb25b7f5f350dcdc4a06e4b",
-      "name": "utilities/opacity/60",
+      "id": "VariableID:44029:1671",
+      "key": "638216e2c5bd0702b28f6c7a51bc4794b37face2",
+      "name": "utilities/spacing/0,5",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12424,31 +11357,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1623",
+          "id": "VariableID:44029:1611",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1623",
+          "id": "VariableID:44029:1611",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1623",
+          "id": "VariableID:44029:1611",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1623",
+          "id": "VariableID:44029:1611",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1641": {
+    "VariableID:44029:1672": {
       "codeSyntax": {},
-      "description": "",
+      "description": "1px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1641",
-      "key": "48311c233e8d820adef47b079d1445fecc110dcf",
-      "name": "utilities/opacity/70",
+      "id": "VariableID:44029:1672",
+      "key": "8c8c8e10fe5e85a456d80d7fc866f80675071376",
+      "name": "utilities/spacing/0,25",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12456,28 +11389,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1624",
+          "id": "VariableID:44029:1610",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1624",
+          "id": "VariableID:44029:1610",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1624",
+          "id": "VariableID:44029:1610",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": 0
+        "47719:0": {
+          "id": "VariableID:44029:1610",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1642": {
+    "VariableID:44029:1673": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1642",
-      "key": "9dddbe83ef119f3cae868b9e63dfd7d3407fdabf",
-      "name": "utilities/opacity/75",
+      "id": "VariableID:44029:1673",
+      "key": "53a194cd9851871036f0edeee777a2f6dfb6e9c1",
+      "name": "utilities/spacing/1,5",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12485,28 +11421,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1625",
+          "id": "VariableID:44029:1612",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1625",
+          "id": "VariableID:44029:1612",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1625",
+          "id": "VariableID:44029:1612",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": 0
+        "47719:0": {
+          "id": "VariableID:44029:1612",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1643": {
+    "VariableID:44029:1674": {
       "codeSyntax": {},
-      "description": "",
+      "description": "4px Default radius for buttons",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1643",
-      "key": "7e60488bac864a987b8cdaa64fdd2a0bdcd00b41",
-      "name": "utilities/opacity/80",
+      "id": "VariableID:44029:1674",
+      "key": "d4709dedb538400cd65d5e9afa0ee6eb19f54b46",
+      "name": "utilities/rounded/default",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12514,28 +11453,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1626",
+          "id": "VariableID:44029:1604",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1626",
+          "id": "VariableID:44029:1604",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1626",
+          "id": "VariableID:44029:1604",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": 0
+        "47719:0": {
+          "id": "VariableID:44029:1604",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1644": {
+    "VariableID:44029:1675": {
       "codeSyntax": {},
-      "description": "",
+      "description": "2px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1644",
-      "key": "f939e4e4d37164fdb29dc3d8daa31564589730f4",
-      "name": "utilities/opacity/\b85",
+      "id": "VariableID:44029:1675",
+      "key": "17c7026d178c09d27ce1fb603e3ed1c07d4bc4fb",
+      "name": "utilities/rounded/sm",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12543,28 +11485,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1627",
+          "id": "VariableID:44029:1606",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1627",
+          "id": "VariableID:44029:1606",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1627",
+          "id": "VariableID:44029:1606",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": 0
+        "47719:0": {
+          "id": "VariableID:44029:1606",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1645": {
+    "VariableID:44029:1676": {
       "codeSyntax": {},
-      "description": "",
+      "description": "6px Inner focus outline",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1645",
-      "key": "2faa9e3e33bf25d5db9fc2b498221ae955dd6078",
-      "name": "utilities/opacity/\b90",
+      "id": "VariableID:44029:1676",
+      "key": "66bdf7ff2d85a713e9253614d4eefc759d135ceb",
+      "name": "utilities/rounded/md",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12572,28 +11517,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1628",
+          "id": "VariableID:44029:1607",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1628",
+          "id": "VariableID:44029:1607",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1628",
+          "id": "VariableID:44029:1607",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": 0
+        "47719:0": {
+          "id": "VariableID:44029:1607",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1646": {
+    "VariableID:44029:1677": {
       "codeSyntax": {},
-      "description": "",
+      "description": "8px Outer focus outline",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1646",
-      "key": "38d7b1f384eaff3795b9a7dd400c4fdfd8b3e9d7",
-      "name": "utilities/opacity/\b100",
+      "id": "VariableID:44029:1677",
+      "key": "6c40763b71d7919b53d7336ba1f9e334e1ca9665",
+      "name": "utilities/rounded/lg",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12601,31 +11549,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1629",
+          "id": "VariableID:44029:1608",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1629",
+          "id": "VariableID:44029:1608",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1629",
+          "id": "VariableID:44029:1608",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1629",
+          "id": "VariableID:44029:1608",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1647": {
+    "VariableID:44029:1678": {
       "codeSyntax": {},
-      "description": "8px",
+      "description": "Radius for pill shape buttons",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1647",
-      "key": "13164359bb7394495d4cf91bc9269d62cd0d73cb",
-      "name": "utilities/sizing/2",
+      "id": "VariableID:44029:1678",
+      "key": "691b39e01de5eea6aea5902f31b1ce412c724fad",
+      "name": "utilities/rounded/full",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12633,31 +11581,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1554",
+          "id": "VariableID:44029:1603",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1554",
+          "id": "VariableID:44029:1603",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1554",
+          "id": "VariableID:44029:1603",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1554",
+          "id": "VariableID:44029:1603",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1648": {
+    "VariableID:44029:1679": {
       "codeSyntax": {},
-      "description": "12px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1648",
-      "key": "ded1682020995040e17ac12245db474abe602e14",
-      "name": "utilities/sizing/3",
+      "id": "VariableID:44029:1679",
+      "key": "b34c06f6d386abcbc00134f03406fb84d0f1fb29",
+      "name": "utilities/rounded/none",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12665,31 +11613,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1555",
+          "id": "VariableID:44029:1605",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1555",
+          "id": "VariableID:44029:1605",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1555",
+          "id": "VariableID:44029:1605",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1555",
+          "id": "VariableID:44029:1605",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1649": {
+    "VariableID:44029:1681": {
       "codeSyntax": {},
-      "description": "16px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1649",
-      "key": "cd476ec5ab3be8a54d760f6a1ee3191d1fe67531",
-      "name": "utilities/sizing/4",
+      "id": "VariableID:44029:1681",
+      "key": "0fd82dd015c469866a13986acf85213f0de7781a",
+      "name": "utilities/border-width/2",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12697,31 +11645,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1556",
+          "id": "VariableID:44029:1600",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1556",
+          "id": "VariableID:44029:1600",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1556",
+          "id": "VariableID:44029:1600",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1556",
+          "id": "VariableID:44029:1600",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1650": {
+    "VariableID:44029:1682": {
       "codeSyntax": {},
-      "description": "20px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1650",
-      "key": "c0124fa85e46f6048da470b412cd4bc119541ed9",
-      "name": "utilities/sizing/5",
+      "id": "VariableID:44029:1682",
+      "key": "a1d8f6c5529e7da4104e4d8fac6c8bd0fcadef3a",
+      "name": "utilities/border-width/4",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12729,31 +11677,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1557",
+          "id": "VariableID:44029:1601",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1557",
+          "id": "VariableID:44029:1601",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1557",
+          "id": "VariableID:44029:1601",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1557",
+          "id": "VariableID:44029:1601",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1651": {
+    "VariableID:44029:1683": {
       "codeSyntax": {},
-      "description": "24px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1651",
-      "key": "23139be05bd832f68b61501165565dae4eed1b17",
-      "name": "utilities/sizing/6",
+      "id": "VariableID:44029:1683",
+      "key": "8506edf8435d6afa9ca9bff28ba8773ea5a639a3",
+      "name": "utilities/border-width/6",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12761,31 +11709,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1558",
+          "id": "VariableID:44029:1602",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1558",
+          "id": "VariableID:44029:1602",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1558",
+          "id": "VariableID:44029:1602",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1558",
+          "id": "VariableID:44029:1602",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1652": {
+    "VariableID:44029:1684": {
       "codeSyntax": {},
-      "description": "32px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1652",
-      "key": "09db6a41f52a67991584c60f6abaa6d5e8093c80",
-      "name": "utilities/sizing/8",
+      "id": "VariableID:44029:1684",
+      "key": "eb136d049f326fa54c6e167246ed2ad41d1ff115",
+      "name": "utilities/border-width/default",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -12793,607 +11741,608 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1560",
+          "id": "VariableID:44029:1599",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1560",
+          "id": "VariableID:44029:1599",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1560",
+          "id": "VariableID:44029:1599",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1560",
+          "id": "VariableID:44029:1599",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1653": {
+    "VariableID:44029:1685": {
       "codeSyntax": {},
-      "description": "40px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1653",
-      "key": "968eb622b44b289d9b975781c416eba1899ba3e6",
-      "name": "utilities/sizing/10",
+      "id": "VariableID:44029:1685",
+      "key": "d4b37b365ccfd2760f5b84f323bed6cc4c540b0a",
+      "name": "utilities/font-family/primary",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "STRING",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1562",
+          "id": "VariableID:43373:35452",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1562",
+          "id": "VariableID:43373:35452",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1562",
+          "id": "VariableID:44029:1632",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1562",
+          "id": "VariableID:47719:8519",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1654": {
+    "VariableID:44032:68245": {
       "codeSyntax": {},
-      "description": "48px",
+      "description": "Used for disabled state breadcrumb",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1654",
-      "key": "14f6214e6a8f132429ec78ba9c8fe145e23963cc",
-      "name": "utilities/sizing/12",
+      "id": "VariableID:44032:68245",
+      "key": "1085b71400b487a4428f521db8dd65cbc9e1d547",
+      "name": "utilities/color/icon-fill/neutral/400",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1564",
+          "id": "VariableID:43979:217",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1564",
+          "id": "VariableID:43979:217",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1564",
+          "id": "VariableID:43979:215",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1564",
+          "id": "VariableID:43979:215",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1655": {
+    "VariableID:44271:64020": {
       "codeSyntax": {},
-      "description": "64px",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1655",
-      "key": "2031a799409305aad1f204558674ea175f7d216a",
-      "name": "utilities/sizing/16",
+      "id": "VariableID:44271:64020",
+      "key": "7c16cf9956d3bb10b7f29ec67b56463f94d4236b",
+      "name": "components/sd-button/--primary/--default/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1566",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1566",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1566",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1566",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1656": {
+    "VariableID:44271:64186": {
       "codeSyntax": {},
-      "description": "96px",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1656",
-      "key": "2a99601815e07f2dc0b0d39f2a8e066c730c8af3",
-      "name": "utilities/sizing/24",
+      "id": "VariableID:44271:64186",
+      "key": "aee4db3a6b665581c4f1d456996f041dfe0b21e9",
+      "name": "components/sd-button/--secondary/--active/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1568",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1568",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1568",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1568",
+          "id": "VariableID:44336:5060",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1657": {
+    "VariableID:44271:64197": {
       "codeSyntax": {},
-      "description": "10px",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1657",
-      "key": "74e0dbbb3b3c92f2fb74ab459ed92e1609c350fe",
-      "name": "utilities/sizing/2,5",
+      "id": "VariableID:44271:64197",
+      "key": "8ce5ef0f81d677b65445868c636c98d54aa5505a",
+      "name": "components/sd-button/--primary/--active/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1614",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1614",
+          "id": "VariableID:43979:199",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1614",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1614",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1658": {
+    "VariableID:44271:64199": {
       "codeSyntax": {},
-      "description": "4px",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1658",
-      "key": "774c1a64e3e40c836996ffa4fd30cd5b4ca2e063",
-      "name": "utilities/spacing/1",
+      "id": "VariableID:44271:64199",
+      "key": "086b29fd0c7d608f06dc484610e44702280a2d0a",
+      "name": "components/sd-button/--secondary/--hover/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1553",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1553",
+          "id": "VariableID:43979:199",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1553",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1553",
+          "id": "VariableID:44336:5060",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1659": {
+    "VariableID:44271:64200": {
       "codeSyntax": {},
-      "description": "8px",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1659",
-      "key": "1feba4501d6f2fbe2ff013dd07f4f0211067575d",
-      "name": "utilities/spacing/2",
+      "id": "VariableID:44271:64200",
+      "key": "f7a683bfc1487780c9ee1dfa9b79cb0fbb4709ce",
+      "name": "components/sd-button/--tertiary/--hover/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1554",
+          "id": "VariableID:43979:259",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1554",
+          "id": "VariableID:43979:199",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1554",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1554",
+          "id": "VariableID:44336:5060",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1660": {
+    "VariableID:44283:64315": {
       "codeSyntax": {},
-      "description": "12px",
+      "deletedButReferenced": true,
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1660",
-      "key": "02c4347a3b0201514eb97db10969bf2706732c0b",
-      "name": "utilities/spacing/3",
+      "id": "VariableID:44283:64315",
+      "key": "76a616579a4463d3e8a0a53ddac6106ed84af529",
+      "name": "components/sd-button/--secondary/--inverted/--hover/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1555",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1555",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1555",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1555",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1661": {
+    "VariableID:44283:64318": {
       "codeSyntax": {},
-      "description": "16px",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1661",
-      "key": "88a7ca97af54ffa85846c6766f81ad71f7b549bd",
-      "name": "utilities/spacing/4",
+      "id": "VariableID:44283:64318",
+      "key": "57f57731db4780aedf07d11d382a358fa4bee2ce",
+      "name": "components/sd-button/--tertiary/--inverted/--hover/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1556",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1556",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1556",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1556",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1662": {
+    "VariableID:44283:64319": {
       "codeSyntax": {},
-      "description": "24px",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1662",
-      "key": "ab4880e91b8460488c7464931eb0f4e203cacb52",
-      "name": "utilities/spacing/6",
+      "id": "VariableID:44283:64319",
+      "key": "35ccb02535b869e54ae1b221e7d0bbaeaeb36629",
+      "name": "components/sd-button/--tertiary/--inverted/--active/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1558",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1558",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1558",
+          "id": "VariableID:43927:5035",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1558",
+          "id": "VariableID:44336:5060",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1663": {
+    "VariableID:44283:66900": {
       "codeSyntax": {},
-      "description": "32px",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1663",
-      "key": "82ed3c4a3204d7304cab5842cc2adf166143c522",
-      "name": "utilities/spacing/8",
+      "id": "VariableID:44283:66900",
+      "key": "d2b20d8fc3733dfb29f135275da12b3ef2535faf",
+      "name": "components/sd-footnotes/--target/--inverted/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1560",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1560",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1560",
+          "id": "VariableID:43979:200",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1560",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1664": {
+    "VariableID:44294:66968": {
       "codeSyntax": {},
-      "description": "40px",
+      "description": "Used for sd-link &amp; sd-interactive",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1664",
-      "key": "aa8d695db530448f82c30045112a34bf69a8d8e1",
-      "name": "utilities/spacing/10",
+      "id": "VariableID:44294:66968",
+      "key": "7ab103b271853d11828571c254572387f160dab5",
+      "name": "components/interactive/--active/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1562",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1562",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1562",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1562",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1665": {
+    "VariableID:44300:68046": {
       "codeSyntax": {},
-      "description": "48px",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1665",
-      "key": "9b1acc7552d901f9342a07f12344a0b22b843c2f",
-      "name": "utilities/spacing/12",
+      "id": "VariableID:44300:68046",
+      "key": "6fbd39626b9b92637de31ade8bf3c1c9b07c0d67",
+      "name": "components/sd-button/--primary/--inverted/--default/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1564",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1564",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1564",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1564",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1666": {
+    "VariableID:44300:68048": {
       "codeSyntax": {},
-      "description": "64px",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1666",
-      "key": "d8857751dbf6bebecd69d06678ded6131de518dc",
-      "name": "utilities/spacing/16",
+      "id": "VariableID:44300:68048",
+      "key": "9cbb2d02298eb4a9c2c19b3ac4a7f70a4307de44",
+      "name": "components/sd-button/--primary/--inverted/--default/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1566",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1566",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1566",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1566",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1667": {
+    "VariableID:44300:68555": {
       "codeSyntax": {},
-      "description": "80px",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1667",
-      "key": "1f894807a94dd587b51f4f7814b6211d2d5ab33a",
-      "name": "utilities/spacing/20",
+      "id": "VariableID:44300:68555",
+      "key": "25977a4c2c31947da54a53fdc0f3b066d5c290f5",
+      "name": "components/sd-button/--primary/--inverted/--hover/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1567",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1567",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1567",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1567",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1668": {
+    "VariableID:44300:68556": {
       "codeSyntax": {},
-      "description": "96px",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1668",
-      "key": "0bb3268a191ed1f097f86b9d29544315d381c868",
-      "name": "utilities/spacing/24",
+      "id": "VariableID:44300:68556",
+      "key": "399a8fcc44620ff84b32c7fa4bf70b7d3c99c702",
+      "name": "components/sd-button/--primary/--inverted/--hover/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1568",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1568",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1568",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1568",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1669": {
+    "VariableID:44300:68558": {
       "codeSyntax": {},
-      "description": "128px",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1669",
-      "key": "566bf68b741e2a398eaf3e7f56f22c798a92cdf8",
-      "name": "utilities/spacing/32",
+      "id": "VariableID:44300:68558",
+      "key": "31a5d5222c7a2badc70e18ebcfe738206ac54cc9",
+      "name": "components/sd-button/--primary/--inverted/--active/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1570",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1570",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1570",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1570",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1670": {
+    "VariableID:44300:68643": {
       "codeSyntax": {},
-      "description": "160px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1670",
-      "key": "66dab6b8b5decf0ad0e259269732c3b1ad07b1e1",
-      "name": "utilities/spacing/40",
+      "id": "VariableID:44300:68643",
+      "key": "65a8aa4e4b62aa7c9d93986097ddf2058423317e",
+      "name": "components/sd-button/--secondary/--inverted/--active/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1572",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1572",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1572",
+          "id": "VariableID:43979:200",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1572",
+          "id": "VariableID:44336:5060",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1671": {
+    "VariableID:44300:68678": {
       "codeSyntax": {},
-      "description": "2px",
+      "description": "sd-button&#39;s left right padding (except for icon-only &amp; loading variant)",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1671",
-      "key": "3eeb9af612e5c75e4742016bd5913fcadbc9d02e",
-      "name": "utilities/spacing/0,5",
+      "id": "VariableID:44300:68678",
+      "key": "e008b4506970545e2858f69abab0b192a10dc12c",
+      "name": "components/sd-button/padding-inline",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -13401,159 +12350,161 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1611",
+          "id": "VariableID:44029:1661",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1611",
+          "id": "VariableID:44029:1661",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1611",
+          "id": "VariableID:44029:1662",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1611",
+          "id": "VariableID:44029:1662",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1672": {
+    "VariableID:44318:23033": {
       "codeSyntax": {},
-      "description": "1px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1672",
-      "key": "b4708f9d6519657f125b308f99a6fdd11601098d",
-      "name": "utilities/spacing/0,25",
+      "id": "VariableID:44318:23033",
+      "key": "4a14a8798c292cfe193ea729b071d30bfff5c3e1",
+      "name": "components/sd-flag/--neutral-500/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1610",
+          "id": "VariableID:43979:218",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1610",
+          "id": "VariableID:43979:200",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1610",
+          "id": "VariableID:46408:70203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1610",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1673": {
+    "VariableID:44318:24450": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1673",
-      "key": "e12729c7e65db825928422197b337fb4e774b7fb",
-      "name": "utilities/spacing/1,5",
+      "id": "VariableID:44318:24450",
+      "key": "1953d85138da096ed84acc356147df3c9372fca3",
+      "name": "_todo/sd-tag/--tmplt/--default/color/border",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1612",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1612",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1612",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1612",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1674": {
+    "VariableID:44318:24451": {
       "codeSyntax": {},
-      "description": "4px Default radius for buttons",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1674",
-      "key": "c3a0b1bc1eb9971db19bb9e85e6799d2ba9c65e1",
-      "name": "utilities/rounded/default",
+      "id": "VariableID:44318:24451",
+      "key": "ec1c1771d5f2994a3bccadb04aef1b5d4af292f3",
+      "name": "_todo/sd-tag/--tmplt/--selected/color/border",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1604",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1604",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1604",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1604",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1675": {
+    "VariableID:44318:24496": {
       "codeSyntax": {},
-      "description": "2px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1675",
-      "key": "2c0633dc6179292d0b51a4fefb32e0d4b884fa3f",
-      "name": "utilities/rounded/sm",
+      "id": "VariableID:44318:24496",
+      "key": "32dc81414aeb4905c03a711b0b753178ad7fae64",
+      "name": "_todo/sd-tag/--tmplt/--selected/color/icon-fill",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1606",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1606",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1606",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1606",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1676": {
+    "VariableID:44318:2769": {
       "codeSyntax": {},
-      "description": "6px Inner focus outline",
+      "description": "64px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1676",
-      "key": "608623b68ac10f082b9151d2805d9518b1cdf8b5",
-      "name": "utilities/rounded/md",
+      "id": "VariableID:44318:2769",
+      "key": "48b30c1e243642f0e7ff09821c21f56ab253bc39",
+      "name": "utilities/sizing/20",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -13561,287 +12512,271 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1607",
+          "id": "VariableID:44029:1567",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1607",
+          "id": "VariableID:44029:1567",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1607",
+          "id": "VariableID:44029:1567",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1607",
+          "id": "VariableID:44029:1567",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1677": {
+    "VariableID:44336:4885": {
       "codeSyntax": {},
-      "description": "8px Outer focus outline",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1677",
-      "key": "631d3c50e37e5304ac2b74e9a35f4ace33b9a1b5",
-      "name": "utilities/rounded/lg",
+      "id": "VariableID:44336:4885",
+      "key": "efb16e30a8a9067ce9d15a6b13fa9b484001f849",
+      "name": "utilities/shadow/default/y",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:44029:1608",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:44029:1608",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44029:1608",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44029:1608",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 1,
+        "43174:14": 0,
+        "44883:0": 0,
+        "47719:0": 2
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1678": {
+    "VariableID:44336:4886": {
       "codeSyntax": {},
-      "description": "Radius for pill shape buttons",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1678",
-      "key": "4a8f3d014e161061a445f3c70c4ac514c691da01",
-      "name": "utilities/rounded/full",
+      "id": "VariableID:44336:4886",
+      "key": "146f3a35d89b00e4ffdaca68eeb2691fa4943f21",
+      "name": "utilities/shadow/default/blur",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:44029:1603",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:44029:1603",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44029:1603",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44029:1603",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 3,
+        "43174:14": 0,
+        "44883:0": 20,
+        "47719:0": 4
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1679": {
+    "VariableID:44336:4887": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1679",
-      "key": "2d506d0a26bdbd3d12737a2f20e8fad8760ff91e",
-      "name": "utilities/rounded/none",
+      "id": "VariableID:44336:4887",
+      "key": "5b84d24f672900916d49fbf9ae9b63831a078311",
+      "name": "utilities/shadow/sm/y",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:44029:1605",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:44029:1605",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44029:1605",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44029:1605",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 0.5,
+        "43174:14": 0.5,
+        "44883:0": 0.5,
+        "47719:0": 4
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1681": {
+    "VariableID:44336:4888": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1681",
-      "key": "b14008f1d7445ff2f4723d57966b189a2094e568",
-      "name": "utilities/border-width/2",
+      "id": "VariableID:44336:4888",
+      "key": "d84e3ab099588a8364c978615ca3dc77b0378594",
+      "name": "utilities/shadow/sm/spread",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:44029:1600",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:44029:1600",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44029:1600",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44029:1600",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 0,
+        "43174:14": 0,
+        "44883:0": 0,
+        "47719:0": -6
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:44336:4889": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:44336:4889",
+      "key": "7fc87a50f1ea70d1ea8b0a5a548691023a42693f",
+      "name": "utilities/shadow/sm/x",
+      "remote": false,
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": 0.5,
+        "43174:14": 0.5,
+        "44883:0": 0.5,
+        "47719:0": 0
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1682": {
+    "VariableID:44336:4890": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1682",
-      "key": "3ab70e94b5272c12f30e946c99fd3d209d269e4b",
-      "name": "utilities/border-width/4",
+      "id": "VariableID:44336:4890",
+      "key": "759b1f005c98c2a3273954e83d2e91bda71fd311",
+      "name": "utilities/shadow/sm/blur",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:44029:1601",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:44029:1601",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44029:1601",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44029:1601",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 1.5,
+        "43174:14": 1.5,
+        "44883:0": 1.5,
+        "47719:0": 12
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1683": {
+    "VariableID:44336:5060": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1683",
-      "key": "ece9c9fdba662c87817f51426def72a47755fcfe",
-      "name": "utilities/border-width/6",
+      "id": "VariableID:44336:5060",
+      "key": "1f8b01f05cfa31321e88e1793974a539abd5fccd",
+      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/0%",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1602",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:44029:1602",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "44883:0": {
-          "id": "VariableID:44029:1602",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:44029:1602",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1684": {
+    "VariableID:44336:5061": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1684",
-      "key": "4d30a9a2255c6d6edcb0ee1e71905b0d99975940",
-      "name": "utilities/border-width/default",
+      "id": "VariableID:44336:5061",
+      "key": "3af6be35815282057f9d7925d23ee76e886dea8b",
+      "name": "utilities/color/background/_gradient/neutral-800/40%",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1599",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.4000000059604645,
+          "b": 0.0941176488995552,
+          "g": 0.0941176488995552,
+          "r": 0.0941176488995552
         },
         "43174:14": {
-          "id": "VariableID:44029:1599",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.4000000059604645,
+          "b": 0.0941176488995552,
+          "g": 0.0941176488995552,
+          "r": 0.0941176488995552
         },
         "44883:0": {
-          "id": "VariableID:44029:1599",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:44029:1599",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44029:1685": {
+    "VariableID:44336:5062": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44029:1685",
-      "key": "7b62d5a1868a88e173e9b75527f48b8f1af5a6f2",
-      "name": "utilities/font-family/primary",
+      "id": "VariableID:44336:5062",
+      "key": "fdb74ceaef7d486f266021cf69391abc80b4dd48",
+      "name": "utilities/color/background/_gradient/neutral-800/0%",
       "remote": false,
-      "resolvedType": "STRING",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43373:35452",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 0.0941176488995552,
+          "g": 0.0941176488995552,
+          "r": 0.0941176488995552
         },
         "43174:14": {
-          "id": "VariableID:43373:35452",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 0.0941176488995552,
+          "g": 0.0941176488995552,
+          "r": 0.0941176488995552
         },
         "44883:0": {
-          "id": "VariableID:44029:1632",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:47719:8519",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44032:68245": {
+    "VariableID:44336:5063": {
       "codeSyntax": {},
-      "description": "Used for disabled state breadcrumb",
+      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44032:68245",
-      "key": "91581515ec9cde04ca3e6f01577f971797c0dc5c",
-      "name": "utilities/color/icon-fill/neutral/400",
+      "id": "VariableID:44336:5063",
+      "key": "37f24e81afb386283b1cadf543fbfd32c99146d3",
+      "name": "utilities/color/background/_gradient/neutral-800/10%",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -13849,31 +12784,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:217",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.10000000149011612,
+          "b": 0.0941176488995552,
+          "g": 0.0941176488995552,
+          "r": 0.0941176488995552
         },
         "43174:14": {
-          "id": "VariableID:43979:217",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.10000000149011612,
+          "b": 0.0941176488995552,
+          "g": 0.0941176488995552,
+          "r": 0.0941176488995552
         },
         "44883:0": {
-          "id": "VariableID:43979:215",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.10000000149011612,
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:43979:215",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.10000000149011612,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44271:64020": {
+    "VariableID:44336:5064": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44271:64020",
-      "key": "426edb584831a1f119530814dc5ec046c450f0d2",
-      "name": "components/sd-button/--primary/--default/color/text",
+      "id": "VariableID:44336:5064",
+      "key": "5950d82765ccd95455a31d94a08ca68f9b5292cd",
+      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/60%",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -13881,31 +12824,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:43979:204",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44271:64186": {
+    "VariableID:44336:5065": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44271:64186",
-      "key": "360ffb6bce9b0ae2b38d5317031a529e9f8776f1",
-      "name": "components/sd-button/--secondary/--active/color/background",
+      "id": "VariableID:44336:5065",
+      "key": "3e4966cf2df5417b93c3327b435f38d92a9790c1",
+      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/5%",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -13913,31 +12864,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:194",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.05000000074505806,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.05000000074505806,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "44883:0": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.05000000074505806,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:44336:5060",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.05000000074505806,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44271:64197": {
+    "VariableID:44336:5066": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44271:64197",
-      "key": "36d36c14e3507a8dca297684a8cda0928afd208e",
-      "name": "components/sd-button/--primary/--active/color/text",
+      "id": "VariableID:44336:5066",
+      "key": "285d1b283a167b07bb8a44c6165852fc078a2d0c",
+      "name": "utilities/color/background/_gradient/components/informational/gradient/--primary-800/background/color/60%",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -13945,31 +12904,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:194",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "43174:14": {
-          "id": "VariableID:43979:199",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "44883:0": {
-          "id": "VariableID:43979:194",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.5400000214576721,
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:43979:204",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.5400000214576721,
+          "b": 0,
+          "g": 0,
+          "r": 0
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44271:64199": {
+    "VariableID:44336:5067": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44271:64199",
-      "key": "35cadee759ba1c349af1a7c7bc0dd2042b05adbb",
-      "name": "components/sd-button/--secondary/--hover/color/background",
+      "id": "VariableID:44336:5067",
+      "key": "c61275a6e79736352c5c7973f472ee481004cc02",
+      "name": "utilities/color/background/_gradient/components/informational/gradient/--primary-800/background/color/75%",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -13977,31 +12944,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.75,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "43174:14": {
-          "id": "VariableID:43979:199",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.75,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "44883:0": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.5400000214576721,
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:44336:5060",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.5400000214576721,
+          "b": 0,
+          "g": 0,
+          "r": 0
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44271:64200": {
+    "VariableID:44336:5068": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44271:64200",
-      "key": "b815cba39a946c608c006df50a12bce9d801402c",
-      "name": "components/sd-button/--tertiary/--hover/color/background",
+      "id": "VariableID:44336:5068",
+      "key": "65305b0d7e12918bdc2c52e2f5383f6cdd7bac43",
+      "name": "utilities/color/background/_gradient/components/informational/gradient/--primary-800/background/color/0%",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -14009,31 +12984,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:259",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "43174:14": {
-          "id": "VariableID:43979:199",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "44883:0": {
-          "id": "VariableID:43979:259",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:44336:5060",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 0,
+          "g": 0,
+          "r": 0
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44283:64315": {
+    "VariableID:44336:5069": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44283:64315",
-      "key": "b62b608ec060e48ca7e556cde22976bb601b467b",
-      "name": "components/sd-button/--secondary/--inverted/--hover/color/text",
+      "id": "VariableID:44336:5069",
+      "key": "febece3832a1ceb16d013a9e44aa555a7bf3a9cb",
+      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/75%",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -14041,31 +13024,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.75,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.75,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "44883:0": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.75,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:43979:204",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.75,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44283:64318": {
+    "VariableID:44336:5070": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44283:64318",
-      "key": "85c0750d116f987914d7181d9e052d956b695805",
-      "name": "components/sd-button/--tertiary/--inverted/--hover/color/text",
+      "id": "VariableID:44336:5070",
+      "key": "a3f462e5c4f87eb06c13c5b1cfe020267115fc0d",
+      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/80%",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -14073,31 +13064,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "44883:0": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:43979:204",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44283:64319": {
+    "VariableID:44612:686": {
       "codeSyntax": {},
-      "description": "Default icon color ",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:44283:64319",
-      "key": "768894c0826c2ab55f4058b69b3b4469bbae35e2",
-      "name": "components/sd-button/--tertiary/--inverted/--active/color/background",
+      "description": "Deprecated?",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:44612:686",
+      "key": "2d5c160bc74ccfde75ae9d2c6e3dd7255596bcad",
+      "name": "components/sd-header/color/_shadow",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -14105,31 +13104,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:201",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.4000000059604645,
+          "b": 0.0941176488995552,
+          "g": 0.0941176488995552,
+          "r": 0.0941176488995552
         },
         "43174:14": {
-          "id": "VariableID:43979:201",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:43927:5035",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:44336:5060",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44283:66900": {
+    "VariableID:44625:20357": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44283:66900",
-      "key": "89db4e302337c20f32178f87850ad7c3310d6466",
-      "name": "components/sd-footnotes/--target/--inverted/color/background",
+      "id": "VariableID:44625:20357",
+      "key": "8dd82451a5329fee24211a0dd50533d683209672",
+      "name": "components/sd-button/--primary/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -14137,31 +13144,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:43979:264",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:200",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44294:66968": {
+    "VariableID:44650:19862": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44294:66968",
-      "key": "2b24e8c88da9729bbfbd136a34a11873dc2708c8",
-      "name": "components/interactive/--active/color/text",
+      "id": "VariableID:44650:19862",
+      "key": "6739f6a0fcbe0a1306bb4b48d44c869a294a53b6",
+      "name": "components/sd-tag/--selected/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -14169,31 +13176,33 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:43979:264",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:196",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44300:68046": {
+    "VariableID:44650:36908": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44300:68046",
-      "key": "b99eb8437836764529d32ae4cf7858bbbdd019a9",
-      "name": "components/sd-button/--primary/--inverted/--default/color/background",
+      "id": "VariableID:44650:36908",
+      "key": "cf67bd90cc7b472aadd474a683d34b530810e295",
+      "name": "components/sd-brandshape/--white/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -14201,31 +13210,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43373:35293",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43373:35293",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43373:35293",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:204",
+          "id": "VariableID:43373:35293",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44300:68048": {
+    "VariableID:44650:37065": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44300:68048",
-      "key": "a22a09ca14bd36c72157044c7b7567e48568e5a1",
-      "name": "components/sd-button/--primary/--inverted/--default/color/text",
+      "id": "VariableID:44650:37065",
+      "key": "6342f2f9e82014695c658d35bde1c629b30eb803",
+      "name": "components/sd-brandshape/--neutral-100/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -14233,31 +13242,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43373:35301",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43373:35301",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:43373:35301",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43373:35301",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44300:68555": {
+    "VariableID:44677:46587": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used for overlays",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44300:68555",
-      "key": "3f8879d9d5e5c3ee99d9cf9fa5747064e81e8d96",
-      "name": "components/sd-button/--primary/--inverted/--hover/color/background",
+      "id": "VariableID:44677:46587",
+      "key": "775e4d10889cae71573303b04bee751b14e7e497",
+      "name": "components/overlay/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -14265,31 +13274,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "43174:14": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "44883:0": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:43979:204",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 0,
+          "g": 0,
+          "r": 0
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44300:68556": {
+    "VariableID:44762:16901": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44300:68556",
-      "key": "5c97276fdefd6114c419075380cc33c8cb139fc2",
-      "name": "components/sd-button/--primary/--inverted/--hover/color/text",
+      "id": "VariableID:44762:16901",
+      "key": "53d43cf740406c0c26217cf784a5d4bf61a541d1",
+      "name": "components/sd-button/--primary/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -14301,11 +13318,11 @@
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:43979:199",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -14315,13 +13332,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44300:68558": {
+    "VariableID:44837:15833": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44300:68558",
-      "key": "0f06ca525a60b70267dd6d702fe05091244a6367",
-      "name": "components/sd-button/--primary/--inverted/--active/color/text",
+      "id": "VariableID:44837:15833",
+      "key": "fde333e00596ed6f139c1c1a28386b3c8878bac3",
+      "name": "components/informational/gradient/--white/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -14329,7 +13346,7 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:43373:35293",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
@@ -14337,23 +13354,23 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:43373:35293",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:43373:35293",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44300:68643": {
+    "VariableID:44837:7261": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44300:68643",
-      "key": "b58027bd08bf5d26ff2013bb20587cd4a5a9f4cf",
-      "name": "components/sd-button/--secondary/--inverted/--active/color/background",
+      "id": "VariableID:44837:7261",
+      "key": "e3f42edc6b205e0fc08d3369c4f5b45e01820680",
+      "name": "components/informational/gradient/--primary-800/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -14369,23 +13386,23 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5035",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44336:5060",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44300:68678": {
+    "VariableID:44883:20780": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44300:68678",
-      "key": "e970f17b81de9aad0c0ab917a251d8f3452883de",
-      "name": "_todo/components/sd-button/_todo/spacing/left-right",
+      "id": "VariableID:44883:20780",
+      "key": "28c4b97217478aa38d5e73197f9f4567e5302291",
+      "name": "components/sd-button/--size/md/font-size",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -14393,892 +13410,708 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44318:23033": {
+    "VariableID:44883:24608": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Top bottom padding for sd-button md variant",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44318:23033",
-      "key": "138f4ecce793a3ebf4c317980462aa365b589465",
-      "name": "components/sd-flag/--neutral-500/color/background",
+      "id": "VariableID:44883:24608",
+      "key": "287cff68bec7f2c09e35dd6aa5356434675d56aa",
+      "name": "components/sd-button/--size/md/padding-block",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:44029:1659",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:200",
+          "id": "VariableID:44029:1659",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70203",
+          "id": "VariableID:54572:8960",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:44029:1659",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44318:24450": {
+    "VariableID:44883:24906": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44318:24450",
-      "key": "df1e80eecaa526710336575143a4ac639359e8e2",
-      "name": "_todo/sd-tag/--tmplt/--default/color/border",
+      "id": "VariableID:44883:24906",
+      "key": "4162a621f09dc643a5a50b52beb6b58b3b9e2cf8",
+      "name": "components/sd-button/--size/md/border-radius",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:201",
+          "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:201",
+          "id": "VariableID:44029:1678",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:44029:1678",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44318:24451": {
+    "VariableID:44883:47306": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44318:24451",
-      "key": "a45a75ad6d6bf12234c110f01678705d385278a4",
-      "name": "_todo/sd-tag/--tmplt/--selected/color/border",
+      "id": "VariableID:44883:47306",
+      "key": "49b32f2d7b20d94e792f306722d632e7343afa12",
+      "name": "VB/status/success",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:201",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.21176470816135406,
+          "g": 0.45098039507865906,
+          "r": 0.0470588244497776
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44318:24496": {
+    "VariableID:44883:47307": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44318:24496",
-      "key": "f4eb254067dbaf76a73b2b0517c60a37e760b2ab",
-      "name": "_todo/sd-tag/--tmplt/--selected/color/icon-fill",
+      "id": "VariableID:44883:47307",
+      "key": "c73dd25a8952d74f31fa711e976b8516b5e284c3",
+      "name": "VB/status/error",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:203",
-          "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": 0,
+          "g": 0,
+          "r": 0.8235294222831726
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44318:2769": {
+    "VariableID:44883:47308": {
       "codeSyntax": {},
-      "description": "64px",
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:44883:47308",
+      "key": "997058e84d530591c306aad7021e3fb1b23f09de",
+      "name": "VB/status/warning",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.003921568859368563,
+          "g": 0.3686274588108063,
+          "r": 0.9529411792755127
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:44917:19938": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:44917:19938",
+      "key": "947a56eadb3c4a8c37c5037840506cb688edb40a",
+      "name": "VB/vermillion/50",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.7803921699523926,
+          "g": 0.8588235378265381,
+          "r": 0.9607843160629272
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:44917:19939": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:44917:19939",
+      "key": "08eb847391204883693c286a2f09755489805329",
+      "name": "VB/vermillion/100",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.6980392336845398,
+          "g": 0.8039215803146362,
+          "r": 0.95686274766922
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:44917:19940": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:44917:19940",
+      "key": "b4e4fe55116959378393b831fabb54f7254c29a7",
+      "name": "VB/vermillion/200",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.5686274766921997,
+          "g": 0.7137255072593689,
+          "r": 0.9607843160629272
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:44917:19941": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:44917:19941",
+      "key": "965406f60b81e55def39fecfec2175121d8761aa",
+      "name": "VB/vermillion/300",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.4000000059604645,
+          "g": 0.6039215922355652,
+          "r": 0.9686274528503418
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:44917:19942": {
+      "codeSyntax": {},
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44318:2769",
-      "key": "57f863c6c7d713426244f6659b42482f34a56507",
-      "name": "utilities/sizing/20",
+      "id": "VariableID:44917:19942",
+      "key": "0d81b0168821c4f0f08842f429c32e68102b748e",
+      "name": "VB/vermillion/400",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:44029:1567",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:44029:1567",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44029:1567",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44029:1567",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.22745098173618317,
+          "g": 0.4941176474094391,
+          "r": 0.9764705896377563
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:4885": {
+    "VariableID:44917:19943": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Generated with https://www.tints.dev/palette/v1:cnVieXxGMzVFMDF8NTAwfHB8NXwtNHwxM3w5Mnxt",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:4885",
-      "key": "e1e9403c69c2cd8b996e6184248962988dd94237",
-      "name": "utilities/shadow/default/y",
+      "id": "VariableID:44917:19943",
+      "key": "d2b43292ad970b1b1a3a7b829eb96d60fcacf201",
+      "name": "VB/vermillion/500",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": 1,
-        "43174:14": 0,
-        "44883:0": 0,
-        "47719:0": 4
+        "43138:0": {
+          "a": 1,
+          "b": 0.003921568859368563,
+          "g": 0.3686274588108063,
+          "r": 0.9529411792755127
+        }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:4886": {
+    "VariableID:44917:19944": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:4886",
-      "key": "fa90bc04ba379ae8e7bcd16681388407d3741bf5",
-      "name": "utilities/shadow/default/blur",
+      "id": "VariableID:44917:19944",
+      "key": "a04bf4d213ad5e01bd69d342385735f9ba703fd2",
+      "name": "VB/vermillion/600",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": 3,
-        "43174:14": 0,
-        "44883:0": 20,
-        "47719:0": 12
+        "43138:0": {
+          "a": 1,
+          "b": 0.12800000607967377,
+          "g": 0.3302564024925232,
+          "r": 0.671999990940094
+        }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:4887": {
+    "VariableID:44917:19945": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:4887",
-      "key": "82316328e37814cd6b892e24a4d5395a1a5f7f51",
-      "name": "utilities/shadow/sm/y",
+      "id": "VariableID:44917:19945",
+      "key": "389bf7b1ab0883df3cb7928352c0dac455f6f353",
+      "name": "VB/vermillion/700",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": 0.5,
-        "43174:14": 0.5,
-        "44883:0": 0.5,
-        "47719:0": 4
+        "43138:0": {
+          "a": 1,
+          "b": 0.125490203499794,
+          "g": 0.3137255012989044,
+          "r": 0.572549045085907
+        }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:4888": {
+    "VariableID:44917:19946": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:4888",
-      "key": "ad6eba0c2c866ef534e09abd7d561b3d91ec7e36",
-      "name": "utilities/shadow/sm/spread",
+      "id": "VariableID:44917:19946",
+      "key": "72d24c2067494638daa828b0bc12eada9cf954a7",
+      "name": "VB/vermillion/800",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": 0,
-        "43174:14": 0,
-        "44883:0": 0,
-        "47719:0": -6
+        "43138:0": {
+          "a": 1,
+          "b": 0.11372549086809158,
+          "g": 0.24705882370471954,
+          "r": 0.4117647111415863
+        }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:4889": {
+    "VariableID:44917:19947": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:4889",
-      "key": "0bdd64eb721473fabffe2c800f378f7a73442f5f",
-      "name": "utilities/shadow/sm/x",
+      "id": "VariableID:44917:19947",
+      "key": "c973de69eab0a51cee9fbbbe60449714b0b8859f",
+      "name": "VB/vermillion/900",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": 0.5,
-        "43174:14": 0.5,
-        "44883:0": 0.5,
-        "47719:0": 0
+        "43138:0": {
+          "a": 1,
+          "b": 0.0941176488995552,
+          "g": 0.18431372940540314,
+          "r": 0.2862745225429535
+        }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:4890": {
+    "VariableID:44917:19948": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:4890",
-      "key": "4fc25da1eb609c69488916f335f44fe99d536cec",
-      "name": "utilities/shadow/sm/blur",
+      "id": "VariableID:44917:19948",
+      "key": "a4ca6c5c4fa017dd1456c5293028e816f4d1389d",
+      "name": "VB/vermillion/950",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": 1.5,
-        "43174:14": 1.5,
-        "44883:0": 1.5,
-        "47719:0": 12
+        "43138:0": {
+          "a": 1,
+          "b": 0.08627451211214066,
+          "g": 0.16078431904315948,
+          "r": 0.22745098173618317
+        }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:5060": {
+    "VariableID:44917:20144": {
       "codeSyntax": {},
-      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:5060",
-      "key": "e197e56727fdea5bcd63d82faaca3730c7170fa2",
-      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/0%",
+      "id": "VariableID:44917:20144",
+      "key": "e4cd5d1f44e76d5588ef6b7cd63f9e3534949ddf",
+      "name": "VB/black",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "43174:14": {
-          "a": 0,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        },
-        "44883:0": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "47719:0": {
-          "a": 0,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
+        "43138:0": {
+          "a": 0.8600000143051147,
+          "b": 0,
+          "g": 0,
+          "r": 0
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:5061": {
+    "VariableID:44917:20145": {
       "codeSyntax": {},
-      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:5061",
-      "key": "ed80fd61fcbe42337f57c0cf621850313615d3ad",
-      "name": "utilities/color/background/_gradient/neutral-800/40%",
+      "id": "VariableID:44917:20145",
+      "key": "990fb9c4ce55cd9860a48a1a2587de7379c74671",
+      "name": "VB/grey/620",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": {
-          "a": 0.4000000059604645,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        },
-        "43174:14": {
-          "a": 0.4000000059604645,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        },
-        "44883:0": {
-          "a": 0,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        },
-        "47719:0": {
-          "a": 0,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 0.6200000047683716,
+          "b": 0,
+          "g": 0,
+          "r": 0
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:5062": {
+    "VariableID:44917:20154": {
       "codeSyntax": {},
-      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:5062",
-      "key": "ae06ea99311b2a474d458a9c1b4d392754a88a28",
-      "name": "utilities/color/background/_gradient/neutral-800/0%",
+      "id": "VariableID:44917:20154",
+      "key": "5db147f99547fa7ae2c61bc821512293e2938353",
+      "name": "VB/white/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        },
-        "43174:14": {
-          "a": 0,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        },
-        "44883:0": {
-          "a": 0,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        },
-        "47719:0": {
-          "a": 0,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
+        "43138:0": {
+          "a": 1,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:5063": {
+    "VariableID:44917:20155": {
       "codeSyntax": {},
-      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:5063",
-      "key": "6810746af44fefb027aef25ec03a952e67819ad3",
-      "name": "utilities/color/background/_gradient/neutral-800/10%",
+      "id": "VariableID:44917:20155",
+      "key": "54d8f6d9db9bbed7a3e6fa33fe31d060be4243cd",
+      "name": "VB/status/success-bg-alternative",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.10000000149011612,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        },
-        "43174:14": {
-          "a": 0.10000000149011612,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        },
-        "44883:0": {
-          "a": 0.10000000149011612,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        },
-        "47719:0": {
-          "a": 0.10000000149011612,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
+        "43138:0": {
+          "a": 1,
+          "b": 0.9098039269447327,
+          "g": 0.8784313797950745,
+          "r": 0.8509804010391235
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:5064": {
+    "VariableID:44917:20156": {
       "codeSyntax": {},
-      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:5064",
-      "key": "b5601f46ca117f90af8bce7b34bfb6528a882917",
-      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/60%",
+      "id": "VariableID:44917:20156",
+      "key": "7a2a752a899d8bf49643b52f12951c91b891bc1d",
+      "name": "VB/status/error-bg",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "43174:14": {
-          "a": 0.6000000238418579,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        },
-        "44883:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
+        "43138:0": {
+          "a": 1,
+          "b": 0.929411768913269,
+          "g": 0.929411768913269,
+          "r": 0.9921568632125854
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:5065": {
+    "VariableID:44917:20158": {
       "codeSyntax": {},
-      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:5065",
-      "key": "f3a1cc9a85d22d9d3922a8cc1c5739ac3acffe84",
-      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/5%",
+      "id": "VariableID:44917:20158",
+      "key": "659212f171deeeb1328b08d64f9d3e1d6e4f5b46",
+      "name": "VB/status/warning-bg",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.05000000074505806,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "43174:14": {
-          "a": 0.05000000074505806,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        },
-        "44883:0": {
-          "a": 0.05000000074505806,
-          "b": 1,
-          "g": 1,
+        "43138:0": {
+          "a": 1,
+          "b": 0.8784313797950745,
+          "g": 0.9607843160629272,
           "r": 1
-        },
-        "47719:0": {
-          "a": 0.05000000074505806,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:5066": {
+    "VariableID:44921:10563": {
       "codeSyntax": {},
-      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:44336:5066",
-      "key": "4f435c9f34678bf6aa05dd9f12e4ed36e95064c8",
-      "name": "utilities/color/background/_gradient/components/informational/gradient/--primary-800/background/color/60%",
+      "description": "",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:44921:10563",
+      "key": "e5f4bc1f5a86ad9dffa6bf0e907a6755a27a189b",
+      "name": "components/sd-button/--size/lg/icon/height",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0.6000000238418579,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
+          "id": "VariableID:44029:1651",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0.6000000238418579,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
+          "id": "VariableID:44029:1651",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.5400000214576721,
-          "b": 0,
-          "g": 0,
-          "r": 0
+          "id": "VariableID:44029:1650",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.5400000214576721,
-          "b": 0,
-          "g": 0,
-          "r": 0
+          "id": "VariableID:44029:1651",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44336:5067": {
+    "VariableID:44921:14699": {
       "codeSyntax": {},
-      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
+      "description": "F5F7F9 100%",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:5067",
-      "key": "bab93ed766eab4c7ec6e0775a08b5ee21f36f901",
-      "name": "utilities/color/background/_gradient/components/informational/gradient/--primary-800/background/color/75%",
+      "id": "VariableID:44921:14699",
+      "key": "735fcb74246dea97f97e56fc798a810ffb935b3a",
+      "name": "VB/grey/50",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.75,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        },
-        "43174:14": {
-          "a": 0.75,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        },
-        "44883:0": {
-          "a": 0.5400000214576721,
-          "b": 0,
-          "g": 0,
-          "r": 0
-        },
-        "47719:0": {
-          "a": 0.5400000214576721,
-          "b": 0,
-          "g": 0,
-          "r": 0
+        "43138:0": {
+          "a": 1,
+          "b": 0.9764705896377563,
+          "g": 0.9686274528503418,
+          "r": 0.9607843160629272
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:44921:14700": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:44921:14700",
+      "key": "d2916ee1dcfdf5c18fb9595fbc2832c1cfb89c46",
+      "name": "VB/grey/100",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.9764705896377563,
+          "g": 0.9686274528503418,
+          "r": 0.9607843160629272
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:5068": {
+    "VariableID:44921:14701": {
       "codeSyntax": {},
-      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:5068",
-      "key": "4cd5988714807b4824a1faff2b083b322bf02bfc",
-      "name": "utilities/color/background/_gradient/components/informational/gradient/--primary-800/background/color/0%",
+      "id": "VariableID:44921:14701",
+      "key": "88efc5b6bd08d487430ef9de4e13ead5240200dd",
+      "name": "VB/grey/200",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        },
-        "43174:14": {
-          "a": 0,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        },
-        "44883:0": {
-          "a": 0,
-          "b": 0,
-          "g": 0,
-          "r": 0
-        },
-        "47719:0": {
-          "a": 0,
-          "b": 0,
-          "g": 0,
-          "r": 0
+        "43138:0": {
+          "a": 1,
+          "b": 0.9098039269447327,
+          "g": 0.8784313797950745,
+          "r": 0.8509804010391235
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:5069": {
+    "VariableID:44921:14702": {
       "codeSyntax": {},
-      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:5069",
-      "key": "e5dfcdc4955593aa537b56e311b871cdac0ddc0e",
-      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/75%",
+      "id": "VariableID:44921:14702",
+      "key": "9cc6b7e08c539b1c0c4b2adfe27faad2303e10d6",
+      "name": "VB/grey/300",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.75,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "43174:14": {
-          "a": 0.75,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        },
-        "44883:0": {
-          "a": 0.75,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "47719:0": {
-          "a": 0.75,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
+        "43138:0": {
+          "a": 1,
+          "b": 0.8823529481887817,
+          "g": 0.8352941274642944,
+          "r": 0.800000011920929
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44336:5070": {
+    "VariableID:44921:14703": {
       "codeSyntax": {},
-      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44336:5070",
-      "key": "b5678b4674df0a0ffedc04df7284cd318165a6ec",
-      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/80%",
+      "id": "VariableID:44921:14703",
+      "key": "0a0e5aa620abc5a59213a5659341cd496c5c8ade",
+      "name": "VB/grey/400",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.800000011920929,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "43174:14": {
-          "a": 0.800000011920929,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        },
-        "44883:0": {
-          "a": 0.800000011920929,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "47719:0": {
-          "a": 0.800000011920929,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
+        "43138:0": {
+          "a": 1,
+          "b": 0.8509804010391235,
+          "g": 0.7921568751335144,
+          "r": 0.7490196228027344
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44612:686": {
+    "VariableID:44921:14704": {
       "codeSyntax": {},
-      "description": "Deprecated?",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:44612:686",
-      "key": "ff02c47c557ae5124d4491ef436e0495922c929b",
-      "name": "components/sd-header/color/_shadow",
+      "description": "disabled",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:44921:14704",
+      "key": "b1b7a19b872602f3d58aaf1e86b7c9652e368ab5",
+      "name": "VB/grey/500",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.4000000059604645,
-          "b": 0.0941176488995552,
-          "g": 0.0941176488995552,
-          "r": 0.0941176488995552
-        },
-        "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "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
+        "43138:0": {
+          "a": 0.6499999761581421,
+          "b": 0,
+          "g": 0,
+          "r": 0
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44612:9948": {
+    "VariableID:44921:14705": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "",
+      "description": "foreground-secondary-text",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44612:9948",
-      "key": "47cd63d49c578cd9ac1789dff0e9efdd9e984064",
-      "name": "components/sd-audio/--inverted/color/border",
+      "id": "VariableID:44921:14705",
+      "key": "b16719a6ecfe0a5c4c9569c3fcd0fa809794ebe9",
+      "name": "VB/grey/600",
       "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:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.3490196168422699,
+          "g": 0.3490196168422699,
+          "r": 0.3490196168422699
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44625:20357": {
+    "VariableID:44921:14706": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44625:20357",
-      "key": "31bba1f507150a2fffcecd84c187e13a78236e74",
-      "name": "components/sd-button/--primary/--default/color/background",
+      "id": "VariableID:44921:14706",
+      "key": "b451e725016ca955fee4ce969357ea7ca017bbb4",
+      "name": "VB/grey/700",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:264",
-          "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:202",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 0.6499999761581421,
+          "b": 0,
+          "g": 0,
+          "r": 0
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44650:19862": {
+    "VariableID:44921:14707": {
       "codeSyntax": {},
-      "description": "",
+      "description": "foreground-text",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44650:19862",
-      "key": "97b23239ce016ac7f4a8eeb2fe5936e47293f17c",
-      "name": "components/sd-tag/--selected/--default/color/background",
+      "id": "VariableID:44921:14707",
+      "key": "fc7fe2691aa1f3d34ec3aaeca4d752421c4e4612",
+      "name": "VB/grey/800",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:264",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:194",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+        "43138:0": {
+          "a": 0.6499999761581421,
+          "b": 0,
+          "g": 0,
+          "r": 0
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44650:36908": {
+    "VariableID:44921:14810": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44650:36908",
-      "key": "0790cdc626c0b370bc53c4e1134d53fcd25b2b50",
-      "name": "components/sd-brandshape/--white/color/background",
+      "id": "VariableID:44921:14810",
+      "key": "63a1e9594583c043fc3229b0e984e912efb36620",
+      "name": "components/sd-accordion/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -15286,63 +14119,54 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43373:35293",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43373:35293",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43373:35293",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43373:35293",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44650:37065": {
+    "VariableID:44921:21016": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Is this used in code?",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44650:37065",
-      "key": "fe3e8308de68911d8f7f082a91b56365250a7aad",
-      "name": "components/sd-brandshape/--neutral-100/color/background",
+      "id": "VariableID:44921:21016",
+      "key": "929621b97dc088c4d0bd82239eecdca27dd51276",
+      "name": "components/sd-header/padding-bottom",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43373:35301",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43373:35301",
-          "type": "VARIABLE_ALIAS"
-        },
+        "43174:13": 0,
+        "43174:14": 0,
         "44883:0": {
-          "id": "VariableID:43373:35301",
+          "id": "VariableID:44029:1671",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": {
-          "id": "VariableID:43373:35301",
-          "type": "VARIABLE_ALIAS"
-        }
+        "47719:0": 0
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44677:46587": {
+    "VariableID:44921:22299": {
       "codeSyntax": {},
-      "description": "Used for overlays",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44677:46587",
-      "key": "8a4b4d185b7c58947aa87b02d99a500c59207748",
-      "name": "components/overlay/color/background",
+      "id": "VariableID:44921:22299",
+      "key": "e30ffbb7c3ab0919cca10fb36b195403be92e950",
+      "name": "components/sd-accordion/__indicator/color",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -15350,135 +14174,128 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0.8999999761581421,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
+          "id": "VariableID:43979:294",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0.8999999761581421,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
+          "id": "VariableID:43979:294",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.20000000298023224,
-          "b": 0,
-          "g": 0,
-          "r": 0
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "a": 0.20000000298023224,
-          "b": 0,
-          "g": 0,
-          "r": 0
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44762:16901": {
+    "VariableID:44921:22300": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Top bottom padding for sd-accordion ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44762:16901",
-      "key": "d69c5ddcf1b40c1588df085f4fb2105ba9ad6158",
-      "name": "components/sd-button/--primary/--hover/color/background",
+      "id": "VariableID:44921:22300",
+      "key": "d1ecce552a8e266bbc4edf79b8598149e440feb6",
+      "name": "components/sd-accordion/padding-block",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:44029:1660",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:193",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:198",
+          "id": "VariableID:44029:1660",
           "type": "VARIABLE_ALIAS"
         },
+        "44883:0": 15,
         "47719:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:44029:1661",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44837:15833": {
+    "VariableID:44921:22302": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44837:15833",
-      "key": "64bc28bc975cb3850ec4d5110e97569aa0028c00",
-      "name": "components/informational/gradient/--white/color/background",
+      "id": "VariableID:44921:22302",
+      "key": "f861db5e6d60fd31ea91a6ccc83d22025e3dd3d5",
+      "name": "components/sd-accordion/border-width",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43373:35293",
+          "id": "VariableID:48719:146279",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:48719:146279",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43373:35293",
+          "id": "VariableID:47226:13298",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43373:35293",
+          "id": "VariableID:48719:146279",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44837:7261": {
+    "VariableID:44921:4592": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44837:7261",
-      "key": "ffa238263d4568d7c80a0cbf7e8c5dd858cdd738",
-      "name": "components/informational/gradient/--primary-800/color/background",
+      "id": "VariableID:44921:4592",
+      "key": "94e39aa52faf3303dbfd1454a693f02fd7789d45",
+      "name": "components/sd-button/--size/lg/font-size",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44883:20780": {
+    "VariableID:44921:4593": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44883:20780",
-      "key": "d320311b5a6f2be3859d0fc7c644d8e1d6bdf9d1",
-      "name": "components/sd-button/--size/md/font-size",
+      "id": "VariableID:44921:4593",
+      "key": "fb3118610bd63f6251f32c7bb5105cff1ae4173a",
+      "name": "components/sd-button/border-radius",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -15486,31 +14303,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:47899:5276",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:47899:5276",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:44029:1678",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:44029:1678",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44883:24608": {
+    "VariableID:44921:4594": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Top bottom padding for sd-button lg variant",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44883:24608",
-      "key": "c4c862d0ec6f34585a320fc84cf20ac89070a12f",
-      "name": "components/sd-button/--size/md/padding-block",
+      "id": "VariableID:44921:4594",
+      "key": "fb4096cdda55d1472f86844369a69559e5f51025",
+      "name": "components/sd-button/--size/lg/padding-block",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -15518,707 +14335,896 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1659",
+          "id": "VariableID:44029:1660",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1659",
+          "id": "VariableID:44029:1660",
           "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"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44883:24906": {
+    "VariableID:44953:13157": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44883:24906",
-      "key": "f82e884915a4d7b05aa2e142c290778c68a42cd2",
-      "name": "components/sd-button/--size/md/border-radius",
+      "id": "VariableID:44953:13157",
+      "key": "d953a08c78a4e3de3ed66ff7d633805402e7023a",
+      "name": "components/sd-button/font-weight",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "STRING",
       "scopes": [
-        "ALL_SCOPES"
+        "FONT_STYLE"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:44953:15244",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:44953:15244",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:44953:15245",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:47805:4779",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44883:47306": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:44883:47306",
-      "key": "95c8c70899f7d7e55444b323c095b12bb4985ed5",
-      "name": "VB/status/success",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.21176470816135406,
-          "g": 0.45098039507865906,
-          "r": 0.0470588244497776
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:44883:47307": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:44883:47307",
-      "key": "d59d5615a16f15379f357241f4c66927aaef69ba",
-      "name": "VB/status/error",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0,
-          "g": 0,
-          "r": 0.8235294222831726
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:44883:47308": {
+    "VariableID:44953:15244": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44883:47308",
-      "key": "93c2c9ff5347e23b3cd92d1cecf3f2e79d770f93",
-      "name": "VB/status/warning",
+      "id": "VariableID:44953:15244",
+      "key": "30bd23926bd57835eb59a7b62404c6cfe55f6856",
+      "name": "utilities/font-weight/normal",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "STRING",
+      "scopes": [
+        "FONT_STYLE"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.003921568859368563,
-          "g": 0.3686274588108063,
-          "r": 0.9529411792755127
+        "43174:13": {
+          "id": "VariableID:44029:1630",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1630",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:47835:23074",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47805:4778",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44917:19938": {
+    "VariableID:44953:15245": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:19938",
-      "key": "a72612d1fe1fee68c660686738e0c5afa1aa0667",
-      "name": "VB/vermillion/50",
+      "id": "VariableID:44953:15245",
+      "key": "577c98d84094736eaccaa165aa0a862af2a92f1c",
+      "name": "utilities/font-weight/bold",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "STRING",
+      "scopes": [
+        "FONT_STYLE"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.7803921699523926,
-          "g": 0.8588235378265381,
-          "r": 0.9607843160629272
+        "43174:13": {
+          "id": "VariableID:44029:1631",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1631",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:47835:23075",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47805:4780",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44917:19939": {
+    "VariableID:44966:21201": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:19939",
-      "key": "a69949674316d2e5c79f973f5d2c9b683c826172",
-      "name": "VB/vermillion/100",
+      "id": "VariableID:44966:21201",
+      "key": "e2934440b1e5de4619dca2abdc96fe06cc82ce5d",
+      "name": "theme/_icon-set",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "STRING",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.6980392336845398,
-          "g": 0.8039215803146362,
-          "r": 0.95686274766922
-        }
+        "43174:13": "ui",
+        "43174:14": "ui",
+        "44883:0": "VB",
+        "47719:0": "kid"
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44917:19940": {
+    "VariableID:44973:32108": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:19940",
-      "key": "bab2ed981dcf08267d5af8adba7fdeac4acc6da6",
-      "name": "VB/vermillion/200",
+      "id": "VariableID:44973:32108",
+      "key": "34c08a8bceb7645f6e9af10518e24637a3247af2",
+      "name": "theme/name",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "STRING",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.5686274766921997,
-          "g": 0.7137255072593689,
-          "r": 0.9607843160629272
-        }
+        "43174:13": "UI Light",
+        "43174:14": "UI Dark",
+        "44883:0": "VB",
+        "47719:0": "kid"
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44917:19941": {
+    "VariableID:45014:30581": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:19941",
-      "key": "3c4950b18b5871efd40fce1784764b681120e229",
-      "name": "VB/vermillion/300",
+      "id": "VariableID:45014:30581",
+      "key": "f936bc1e3f1354e27be57f4e14c4aea123d98347",
+      "name": "components/navigable/__current-indicator/border-radius",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.4000000059604645,
-          "g": 0.6039215922355652,
-          "r": 0.9686274528503418
+        "43174:13": 0,
+        "43174:14": 0,
+        "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:44917:19942": {
+    "VariableID:45014:30582": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:19942",
-      "key": "8fa4d1d54846c34a920ea604886363a31718be5d",
-      "name": "VB/vermillion/400",
+      "id": "VariableID:45014:30582",
+      "key": "bcab72c5c17fc0b9eaf64c4295e2cb2f3ae60671",
+      "name": "components/navigable/__current-indicator/height",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.22745098173618317,
-          "g": 0.4941176474094391,
-          "r": 0.9764705896377563
-        }
+        "43174:13": {
+          "id": "VariableID:44029:1658",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1658",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": 3,
+        "47719:0": 3
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44917:19943": {
+    "VariableID:45014:30944": {
       "codeSyntax": {},
-      "description": "Generated with https://www.tints.dev/palette/v1:cnVieXxGMzVFMDF8NTAwfHB8NXwtNHwxM3w5Mnxt",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:19943",
-      "key": "4a4e70145be75f37bc265c7b2b131b3993e6ad4c",
-      "name": "VB/vermillion/500",
+      "id": "VariableID:45014:30944",
+      "key": "38dc0696014ed676340167e7963b7d398cc54f55",
+      "name": "components/sd-navigation-item/color/text",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.003921568859368563,
-          "g": 0.3686274588108063,
-          "r": 0.9529411792755127
+        "43174:13": {
+          "id": "VariableID:43979:272",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:272",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:225",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:202",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44917:19944": {
+    "VariableID:45014:35870": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:19944",
-      "key": "fd8d683f22943e103d57533fe049da90c400c7fd",
-      "name": "VB/vermillion/600",
+      "id": "VariableID:45014:35870",
+      "key": "f14c9d447b13873d1dc241d39ade1cb6e8f8933c",
+      "name": "components/navigable/border-radius",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.12800000607967377,
-          "g": 0.3302564024925232,
-          "r": 0.671999990940094
+        "43174:13": 0,
+        "43174:14": 0,
+        "44883:0": {
+          "id": "VariableID:44029:1675",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1675",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44917:19945": {
+    "VariableID:45014:36471": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:19945",
-      "key": "10deeaad24113b0198050adcda0538de6e0e3dfc",
-      "name": "VB/vermillion/700",
+      "id": "VariableID:45014:36471",
+      "key": "c4f1c94d09ce7754a04eade38f29bcc607feac69",
+      "name": "components/navigable/font-size",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.125490203499794,
-          "g": 0.3137255012989044,
-          "r": 0.572549045085907
+        "43174:13": {
+          "id": "VariableID:47899:5276",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:47899:5276",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:47899:5274",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:47899:5274",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44917:19946": {
+    "VariableID:45046:31063": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:19946",
-      "key": "1d2467905d6d170bc0626cc8b78dbfa7682dd31c",
-      "name": "VB/vermillion/800",
+      "id": "VariableID:45046:31063",
+      "key": "17351c96552b943d9f574d44826fd106d9404992",
+      "name": "utilities/shadow/default/x",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.11372549086809158,
-          "g": 0.24705882370471954,
-          "r": 0.4117647111415863
-        }
+        "43174:13": 0,
+        "43174:14": 0,
+        "44883:0": 0,
+        "47719:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44917:19947": {
+    "VariableID:45046:31064": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:19947",
-      "key": "99415b3cbf20b9040fecaebcfe6d7e95e5fe7018",
-      "name": "VB/vermillion/900",
+      "id": "VariableID:45046:31064",
+      "key": "78277e1e03342b0302e563fe1eca67437a3f9193",
+      "name": "utilities/shadow/default/spread",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.0941176488995552,
-          "g": 0.18431372940540314,
-          "r": 0.2862745225429535
-        }
+        "43174:13": 0,
+        "43174:14": 0,
+        "44883:0": 0,
+        "47719:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44917:19948": {
+    "VariableID:45046:31066": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for tooltip",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:19948",
-      "key": "6f4d66f6aa80dffde64499eed5725f629ea435d0",
-      "name": "VB/vermillion/950",
+      "id": "VariableID:45046:31066",
+      "key": "797d46f37b97aff156f7625149e19123ec70ffaa",
+      "name": "utilities/shadow/sm/color",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.08627451211214066,
-          "g": 0.16078431904315948,
-          "r": 0.22745098173618317
+        "43174:13": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "a": 0.25,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44917:20144": {
+    "VariableID:45046:52299": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used in: sd-tab, sd-navigation-item and sd-menu",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:20144",
-      "key": "157bccec860ab64a50cf0edb3a4d3a8e458833e8",
-      "name": "VB/black",
+      "id": "VariableID:45046:52299",
+      "key": "3c26ec398c2019a3ec45f0b844354bb271e5f86f",
+      "name": "components/navigable/_docs",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "STRING",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 0.8600000143051147,
-          "b": 0,
-          "g": 0,
-          "r": 0
-        }
+        "43174:13": "ℹ️ See description",
+        "43174:14": "-",
+        "44883:0": "-",
+        "47719:0": "-"
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44917:20145": {
+    "VariableID:45293:4199": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:20145",
-      "key": "f809ef58bcdfa33d47ceff4aa2aa5183eba83d2d",
-      "name": "VB/grey/620",
+      "id": "VariableID:45293:4199",
+      "key": "76774c4b771494de44a88166a539b48af0fe45cc",
+      "name": "components/navigable/__current-indicator/width",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 0.6200000047683716,
-          "b": 0,
-          "g": 0,
-          "r": 0
-        }
+        "43174:13": {
+          "id": "VariableID:44029:1658",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1658",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": 3,
+        "47719:0": 3
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44917:20154": {
+    "VariableID:45365:12253": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:20154",
-      "key": "28a0154ecd5fd642401371345efa2a2e4e08aa9e",
-      "name": "VB/white/default",
+      "id": "VariableID:45365:12253",
+      "key": "56b53fc6c8fd85de96a0820a4049ecd76962c5a4",
+      "name": "_internal/slot",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
+        "43174:13": {
           "a": 1,
-          "b": 1,
-          "g": 1,
-          "r": 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
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44917:20155": {
+    "VariableID:46172:9194": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:20155",
-      "key": "ea2f26bf74fe64e4c73b9340f9bab1e53db66e2c",
-      "name": "VB/status/success-bg-alternative",
+      "id": "VariableID:46172:9194",
+      "key": "9c312370dcdad5fd04c61ef2305d7da1aed40dc0",
+      "name": "VB/azure/50",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43138:0": {
-          "a": 1,
-          "b": 0.9098039269447327,
-          "g": 0.8784313797950745,
-          "r": 0.8509804010391235
+          "a": 0.05000000074505806,
+          "b": 0.7019608020782471,
+          "g": 0.4000000059604645,
+          "r": 0
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:44917:20156": {
+    "VariableID:46374:83079": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:20156",
-      "key": "e2d800e47390eb79f578231f6ab434a1cd12dbd4",
-      "name": "VB/status/error-bg",
+      "id": "VariableID:46374:83079",
+      "key": "ef3fe7885fbd9c6b5f16ed71d420b0ffd918abde",
+      "name": "components/form-control/--invalid/color/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.929411768913269,
-          "g": 0.929411768913269,
-          "r": 0.9921568632125854
+        "43174:13": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "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:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44917:20158": {
+    "VariableID:46386:72148": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44917:20158",
-      "key": "2b9df16902ecf2a6c36883f544966a0f11b1fa87",
-      "name": "VB/status/warning-bg",
+      "id": "VariableID:46386:72148",
+      "key": "fe83e52c08dd39dd0c20bdc5df4d58a767b9d924",
+      "name": "components/sd-badge/--blue/--inverted/color/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.8784313797950745,
-          "g": 0.9607843160629272,
-          "r": 1
+        "43174:13": {
+          "id": "VariableID:43979:193",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:193",
+          "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:44921:10563": {
+    "VariableID:46386:74301": {
       "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": true,
-      "id": "VariableID:44921:10563",
-      "key": "4cabc6af63322d7f26512c43bc1de35af866b5eb",
-      "name": "components/sd-button/--size/lg/icon/_font-size",
+      "description": "Used in both sd-badge and sd-status-badge",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46386:74301",
+      "key": "6467dcc638929b8d55dda116d3c51b5a3def734f",
+      "name": "components/sd-badge/--red/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1651",
+          "id": "VariableID:43979:251",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1651",
+          "id": "VariableID:43979:222",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1650",
+          "id": "VariableID:43979:251",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1651",
+          "id": "VariableID:43373:35307",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44921:14699": {
+    "VariableID:46386:74302": {
       "codeSyntax": {},
-      "description": "F5F7F9 100%",
+      "description": "Used in both sd-badge and sd-status-badge",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:14699",
-      "key": "d7e09de71260f1e010a2a164c921f35aae8b93c0",
-      "name": "VB/grey/50",
+      "id": "VariableID:46386:74302",
+      "key": "029b94cda682269059c0e8862ea2e811c58d4b18",
+      "name": "components/sd-badge/--green/color/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9764705896377563,
-          "g": 0.9686274528503418,
-          "r": 0.9607843160629272
+        "43174:13": {
+          "id": "VariableID:43979:209",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:209",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43373:35306",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43373:35306",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44921:14700": {
+    "VariableID:46386:74303": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:14700",
-      "key": "8b8207b51695a604e8c0f8aa3ee8c03edf9db1d5",
-      "name": "VB/grey/100",
+      "id": "VariableID:46386:74303",
+      "key": "927b0b8137c3d2041df9f8219352c94103e3742e",
+      "name": "components/sd-badge/--blue/--inverted/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:203",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:203",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:201",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:201",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44921:14701": {
+    "VariableID:46386:74311": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:14701",
-      "key": "4ebc6df667c167f1b85934e1cb40c3a0c7f93706",
-      "name": "VB/grey/200",
+      "id": "VariableID:46386:74311",
+      "key": "15b704b1cbaac3bd51c73f574d8a1730002538fc",
+      "name": "components/sd-badge/--green/color/--inverted/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9098039269447327,
-          "g": 0.8784313797950745,
-          "r": 0.8509804010391235
+        "43174:13": {
+          "id": "VariableID:43979:209",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:209",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43373:35306",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43373:35306",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44921:14702": {
+    "VariableID:46386:74312": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:14702",
-      "key": "1c14acc3ff4cd0d5cdf7a6cce7b6087a953fbd85",
-      "name": "VB/grey/300",
+      "id": "VariableID:46386:74312",
+      "key": "26d5ee17dfb0bcfbc4c9dae5e28d8bb90ae937f6",
+      "name": "components/sd-badge/--green/color/--inverted/text",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.8823529481887817,
-          "g": 0.8352941274642944,
-          "r": 0.800000011920929
+        "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:44921:14703": {
+    "VariableID:46386:74313": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:14703",
-      "key": "cdcd107ea2bd5d6c49feb99c571fa8e73390ec09",
-      "name": "VB/grey/400",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.8509804010391235,
-          "g": 0.7921568751335144,
-          "r": 0.7490196228027344
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:44921:14704": {
-      "codeSyntax": {},
-      "description": "disabled",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:44921:14704",
-      "key": "2b6d7416f79062985b8355f1a231c179a7a379b1",
-      "name": "VB/grey/500",
+      "id": "VariableID:46386:74313",
+      "key": "03a842fd5d9b54fdc26d0e8e41bded045403b281",
+      "name": "components/sd-badge/--red/--inverted/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 0.6499999761581421,
-          "b": 0,
-          "g": 0,
-          "r": 0
+        "43174:13": {
+          "id": "VariableID:43979:251",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:222",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:251",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43373:35307",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44921:14705": {
+    "VariableID:46386:74314": {
       "codeSyntax": {},
-      "description": "foreground-secondary-text",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:14705",
-      "key": "ecf6283fbd575dcf4dbb473e626c3491a2e659da",
-      "name": "VB/grey/600",
+      "id": "VariableID:46386:74314",
+      "key": "1aba283b0a4c063679b9f1b76253422172c82cd8",
+      "name": "components/sd-badge/--red/--inverted/text",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.3490196168422699,
-          "g": 0.3490196168422699,
-          "r": 0.3490196168422699
+        "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:44921:14706": {
+    "VariableID:46386:77408": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:14706",
-      "key": "5e7b311652cc6857172230c26f6dc6bb8683a4c4",
-      "name": "VB/grey/700",
+      "id": "VariableID:46386:77408",
+      "key": "ac635f460d1b17c24a9f648f85b15467f0f1fee2",
+      "name": "components/sd-radio-button-group/border-width",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 0.6499999761581421,
-          "b": 0,
-          "g": 0,
-          "r": 0
+        "43174:13": {
+          "id": "VariableID:44029:1684",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1684",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1681",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1681",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44921:14707": {
+    "VariableID:46386:77409": {
       "codeSyntax": {},
-      "description": "foreground-text",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:14707",
-      "key": "0a5ad4a53638ee401f31c52ea9fc3bcf7ca2de01",
-      "name": "VB/grey/800",
+      "id": "VariableID:46386:77409",
+      "key": "c24f95c1c73f9d297f2d47b6b913eb8041cd5016",
+      "name": "components/sd-radio-button-group/border-radius",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 0.6499999761581421,
-          "b": 0,
-          "g": 0,
-          "r": 0
+        "43174:13": {
+          "id": "VariableID:44029:1678",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1678",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1677",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1678",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44921:14810": {
+    "VariableID:46386:80458": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:14810",
-      "key": "a369c46a7415d6b57b73679216b7e2e449068e45",
-      "name": "components/sd-accordion/color/text",
+      "id": "VariableID:46386:80458",
+      "key": "882009c8628bceda5c930e5ce1bdfd6cf8e7f8a0",
+      "name": "components/sd-radio-button/border-radius",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:44029:1678",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:44029:1678",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:44029:1678",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44921:21016": {
+    "VariableID:46386:80499": {
+      "codeSyntax": {},
+      "description": "Top bottom left right padding for the sd-radio-button-group",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46386:80499",
+      "key": "84cae37b3cc7d7644d1dc7b59cb844f391e5c9e2",
+      "name": "components/sd-radio-button-group/padding",
+      "remote": false,
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": 0,
+        "43174:14": 0,
+        "44883:0": {
+          "id": "VariableID:44029:1658",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": 0
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:46396:101271": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:21016",
-      "key": "61b0e9205fb04c19d41aad3959cde51e72bb5745",
-      "name": "components/sd-header/padding-bottom",
+      "id": "VariableID:46396:101271",
+      "key": "42f26cbfa66ba948551ffcd2e793037d7b6263e8",
+      "name": "components/sd-tag/--selected/border-width",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -16228,23 +15234,23 @@
         "43174:13": 0,
         "43174:14": 0,
         "44883:0": {
-          "id": "VariableID:44029:1671",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1671",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44921:22299": {
+    "VariableID:46396:101273": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:22299",
-      "key": "56bf70dc50d085c17e50b517eae6aad875b93ed8",
-      "name": "components/sd-accordion/__indicator/color",
+      "id": "VariableID:46396:101273",
+      "key": "897ff10b034637e7bb7c73dcf6315513b61c8b85",
+      "name": "components/sd-tag/--default/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -16252,21 +15258,23 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:294",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:294",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
           "a": 0,
           "b": 1,
           "g": 1,
           "r": 1
         },
+        "44883:0": {
+          "id": "VariableID:43979:193",
+          "type": "VARIABLE_ALIAS"
+        },
         "47719:0": {
-          "a": 0,
+          "a": 0.6000000238418579,
           "b": 1,
           "g": 1,
           "r": 1
@@ -16274,237 +15282,270 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44921:22300": {
+    "VariableID:46396:101274": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:22300",
-      "key": "a42292519af5e721dbb28249f0f834c963e640e1",
-      "name": "components/sd-accordion/padding-block",
+      "id": "VariableID:46396:101274",
+      "key": "526d492a4ecb10f50c89d3a7930e0e7171dd0018",
+      "name": "components/sd-tag/--selected/--default/color/border",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1660",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:44029:1660",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:44029:1661",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1661",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44921:22302": {
+    "VariableID:46396:101306": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:22302",
-      "key": "6d01470e707f271e820f7ffac7324b9436cb242d",
-      "name": "components/sd-accordion/border-width",
+      "id": "VariableID:46396:101306",
+      "key": "0862ff5e07ee76fdeb3b60bcee192cfd1f4ea371",
+      "name": "components/sd-tag/--selected/--hover/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:48719:146279",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:48719:146279",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:47226:13298",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:48719:146279",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44921:4592": {
+    "VariableID:46396:101307": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:4592",
-      "key": "62e899e30dca3ff517fe909ea3fd6577f837f978",
-      "name": "components/sd-button/--size/lg/font-size",
+      "id": "VariableID:46396:101307",
+      "key": "571015578e2374efc4c4a3cc94bcf37edc2640f7",
+      "name": "components/sd-tag/--selected/--hover/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:47899:5276",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:47899:5276",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:46396:101311",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47899:5274",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44921:4593": {
+    "VariableID:46396:101308": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:4593",
-      "key": "aa72da482ab9f40e4ddb3926afb2cdd7e6940349",
-      "name": "components/sd-button/--size/lg/border-radius",
+      "id": "VariableID:46396:101308",
+      "key": "a55c69da14e7e9e09b598f8677dd005ad343204a",
+      "name": "components/sd-tag/--selected/--hover/color/border",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1674",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:44029:1674",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44921:4594": {
+    "VariableID:46396:101311": {
+      "codeSyntax": {},
+      "description": "selected hover state",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46396:101311",
+      "key": "539384dd767368836ddd4ac84ddde3999fe2f61a",
+      "name": "VB/azure/250",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.95686274766922,
+          "g": 0.9098039269447327,
+          "r": 0.8549019694328308
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:46396:82803": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44921:4594",
-      "key": "1fecdbaf8919f0a722f49f9dd1e9ab8a4f53aebc",
-      "name": "components/sd-button/--size/lg/padding-block",
+      "id": "VariableID:46396:82803",
+      "key": "7d046e2302892daeb8a161c685a4f5e7beece493",
+      "name": "components/sd-tooltip/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1660",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1660",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1657",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1657",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44953:13157": {
+    "VariableID:46396:82804": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44953:13157",
-      "key": "40c5f9661700feaf50fd3c24333d87313a3f657a",
-      "name": "components/sd-button/font-weight",
+      "id": "VariableID:46396:82804",
+      "key": "fabff43973ad35d3b2caad45edd0ed4bc068f4cd",
+      "name": "components/sd-tooltip/color/text",
       "remote": false,
-      "resolvedType": "STRING",
+      "resolvedType": "COLOR",
       "scopes": [
-        "FONT_STYLE"
+        "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44953:15244",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44953:15244",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44953:15245",
+          "id": "VariableID:44921:14705",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47805:4779",
+          "id": "VariableID:44921:14705",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44953:15244": {
+    "VariableID:46396:91135": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44953:15244",
-      "key": "465e6db491a1db1f413b05d679304b8cfbf5b6ed",
-      "name": "utilities/font-weight/normal",
+      "id": "VariableID:46396:91135",
+      "key": "bd2d42faf1d4287856cc36cc5f7284c5f4d1d97f",
+      "name": "components/sd-tag/border-radius",
       "remote": false,
-      "resolvedType": "STRING",
+      "resolvedType": "FLOAT",
       "scopes": [
-        "FONT_STYLE"
+        "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1630",
+          "id": "VariableID:44029:1678",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1630",
+          "id": "VariableID:44029:1678",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:47835:23074",
+          "id": "VariableID:44029:1677",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47805:4778",
+          "id": "VariableID:44029:1678",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44953:15245": {
+    "VariableID:46396:91136": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:44953:15245",
-      "key": "3c700f04dc2f8fb2f7c22a012322878b0758146f",
-      "name": "utilities/font-weight/bold",
+      "id": "VariableID:46396:91136",
+      "key": "5f904b95dd71e7e1bda4acd3f83f752a533c7646",
+      "name": "components/sd-tag/font-weight",
       "remote": false,
       "resolvedType": "STRING",
       "scopes": [
@@ -16512,123 +15553,95 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1631",
+          "id": "VariableID:44953:15244",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1631",
+          "id": "VariableID:44953:15244",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:47835:23075",
+          "id": "VariableID:44953:15245",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47805:4780",
+          "id": "VariableID:44953:15245",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:44966:21201": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:44966:21201",
-      "key": "b67e1258a071402037bd5830dd1290fc11b9d794",
-      "name": "theme/_icon-set",
-      "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": "ui",
-        "43174:14": "ui",
-        "44883:0": "VB",
-        "47719:0": "kid"
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:44973:32108": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:44973:32108",
-      "key": "0aaee7ca725ab007664ef97801d333f63f5d39c8",
-      "name": "theme/name",
-      "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": "UI Light",
-        "43174:14": "UI Dark",
-        "44883:0": "VB",
-        "47719:0": "kid"
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:45014:30581": {
+    "VariableID:46408:107779": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:45014:30581",
-      "key": "f7a847ff9296d9eb6bd0400fee2b978fb8458a00",
-      "name": "components/navigable/__current-indicator/border-radius",
+      "id": "VariableID:46408:107779",
+      "key": "5c484ffe23ff5039685312cb13ade63a4f3aabc7",
+      "name": "components/sd-notification/--error/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 0,
-        "43174:14": 0,
+        "43174:13": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:202",
+          "type": "VARIABLE_ALIAS"
+        },
         "44883:0": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:44917:20156",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:44917:20156",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:45014:30582": {
+    "VariableID:46408:107780": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:45014:30582",
-      "key": "e7d0abd39e9bbdb916243314ad78c76614a4fb36",
-      "name": "components/navigable/__current-indicator/height",
+      "id": "VariableID:46408:107780",
+      "key": "ffe498529b16a2ebf5eec81b8ebbee7d63962f12",
+      "name": "components/sd-notification/--warning/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1658",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1658",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
-        "44883:0": 3,
-        "47719:0": 3
+        "44883:0": {
+          "id": "VariableID:44917:20158",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44917:20158",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:45014:30944": {
+    "VariableID:46408:107781": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:45014:30944",
-      "key": "bb0e8966751d26d88237a07e00d3e13753b2c2b4",
-      "name": "components/sd-navigation-item/color/text",
+      "id": "VariableID:46408:107781",
+      "key": "61c9758cd0433f839d2cb7a8e1ff1ce059a34cd0",
+      "name": "components/sd-notification/--success/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -16636,32 +15649,51 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:220",
+          "id": "VariableID:46408:107782",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:46408:107782",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:45014:30959": {
+    "VariableID:46408:107782": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:45014:30959",
-      "key": "84d889bd592d05dfdd0e800291108dc0999d4620",
-      "name": "components/sd-navigation-item/--current/color/text",
+      "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": [
@@ -16669,129 +15701,97 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:46408:70208",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:46408:70208",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:45014:35870": {
+    "VariableID:46408:53949": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:45014:35870",
-      "key": "b954bfd467b9dfbb17c864da6106248d0b6a3028",
-      "name": "components/navigable/border-radius",
+      "id": "VariableID:46408:53949",
+      "key": "e618ff15c605b37459f08b8958aa37a7ba21b3ee",
+      "name": "components/sd-range/tick/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 0,
-        "43174:14": 0,
+        "43174:13": {
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
+        },
         "44883:0": {
-          "id": "VariableID:44029:1675",
+          "id": "VariableID:44921:14705",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1675",
+          "id": "VariableID:44921:14705",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:45014:36471": {
+    "VariableID:46408:68803": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:45014:36471",
-      "key": "ec8353d5cb70dd77a8d3f0f67c1c7d0c397eab33",
-      "name": "components/navigable/font-size",
+      "id": "VariableID:46408:68803",
+      "key": "c4c02f95b4eb470537d3aa251d045aba92770843",
+      "name": "components/sd-flag/--neutral-200/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:47899:5276",
+          "id": "VariableID:43979:215",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:47899:5276",
+          "id": "VariableID:43979:200",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:46408:70208",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47899:5274",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:45046:31063": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:45046:31063",
-      "key": "b2aded93e978b26b8bb81b9651ea8c9537321cf3",
-      "name": "utilities/shadow/default/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:45046:31064": {
+    "VariableID:46408:68806": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:45046:31064",
-      "key": "270df343d72baa34aac53c0ad6b03e03639787f3",
-      "name": "utilities/shadow/default/spread",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": 0,
-        "43174:14": 0,
-        "44883:0": 0,
-        "47719:0": -6
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:45046:31066": {
-      "codeSyntax": {},
-      "description": "Used for tooltip",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:45046:31066",
-      "key": "634c480aa3cef10317d3274a363421d5ea3804cc",
-      "name": "utilities/shadow/sm/color",
+      "id": "VariableID:46408:68806",
+      "key": "5abe962a5a252ca5a97250c81d57457d2d85933a",
+      "name": "components/sd-flag/--neutral-200/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -16799,51 +15799,37 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.25,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:45046:52299": {
-      "codeSyntax": {},
-      "description": "Used in: sd-tab, sd-navigation-item and sd-menu",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:45046:52299",
-      "key": "d460abf150eab5d0b02cae7d5b021dcbd035a77c",
-      "name": "components/navigable/_docs",
-      "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
-      "valuesByMode": {
-        "43174:13": "ℹ️ See description",
-        "43174:14": "-",
-        "44883:0": "-",
-        "47719:0": "-"
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:45293:4199": {
+    "VariableID:46408:68807": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:45293:4199",
-      "key": "3cf1ecf0fd6ed17732fd82f9f98bd7e923a99f9a",
-      "name": "components/navigable/__current-indicator/width",
+      "id": "VariableID:46408:68807",
+      "key": "b9ba8210ba0449f4ae1471863f8ca828b1826dae",
+      "name": "components/sd-flag/border-radius",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -16851,25 +15837,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1658",
+          "id": "VariableID:44029:1679",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1658",
+          "id": "VariableID:44029:1679",
           "type": "VARIABLE_ALIAS"
         },
-        "44883:0": 3,
-        "47719:0": 3
+        "44883:0": {
+          "id": "VariableID:44029:1674",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1678",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:45365:12253": {
+    "VariableID:46408:70191": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:45365:12253",
-      "key": "0b34d41026aa177f8bd5301ce917b0e3ed288c90",
-      "name": "_internal/slot",
+      "id": "VariableID:46408:70191",
+      "key": "fc061333195db37191b62dbd9c9b84967ee08d78",
+      "name": "components/sd-flag/--neutral-500/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -16877,40 +15869,77 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 1,
-          "b": 0.6078431606292725,
-          "g": 0.2078431397676468,
-          "r": 0.3843137323856354
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.7137255072593689,
-          "r": 0.800000011920929
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "a": 1,
-          "b": 0.6078431606292725,
-          "g": 0.2078431397676468,
-          "r": 0.3843137323856354
+          "id": "VariableID:46408:70202",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 1,
-          "b": 0.6078431606292725,
-          "g": 0.2078431397676468,
-          "r": 0.3843137323856354
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46009:22143": {
+    "VariableID:46408:70202": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46009:22143",
-      "key": "b5811be339f41eb45255e2e35bb09109d5006aa2",
-      "name": "_internal/slot-inverted",
+      "id": "VariableID:46408:70202",
+      "key": "aeb26c5ea8c53aa6df2532ca483bb60de35a7d49",
+      "name": "VB/status/neutral-blue",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.658823549747467,
+          "g": 0.4745098054409027,
+          "r": 0
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:46408:70203": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "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": [
@@ -16918,61 +15947,71 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.7137255072593689,
-          "r": 0.800000011920929
+          "id": "VariableID:43979:216",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.7137255072593689,
-          "r": 0.800000011920929
+          "id": "VariableID:43979:199",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.7137255072593689,
-          "r": 0.800000011920929
+          "id": "VariableID:46408:70203",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.7137255072593689,
-          "r": 0.800000011920929
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46172:9194": {
+    "VariableID:46408:70205": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46172:9194",
-      "key": "2e4c87b0ebc458049e1cd55d6566883762cb6769",
-      "name": "VB/azure/50",
+      "id": "VariableID:46408:70205",
+      "key": "5a1fbbeeb6e78308ba5af2a1aa5eadb6fd5a9a68",
+      "name": "components/sd-flag/--neutral-300/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 0.05000000074505806,
-          "b": 0.7019608020782471,
-          "g": 0.4000000059604645,
-          "r": 0
+        "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:46374:83079": {
+    "VariableID:46408:70206": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46374:83079",
-      "key": "d99afb0d91198ecde2f3fa8daee99fd92d6cc5dd",
-      "name": "components/form-control/--invalid/color/background",
+      "id": "VariableID:46408:70206",
+      "key": "56502a3612c12cd85531e60e172c4737e5d5ef10",
+      "name": "components/sd-flag/--white/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -16984,27 +16023,29 @@
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:43979:200",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:20156",
+          "id": "VariableID:46408:70208",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8526",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46386:72148": {
+    "VariableID:46408:70207": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46386:72148",
-      "key": "9914f7f5070c9e2dd8d978d86923093f9119c5e0",
-      "name": "components/sd-badge/--blue/--inverted/color/background",
+      "id": "VariableID:46408:70207",
+      "key": "db00f99ef748175b30bb6965137928ed45136719",
+      "name": "components/sd-flag/--white/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17012,31 +16053,77 @@
       ],
       "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:227",
+          "id": "VariableID:43979:202",
           "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:46408:70208": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46408:70208",
+      "key": "da968b6170091eaa87196f26afdc6647216e80ed",
+      "name": "VB/status/neutral-grey-bg",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.95686274766922,
+          "g": 0.9411764740943909,
+          "r": 0.929411768913269
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:46408:96677": {
+      "codeSyntax": {},
+      "description": "disabled",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:46408:96677",
+      "key": "842f6c13e29fb5f27992384b9ecc6a3852d56f68",
+      "name": "VB/grey/450",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 0.4000000059604645,
+          "b": 0.3490196168422699,
+          "g": 0.3490196168422699,
+          "r": 0.3490196168422699
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46386:74301": {
+    "VariableID:46434:259677": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46386:74301",
-      "key": "20df42d70175c3cfaaffe89e709f42f7dec98b77",
-      "name": "components/sd-badge/--red/color/background",
+      "id": "VariableID:46434:259677",
+      "key": "ea24af56ad2b3d67c9415bbde1344194c529be39",
+      "name": "components/sd-chip/--primary-200/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17044,31 +16131,33 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:251",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:222",
+          "id": "VariableID:43979:200",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:251",
+          "id": "VariableID:46408:70208",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43373:35307",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46386:74302": {
+    "VariableID:46434:259678": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46386:74302",
-      "key": "c4fa0f29e84b0897e72ac356498f95e5df0465cb",
-      "name": "components/sd-badge/--green/color/background",
+      "id": "VariableID:46434:259678",
+      "key": "35cb80d754f50c2582d8b655e90a4127157241a4",
+      "name": "components/sd-chip/--primary-200/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17076,31 +16165,37 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:209",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:209",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:43373:35306",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43373:35306",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46386:74303": {
+    "VariableID:46434:259679": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46386:74303",
-      "key": "6841b961b4dc984c32128cb6740c1dd1bdfa1ff0",
-      "name": "components/sd-badge/--blue/--inverted/color/text",
+      "id": "VariableID:46434:259679",
+      "key": "b5ce2afd8250f95e2d57fbd8dcbce9ca82addf6f",
+      "name": "components/sd-chip/--primary-300/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17108,31 +16203,33 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:195",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:199",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:46408:70203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:201",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46386:74311": {
+    "VariableID:46434:259680": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46386:74311",
-      "key": "a8d56a131e1ae3cd45f6afecda05e520a5a857e0",
-      "name": "components/sd-badge/--green/color/--inverted/background",
+      "id": "VariableID:46434:259680",
+      "key": "c4834ead364b3f9f50587cd8aa9e720e04484679",
+      "name": "components/sd-chip/--primary-300/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17140,31 +16237,37 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:209",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:209",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:43373:35306",
+          "id": "VariableID:46408:70202",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43373:35306",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46386:74312": {
+    "VariableID:46434:259681": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46386:74312",
-      "key": "e36b09fe1e237e3e2e106a937697189628d5be8a",
-      "name": "components/sd-badge/--green/color/--inverted/text",
+      "id": "VariableID:46434:259681",
+      "key": "fe25cec833de438add0dd5e4c6d52d72fdfa3d76",
+      "name": "components/sd-chip/--primary-500/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17172,31 +16275,33 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "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:227",
+          "id": "VariableID:46408:70203",
           "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:46386:74313": {
+    "VariableID:46434:259682": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46386:74313",
-      "key": "7013680e397feaa1f83bad657c9c21b687f809e2",
-      "name": "components/sd-badge/--red/--inverted/background",
+      "id": "VariableID:46434:259682",
+      "key": "40fae326952e4c4c82b17f56bafe5145d6ad83c3",
+      "name": "components/sd-chip/--primary-500/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17204,208 +16309,205 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:251",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:222",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:43979:251",
+          "id": "VariableID:46408:70202",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43373:35307",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46386:74314": {
+    "VariableID:46434:259683": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46386:74314",
-      "key": "f11e600fa689781b15103785fde5010c7af4f2a4",
-      "name": "components/sd-badge/--red/--inverted/text",
+      "id": "VariableID:46434:259683",
+      "key": "6cae24a1412bb26f85f69a2d736d00565a969651",
+      "name": "components/sd-chip/border-radius",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "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:227",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:44029:1678",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46386:77408": {
+    "VariableID:46434:259685": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46386:77408",
-      "key": "b95574716facad5e8508c7ec3d0221a5c6fcfc23",
-      "name": "components/sd-radio-button-group/border-width",
+      "id": "VariableID:46434:259685",
+      "key": "473287e8b49c1b4795dd10cd4c9c9e93a91d8d09",
+      "name": "components/sd-chip/--white/color/background",
       "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:200",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1681",
+          "id": "VariableID:46408:70208",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1681",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46386:77409": {
+    "VariableID:46434:259686": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46386:77409",
-      "key": "b2eddeccabf5c1335100023f6b7250956d14794a",
-      "name": "components/sd-radio-button-group/border-radius",
+      "id": "VariableID:46434:259686",
+      "key": "291f95f6b9f35cd2a33f2f93fd068404039631ba",
+      "name": "components/sd-chip/--white/color/border",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1678",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:44029:1678",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:44029:1677",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1678",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46386:80458": {
+    "VariableID:46434:259782": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46386:80458",
-      "key": "9869b5debe75624f55c2e8ea0f30af8d2e7ed101",
-      "name": "components/sd-radio-button/border-radius",
+      "id": "VariableID:46434:259782",
+      "key": "6ad4bc68bcc7332fdc835d9002592b4f29a445a3",
+      "name": "components/sd-chip/--primary-500/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46386:80499": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:46386:80499",
-      "key": "2e7497ee30538d3ac6cb154b073d91a42c0147f5",
-      "name": "components/sd-radio-button-group/padding",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": 0,
-        "43174:14": 0,
-        "44883:0": {
-          "id": "VariableID:44029:1658",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": 0
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:46396:101271": {
+    "VariableID:46434:304476": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46396:101271",
-      "key": "96298d04dbeb95d0d3dfca45f6c54db40c9a7786",
-      "name": "components/sd-tag/--selected/border-width",
+      "id": "VariableID:46434:304476",
+      "key": "e530cff0ac283cd5e18aa8994e4fc1e204513274",
+      "name": "components/sd-radio/--checked/--default/__icon/color/background",
       "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:225",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46396:101273": {
+    "VariableID:46434:304477": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46396:101273",
-      "key": "97fad776da9c3db7c5c31d29680f27f74fd4cba7",
-      "name": "components/sd-tag/--default/--hover/color/background",
+      "id": "VariableID:46434:304477",
+      "key": "4a646ecf23ede2e9bd820c9ab775767ebdccceff",
+      "name": "components/sd-radio/--checked/--hover/__icon/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17413,37 +16515,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:209",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:209",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:193",
+          "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:46396:101274": {
+    "VariableID:46434:304499": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46396:101274",
-      "key": "1344746e5208552adc07f74d3d0d177260ffdb90",
-      "name": "components/sd-tag/--selected/--default/color/border",
+      "id": "VariableID:46434:304499",
+      "key": "eb4900ede88cdef6f59fecec333b04a2c621a6b7",
+      "name": "components/sd-radio/--default/--invalid/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17451,35 +16547,31 @@
       ],
       "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:43979:203",
+          "id": "VariableID:44917:20156",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:47719:8526",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46396:101306": {
+    "VariableID:46434:304642": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46396:101306",
-      "key": "5e3f7a979a42bb462cd0eb257ac6c043c201c4fd",
-      "name": "components/sd-tag/--selected/--hover/color/text",
+      "id": "VariableID:46434:304642",
+      "key": "76226d25f2ba25f3c8ae79e1e0ccdb0e295aee33",
+      "name": "components/sd-radio/--checked/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17491,7 +16583,7 @@
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
@@ -17499,19 +16591,19 @@
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:44336:5060",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46396:101307": {
+    "VariableID:46434:304643": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46396:101307",
-      "key": "61dae8498e09b3f461b5916185f4dd16c23ba2f2",
-      "name": "components/sd-tag/--selected/--hover/color/background",
+      "id": "VariableID:46434:304643",
+      "key": "05ae08995dfb2bd1858fdfc1a364416ab2f8eb17",
+      "name": "components/sd-radio/--checked/--invalid/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17519,33 +16611,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46396:101311",
+          "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:46396:101308": {
+    "VariableID:46434:304644": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for error messages, invalid states",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46396:101308",
-      "key": "3128bbbd177ffb9cf4b3b45ab6a4b930f4476d87",
-      "name": "components/sd-tag/--selected/--hover/color/border",
+      "id": "VariableID:46434:304644",
+      "key": "5a5d8c75bfae4f730304c5c6fe6f0a25c79181a9",
+      "name": "components/sd-radio/--checked/--invalid/--default/__icon/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17553,57 +16643,63 @@
       ],
       "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:43979:222",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:43979:251",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46396:101311": {
+    "VariableID:46434:305759": {
       "codeSyntax": {},
-      "description": "selected hover state",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46396:101311",
-      "key": "e009bdbd0de3d59f0b961398e39255c3616318ea",
-      "name": "VB/azure/250",
+      "id": "VariableID:46434:305759",
+      "key": "55eea7821e826afa87462d3a46d872018d9e4c22",
+      "name": "components/sd-radio/--checked/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.95686274766922,
-          "g": 0.9098039269447327,
-          "r": 0.8549019694328308
+        "43174:13": {
+          "id": "VariableID:43979:227",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:202",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:198",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44336:5060",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46396:82803": {
+    "VariableID:46434:305760": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for hover interaction invalid form elements\n",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46396:82803",
-      "key": "17d6d732de6f5b0bbd2e427c13522bd8f0fe77e0",
-      "name": "components/sd-tooltip/color/background",
+      "id": "VariableID:46434:305760",
+      "key": "9b4a75355eeb35dc9feec809d3a1a424b0a5b443",
+      "name": "components/sd-radio/--checked/--invalid/--hover/__icon/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17611,11 +16707,11 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:223",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:223",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
@@ -17623,19 +16719,19 @@
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:251",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46396:82804": {
+    "VariableID:46434:306253": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted dividers",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46396:82804",
-      "key": "7103aef3b0f70c28f721317257583860e35ea61d",
-      "name": "components/sd-tooltip/color/text",
+      "id": "VariableID:46434:306253",
+      "key": "4b21b7059e2750477374713306a483572ea1fbe8",
+      "name": "components/sd-audio/__slide-bar/--inverted/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17643,159 +16739,159 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14705",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.5,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:44921:14705",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.5,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46396:91135": {
+    "VariableID:46434:307157": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46396:91135",
-      "key": "e022d466d4a0016904516deb018db2002fe81fe2",
-      "name": "components/sd-tag/border-radius",
+      "id": "VariableID:46434:307157",
+      "key": "2043df7e17a139a6b1125fe5d88a450815b5821e",
+      "name": "utilities/color/error/250",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:43927:5017",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:43927:5017",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1677",
+          "id": "VariableID:44883:47307",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:47719:8522",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46396:91136": {
+    "VariableID:46434:307158": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46396:91136",
-      "key": "cd206f1f32ca374b560b26d0b3d4fe3a8d135b41",
-      "name": "components/sd-tag/font-weight",
+      "id": "VariableID:46434:307158",
+      "key": "ebd417a622ecaded913e038e59e9d5aec85ab917",
+      "name": "utilities/color/error/500",
       "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [
-        "FONT_STYLE"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44953:15244",
+          "id": "VariableID:43927:5020",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44953:15244",
+          "id": "VariableID:43927:5020",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44953:15245",
+          "id": "VariableID:44883:47307",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44953:15245",
+          "id": "VariableID:47719:8522",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:107779": {
+    "VariableID:46434:310776": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:107779",
-      "key": "b4b0240532dbbc729629232dd61a8ca64a66a022",
-      "name": "components/sd-notification/--error/color/background",
+      "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: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:44917:20156",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:107780": {
+    "VariableID:46547:87699": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:107780",
-      "key": "05b24cef190a11367263627c300eca927e336202",
-      "name": "components/sd-notification/--warning/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: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:20158",
+          "id": "VariableID:44029:1682",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44917:20158",
+          "id": "VariableID:44029:1682",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:107781": {
+    "VariableID:46547:89332": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:107781",
-      "key": "68f4c9265307760a0150494f9d1f93ca8f04b0ba",
-      "name": "components/sd-notification/--success/color/background",
+      "id": "VariableID:46547:89332",
+      "key": "187d0f8d599dbf569bb50b0938febed0ef21888d",
+      "name": "components/sd-step/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17803,51 +16899,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:107782",
+          "id": "VariableID:43979:278",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:46408:107782",
+          "id": "VariableID:43979:278",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:107782": {
+    "VariableID:46547:89333": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:107782",
-      "key": "3716058582f29f53ecab341003bb31e07a447ead",
-      "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": "1ad7f2cfa190b81ff0b32a65952559faabf82387",
-      "name": "components/sd-notification/--info/color/background",
+      "id": "VariableID:46547:89333",
+      "key": "39bd3fbc3e668722c233b9c694e6620338bcfe29",
+      "name": "components/sd-step/hover/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17855,63 +16931,63 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:270",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:43979:270",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70208",
+          "id": "VariableID:43979:278",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:46408:70208",
+          "id": "VariableID:43979:278",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:53949": {
+    "VariableID:46550:33336": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:53949",
-      "key": "165f684d8343bdce67b44f93701ff1f92d2694a2",
-      "name": "components/sd-range/scale-ticks/color/text",
+      "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:275",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14705",
+          "id": "VariableID:44029:1681",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44921:14705",
+          "id": "VariableID:44029:1681",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:68803": {
+    "VariableID:46550:34530": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:68803",
-      "key": "b95a1e9400cead7160d570278bead8f3a5fd4765",
-      "name": "components/sd-flag/--neutral-200/color/background",
+      "id": "VariableID:46550:34530",
+      "key": "edf6457f32e0b45d3912fd0fe47a24c752e61e70",
+      "name": "components/sd-map-marker/--cluster/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17919,33 +16995,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:215",
+          "id": "VariableID:43979:264",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:200",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70208",
+          "id": "VariableID:43979:300",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:264",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:68806": {
+    "VariableID:46552:34531": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:68806",
-      "key": "5f2f3f0df80ba81131bc7fd144d186ac8fdbc46a",
-      "name": "components/sd-flag/--neutral-200/color/border",
+      "id": "VariableID:46552:34531",
+      "key": "7aa6cfafb66211be849837ccf704f38d896c375d",
+      "name": "components/sd-map-marker/--cluster/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -17953,95 +17027,95 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:262",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:193",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:43979:265",
           "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:46408:68807": {
+    "VariableID:46581:61953": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:68807",
-      "key": "763a94a0d52c6afca7c51d322668a3d4d612683d",
-      "name": "components/sd-flag/border-radius",
+      "id": "VariableID:46581:61953",
+      "key": "74b6d78ae05b7277b7ef0ce4173c3c074775ce07",
+      "name": "components/sd-headline/--3xl-onwards/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1679",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1679",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:47719:8470",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:70160": {
+    "VariableID:46588:15143": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70160",
-      "key": "bead626ba1ae20d4e3ed1d0bf68e7df5d27771d8",
-      "name": "components/sd-flag/border-width",
+      "id": "VariableID:46588:15143",
+      "key": "fee12b32ec41fe401910ea842d755464886119d8",
+      "name": "components/sd-video/--play-button/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 0,
-        "43174:14": 0,
+        "43174:13": {
+          "id": "VariableID:43373:35314",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43373:35314",
+          "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:227",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:70191": {
+    "VariableID:46590:15143": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70191",
-      "key": "d52635b47a55f22d63a68e465447a1d9e9944249",
-      "name": "components/sd-flag/--neutral-500/color/border",
+      "id": "VariableID:46590:15143",
+      "key": "980e81f79ac6ad3d7be5f1b6a8851cb3ce60cd56",
+      "name": "components/sd-video/_description/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18049,77 +17123,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:278",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:278",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70202",
+          "id": "VariableID:44917:20145",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:44917:20145",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:70202": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70202",
-      "key": "8c76693cb31446dd081721fc3b137f3b960c8aa2",
-      "name": "VB/status/neutral-blue",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.658823549747467,
-          "g": 0.4745098054409027,
-          "r": 0
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:46408:70203": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70203",
-      "key": "1537addf535b4f9ed3f8c003fd346e69f93f464e",
-      "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": {
+    "VariableID:46741:3641": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70204",
-      "key": "5c96fd6c23502f22388c843af65e833418625bf6",
-      "name": "components/sd-flag/--neutral-300/color/background",
+      "id": "VariableID:46741:3641",
+      "key": "27f9510d53200ac95ee0f0d1983fa730d9a16cf3",
+      "name": "components/sd-quickfact/--expandable/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18127,33 +17155,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:216",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:199",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70203",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:70205": {
+    "VariableID:46782:21016": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70205",
-      "key": "a8cde6d0c4b054368817fff8769178b44c52da41",
-      "name": "components/sd-flag/--neutral-300/color/border",
+      "id": "VariableID:46782:21016",
+      "key": "c8d63a473045e0181bf663dd668830c5d8e9c4bf",
+      "name": "components/sd-teaser-media/--primary-100/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18161,23 +17187,21 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:259",
+          "type": "VARIABLE_ALIAS"
         },
-        "44883:0": {
-          "id": "VariableID:46408:70202",
+        "43174:14": {
+          "id": "VariableID:43979:259",
           "type": "VARIABLE_ALIAS"
         },
+        "44883:0": {
+          "a": 0.8999999761581421,
+          "b": 0.9764705896377563,
+          "g": 0.9686274528503418,
+          "r": 0.9607843160629272
+        },
         "47719:0": {
-          "a": 0.6000000238418579,
+          "a": 0.8999999761581421,
           "b": 1,
           "g": 1,
           "r": 1
@@ -18185,13 +17209,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:70206": {
+    "VariableID:46782:21017": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70206",
-      "key": "376bd627cc2d5a6b9a999bd2847231e065d098e3",
-      "name": "components/sd-flag/--white/color/background",
+      "id": "VariableID:46782:21017",
+      "key": "2f86335125df20a2cb1885292c88b251c1176cca",
+      "name": "components/sd-teaser-media/--neutral-100/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18199,19 +17223,21 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43373:35301",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:200",
+          "id": "VariableID:43373:35301",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70208",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.9764705896377563,
+          "g": 0.9686274528503418,
+          "r": 0.9607843160629272
         },
         "47719:0": {
-          "a": 0.6000000238418579,
+          "a": 0.800000011920929,
           "b": 1,
           "g": 1,
           "r": 1
@@ -18219,13 +17245,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:70207": {
+    "VariableID:46782:21018": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70207",
-      "key": "8db4f32dee4f8bbc2124f9086e1fcdaf59930b53",
-      "name": "components/sd-flag/--white/color/border",
+      "id": "VariableID:46782:21018",
+      "key": "20c2041d5d42a33f7918b541552436fd9b9bbee4",
+      "name": "components/sd-teaser-media/--neutral-100/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18233,23 +17259,21 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43373:35301",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43373:35301",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:202",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.9764705896377563,
+          "g": 0.9686274528503418,
+          "r": 0.9607843160629272
         },
         "47719:0": {
-          "a": 0.6000000238418579,
+          "a": 0.8999999761581421,
           "b": 1,
           "g": 1,
           "r": 1
@@ -18257,53 +17281,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46408:70208": {
+    "VariableID:46785:21019": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46408:70208",
-      "key": "470695347c3b429684c771317407bc019772b7ac",
-      "name": "VB/status/neutral-grey-bg",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.95686274766922,
-          "g": 0.9411764740943909,
-          "r": 0.929411768913269
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:46408:96677": {
-      "codeSyntax": {},
-      "description": "disabled",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:46408:96677",
-      "key": "7cc4502e66f7db53b870f241bc3c77f471aadb78",
-      "name": "VB/grey/450",
-      "remote": false,
-      "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": "4afb7ccd6940ed4ba7fc53397bef0681b70457c3",
-      "name": "components/sd-chip/--primary-200/color/background",
+      "id": "VariableID:46785:21019",
+      "key": "927df4531f56320b62b9f32ed9be0da314d45c2d",
+      "name": "components/sd-teaser/--neutral-100/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18311,15 +17295,15 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:194",
+          "id": "VariableID:43979:214",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:200",
+          "id": "VariableID:43979:199",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70208",
+          "id": "VariableID:44921:14699",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -18331,13 +17315,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259678": {
+    "VariableID:46785:21047": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259678",
-      "key": "4ed0e7c8baadaf4ed61305d552bd66d4b590605f",
-      "name": "components/sd-chip/--primary-200/color/border",
+      "id": "VariableID:46785:21047",
+      "key": "c582dced97cf6ce911bb294e2ad6eca9ebd649eb",
+      "name": "components/sd-teaser/--primary-100/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18345,19 +17329,15 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:193",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:199",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:44921:14699",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -18369,13 +17349,13 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259679": {
+    "VariableID:46785:21048": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259679",
-      "key": "c41e2fe229cbd93f3c30028cb2783f2eab09f009",
-      "name": "components/sd-chip/--primary-300/color/background",
+      "id": "VariableID:46785:21048",
+      "key": "a4e77c63c10cad7598b4d33c0475b5ccc488cee8",
+      "name": "components/sd-teaser/--neutral-400/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18383,105 +17363,95 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:195",
+          "id": "VariableID:43979:254",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:199",
+          "id": "VariableID:43979:254",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70203",
+          "id": "VariableID:44921:14703",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:44921:14703",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259680": {
+    "VariableID:46790:20333": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259680",
-      "key": "665684111375721698eb2e2b1edb303bf535bac9",
-      "name": "components/sd-chip/--primary-300/color/border",
+      "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": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:44029:1684",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:44029:1684",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70202",
+          "id": "VariableID:44029:1681",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:44029:1684",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259681": {
+    "VariableID:46790:57690": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259681",
-      "key": "a4176990eba732503dcdaa5ada53c79d0ec2fcec",
-      "name": "components/sd-chip/--primary-500/color/background",
+      "id": "VariableID:46790:57690",
+      "key": "555a690a9062e3611ea337dfc05d214068b203e5",
+      "name": "components/sd-checkbox/border-width",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:200",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70203",
+          "id": "VariableID:44029:1681",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:44029:1684",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259682": {
+    "VariableID:46825:8941": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259682",
-      "key": "cc5316bdfff89f481c2b9d2670db2e6b083a12d7",
-      "name": "components/sd-chip/--primary-500/color/border",
+      "id": "VariableID:46825:8941",
+      "key": "c3aa5d7892d06b183c52fa61e28bef709bd44b34",
+      "name": "components/sd-tab/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18489,69 +17459,63 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:254",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:254",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70202",
+          "id": "VariableID:44921:14703",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:44921:14703",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259683": {
+    "VariableID:46841:8934": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259683",
-      "key": "e262a8a242885e54445e3223130092e345b6d4d1",
-      "name": "components/sd-chip/border-radius",
+      "id": "VariableID:46841:8934",
+      "key": "4edf537f9a0a6ae853e5f0a98ce04d7dc41d150a",
+      "name": "components/sd-switch/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259685": {
+    "VariableID:46841:9198": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259685",
-      "key": "c953b145ba3e9dd05c2c407690f30628a28d6a99",
-      "name": "components/sd-chip/--white/color/background",
+      "id": "VariableID:46841:9198",
+      "key": "d7759eed77ee248b83dceaff00d487fcbd9911b2",
+      "name": "components/sd-switch/--unchecked/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18559,33 +17523,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:248",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:200",
+          "id": "VariableID:43979:248",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:46408:70208",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+        "47719:0": {
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259686": {
+    "VariableID:46841:9202": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259686",
-      "key": "66b31cfe7ac2c6677b935dcb127ff01d6e0bffbf",
-      "name": "components/sd-chip/--white/color/border",
+      "id": "VariableID:46841:9202",
+      "key": "41b87137f8be1b0ef5f8a8044d308351b1a8a99a",
+      "name": "components/sd-switch/--unchecked/__icon/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18593,37 +17555,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:248",
+          "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:248",
+          "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:275",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:259782": {
+    "VariableID:46841:9203": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:259782",
-      "key": "5c395ff78734a6ed12717ab96135dda65862ed6a",
-      "name": "components/sd-chip/--primary-500/color/text",
+      "id": "VariableID:46841:9203",
+      "key": "beeb51eb4d46a344cf6334206e03f4a9b9981eb6",
+      "name": "components/sd-switch/--checked/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18631,31 +17587,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:209",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:209",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:43979:198",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:304476": {
+    "VariableID:46864:40268": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:304476",
-      "key": "463ac1b0f6c761225b0b47c24410dfbf80a23aaf",
-      "name": "components/sd-radio/--checked/--default/__icon/color/background",
+      "id": "VariableID:46864:40268",
+      "key": "63bd6e9da33a5343caeab3fe000708f69f4ae938",
+      "name": "components/sd-video/--play-button/color/icon-fill",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18663,31 +17619,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:304477": {
+    "VariableID:46871:10801": {
       "codeSyntax": {},
-      "description": "Used for hover interaction",
+      "description": "Used for inverted dividers",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:304477",
-      "key": "a6b9d7cfa412b43853565375bd663997ac612491",
-      "name": "components/sd-radio/--checked/--hover/__icon/color/background",
+      "id": "VariableID:46871:10801",
+      "key": "0eb840dfd3a22c7b6f023ee57b352c3b8d81abbe",
+      "name": "components/sd-divider/--Inverted/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18695,31 +17651,35 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:209",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:209",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.4000000059604645,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:47719:8539",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.4000000059604645,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:304499": {
+    "VariableID:46871:68824": {
       "codeSyntax": {},
-      "description": "Used for hover interaction",
+      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:304499",
-      "key": "bcfe1a037351b2a696ebe7fad346c21e77735c45",
-      "name": "components/sd-radio/--default/--invalid/color/background",
+      "id": "VariableID:46871:68824",
+      "key": "9693fdefc825aac6df80eb660484994e84523026",
+      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/20%",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18727,31 +17687,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:202",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "44883:0": {
-          "id": "VariableID:44917:20156",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:47719:8526",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.20000000298023224,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:304642": {
+    "VariableID:46871:68825": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:304642",
-      "key": "12f4e8d9404a9bdab6bec41826e70ea2e0c5db62",
-      "name": "components/sd-radio/--checked/--default/color/background",
+      "id": "VariableID:46871:68825",
+      "key": "ebde0ca198584d0a24a9ffcdea523231e9f16582",
+      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/50%",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18759,31 +17727,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.5,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:202",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.5,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         },
         "44883:0": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.5,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:44336:5060",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.5,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:304643": {
+    "VariableID:46871:963": {
       "codeSyntax": {},
       "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:304643",
-      "key": "48e9bffc42b7120565303e866ff76cd3ed7d6420",
-      "name": "components/sd-radio/--checked/--invalid/--default/color/background",
+      "id": "VariableID:46871:963",
+      "key": "86dec003cb67ab7067e5cbca73588de77a1cd3b4",
+      "name": "components/sd-carousel/--active/color/border",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18791,31 +17767,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:251",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44336:5060",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:304644": {
+    "VariableID:46893:49686": {
       "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:46893:49686",
+      "key": "3c7f9fdc11d9430b5894d77aa014377cb62da711",
+      "name": "components/sd-menu-item/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18823,31 +17799,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:275",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:251",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:305759": {
+    "VariableID:46893:50283": {
       "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:46893:50283",
+      "key": "5344eec1b29a57e0a40cf486852d9dcdfc55d9d3",
+      "name": "components/sd-menu-item/color/icon-fill",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18855,31 +17831,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:241",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:202",
+          "id": "VariableID:43979:241",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:198",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44336:5060",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:305760": {
+    "VariableID:46893:50284": {
       "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:46893:50284",
+      "key": "cb80543d8e3053a1c3dd580276643bc41fdd858d",
+      "name": "components/sd-menu-item/--disabled/color/icon-fill",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18887,31 +17863,33 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:223",
+          "id": "VariableID:43979:246",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:223",
+          "id": "VariableID:43979:246",
           "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:251",
+          "id": "VariableID:43979:218",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:306253": {
+    "VariableID:46893:50285": {
       "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:46893:50285",
+      "key": "f852c1e2a95523bf803434d79e187fc647f540c0",
+      "name": "components/sd-menu-item/--disabled/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -18919,127 +17897,130 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:196",
+          "id": "VariableID:43979:277",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:196",
+          "id": "VariableID:43979:277",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.5,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "a": 0.20000000298023224,
+          "b": 0,
+          "g": 0,
+          "r": 0
         },
         "47719:0": {
-          "a": 0.5,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:218",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:307157": {
+    "VariableID:46937:80691": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for text and icon fill",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:307157",
-      "key": "2bde808525fbb4d06762cf206225ae6a10a21dc4",
-      "name": "utilities/color/error/250",
+      "id": "VariableID:46937:80691",
+      "key": "ff91e5494b3997a219451279b2bd70650e959e12",
+      "name": "components/sd-radio-button/color/text",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:5017",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:5017",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44883:47307",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8522",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:307158": {
+    "VariableID:46938:18800": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:307158",
-      "key": "15025504d0f4240bb8bfc38d8cef757ed45c29f0",
-      "name": "utilities/color/error/500",
+      "id": "VariableID:46938:18800",
+      "key": "17853189245947ab8971ef9a60894112213fdea3",
+      "name": "components/sd-navigation-item/color/_icon",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43927:5020",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:5020",
+          "id": "VariableID:43979:272",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44883:47307",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8522",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46434:310776": {
+    "VariableID:46961:115232": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for sd-chip, sd-badge",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46434:310776",
-      "key": "6910efd0475a86823f5001c69751d42e552e6a66",
-      "name": "components/sd-radio/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:46500:50144": {
+    "VariableID:46961:122725": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for sd-chip, sd-badge",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46500:50144",
-      "key": "9123b5852cc060aa2ef32d8a83e0be51523acb36",
-      "name": "components/form-control/__tooltip/color/icon",
+      "id": "VariableID:46961:122725",
+      "key": "a587865482b2e36c58cfde3b736bc29b2c6d939e",
+      "name": "components/sd-button/--tertiary/--inverted/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19047,63 +18028,63 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:241",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:241",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:43979:200",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:44336:5060",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46547:87699": {
+    "VariableID:46961:99748": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for buttons, select field, focus state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46547:87699",
-      "key": "4c5cd7f9982bc98143819830fb92355a71937576",
-      "name": "components/sd-step/__tail/border-width",
+      "id": "VariableID:46961:99748",
+      "key": "baf4394ee33c3727b426e3bf08baa89cd5d8e09a",
+      "name": "components/sd-badge/--inverted/color/border",
       "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:203",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1682",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1682",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46547:89332": {
+    "VariableID:46971:17841": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for checkbox, switch",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46547:89332",
-      "key": "6930b96d957eacf853ef008ef968c8beed2d09e6",
-      "name": "components/sd-step/color/text",
+      "id": "VariableID:46971:17841",
+      "key": "585227908993bcdca48e108bb729dd7a4a04e904",
+      "name": "components/sd-button/--cta/--inverted/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19111,31 +18092,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:278",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:278",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46547:89333": {
+    "VariableID:46977:27416": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46547:89333",
-      "key": "81076c243a34cd77cfe99cc1538bb6b58e347585",
-      "name": "components/sd-step/hover/color/text",
+      "id": "VariableID:46977:27416",
+      "key": "2c224683e57806edd56ba201afcd418d6b5bc1bd",
+      "name": "components/sd-button/--cta/--inverted/--default/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19143,63 +18124,63 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:270",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:270",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:278",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:278",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46550:33336": {
+    "VariableID:46977:27419": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46550:33336",
-      "key": "4cf050d738eb1ea166e387efe32d047d261eab25",
-      "name": "components/sd-step/__circle/border-width",
+      "id": "VariableID:46977:27419",
+      "key": "53c97bf3ed105c10ae7d47de4fb6ef67760cc34f",
+      "name": "components/sd-button/--inverted/--disabled/color/border",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1681",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1681",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46550:34530": {
+    "VariableID:46977:27421": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46550:34530",
-      "key": "165d13ca6bab144a8fc33886c34cef61f7cfc780",
-      "name": "components/sd-map-marker/cluster/color/icon-fill",
+      "id": "VariableID:46977:27421",
+      "key": "943c2dbca370a08dfc95a269abd0497ef6d189e3",
+      "name": "components/sd-button/--inverted/--disabled/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19207,31 +18188,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:264",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:264",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:300",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:264",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46552:34531": {
+    "VariableID:46977:29580": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46552:34531",
-      "key": "649a9ff6b1f7792b581a33fddfdf9c24ebc469ee",
-      "name": "components/sd-map-marker/cluster/--hovered/color/icon-fill",
+      "id": "VariableID:46977:29580",
+      "key": "4ced59e9bc662e5b1c805b2fb7de81063b42b33a",
+      "name": "components/sd-button/--cta/--inverted/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19239,31 +18220,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:262",
+          "id": "VariableID:43979:208",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:262",
+          "id": "VariableID:43979:208",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:265",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:264",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46581:61953": {
+    "VariableID:46977:29581": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46581:61953",
-      "key": "5bd0726798ced92629e161982e4e9d835e75103d",
-      "name": "components/sd-headline/4xl-and-mobile-4xl/text",
+      "id": "VariableID:46977:29581",
+      "key": "59e5ffdbcaea8aa6d07534b658c6f337139f4d54",
+      "name": "components/sd-button/--cta/--inverted/--hover/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19271,31 +18252,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:201",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8470",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46588:15143": {
+    "VariableID:46977:29583": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for pressed interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46588:15143",
-      "key": "04767dcc0b5889482ef5ae514198b7dcacb46761",
-      "name": "components/sd-video/--play-button/color/background",
+      "id": "VariableID:46977:29583",
+      "key": "6d1e88f657f599211a1e237259a88626991731f5",
+      "name": "components/sd-button/--cta/--inverted/--active/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19303,11 +18284,11 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43373:35314",
+          "id": "VariableID:43979:211",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43373:35314",
+          "id": "VariableID:43979:211",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
@@ -19315,19 +18296,19 @@
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46590:15143": {
+    "VariableID:46977:29585": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46590:15143",
-      "key": "590dab235f13ed748c62d7cca3acc4f4e2f45ff1",
-      "name": "components/sd-video/--description/color/text",
+      "id": "VariableID:46977:29585",
+      "key": "b3e7713509e5f19745ed41a919ff62caafbbb8ef",
+      "name": "components/sd-button/--inverted/--disabled/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19335,32 +18316,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:278",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:278",
+          "id": "VariableID:43979:219",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:20145",
+          "id": "VariableID:43979:196",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44917:20145",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46741:1312": {
+    "VariableID:46989:18467": {
       "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:46989:18467",
+      "key": "fde8a07f700d1b92ebca9188691b4d92769e9ca5",
+      "name": "components/sd-button/--cta/--inverted/--active/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19368,32 +18348,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:44917:20145",
+          "id": "VariableID:43979:201",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44917:20145",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46741:3526": {
+    "VariableID:46998:24287": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "",
+      "description": "Primary brand color for text",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46741:3526",
-      "key": "8378a3f5ddea6c52c97e2aeb468c160b0c9810df",
-      "name": "components/sd-quickfact/__expandable/color/title-default/text",
+      "id": "VariableID:46998:24287",
+      "key": "e637e901e3a1ca3db6819199184d22039a935017",
+      "name": "components/sd-radio-button/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19401,31 +18380,35 @@
       ],
       "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:43979:275",
+          "id": "VariableID:46172:9194",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:46172:9194",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46741:3641": {
+    "VariableID:46998:24289": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for text and icon fill",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46741:3641",
-      "key": "27aaaad8cbcd8aac5c30b67a1f09e1d291fd627f",
-      "name": "components/sd-quickfact/--expandable/color/text",
+      "id": "VariableID:46998:24289",
+      "key": "20747bef6de69520b1435220890c7c3b1c4c75b5",
+      "name": "components/sd-radio-button/--hover/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19433,31 +18416,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:46768:1312": {
+    "VariableID:47031:407": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for sd-link &amp; sd-interactive",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46768:1312",
-      "key": "8ca6f62a95afaa7968d308723636b6de17b15c4a",
-      "name": "components/sd-loader/color/neutral-500/_text",
+      "id": "VariableID:47031:407",
+      "key": "ab33e0301ff17cbe87514462d6a6402d33f96457",
+      "name": "components/interactive/--default/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19465,35 +18448,31 @@
       ],
       "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.4000000059604645,
-          "b": 0.7019608020782471,
-          "g": 0.4000000059604645,
-          "r": 0
+          "id": "VariableID:43979:197",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.4000000059604645,
-          "b": 0.7019608020782471,
-          "g": 0.4000000059604645,
-          "r": 0
+          "id": "VariableID:43979:225",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46782:21015": {
+    "VariableID:47174:79210": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for label ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46782:21015",
-      "key": "abfc231dd9c72523d21b6125ecc3f268a7717463",
-      "name": "components/sd-teaser-media/--primary-100/color/background",
+      "id": "VariableID:47174:79210",
+      "key": "b3f16fee5fbfee9e0e4a00672611947f57febcdf",
+      "name": "components/form-control/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19501,35 +18480,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:259",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:259",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.800000011920929,
-          "b": 0.9764705896377563,
-          "g": 0.9686274528503418,
-          "r": 0.9607843160629272
+          "id": "VariableID:44917:20145",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.800000011920929,
-          "b": 0.9764705896377563,
-          "g": 0.9686274528503418,
-          "r": 0.9607843160629272
+          "id": "VariableID:43979:225",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46782:21016": {
+    "VariableID:47208:17564": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46782:21016",
-      "key": "5ebd8f34957c8f368531290820e7dab3cb3dc4d5",
-      "name": "components/sd-teaser-media/--primary-100/--hover/color/background",
+      "id": "VariableID:47208:17564",
+      "key": "68ee3272a573cfa4cc49531226e22f3bf08db6ab",
+      "name": "components/sd-tag/--default/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19537,175 +18512,160 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:259",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:259",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.8999999761581421,
-          "b": 0.9764705896377563,
-          "g": 0.9686274528503418,
-          "r": 0.9607843160629272
+          "id": "VariableID:43979:203",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.8999999761581421,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:43979:203",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46782:21017": {
+    "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:46782:21017",
-      "key": "0110c61e4bf3f19b2e66714738054a0614b17122",
-      "name": "components/sd-teaser-media/--neutral-100/color/background",
+      "id": "VariableID:47208:26542",
+      "key": "61a7bfd54a2fac700d9ca183c80b86e34e437487",
+      "name": "components/choice-control/font-weight",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "STRING",
       "scopes": [
-        "ALL_SCOPES"
+        "FONT_STYLE"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43373:35301",
+          "id": "VariableID:44953:15244",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43373:35301",
+          "id": "VariableID:44953:15244",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.800000011920929,
-          "b": 0.9764705896377563,
-          "g": 0.9686274528503418,
-          "r": 0.9607843160629272
+          "id": "VariableID:44953:15245",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.800000011920929,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:44953:15245",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46782:21018": {
+    "VariableID:47226:13296": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46782:21018",
-      "key": "9a40fba5f10823655a2e0f93f9b8fa18e45a5504",
-      "name": "components/sd-teaser-media/--neutral-100/--hover/color/background",
+      "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:43373:35301",
+          "id": "VariableID:47226:13297",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43373:35301",
+          "id": "VariableID:47226:13297",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "a": 0.8999999761581421,
-          "b": 0.9764705896377563,
-          "g": 0.9686274528503418,
-          "r": 0.9607843160629272
+          "id": "VariableID:47226:13298",
+          "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.8999999761581421,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:47226:13298",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46785:21019": {
+    "VariableID:47226:13297": {
       "codeSyntax": {},
-      "description": "",
+      "description": "8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46785:21019",
-      "key": "9365b1d1efd7770b816756691f4c38c5529130f9",
-      "name": "components/sd-teaser/--neutral-100/color/background",
+      "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:214",
+          "id": "VariableID:44029:1553",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:199",
+          "id": "VariableID:44029:1553",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14699",
+          "id": "VariableID:44029:1553",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:44029:1553",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46785:21047": {
+    "VariableID:47226:13298": {
       "codeSyntax": {},
-      "description": "",
+      "description": "8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46785:21047",
-      "key": "15ca2f0b5a882d57d3dd2d068cc326d5b5aea5fa",
-      "name": "components/sd-teaser/--primary-100/color/background",
+      "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:193",
+          "id": "VariableID:44029:1611",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:199",
+          "id": "VariableID:44029:1611",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14699",
+          "id": "VariableID:44029:1611",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "a": 0.6000000238418579,
-          "b": 1,
-          "g": 1,
-          "r": 1
+          "id": "VariableID:44029:1611",
+          "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46785:21048": {
+    "VariableID:47333:16976": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46785:21048",
-      "key": "3c6b8278f009668afdd5b59750c7073f25645535",
-      "name": "components/sd-teaser/--neutral-400/color/border",
+      "id": "VariableID:47333:16976",
+      "key": "a7730e2935005cdc8e2486c2ff70a1f33a68f192",
+      "name": "components/sd-button/--tertiary/--active/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -19713,1181 +18673,855 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:254",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:254",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44921:14703",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44921:14703",
+          "id": "VariableID:44336:5060",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:46790:20333": {
+    "VariableID:47674:18801": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46790:20333",
-      "key": "0a7284df819445570ca1eb27dad45cf82b9f7517",
-      "name": "components/sd-carousel/__pager-dot/border-width",
+      "id": "VariableID:47674:18801",
+      "key": "67ecf81c13f846349ecc9841e82cfaae8b07892d",
+      "name": "components/form-control/--filled/__floating-label/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:278",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1684",
+          "id": "VariableID:43979:278",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1681",
+          "id": "VariableID:44917:20145",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1684",
+          "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:46790:57690": {
+    "VariableID:47719:8453": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46790:57690",
-      "key": "3875ed78dacd23bb60c6f17bf70ade019e33550d",
-      "name": "components/sd-checkbox/border-width",
+      "id": "VariableID:47719:8453",
+      "key": "734f41506343c0bb379c17df17c34e447d1d6e55",
+      "name": "KID/accent/600",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:44029:1684",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:44029:1684",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44029:1681",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44029:1684",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.21960784494876862,
+          "g": 0.4431372582912445,
+          "r": 0.8392156958580017
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46825:8935": {
+    "VariableID:47719:8454": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46825:8935",
-      "key": "e26bff14a4d0c87f49094ea86a264cc1347a3459",
-      "name": "components/color/background",
+      "id": "VariableID:47719:8454",
+      "key": "055536c2e6975ad70f92f94a8c970f0c58bd92fd",
+      "name": "KID/accent/700",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43373:35302",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43373:35302",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:46172:9194",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:46172:9194",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.1411764770746231,
+          "g": 0.33725491166114807,
+          "r": 0.7019608020782471
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46825:8941": {
+    "VariableID:47719:8455": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46825:8941",
-      "key": "3ffea28283e796e733ae9528f82ab55dee7d39aa",
-      "name": "components/sd-tab/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:254",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:254",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44921:14703",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44921:14703",
-          "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:46841:8934": {
+    "VariableID:47719:8456": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46841:8934",
-      "key": "56c2e8dfcb27eb603dd69f8ea0ec775b476924f3",
-      "name": "components/sd-switch/color/text",
+      "id": "VariableID:47719:8456",
+      "key": "3db9296a010a7747e6a567cbdfa15532854a598f",
+      "name": "KID/accent/900",
       "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:43979:275",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:275",
-          "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:46841:9198": {
+    "VariableID:47719:8457": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46841:9198",
-      "key": "4a1b465593379563c4de108e54564da27e486637",
-      "name": "components/sd-switch/--unchecked/color/border",
+      "id": "VariableID:47719:8457",
+      "key": "8d8e04936d50dc114860b353effcf280e89b1003",
+      "name": "KID/accent/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:248",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:248",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:275",
+        "43138:0": {
+          "id": "VariableID:47719:8448",
           "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46841:9202": {
+    "VariableID:47719:8458": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46841:9202",
-      "key": "07f383dffdd1b4bf3b4162dbf717e32b5f8cf9e2",
-      "name": "components/sd-switch/--unchecked/__icon/color/background",
+      "id": "VariableID:47719:8458",
+      "key": "3fcc66f7c05a49ef79d991b6f933a59ebd4bd0e9",
+      "name": "KID/primary/100",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:248",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:248",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:275",
-          "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:46841:9203": {
+    "VariableID:47719:8459": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46841:9203",
-      "key": "26ccbd28e977666f59e2dbdcd345de41b7b39beb",
-      "name": "components/sd-switch/--checked/--hover/color/background",
+      "id": "VariableID:47719:8459",
+      "key": "cd11d90a5840cf73d1b4a19deaabd567293f925c",
+      "name": "KID/primary/200",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:209",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:209",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:198",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "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:46864:40268": {
+    "VariableID:47719:8460": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46864:40268",
-      "key": "6c0e30b18d9f675ab1b3c642a5c9e5945797a4f7",
-      "name": "components/sd-video/--play-button/color/icon-fill",
+      "id": "VariableID:47719:8460",
+      "key": "c733506e745bb980ae338d026abac332a90ecbb3",
+      "name": "KID/primary/300",
       "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:202",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:202",
-          "type": "VARIABLE_ALIAS"
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.8392156958580017,
+          "g": 0.6509804129600525,
+          "r": 0.5960784554481506
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46871:10801": {
+    "VariableID:47719:8461": {
       "codeSyntax": {},
-      "description": "Used for inverted dividers",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46871:10801",
-      "key": "d0ce672c25e917337d58a77952ef110ba23c94b5",
-      "name": "components/sd-divider/--Inverted/color/border",
+      "id": "VariableID:47719:8461",
+      "key": "df1d097e0a517b332b8d08d162c61b380fa96408",
+      "name": "KID/primary/400",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:196",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:196",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "a": 0.4000000059604645,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "47719:0": {
-          "a": 0.4000000059604645,
-          "b": 1,
-          "g": 1,
-          "r": 1
+        "43138:0": {
+          "a": 1,
+          "b": 0.7764706015586853,
+          "g": 0.5176470875740051,
+          "r": 0.4313725531101227
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46871:68824": {
+    "VariableID:47719:8462": {
       "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:47719:8462",
+      "key": "3e7c50385e6219abfdcafb8a1dc3fd2b36e717b2",
+      "name": "KID/primary/500",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.20000000298023224,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "43174:14": {
-          "a": 0.20000000298023224,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        },
-        "44883:0": {
-          "a": 0.20000000298023224,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "47719:0": {
-          "a": 0.20000000298023224,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
+        "43138:0": {
+          "a": 1,
+          "b": 0.7333333492279053,
+          "g": 0.4117647111415863,
+          "r": 0.2980392277240753
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46871:68825": {
+    "VariableID:47719:8464": {
       "codeSyntax": {},
-      "description": "Used to add border that is only visible in dark mode:\n-dropdown",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46871:68825",
-      "key": "5c42193d46fb2cc6385fc7b735f4a97a64d3ca3e",
-      "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/50%",
+      "id": "VariableID:47719:8464",
+      "key": "1fb17c927484843de11784a46ffa71d94dcf4122",
+      "name": "KID/primary/600",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "a": 0.5,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "43174:14": {
-          "a": 0.5,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        },
-        "44883:0": {
-          "a": 0.5,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        },
-        "47719:0": {
-          "a": 0.5,
-          "b": 0.9254902005195618,
-          "g": 0.9490196108818054,
-          "r": 0.9686274528503418
+        "43138:0": {
+          "a": 1,
+          "b": 0.686274528503418,
+          "g": 0.30980393290519714,
+          "r": 0.1411764770746231
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46871:963": {
+    "VariableID:47719:8465": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46871:963",
-      "key": "6555f3c927ed3de048d9b4b15a6b64314b47e97f",
-      "name": "components/sd-carousel/--active/color/border",
+      "id": "VariableID:47719:8465",
+      "key": "53344436f69d57e0ffe8c7ff5cee6d20bf7e8028",
+      "name": "KID/primary/700",
       "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:203",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.5568627715110779,
+          "g": 0.20392157137393951,
+          "r": 0
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46893:49686": {
+    "VariableID:47719:8466": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46893:49686",
-      "key": "fd7fbe65fdba3e702c28bc72288628b8a94d8516",
-      "name": "components/sd-menu/color/text",
+      "id": "VariableID:47719:8466",
+      "key": "d0c064d29dd24d3600decd5bd944269fa71c71c0",
+      "name": "KID/primary/800",
       "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:275",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0.4745098054409027,
+          "g": 0.13725490868091583,
+          "r": 0
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46893:50283": {
+    "VariableID:47719:8467": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46893:50283",
-      "key": "321f856c08b3bf49412813cd58bfde5328e264b2",
-      "name": "components/sd-menu/color/icon",
+      "id": "VariableID:47719:8467",
+      "key": "7e12b72e204b5bd1c0a58a05a798306121d04892",
+      "name": "KID/primary/900",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:241",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:241",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:275",
-          "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:46893:50284": {
+    "VariableID:47719:8468": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46893:50284",
-      "key": "710c937698604b4e0bda3fd0f5d4e037067f455c",
-      "name": "components/sd-menu/--disabled/color/icon",
+      "id": "VariableID:47719:8468",
+      "key": "0b73695a6b2e72cdd92fe4b3fdad084cd7f9542b",
+      "name": "KID/primary/default",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:246",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:246",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "a": 0.20000000298023224,
-          "b": 0,
-          "g": 0,
-          "r": 0
-        },
-        "47719:0": {
-          "id": "VariableID:43979:218",
+        "43138:0": {
+          "id": "VariableID:47719:8467",
           "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46893:50285": {
+    "VariableID:47719:8470": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46893:50285",
-      "key": "22def546b2d9f8531dec499680bb71f9376123fe",
-      "name": "components/sd-menu/--disabled/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:277",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:277",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "a": 0.20000000298023224,
-          "b": 0,
-          "g": 0,
-          "r": 0
-        },
-        "47719:0": {
-          "id": "VariableID:43979:218",
+        "43138:0": {
+          "id": "VariableID:47719:8467",
           "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46897:13212": {
+    "VariableID:47719:8477": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46897:13212",
-      "key": "f65d387da3eb85bc3cef71865a7560372bdab08c",
-      "name": "components/sd-map-marker/font-size",
+      "id": "VariableID:47719:8477",
+      "key": "dde9bbde7ed41722c0cf0fe1691688db986b1e81",
+      "name": "KID/white/default",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:47877:97571",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:47877:97571",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:47877:97571",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:47877:97571",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46937:80691": {
+    "VariableID:47719:8488": {
       "codeSyntax": {},
-      "description": "Primary brand color for text",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46937:80691",
-      "key": "d5c507cd6d7ec37dc04cc60efeee65b140cd0452",
-      "name": "components/sd-radio-button/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:225",
-          "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:46937:80692": {
+    "VariableID:47719:8519": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46937:80692",
-      "key": "652c5a1f2227c985df622ac4dd1f37c9971fc268",
-      "name": "components/sd-radio-button/color/icon-fil",
+      "id": "VariableID:47719:8519",
+      "key": "df879f5e6f714f612dc7c8fb851435f3009e5298",
+      "name": "KID/font-family/font-family-primary",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "STRING",
+      "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:225",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:225",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": "Bricolage Grotesque"
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46938:18800": {
+    "VariableID:47719:8520": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46938:18800",
-      "key": "76549fda85e06be7a15e88409e0791d3b2519c11",
-      "name": "components/sd-navigation-item/color/_icon",
+      "id": "VariableID:47719:8520",
+      "key": "488d4410b2fc6409037bd1fd4ac29b230acf90f6",
+      "name": "KID/status/success",
       "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:275",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:275",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0,
+          "g": 0.43921568989753723,
+          "r": 0
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46961:115232": {
+    "VariableID:47719:8522": {
       "codeSyntax": {},
-      "description": "Used for sd-chip, sd-badge",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46961:115232",
-      "key": "b40c72ed27030e7dbb743f3f58eeb3e3453e147b",
-      "name": "components/sd-button/--secondary/--inverted/--hover/color/background",
+      "id": "VariableID:47719:8522",
+      "key": "d725e4e7f8f4918678391feffc25a82b1384d368",
+      "name": "KID/status/error",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43927:5036",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44336:5060",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0,
+          "g": 0,
+          "r": 0.800000011920929
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46961:122725": {
+    "VariableID:47719:8523": {
       "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:47719:8523",
+      "key": "c56782e50d97598621be0a8dddaaeebce09a5dca",
+      "name": "KID/status/warning",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43927:5036",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44336:5060",
-          "type": "VARIABLE_ALIAS"
+        "43138:0": {
+          "a": 1,
+          "b": 0,
+          "g": 0.43917012214660645,
+          "r": 0.8399999737739563
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46961:99748": {
+    "VariableID:47719:8524": {
       "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:8524",
+      "key": "cf272ac24e0ed5f19d1afcc92b77b63b3fc80293",
+      "name": "KID/status/warning-bg",
       "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.9019607901573181,
+          "g": 0.9921568632125854,
+          "r": 0.9960784316062927
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:47719:8525": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:47719:8525",
+      "key": "d8f0d37f016e9d68a7a3972ee976d2eb725429c0",
+      "name": "KID/status/success-bg",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 1,
+          "b": 0.9019607901573181,
+          "g": 0.9803921580314636,
+          "r": 0.9137254953384399
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46971:17841": {
+    "VariableID:47719:8526": {
       "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:8526",
+      "key": "b1700aa427b52e0bc37f2710b32787971166cd10",
+      "name": "KID/status/error-bg",
       "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.9019607901573181,
+          "g": 0.9098039269447327,
+          "r": 0.9921568632125854
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46977:27416": {
+    "VariableID:47719:8527": {
       "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:8527",
+      "key": "048a2ec44a31323249b5ba963be7b8da74a6f318",
+      "name": "KID/status/neutral-blue",
       "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",
-          "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:46977:27419": {
+    "VariableID:47719:8528": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46977:27419",
-      "key": "a514f2165242949ad80406026ad843c6d70467ab",
-      "name": "components/sd-button/--inverted/--disabled/color/border",
+      "id": "VariableID:47719:8528",
+      "key": "ded6bb315360ed02dd968a5ea9faa51cea543c9d",
+      "name": "KID/status/neutral-blue-bg",
       "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:8529": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46977:27421",
-      "key": "ac1b0c649732d4c6108703555e2c8079ceb0b908",
-      "name": "components/sd-button/--inverted/--disabled/color/text",
+      "id": "VariableID:47719:8529",
+      "key": "e7521dc2631bed803024ddfe107bc6e7d87c279d",
+      "name": "KID/status/neutral-grey-bg",
       "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.9450980424880981,
+          "g": 0.9372549057006836,
+          "r": 0.9254902005195618
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46977:29580": {
+    "VariableID:47719:8532": {
       "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:8532",
+      "key": "c53a8fb6a87e9b2f341f47ea4887b0bea61a5733",
+      "name": "KID/neutral/200",
       "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.8627451062202454,
+          "g": 0.8470588326454163,
+          "r": 0.8117647171020508
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46977:29581": {
+    "VariableID:47719:8533": {
       "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:8533",
+      "key": "762e75c601247bb9e5b2c6cfb199b49debf22b19",
+      "name": "KID/neutral/300",
       "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.772549033164978,
+          "g": 0.7450980544090271,
+          "r": 0.6901960968971252
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46977:29583": {
+    "VariableID:47719:8534": {
       "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:8534",
+      "key": "dc59c700e9195d53d64023ca28e4156c12ec0439",
+      "name": "KID/neutral/400",
       "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.6823529601097107,
+          "g": 0.6431372761726379,
+          "r": 0.5647059082984924
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46977:29585": {
+    "VariableID:47719:8536": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46977:29585",
-      "key": "0d14efe245ce22e5e00d29fc17b37898aa5f7af4",
-      "name": "components/sd-button/--inverted/--disabled/color/background",
+      "id": "VariableID:47719:8536",
+      "key": "b8250f0ebd7ec2735272167724a5a63fe3d157c9",
+      "name": "KID/neutral/500",
       "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.6117647290229797,
+          "g": 0.5647059082984924,
+          "r": 0.47058823704719543
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46989:18467": {
+    "VariableID:47719:8537": {
       "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:8537",
+      "key": "d8a21153ead3a5a3ed51245b2bb1a13528b6d20a",
+      "name": "KID/neutral/600",
       "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.545098066329956,
+          "g": 0.4901960790157318,
+          "r": 0.3764705955982208
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46998:24287": {
+    "VariableID:47719:8538": {
       "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:8538",
+      "key": "16836cdd7391260ff38576e10692f13f55ec1f6b",
+      "name": "KID/neutral/700",
       "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.47843137383461,
+          "g": 0.4313725531101227,
+          "r": 0.3294117748737335
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46998:24288": {
+    "VariableID:47719:8539": {
       "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:8539",
+      "key": "62e86707407173829c28c63db80f466ccc64d057",
+      "name": "KID/neutral/800",
       "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.3921568691730499,
+          "g": 0.3529411852359772,
+          "r": 0.2705882489681244
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:46998:24289": {
+    "VariableID:47728:7235": {
       "codeSyntax": {},
-      "description": "Used for hover interaction",
+      "deletedButReferenced": true,
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:46998:24289",
-      "key": "9b840a958f6c476305557908b55b2264d51f7662",
-      "name": "components/sd-radio-button/--hover/color/text",
+      "id": "VariableID:47728:7235",
+      "key": "01d93ea09dab9dfcaf3bb3866d33099976d298db",
+      "name": "components/sd-link/color/--hover/icon",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -20895,31 +19529,32 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:43979:270",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:194",
+          "id": "VariableID:43979:268",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:43927:5032",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47031:407": {
+    "VariableID:47728:7237": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "deletedButReferenced": true,
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47031:407",
-      "key": "bfe9b244b703a83007169196b7c5f151c029d69c",
-      "name": "components/interactive/--default/color/text",
+      "id": "VariableID:47728:7237",
+      "key": "091d9e9ca162f43275e55159cc38a6f31cb22ac7",
+      "name": "components/sd-link/color/--none/icon",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -20935,23 +19570,24 @@
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:270",
+          "id": "VariableID:43927:5032",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:241",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47174:79210": {
+    "VariableID:47728:7239": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47174:79210",
-      "key": "eb61ec195093e8f19e720279dbb33a5a110fbdd0",
-      "name": "components/form-control/color/text",
+      "id": "VariableID:47728:7239",
+      "key": "e10b32b493f63af0c24215bf39b9018afcff01be",
+      "name": "components/sd-link/color/--pressed/icon",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -20959,31 +19595,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:271",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:43979:269",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:20145",
+          "id": "VariableID:43927:5032",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:43979:275",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47208:17564": {
+    "VariableID:47735:23876": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47208:17564",
-      "key": "25ae1c24c97003334f66aa1c0958df9974844ea5",
-      "name": "components/sd-tag/--default/color/text",
+      "id": "VariableID:47735:23876",
+      "key": "fada6e43fb1b6113d0ce935454a5736f87fa583f",
+      "name": "components/sd-datepicker/__date-item/--hover/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -20991,323 +19627,248 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:203",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47208:26542": {
+    "VariableID:47735:23878": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47208:26542",
-      "key": "1b110e7be2dbd5d41fa1ace046d5a5e3c96ae308",
-      "name": "components/sd-tab/font-weight",
+      "id": "VariableID:47735:23878",
+      "key": "000b9318e00275fe70be07eafc71dd3be44ec318",
+      "name": "components/sd-datepicker/__date-item/--hover/--prev-next/color/background",
       "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:15245",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44953:15245",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47226:13296": {
+    "VariableID:47735:23879": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47226:13296",
-      "key": "3140d5c8cfe2da59d38d618892b30a4ecc348369",
-      "name": "components/sd-range/__bar/border-width",
+      "id": "VariableID:47735:23879",
+      "key": "412d17559b99cc89d10e70d86df06e3d7e9c271e",
+      "name": "components/sd-datepicker/__date-item/--selected/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:47226:13297",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:47226:13297",
+          "id": "VariableID:43979:198",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:47226:13298",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47226:13298",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47226:13297": {
+    "VariableID:47735:23880": {
       "codeSyntax": {},
-      "description": "8px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47226:13297",
-      "key": "9c9c51bcfdf1a49f326c6272c9966f487e5d277e",
-      "name": "utilities/sizing/1",
+      "id": "VariableID:47735:23880",
+      "key": "3c69bc434d682c172e590c35edeb8d3c61832db6",
+      "name": "components/sd-datepicker/__date-item/--hover/--default/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1553",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1553",
+          "id": "VariableID:43979:200",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1553",
+          "id": "VariableID:43979:225",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1553",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47226:13298": {
+    "VariableID:47737:23882": {
       "codeSyntax": {},
-      "description": "8px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47226:13298",
-      "key": "fd1038df76f241ab9045c0d8de5d5409cea3266c",
-      "name": "utilities/sizing/0,5",
+      "id": "VariableID:47737:23882",
+      "key": "e56ce367b620090d3b91a4f756ced1f6606eb532",
+      "name": "components/sd-datepicker/__date-item/--hover/--prev-next/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1611",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1611",
+          "id": "VariableID:43979:200",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1611",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1611",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47333:16976": {
+    "VariableID:47783:193767": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47333:16976",
-      "key": "f242db2a385fccd422464974e2003d324a076377",
-      "name": "components/sd-button/--tertiary/--active/color/background",
+      "id": "VariableID:47783:193767",
+      "key": "dd9030a123bec8e9a32b70de752390b2f163b64c",
+      "name": "components/sd-button/--size/sm/font-size",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:194",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:193",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44336:5060",
+          "id": "VariableID:47877:97571",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47674:18801": {
+    "VariableID:47783:193768": {
       "codeSyntax": {},
+      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47674:18801",
-      "key": "353895efdf1e979d2251c1f2322fee6f616c10d4",
-      "name": "components/form-control/--filled/__floating-label/color/text",
+      "id": "VariableID:47783:193768",
+      "key": "5ac07bc61a729c12bfac84c5f373ddb7a25c92bc",
+      "name": "components/sd-button/--size/sm/border-radius",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:278",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:278",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44917:20145",
+          "id": "VariableID:44029:1678",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47719:8539",
+          "id": "VariableID:44029:1678",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8448": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8448",
-      "key": "f6448d0b8527ee89fbc1c39c59beb755f6d8714c",
-      "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": "828ee745f48d24306bb5fbaf3ebfb174e3c966dd",
-      "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": "17df901962de44685258e2956a4b7650180796b4",
-      "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": "e0e70c6f1850abdf893e29419a632bc65314842d",
-      "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": {
+    "VariableID:47783:193769": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8452",
-      "key": "db5e059b7b8263d8e24527e870cb51ff4f4bb7c9",
-      "name": "KID/accent/500",
+      "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": {
-          "a": 1,
-          "b": 0.30980393290519714,
-          "g": 0.5607843399047852,
-          "r": 0.9803921580314636
-        }
+        "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:8453": {
+    "VariableID:47783:27980": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8453",
-      "key": "02907c872d7422fe71b020daa99ae304e6cf0ed0",
-      "name": "KID/accent/600",
+      "id": "VariableID:47783:27980",
+      "key": "6ca38fa6a132a863d9f1faecf6b6a3ce5a171761",
+      "name": "KID/neutral/900",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
@@ -21315,1242 +19876,1091 @@
         "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": "b1684b738846fb948471f069fc27e347176b099a",
-      "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:47719:8455": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8455",
-      "key": "a7b573bbea07136c9d66410097734e179849ea61",
-      "name": "KID/accent/800",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.07450980693101883,
-          "g": 0.23529411852359772,
-          "r": 0.5607843399047852
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:47719:8456": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8456",
-      "key": "c0bd26c5fb419355140366c75a3eef728077ea04",
-      "name": "KID/accent/900",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.019607843831181526,
-          "g": 0.1411764770746231,
-          "r": 0.41960784792900085
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:47719:8457": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8457",
-      "key": "1766c43df82e0be2310fd11dfbc49945de9b9945",
-      "name": "KID/accent/default",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "id": "VariableID:47719:8448",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:47719:8458": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8458",
-      "key": "b35a434d1eced019cc3afb9bed6f6e850d19d7ab",
-      "name": "KID/primary/100",
-      "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9607843160629272,
-          "g": 0.9137254953384399,
-          "r": 0.9019607901573181
+          "g": 0.19607843458652496,
+          "r": 0.14901961386203766
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8459": {
+    "VariableID:47783:27982": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8459",
-      "key": "fbc3e2f998c7ca8de974f70fed77b4cb8781d501",
-      "name": "KID/primary/200",
+      "id": "VariableID:47783:27982",
+      "key": "0a854087442dd901bd318102568b24e379816051",
+      "name": "KID/creme",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.9058823585510254,
-          "g": 0.7882353067398071,
-          "r": 0.7568627595901489
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8460": {
+    "VariableID:47805:4778": {
       "codeSyntax": {},
-      "description": "",
+      "description": "400",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8460",
-      "key": "896a1d1899e87f669ab71c23f90d8347208da8fd",
-      "name": "KID/primary/300",
+      "id": "VariableID:47805:4778",
+      "key": "873b8acc1fc8847d5c4fdd68ac18f0f920fbc167",
+      "name": "KID/font-weight/font-normal",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "STRING",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.8392156958580017,
-          "g": 0.6509804129600525,
-          "r": 0.5960784554481506
-        }
+        "43138:0": "Regular"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8461": {
+    "VariableID:47805:4779": {
       "codeSyntax": {},
-      "description": "",
+      "description": "500",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8461",
-      "key": "72e4bdf2d9d80c5c75c0191faf0f6aa4f1d063ae",
-      "name": "KID/primary/400",
+      "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.7764706015586853,
-          "g": 0.5176470875740051,
-          "r": 0.4313725531101227
-        }
+        "43138:0": "Semibold"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8462": {
+    "VariableID:47805:4780": {
       "codeSyntax": {},
-      "description": "",
+      "description": "600",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8462",
-      "key": "bb1d310e27929b7a8f99c5168bc29ef39fa27069",
-      "name": "KID/primary/500",
+      "id": "VariableID:47805:4780",
+      "key": "473a0511840389f38e7795d46e8f078eb08312fb",
+      "name": "KID/font-weight/font-bold",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "STRING",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.7333333492279053,
-          "g": 0.4117647111415863,
-          "r": 0.2980392277240753
-        }
+        "43138:0": "Bold"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8464": {
+    "VariableID:47829:633": {
       "codeSyntax": {},
-      "description": "",
+      "description": "48px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8464",
-      "key": "350ebfbb90c2d99a46415dc373280f36d2077ecc",
-      "name": "KID/primary/600",
+      "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.686274528503418,
-          "g": 0.30980393290519714,
-          "r": 0.1411764770746231
+        "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:8465": {
+    "VariableID:47829:638": {
       "codeSyntax": {},
-      "description": "",
+      "description": "border radius 4px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8465",
-      "key": "5d89f6ea392fef09c6ec5551bbe0751f9272c221",
-      "name": "KID/primary/700",
+      "id": "VariableID:47829:638",
+      "key": "c9ef81fc3b3087f670936bba940be1c195894483",
+      "name": "KID/rounded/sm",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.5568627715110779,
-          "g": 0.20392157137393951,
-          "r": 0
-        }
+        "43138:0": 4
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8466": {
+    "VariableID:47829:639": {
       "codeSyntax": {},
-      "description": "",
+      "description": "border radius 8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8466",
-      "key": "fc74c0f7de12ae683bbce547a4d4fe5c91c4a910",
-      "name": "KID/primary/800",
+      "id": "VariableID:47829:639",
+      "key": "037cc2e9dc5e37b346a9b6e3fe0829831c0d931e",
+      "name": "KID/rounded/md",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.4745098054409027,
-          "g": 0.13725490868091583,
-          "r": 0
-        }
+        "43138:0": 8
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8467": {
+    "VariableID:47829:640": {
       "codeSyntax": {},
-      "description": "",
+      "description": "border radius 16px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8467",
-      "key": "69c0b57d417b5d0f574b6c1b87809d029511e2fa",
-      "name": "KID/primary/900",
+      "id": "VariableID:47829:640",
+      "key": "863ed104d74a814dfb754bcd086251f28c884c54",
+      "name": "KID/rounded/\blg",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.1882352977991104,
-          "g": 0.08235294371843338,
-          "r": 0.019607843831181526
-        }
+        "43138:0": 16
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8468": {
+    "VariableID:47829:641": {
       "codeSyntax": {},
-      "description": "",
+      "description": "border radius 999px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8468",
-      "key": "f6dcca80d347457bf3e10177256c95fac3c7fdca",
-      "name": "KID/primary/default",
+      "id": "VariableID:47829:641",
+      "key": "215ae0d570d37f05d420c11632b90f57af6b65b7",
+      "name": "KID/rounded/full",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "id": "VariableID:47719:8467",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 9999
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8470": {
+    "VariableID:47829:657": {
       "codeSyntax": {},
-      "description": "",
+      "description": "opacity 50%",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8470",
-      "key": "37b184488d41df5f1dc49c691c181313495a5274",
-      "name": "KID/black",
+      "id": "VariableID:47829:657",
+      "key": "893c15bbb9f242072b378f38c011a8da92b20405",
+      "name": "KID/opacity/opacity-50",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "id": "VariableID:47719:8467",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43138:0": 50
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8477": {
+    "VariableID:47829:659": {
       "codeSyntax": {},
-      "description": "",
+      "description": "opacity 60%",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8477",
-      "key": "47dbc9d692cbc774a507eb32119d332d455471a7",
-      "name": "KID/white/default",
+      "id": "VariableID:47829:659",
+      "key": "fbca600e7adb98fe63ba14fb80f82576dc169130",
+      "name": "KID/opacity/opacity-60",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        }
+        "43138:0": 60
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8488": {
+    "VariableID:47829:665": {
       "codeSyntax": {},
-      "description": "",
+      "description": "opacity 100%",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8488",
-      "key": "e535fcd42d6a2cd1eca84b2aad1001ccf7ed029f",
-      "name": "KID/white",
+      "id": "VariableID:47829:665",
+      "key": "b08ca4fbbce44af47e0dcdb1dd0fd33eef052584",
+      "name": "KID/opacity/opacity-100",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "FLOAT",
+      "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        }
+        "43138:0": 100
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8519": {
+    "VariableID:47833:10802": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8519",
-      "key": "e4837542166711550249b2033bdc357cca7425bb",
-      "name": "KID/font-family/font-family-primary",
+      "id": "VariableID:47833:10802",
+      "key": "06614177c0933d0c8be8d0f124f5a22709619245",
+      "name": "font-semibold",
       "remote": false,
       "resolvedType": "STRING",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": "Bricolage Grotesque"
+        "43138:0": "Semibold"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8520": {
+    "VariableID:47835:23074": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8520",
-      "key": "c506d9b0ed5470ff3f96188a3a0d165344e86604",
-      "name": "KID/status/success",
+      "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,
-          "g": 0.43921568989753723,
-          "r": 0
-        }
+        "43138:0": "Regular"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8522": {
+    "VariableID:47835:23075": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8522",
-      "key": "df450e100f838d8ac5a9093b29090c64f3bee9e5",
-      "name": "KID/status/error",
+      "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,
-          "g": 0,
-          "r": 0.800000011920929
-        }
+        "43138:0": "Bold"
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8523": {
+    "VariableID:47858:29969": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8523",
-      "key": "3168f0a026a75c12a49a3a62a6b01e5f7ccdf739",
-      "name": "KID/status/warning",
+      "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,
-          "g": 0.43917012214660645,
-          "r": 0.8399999737739563
+        "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:8524": {
+    "VariableID:47877:97571": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8524",
-      "key": "e4a8904a3bf919a66c5fbffca737267b20d042df",
-      "name": "KID/status/warning-bg",
+      "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.9019607901573181,
-          "g": 0.9921568632125854,
-          "r": 0.9960784316062927
-        }
+        "43174:13": 12,
+        "43174:14": 12,
+        "44883:0": 12,
+        "47719:0": 12
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8525": {
+    "VariableID:47899:14901": {
       "codeSyntax": {},
-      "description": "",
+      "description": "14px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8525",
-      "key": "3ad0706b1c29969ea0a864a990ef0b6b9220ada2",
-      "name": "KID/status/success-bg",
+      "id": "VariableID:47899:14901",
+      "key": "3233d817b2238821b747909cc8d81086a8a8877f",
+      "name": "text-xs",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9019607901573181,
-          "g": 0.9803921580314636,
-          "r": 0.9137254953384399
-        }
+        "43138:0": 12
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47719:8526": {
+    "VariableID:47899:5274": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8526",
-      "key": "23caf7589d392c6cecf0e3bb164e6c7ff79bf976",
-      "name": "KID/status/error-bg",
+      "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.9019607901573181,
-          "g": 0.9098039269447327,
-          "r": 0.9921568632125854
-        }
+        "43174:13": 14,
+        "43174:14": 14,
+        "44883:0": 14,
+        "47719:0": 14
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8527": {
+    "VariableID:47899:5276": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8527",
-      "key": "defba2f8125a766f14e04284ece93f6b4c811187",
-      "name": "KID/status/neutral-blue",
+      "id": "VariableID:47899:5276",
+      "key": "f5191c0e02fdfb3a921b1a516187574a29e76e0c",
+      "name": "utilities/text/base",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.686274528503418,
-          "g": 0.30980393290519714,
-          "r": 0.1411764770746231
-        }
+        "43174:13": 16,
+        "43174:14": 16,
+        "44883:0": 16,
+        "47719:0": 16
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8528": {
+    "VariableID:47899:5277": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8528",
-      "key": "28f05d2b44c39b5eec69e7926be0688b807fd5a6",
-      "name": "KID/status/neutral-blue-bg",
+      "id": "VariableID:47899:5277",
+      "key": "e8efa08f67f259ee71b40b6a3fa8ec9f3d3d680b",
+      "name": "utilities/text/lg",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9607843160629272,
-          "g": 0.9137254953384399,
-          "r": 0.9019607901573181
-        }
+        "43174:13": 20,
+        "43174:14": 20,
+        "44883:0": 20,
+        "47719:0": 18
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8529": {
+    "VariableID:47899:5278": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8529",
-      "key": "3db382b65a364e0fcaae882729d4949216033f6c",
-      "name": "KID/status/neutral-grey-bg",
+      "id": "VariableID:47899:5278",
+      "key": "5f6bc2d979e16422655e9bd77e48adfc13f61c59",
+      "name": "utilities/text/xl",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.9450980424880981,
-          "g": 0.9372549057006836,
-          "r": 0.9254902005195618
-        }
+        "43174:13": 24,
+        "43174:14": 24,
+        "44883:0": 24,
+        "47719:0": 24
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8532": {
+    "VariableID:47899:5279": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8532",
-      "key": "3228f33d3c4971a32d06a138630097714b5671d3",
-      "name": "KID/neutral/200",
+      "id": "VariableID:47899:5279",
+      "key": "872a6921837f903c5013dff04c1551fade84e697",
+      "name": "utilities/text/2xl",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.8627451062202454,
-          "g": 0.8470588326454163,
-          "r": 0.8117647171020508
-        }
+        "43174:13": 28,
+        "43174:14": 28,
+        "44883:0": 28,
+        "47719:0": 28
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8533": {
+    "VariableID:47899:5280": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8533",
-      "key": "2ecbcfb299f24e15ada58ebc991ef1a2a34657e2",
-      "name": "KID/neutral/300",
+      "id": "VariableID:47899:5280",
+      "key": "6a4b245a12f419686898776da078d5a6d3b7e512",
+      "name": "utilities/text/3xl",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.772549033164978,
-          "g": 0.7450980544090271,
-          "r": 0.6901960968971252
-        }
+        "43174:13": 32,
+        "43174:14": 32,
+        "44883:0": 32,
+        "47719:0": 32
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8534": {
+    "VariableID:47899:5281": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8534",
-      "key": "966ef8c3deee507a906419dc12fe49b9fb5e9fd7",
-      "name": "KID/neutral/400",
+      "id": "VariableID:47899:5281",
+      "key": "4f49d7c5499c117a1023515dc2374006eab92f09",
+      "name": "utilities/text/4xl",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.6823529601097107,
-          "g": 0.6431372761726379,
-          "r": 0.5647059082984924
-        }
+        "43174:13": 40,
+        "43174:14": 40,
+        "44883:0": 38,
+        "47719:0": 42
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8536": {
+    "VariableID:47958:17170": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8536",
-      "key": "2f3db3cea8876533c6800854524860dd96fd1c42",
-      "name": "KID/neutral/500",
+      "id": "VariableID:47958:17170",
+      "key": "648b9fdc2ddb6584de9395749af6ef9fa3953676",
+      "name": "_todo/components/sd-radio/--size/lg/__icon",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.6117647290229797,
-          "g": 0.5647059082984924,
-          "r": 0.47058823704719543
+        "43174:13": {
+          "id": "VariableID:44029:1649",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1649",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1649",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1651",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8537": {
+    "VariableID:47958:21546": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8537",
-      "key": "82999b66e728157fe896fef8b864f9d5e1b6f42a",
-      "name": "KID/neutral/600",
+      "id": "VariableID:47958:21546",
+      "key": "f74d1baa717fd2196d3b7169b07c06307ca20243",
+      "name": "_todo/components/sd-checkbox/--size/lg/__icon",
       "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": {
+          "id": "VariableID:44029:1649",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:44029:1649",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:44029:1649",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1651",
+          "type": "VARIABLE_ALIAS"
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8538": {
+    "VariableID:47961:6096": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8538",
-      "key": "598954ea8c13dea5cfd623f70351a64cd0dc4ed4",
-      "name": "KID/neutral/700",
+      "id": "VariableID:47961:6096",
+      "key": "783979fecbccbc91d79e7f80a91e5f1c4a32ac54",
+      "name": "components/sd-tag/--default/color/background",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.47843137383461,
-          "g": 0.4313725531101227,
-          "r": 0.3294117748737335
+        "43174:13": {
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        },
+        "43174:14": {
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        },
+        "44883:0": {
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        },
+        "47719:0": {
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47719:8539": {
+    "VariableID:47961:6198": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47719:8539",
-      "key": "c25371e48a5709c4f39e644eaacc02361d3bf9ce",
-      "name": "KID/neutral/800",
+      "id": "VariableID:47961:6198",
+      "key": "8445fabbdb7ab2854e71f2214c90d7c6f866ab4d",
+      "name": "components/sd-tag/--default/color/border",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 1,
-          "b": 0.3921568691730499,
-          "g": 0.3529411852359772,
-          "r": 0.2705882489681244
+        "43174:13": {
+          "id": "VariableID:43979:252",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:281",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:281",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "a": 0.6000000238418579,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47728:7234": {
+    "VariableID:47961:6310": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47728:7234",
-      "key": "6a5447f31a2e12ab9be3182643e77cf88820f9b7",
-      "name": "components/sd-link/color/--hover/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:270",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:268",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5032",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:47877:97571",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47728:7235": {
+    "VariableID:47961:6311": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47728:7235",
-      "key": "f13becf0ee1840aeb151df0978432eab77256853",
-      "name": "components/sd-link/color/--hover/icon",
+      "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:270",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:268",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5032",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:47877:97571",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47728:7236": {
+    "VariableID:48046:4669": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47728:7236",
-      "key": "73718ac50f60d056f9a9389dbf466ea7613bfb77",
-      "name": "components/sd-link/color/--default/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:272",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5032",
+          "id": "VariableID:47899:5276",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47728:7237": {
+    "VariableID:48127:24317": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
-      "description": "",
+      "description": "Used for font weight inside sd-chip &amp; sd-flag",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47728:7237",
-      "key": "ed90b8abff71bab9de7d75b4a97ccdec2f0fbf34",
-      "name": "components/sd-link/color/--none/icon",
+      "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:272",
+          "id": "VariableID:44953:15244",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:272",
+          "id": "VariableID:44953:15244",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5032",
+          "id": "VariableID:44953:15244",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:44953:15245",
+          "type": "VARIABLE_ALIAS"
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:48127:24325": {
+      "codeSyntax": {},
+      "description": "Used for sd-chip &amp; sd-flag",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:48127:24325",
+      "key": "04b3e3bc2a97e454f1e82137b6fe51291157c157",
+      "name": "components/marker/border-width",
+      "remote": false,
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "43174:13": 0,
+        "43174:14": 0,
+        "44883:0": {
+          "id": "VariableID:44029:1684",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47728:7238": {
+    "VariableID:48150:71089": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47728:7238",
-      "key": "89c07bb4933496625dadb59b083ddc8a3d8bbe61",
-      "name": "components/sd-link/color/--active/text",
+      "id": "VariableID:48150:71089",
+      "key": "b92e36c9d23a8390565522b517f1324ef1d979e6",
+      "name": "KID/white/600",
       "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": "Used for sd-chip &amp; sd-flag",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:48150:71090",
+      "key": "11a0e3b7dfa640617e1306c0cbb7fb6b2311cdf2",
+      "name": "components/marker/font-size",
+      "remote": false,
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:271",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:269",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5032",
+          "id": "VariableID:47899:5274",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
+          "id": "VariableID:47877:97571",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47728:7239": {
+    "VariableID:48602:92347": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47728:7239",
-      "key": "bcdffee3ccd5aade1fdf7a66742db7c33536132a",
-      "name": "components/sd-link/color/--pressed/icon",
+      "id": "VariableID:48602:92347",
+      "key": "45e67809569623e1ea07352dd5570589667eb246",
+      "name": "components/sd-combobox/__tag/border-width",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:271",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:269",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43927:5032",
+          "id": "VariableID:44029:1681",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:275",
+          "id": "VariableID:44029:1684",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47735:23875": {
+    "VariableID:48602:96150": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:48602:96150",
+      "key": "54cbf0916b5bdb412aa0ac89fe5c3a24c67412a0",
+      "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:47735:23875",
-      "key": "adce736e2fb900f49e79f3a2aeca086a006d4f8a",
-      "name": "components/form-control/color/icon-fill",
+      "id": "VariableID:48602:96151",
+      "key": "5404a231cd9d68890ca3cb8622fd84417006e3df",
+      "name": "utilities/leading/4",
       "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"
-        },
-        "44883:0": {
-          "id": "VariableID:44917:20145",
-          "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:47735:23876": {
+    "VariableID:48602:96153": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47735:23876",
-      "key": "d47e38bf916cd723ff48af031bba664130b33a3c",
-      "name": "components/sd-datepicker/__date-item/--hovered/--default/color/background",
+      "id": "VariableID:48602:96153",
+      "key": "e3ec06a0f9cc6289cc77bbce1694f20e8555b25c",
+      "name": "utilities/leading/6",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "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
-        }
+        "43174:13": 24,
+        "43174:14": 24,
+        "44883:0": 24,
+        "47719:0": 20.799999237060547
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47735:23878": {
+    "VariableID:48602:96154": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47735:23878",
-      "key": "2166084f5a24fcb3fa22904c9a17b96a55fe9989",
-      "name": "components/sd-datepicker/__date-item/--hovered/--prev-next/color/background",
+      "id": "VariableID:48602:96154",
+      "key": "546ee89346a98ddb5a6ad7788c150e0899697613",
+      "name": "utilities/leading/7",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "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
-        }
+        "43174:13": 28.799999237060547,
+        "43174:14": 28.799999237060547,
+        "44883:0": 28.799999237060547,
+        "47719:0": 28.799999237060547
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47735:23879": {
+    "VariableID:48602:96155": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47735:23879",
-      "key": "f0029fb6f8a4abc968b47611fadea2a38608a946",
-      "name": "components/sd-datepicker/__date-item/--selected/color/text",
+      "id": "VariableID:48602:96155",
+      "key": "1d505ffeff941aa15a8b03529a75d0e4f1a04798",
+      "name": "utilities/leading/8",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:198",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 30,
+        "43174:14": 30,
+        "44883:0": 30,
+        "47719:0": 23.399999618530273
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47735:23880": {
+    "VariableID:48602:96156": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47735:23880",
-      "key": "a7737f36323ec1cbf58473e058f4e1499ff7fceb",
-      "name": "components/sd-datepicker/__date-item/--hovered/--default/color/text",
+      "id": "VariableID:48602:96156",
+      "key": "0c2173c203f8c8eb930c8a50e39abd67b8b9d7cf",
+      "name": "utilities/leading/8,5",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "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"
-        }
+        "43174:13": 33.599998474121094,
+        "43174:14": 33.599998474121094,
+        "44883:0": 33.599998474121094,
+        "47719:0": 33.599998474121094
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47735:23881": {
+    "VariableID:48602:96200": {
       "codeSyntax": {},
-      "deletedButReferenced": true,
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47735:23881",
-      "key": "dd6608df0e74e724369c702e151d7704a45e3e99",
-      "name": "components/sd-datepicker/__date-item/--hovered/--current/color/text",
+      "id": "VariableID:48602:96200",
+      "key": "d00f7f8dba99f0aa85fc30fc2ba5f50f9a660029",
+      "name": "utilities/leading/5",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:200",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:220",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 21,
+        "43174:14": 21,
+        "44883:0": 21,
+        "47719:0": 18
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47737:23882": {
+    "VariableID:48602:96201": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47737:23882",
-      "key": "91e1365c0b128d45aebf4c1c6f662dd59cca7314",
-      "name": "components/sd-datepicker/__date-item/--hovered/--prev-next/color/text",
+      "id": "VariableID:48602:96201",
+      "key": "f90d0e1fd51049bfb18a8fd2b03f405bc2710c5f",
+      "name": "utilities/leading/9",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "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"
-        }
+        "43174:13": 36,
+        "43174:14": 36,
+        "44883:0": 36,
+        "47719:0": 28.799999237060547
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47741:23883": {
+    "VariableID:48602:96202": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47741:23883",
-      "key": "8a201fe729d13db2af6a8a7affbc3bf3f4874ba8",
-      "name": "components/sd-tag/--disabled/color/border",
+      "id": "VariableID:48602:96202",
+      "key": "1a6cada4ff92d09200fca7feb5d80e3ec2ac1892",
+      "name": "utilities/leading/9,5",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": {
-          "id": "VariableID:43979:218",
-          "type": "VARIABLE_ALIAS"
-        },
-        "43174:14": {
-          "id": "VariableID:43979:218",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43927:5031",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:218",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 38.400001525878906,
+        "43174:14": 38.400001525878906,
+        "44883:0": 38.400001525878906,
+        "47719:0": 35.20000076293945
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47741:23884": {
+    "VariableID:48602:96203": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47741:23884",
-      "key": "b985053468066ff18ab9a770fb29658cc4f7a112",
-      "name": "components/sd-combobox/--default/color/text",
+      "id": "VariableID:48602:96203",
+      "key": "b5be7f298df72de776d6fdd34670c33cda741944",
+      "name": "utilities/leading/12",
       "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"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44917:20145",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 48,
+        "43174:14": 48,
+        "44883:0": 48,
+        "47719:0": 46.20000076293945
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47741:23893": {
+    "VariableID:48602:96204": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47741:23893",
-      "key": "9e7772775f1a2b4cae0e87310ddfb79045fbdd35",
-      "name": "components/sd-combobox/--default/color/icon",
+      "id": "VariableID:48602:96204",
+      "key": "1eb8165ee91fc5419f49b278ebf5fe17a8bca637",
+      "name": "utilities/leading/15",
       "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"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:197",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:44917:20145",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 60,
+        "43174:14": 60,
+        "44883:0": 60,
+        "47719:0": 60
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47783:193767": {
+    "VariableID:48602:96205": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47783:193767",
-      "key": "14470e94f6acc5aeb0a0bbb355d47ec73a09e356",
-      "name": "components/sd-button/--size/sm/font-size",
+      "id": "VariableID:48602:96205",
+      "key": "9c7e3074c0e729cef02a45fe9923d779ca58c808",
+      "name": "utilities/leading/4,5",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "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"
-        }
+        "43174:13": 18,
+        "43174:14": 18,
+        "44883:0": 18,
+        "47719:0": 18
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47783:193768": {
+    "VariableID:48719:115820": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47783:193768",
-      "key": "44ec15d78e0127724eda352212a36fc7651801c3",
-      "name": "components/sd-button/--size/sm/border-radius",
+      "id": "VariableID:48719:115820",
+      "key": "9e3d2caf038a310be8b4092c0a99779f8a111e32",
+      "name": "components/sd-header/__underline/height",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -22558,332 +20968,347 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:44029:1647",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:44029:1647",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:48719:146279",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1678",
+          "id": "VariableID:44029:1647",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47783:193769": {
+    "VariableID:48719:115873": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47783:193769",
-      "key": "1d2c29a382458b9f6f1100c4a62fbf7a756a286a",
-      "name": "components/sd-button/--size/sm/padding-block",
+      "id": "VariableID:48719:115873",
+      "key": "9bcce826aa3e438083086ef81742b204326493a1",
+      "name": "components/sd-header/__underline/color/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1659",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:44029:1659",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "44883:0": {
-          "id": "VariableID:44029:1657",
+          "id": "VariableID:44921:14701",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1657",
-          "type": "VARIABLE_ALIAS"
+          "a": 0,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47783:27980": {
+    "VariableID:48719:123821": {
       "codeSyntax": {},
-      "description": "",
+      "description": "color has same luminance as step 100",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47783:27980",
-      "key": "3d2fdb47285a5e006f9fd45393ca53c3d08e9f42",
-      "name": "KID/neutral/900",
+      "id": "VariableID:48719:123821",
+      "key": "9bf56d6fbc62925e2fb216890299b9e4cfe4018e",
+      "name": "VB/azure/200",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [],
       "valuesByMode": {
         "43138:0": {
           "a": 1,
-          "b": 0.21960784494876862,
-          "g": 0.19607843458652496,
-          "r": 0.14901961386203766
+          "b": 0.9686274528503418,
+          "g": 0.9411764740943909,
+          "r": 0.8980392217636108
         }
       },
       "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47783:27982": {
+    "VariableID:48719:146279": {
       "codeSyntax": {},
-      "description": "",
+      "description": "8px",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47783:27982",
-      "key": "7980496f5f9dbb56f721884746fc09d9cb9dbcee",
-      "name": "KID/creme",
+      "id": "VariableID:48719:146279",
+      "key": "e7db641241c29b2329ca44197d4422dde1d6ddf8",
+      "name": "utilities/sizing/0,25",
       "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": {
+          "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"
-    },
-    "VariableID:47805:4778": {
-      "codeSyntax": {},
-      "description": "400",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:47805:4778",
-      "key": "4ee55ba7183018b16427b799e8ab8dc11f44e1f6",
-      "name": "KID/font-weight/font-normal",
-      "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": "Regular"
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:47805:4779": {
-      "codeSyntax": {},
-      "description": "500",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:47805:4779",
-      "key": "9a81ed2928e4394236af78be924db89f8821465d",
-      "name": "KID/font-weight/font-semibold",
-      "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": "Semibold"
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:47805:4780": {
-      "codeSyntax": {},
-      "description": "600",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:47805:4780",
-      "key": "3f7051ff257961f39ace8f03070574fb520b007e",
-      "name": "KID/font-weight/font-bold",
-      "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": "Bold"
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47829:633": {
+    "VariableID:49052:101": {
       "codeSyntax": {},
-      "description": "48px",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47829:633",
-      "key": "e00f3e5761f943050e8092a977f2cbdf176b78da",
-      "name": "utilities/spacing/14",
+      "id": "VariableID:49052:101",
+      "key": "4cf849c7994759cd13f49c5ad27f91009d8a9988",
+      "name": "components/sd-carousel/__pager-dot/--inverted/background",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1565",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1565",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1565",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1565",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47829:638": {
-      "codeSyntax": {},
-      "description": "border radius 4px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:47829:638",
-      "key": "b84cbfb6b0fc645d53d4de4a53fd74cc6673c4a9",
-      "name": "KID/rounded/sm",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 4
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:47829:639": {
-      "codeSyntax": {},
-      "description": "border radius 8px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:47829:639",
-      "key": "06af046b1c8f743d9b96dfbd5c366ab931195cfc",
-      "name": "KID/rounded/md",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 8
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:47829:640": {
-      "codeSyntax": {},
-      "description": "border radius 16px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:47829:640",
-      "key": "8cb4ce55c80a7d87ad0df06810b3c2159f66b4d1",
-      "name": "KID/rounded/\blg",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 16
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:47829:641": {
-      "codeSyntax": {},
-      "description": "border radius 999px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:47829:641",
-      "key": "db45991d1c25f39e55f969dea13a406ca83c8a04",
-      "name": "KID/rounded/full",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 9999
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:47829:657": {
+    "VariableID:49052:102": {
       "codeSyntax": {},
-      "description": "opacity 50%",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47829:657",
-      "key": "366a6271121236c44159eb5967f9b9654510ed8c",
-      "name": "KID/opacity/opacity-50",
+      "id": "VariableID:49052:102",
+      "key": "3a06b916e28d9fdcc2052e7e9e8ab84b162ecd9a",
+      "name": "components/sd-carousel/__pager-dot/background",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 50
+        "43174:13": {
+          "id": "VariableID:43979:213",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:213",
+          "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:47829:659": {
+    "VariableID:49052:103": {
       "codeSyntax": {},
-      "description": "opacity 60%",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47829:659",
-      "key": "0807b99676c110b4597bf5afc4dac3037f21c0f7",
-      "name": "KID/opacity/opacity-60",
+      "id": "VariableID:49052:103",
+      "key": "3fdfaa9c20e968a4e857589a77b18fa6ca71db52",
+      "name": "components/sd-carousel/__pager-dot/--inverted/border",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": 60
+        "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:47829:665": {
+    "VariableID:49052:1122": {
       "codeSyntax": {},
-      "description": "opacity 100%",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47829:665",
-      "key": "a25286452bdcc0b62e3da9e3f43869d8601741b9",
-      "name": "KID/opacity/opacity-100",
+      "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": 100
+        "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:47833:10802": {
+    "VariableID:49052:99": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47833:10802",
-      "key": "0114751b356e9a586892e9401584cf6cf6b0b822",
-      "name": "font-semibold",
+      "id": "VariableID:49052:99",
+      "key": "1db556a27e570009f990b89d215547f5ba898d55",
+      "name": "components/sd-breadcrumb/__separator/--current/color",
       "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": "Semibold"
+        "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:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47835:23074": {
+    "VariableID:49063:51818": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47835:23074",
-      "key": "eb6912850ef214ebbcc92822d05e55872dbc28ce",
-      "name": "VB/font-weight/font-normal",
+      "id": "VariableID:49063:51818",
+      "key": "ffa086180d3a8c1dc7130c711e20c0d9e2adb2f2",
+      "name": "components/sd-map-marker/--main/color/background",
       "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": "Regular"
+        "43174:13": {
+          "id": "VariableID:43979:300",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:300",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:300",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:264",
+          "type": "VARIABLE_ALIAS"
+        }
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47835:23075": {
+    "VariableID:49398:69": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47835:23075",
-      "key": "de7a680295c63554350fdef7ecc7cdf6741393d8",
-      "name": "VB/font-weight/font-bold",
+      "id": "VariableID:49398:69",
+      "key": "d477bade19b81121f527275e7b594ed7b5106eec",
+      "name": "components/sd-skeleton/color",
       "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [],
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": "Bold"
+        "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:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47858:29969": {
+    "VariableID:49425:37983": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47858:29969",
-      "key": "ffd8844ec880c0bbd7063e0b563b539a77367e13",
-      "name": "components/sd-button/--primary/--inverted/--active/color/background",
+      "id": "VariableID:49425:37983",
+      "key": "efbfc07c45d112ac851b88513655d0a79b2f6885",
+      "name": "components/sd-badge/--blue/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -22891,310 +21316,374 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:194",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:194",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:194",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:204",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47877:97571": {
+    "VariableID:49594:14770": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47877:97571",
-      "key": "a4db072dff096703f0201f79579f66e497c88d27",
-      "name": "utilities/text/xs",
+      "id": "VariableID:49594:14770",
+      "key": "3e00d0e0296ead1cbe36ff360924ac9016b22553",
+      "name": "components/sd-teaser/border-radius",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 12,
-        "43174:14": 12,
-        "44883:0": 12,
-        "47719:0": 12
+        "43174:13": 0,
+        "43174:14": 0,
+        "44883:0": 0,
+        "47719:0": {
+          "id": "VariableID:44029:1674",
+          "type": "VARIABLE_ALIAS"
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:43174:55999"
+    },
+    "VariableID:49594:15491": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:49594:15491",
+      "key": "8ad278dfdebc179f5f522f263fa6115ccf220149",
+      "name": "_internal/slot-inverted",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "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:14901": {
-      "codeSyntax": {},
-      "description": "14px",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:47899:14901",
-      "key": "10c0b34a6ee2d53edb92681db63810b7e0524cd4",
-      "name": "text-xs",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": 12
-      },
-      "variableCollectionId": "VariableCollectionId:42952:95"
-    },
-    "VariableID:47899:5274": {
+    "VariableID:49844:13867": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47899:5274",
-      "key": "60ad56c94e73703b3580a0c6753858b762784c41",
-      "name": "utilities/text/sm",
+      "id": "VariableID:49844:13867",
+      "key": "2e2feb5136ece6d56f93dfd115c27fa7e9cdcaa5",
+      "name": "components/sd-pagination/--inverted/border",
       "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:209",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:209",
+          "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:5276": {
+    "VariableID:49844:13952": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47899:5276",
-      "key": "063427a931836f24a5754a7c3f36a8798c0de5b5",
-      "name": "utilities/text/base",
+      "id": "VariableID:49844:13952",
+      "key": "456b09eee1fa7be2ad542ce42b0e0b3867b27ac0",
+      "name": "components/sd-pagination/--default/border",
       "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:209",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:209",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:197",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:202",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47899:5277": {
+    "VariableID:49857:86584": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47899:5277",
-      "key": "c52cc2020c8a83632dda05ba0afa8aa1d6d30885",
-      "name": "utilities/text/lg",
+      "id": "VariableID:49857:86584",
+      "key": "2591821b3c6f2fa3e3cda22bacd6e03a83fa4554",
+      "name": "components/form-control/__listbox/border-bottom-left-radius",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 20,
-        "43174:14": 20,
-        "44883:0": 20,
-        "47719:0": 18
+        "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:1677",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47899:5278": {
+    "VariableID:49895:3480": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47899:5278",
-      "key": "1d9eff454e574f01e95c21716718cab77b1f4911",
-      "name": "utilities/text/xl",
+      "id": "VariableID:49895:3480",
+      "key": "36b47af4de8948c51b7e4038e0615c50269a9f8e",
+      "name": "KID/white/400",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": 24,
-        "43174:14": 24,
-        "44883:0": 24,
-        "47719:0": 24
+        "43138:0": {
+          "a": 0.4000000059604645,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47899:5279": {
+    "VariableID:49895:3481": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47899:5279",
-      "key": "0eb26a67894712af45be519376ad717519ec7f11",
-      "name": "utilities/text/2xl",
+      "id": "VariableID:49895:3481",
+      "key": "7285f2248776fef388095fb7b5b1894838edfa7d",
+      "name": "KID/white/100",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": 28,
-        "43174:14": 28,
-        "44883:0": 28,
-        "47719:0": 28
+        "43138:0": {
+          "a": 0.10000000149011612,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47899:5280": {
+    "VariableID:49895:3482": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47899:5280",
-      "key": "9475e625d2e1fcd36f37c337754f6066355bda3b",
-      "name": "utilities/text/3xl",
+      "id": "VariableID:49895:3482",
+      "key": "c3bb8446ec05c59c8bcd1ae0234be8cdfbd485b4",
+      "name": "KID/white/20",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": 32,
-        "43174:14": 32,
-        "44883:0": 32,
-        "47719:0": 32
+        "43138:0": {
+          "a": 0.019999999552965164,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47899:5281": {
+    "VariableID:49895:3483": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47899:5281",
-      "key": "5f191d77415b329a02e3ec3a0b3510995b497cc0",
-      "name": "utilities/text/4xl",
+      "id": "VariableID:49895:3483",
+      "key": "da092fdf4aa051877b1218b6a640c8b62957efa1",
+      "name": "KID/white/840",
       "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
-        "43174:13": 40,
-        "43174:14": 40,
-        "44883:0": 38,
-        "47719:0": 42
+        "43138:0": {
+          "a": 0.8399999737739563,
+          "b": 1,
+          "g": 1,
+          "r": 1
+        }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47958:17170": {
+    "VariableID:49909:7223": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47958:17170",
-      "key": "d7d640627a28bff4669d7ff385a681580e30372f",
-      "name": "_todo/components/sd-radio/--size/lg/__icon",
+      "id": "VariableID:49909:7223",
+      "key": "7feebbdb31930944156fda4a98ba31231d925b50",
+      "name": "components/sd-notification/color/icon-fill",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1651",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47958:21546": {
+    "VariableID:49909:7224": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47958:21546",
-      "key": "20052550ffba42159ca426144ba3c9d386b79f55",
-      "name": "_todo/components/sd-checkbox/--size/lg/__icon",
+      "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:44029:1649",
+          "id": "VariableID:43979:217",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:43927:4950",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1649",
+          "id": "VariableID:43927:5037",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1651",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47961:6096": {
+    "VariableID:50186:1502": {
       "codeSyntax": {},
-      "description": "",
+      "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:47961:6096",
-      "key": "f2bef4b92af0d3d58075e45b52366f34444a053a",
-      "name": "components/sd-tag/--default/color/background",
-      "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": {
-          "a": 0,
+      "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
-        },
-        "47719:0": {
-          "a": 0.6000000238418579,
+        }
+      },
+      "variableCollectionId": "VariableCollectionId:42952:95"
+    },
+    "VariableID:50186:1503": {
+      "codeSyntax": {},
+      "description": "",
+      "hiddenFromPublishing": false,
+      "id": "VariableID:50186:1503",
+      "key": "be960ae9e91e168d7a568463550f991b2faca4a3",
+      "name": "KID/white/500",
+      "remote": false,
+      "resolvedType": "COLOR",
+      "scopes": [],
+      "valuesByMode": {
+        "43138:0": {
+          "a": 0.5,
           "b": 1,
           "g": 1,
           "r": 1
         }
       },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
+      "variableCollectionId": "VariableCollectionId:42952:95"
     },
-    "VariableID:47961:6198": {
+    "VariableID:50243:25341": {
       "codeSyntax": {},
-      "description": "",
+      "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:47961:6198",
-      "key": "7ffa4ecc0d6578eb283426d746cd07276107c72e",
-      "name": "components/sd-tag/--default/color/border",
+      "id": "VariableID:50243:25341",
+      "key": "5222d853d2db9d841fc15a15ca709c1c1c189079",
+      "name": "components/sd-dropdown/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -23202,15 +21691,15 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:252",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:281",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:281",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -23222,613 +21711,563 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47961:6310": {
+    "VariableID:50346:24618": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47961:6310",
-      "key": "de9cbe1b5ef7566405582dc777efe95dd912d1c8",
-      "name": "components/sd-tag/--size/lg/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:47877:97571",
+          "id": "VariableID:43979:221",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:47961:6311": {
+    "VariableID:50348:22930": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:47961:6311",
-      "key": "457d5aa635b62ec9882beaff19b878584ae2aaca",
-      "name": "components/sd-tag/--size/sm/font-size",
+      "id": "VariableID:50348:22930",
+      "key": "fc99ffb3dcb523dbcc85874d19004afe6946e940",
+      "name": "components/sd-datepicker/__date-item/--current/font-weight",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "STRING",
       "scopes": [
-        "ALL_SCOPES"
+        "FONT_STYLE"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:44953:15245",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:44953:15245",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:44953:15245",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47877:97571",
+          "id": "VariableID:47805:4779",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48046:4669": {
+    "VariableID:50578:36839": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for active / selected elements",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48046:4669",
-      "key": "6918247422fb439208dce14d81c218673ed512a7",
-      "name": "components/sd-input/--size/_label/font-size",
+      "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": {
-          "id": "VariableID:47899:5276",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:47899:5276",
+          "id": "VariableID:43979:213",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:47899:5276",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:47899:5274",
+          "id": "VariableID:43979:273",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48127:24317": {
+    "VariableID:50578:41688": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for buttons, select field, focus state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48127:24317",
-      "key": "a841aa273a4a7ed8d4dc1af350c797c8b6f225ed",
-      "name": "components/sd-chip/font-weight",
+      "id": "VariableID:50578:41688",
+      "key": "b45157cdc7270f01228a31ed3379380b3d64bb2b",
+      "name": "components/sd-button/--secondary/--default/color/text",
       "remote": false,
-      "resolvedType": "STRING",
+      "resolvedType": "COLOR",
       "scopes": [
-        "FONT_STYLE"
+        "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44953:15244",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44953:15244",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44953:15244",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": {
-          "id": "VariableID:44953:15245",
-          "type": "VARIABLE_ALIAS"
-        }
-      },
-      "variableCollectionId": "VariableCollectionId:43174:55999"
-    },
-    "VariableID:48127:24325": {
-      "codeSyntax": {},
-      "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:48127:24325",
-      "key": "5cd17de36527250fba697e5addf5f5b2b5d33ebc",
-      "name": "components/sd-chip/border-width",
-      "remote": false,
-      "resolvedType": "FLOAT",
-      "scopes": [
-        "ALL_SCOPES"
-      ],
-      "valuesByMode": {
-        "43174:13": 0,
-        "43174:14": 0,
         "44883:0": {
-          "id": "VariableID:44029:1684",
+          "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:48150:71089": {
+    "VariableID:50578:56661": {
       "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:56661",
+      "key": "363f9b605782f45947262ef58b4bc01ece9e4766",
+      "name": "components/sd-button/--tertiary/--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:56662": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for buttons, inverted focus state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:92347",
-      "key": "a7f515de54c077d27572f9219ca3db0c6b3dae1a",
-      "name": "components/sd-combobox/__tag/border-width",
+      "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": {
-          "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:1681",
+          "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: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": {
+    "VariableID:50587:4943": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for buttons, select field, focus state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96154",
-      "key": "7261d62bc3583092945a4a758e621653c889d12e",
-      "name": "utilities/leading/7",
+      "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": 28.799999237060547,
-        "43174:14": 28.799999237060547,
-        "44883:0": 28.799999237060547,
-        "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:96155": {
+    "VariableID:50587:4944": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for buttons, select field, focus state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96155",
-      "key": "d8e86e02cadc76de106e37a9a3332c2d7c6d4eb4",
-      "name": "utilities/leading/8",
+      "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": 30,
-        "43174:14": 30,
-        "44883:0": 30,
-        "47719:0": 23.399999618530273
+        "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:96156": {
+    "VariableID:50635:19389": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96156",
-      "key": "e31e70d6d9d4647094a8c9055395583f8cbced6f",
-      "name": "utilities/leading/8,5",
+      "id": "VariableID:50635:19389",
+      "key": "d0523683e1615b047ff6f179200936cebdab4cdf",
+      "name": "components/sd-accordion-group/_gap",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 33.599998474121094,
-        "43174:14": 33.599998474121094,
-        "44883:0": 33.599998474121094,
-        "47719:0": 33.599998474121094
+        "43174:13": -1,
+        "43174:14": -1,
+        "44883:0": -2,
+        "47719:0": -1
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48602:96200": {
+    "VariableID:50635:19390": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96200",
-      "key": "c4b7d91eea4c1e935a0e9222f571d50b976c6730",
-      "name": "utilities/leading/5",
+      "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": 21,
-        "43174:14": 21,
-        "44883:0": 21,
-        "47719:0": 18
+        "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:96201": {
+    "VariableID:50635:23474": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted dividers",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96201",
-      "key": "e1546fc5a477ea1d048768f6914361c200656b0b",
-      "name": "utilities/leading/9",
+      "id": "VariableID:50635:23474",
+      "key": "7549cf91b5cdd368ae321adbaf1d622c5c7f95cc",
+      "name": "components/sd-audio/__track-bar/--inverted/color/border",
       "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: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:48602:96202": {
+    "VariableID:51491:7158": {
       "codeSyntax": {},
-      "description": "",
+      "description": "This is for frontend specifically. Created due to bug in frontend. In Figma there&#39;s no border color needed but frontend immediately get the utilities/border/accent/550 for kid it&#39;s neutral 800 instead of neutral 700 so it looks off.",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96202",
-      "key": "e7b0fa322e5e12642cbcac0e424f0643bbc424b4",
-      "name": "utilities/leading/9,5",
+      "id": "VariableID:51491:7158",
+      "key": "b7baea763559537bf7f22f7e09b1370eb40019e9",
+      "name": "components/sd-checkbox/--checked/--hovered/color/border",
       "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:209",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:209",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:198",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:43979:220",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48602:96203": {
+    "VariableID:51502:42739": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for sd-flag",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96203",
-      "key": "f8c5cb3cbc34b123c66139b6fdab9c466a0f843e",
-      "name": "utilities/leading/12",
+      "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": 48,
-        "43174:14": 48,
-        "44883:0": 48,
-        "47719:0": 46.20000076293945
+        "43174:13": {
+          "id": "VariableID:43979:215",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:199",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:46172:9194",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "id": "VariableID:46172:9194",
+          "type": "VARIABLE_ALIAS"
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48602:96204": {
+    "VariableID:51573:9921": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for tooltip",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96204",
-      "key": "a6e6335f452127db810a1b8981346319039b266e",
-      "name": "utilities/leading/15",
+      "id": "VariableID:51573:9921",
+      "key": "e0cea1b0e4b3e15f7e97a9a36e61dd4bfeded39b",
+      "name": "utilities/shadow/xs/color",
       "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:221",
+          "type": "VARIABLE_ALIAS"
+        },
+        "43174:14": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
+        },
+        "44883:0": {
+          "id": "VariableID:43979:221",
+          "type": "VARIABLE_ALIAS"
+        },
+        "47719:0": {
+          "a": 0.75,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
+        }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48602:96205": {
+    "VariableID:51596:1602": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48602:96205",
-      "key": "4a9aaa2acc5e5cde0fc0bb618d47868d296dfcc4",
-      "name": "utilities/leading/4,5",
+      "id": "VariableID:51596:1602",
+      "key": "269ab104a4bcd0a53bedc6a56edf00bdcc5143e8",
+      "name": "utilities/shadow/xs/x",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 18,
-        "43174:14": 18,
-        "44883:0": 18,
-        "47719:0": 18
+        "43174:13": 0.5,
+        "43174:14": 0.5,
+        "44883:0": 0.5,
+        "47719:0": 0.5
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48719:115820": {
+    "VariableID:51596:1603": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48719:115820",
-      "key": "eaeeacf570705e01b577272248175dd877c85344",
-      "name": "components/sd-header/__underline/height",
+      "id": "VariableID:51596:1603",
+      "key": "acc7461f7034a61008ef9af5850b4db50e0cff2a",
+      "name": "utilities/shadow/xs/y",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "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:48719:146279",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 0.5,
+        "43174:14": 0.5,
+        "44883:0": 0.5,
+        "47719:0": 0.5
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48719:115873": {
+    "VariableID:51596:1604": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48719:115873",
-      "key": "ae240de69faecd1dd0cb0113631faf42831d51dd",
-      "name": "components/sd-header/__underline/color/background",
+      "id": "VariableID:51596:1604",
+      "key": "48950ced2837782c273d5bebf1096451073d7631",
+      "name": "utilities/shadow/xs/blur",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "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:44921:14701",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "a": 0,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        }
+        "43174:13": 1.5,
+        "43174:14": 1.5,
+        "44883:0": 1.5,
+        "47719:0": 1.5
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48719:123821": {
+    "VariableID:51596:1605": {
       "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:1605",
+      "key": "52bf5e1f5453816bc70f1431f77b8c98da9d3182",
+      "name": "utilities/shadow/xs/spread",
       "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,
+        "43174:14": 0,
+        "44883:0": 0,
+        "47719:0": 0
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:48719:146279": {
+    "VariableID:51964:11322": {
       "codeSyntax": {},
-      "description": "8px",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:48719:146279",
-      "key": "c4e5b277c309c17f94f2507dc072276f1d633e3b",
-      "name": "utilities/sizing/0,25",
+      "id": "VariableID:51964:11322",
+      "key": "16a20b3514da7712680209a6da67f752079b67f3",
+      "name": "components/sd-map-marker/--cluster/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1610",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1610",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44029:1610",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44029:1610",
+          "id": "VariableID:43979:273",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49052:101": {
+    "VariableID:51964:11323": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49052:101",
-      "key": "497611c99a520254607c6fb8412357f5576a5611",
-      "name": "components/sd-carousel/__pager-dot/--inverted/background",
+      "id": "VariableID:51964:11323",
+      "key": "5693c8255cff3d130efc2fabdb67b81b3b692a25",
+      "name": "components/sd-map-marker/--pin/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -23836,31 +22275,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:227",
+          "id": "VariableID:43979:259",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:259",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49052:102": {
+    "VariableID:51974:11364": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49052:102",
-      "key": "64ed61106c7b247b0fe8ebe5ecc240866c91c9b0",
-      "name": "components/sd-carousel/__pager-dot/background",
+      "id": "VariableID:51974:11364",
+      "key": "6d45679c53b610c80f26416890f1cf331ed040ca",
+      "name": "components/sd-map-marker/--pin/color/icon-fill",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -23868,31 +22307,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:43979:264",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:300",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:264",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49052:103": {
+    "VariableID:53463:2694": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "Used for disabled state",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49052:103",
-      "key": "c20dd76826d97074aec75df7eb3e01fec365c14d",
-      "name": "components/sd-carousel/__pager-dot/--inverted/border",
+      "id": "VariableID:53463:2694",
+      "key": "8e069cbced9b56b2d8b993e9e6b1829e97c26897",
+      "name": "components/sd-tag/--disabled/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -23900,31 +22339,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:218",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "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:1122": {
+    "VariableID:53591:1805": {
       "codeSyntax": {},
-      "description": "Used for active / selected elements",
+      "description": "Used for teaser, audio (wave animation)\n",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49052:1122",
-      "key": "6d9bf83a5d687b080053be9bfe557df9348b26ae",
-      "name": "components/sd-carousel/__pager-dot/--inverted/--hovered/background",
+      "id": "VariableID:53591:1805",
+      "key": "959fbbbfee2a78e0d05dc46786db329a9fcff780",
+      "name": "components/sd-teaser-media/--white/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -23932,31 +22371,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:227",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.8999999761581421,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49052:99": {
+    "VariableID:53591:1806": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for teaser",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49052:99",
-      "key": "5983b46e8e1f068d3471e7c25b71955cc9ad01e6",
-      "name": "components/sd-breadcrumb/__separator/--current/color",
+      "id": "VariableID:53591:1806",
+      "key": "1ff2fd900a566c897896210eaf0af70bc6b85602",
+      "name": "components/sd-teaser-media/--white/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -23964,31 +22411,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:213",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "43174:14": {
-          "id": "VariableID:43979:213",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.5568627715110779,
+          "g": 0.2078431397676468,
+          "r": 0
         },
         "44883:0": {
-          "id": "VariableID:43979:213",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 1,
+          "g": 1,
+          "r": 1
         },
         "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.9254902005195618,
+          "g": 0.9490196108818054,
+          "r": 0.9686274528503418
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49063:51818": {
+    "VariableID:53592:5039": {
       "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:53592:5039",
+      "key": "1747a47d8f346920fc73a2ce475d125f9a2050f3",
+      "name": "components/sd-teaser-media/--primary-100/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -23996,63 +22451,71 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:300",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.9764705896377563,
+          "g": 0.9411764740943909,
+          "r": 0.9254902005195618
         },
         "43174:14": {
-          "id": "VariableID:43979:300",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.29019609093666077,
+          "g": 0.125490203499794,
+          "r": 0.03921568766236305
         },
         "44883:0": {
-          "id": "VariableID:43979:300",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 0.9764705896377563,
+          "g": 0.9411764740943909,
+          "r": 0.9254902005195618
         },
         "47719:0": {
-          "id": "VariableID:43979:264",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.800000011920929,
+          "b": 1,
+          "g": 1,
+          "r": 1
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49398:67": {
+    "VariableID:53700:1817": {
       "codeSyntax": {},
       "description": "",
-      "hiddenFromPublishing": false,
-      "id": "VariableID:49398:67",
-      "key": "f775be39e82b57d47f4c5ae412115b806a321a38",
-      "name": "components/sd-flag/font-weight",
+      "hiddenFromPublishing": true,
+      "id": "VariableID:53700:1817",
+      "key": "4daf68f15c69cb9d6f9bb7699e0c4720832b0472",
+      "name": "components/sd-container/--default/color/background",
       "remote": false,
-      "resolvedType": "STRING",
-      "scopes": [
-        "FONT_STYLE"
-      ],
+      "resolvedType": "COLOR",
+      "scopes": [],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44953:15244",
+          "id": "VariableID:43373:35301",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44953:15244",
+          "id": "VariableID:43979:259",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44953:15244",
+          "id": "VariableID:44921:14699",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:44953:15245",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.5,
+          "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 +22523,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 +22555,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 +22587,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 +22651,95 @@
       ],
       "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",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49594:14770": {
+    "VariableID:54294:28378": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for inverted hover interaction text link and inverted pressed interaction button label",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49594:14770",
-      "key": "6d75990f3fb61a47f409161a35096e392e2cfa2d",
-      "name": "components/sd-teaser/border-radius",
+      "id": "VariableID:54294:28378",
+      "key": "914b47c8fe4f2aa2ab0ebc4c3adaee3d07352bc3",
+      "name": "components/sd-button/--secondary/--inverted/--active/color/text",
       "remote": false,
-      "resolvedType": "FLOAT",
+      "resolvedType": "COLOR",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
-        "43174:13": 0,
-        "43174:14": 0,
-        "44883:0": 0,
+        "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:44029:1674",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49594:15491": {
+    "VariableID:54294:28379": {
       "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:28379",
+      "key": "ed55eff4790c49ca87e33704085f82ec0829889a",
+      "name": "components/sd-button/--tertiary/--inverted/--active/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24283,103 +22747,89 @@
       ],
       "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:54572:8960": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49844:13867",
-      "key": "2f7ccd5a1bd2d35099a9a6897bc9dacca524efe2",
-      "name": "components/sd-pagination/--inverted/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:227",
+          "id": "VariableID:44029:1614",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:44029:1614",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49844:13952": {
+    "VariableID:54634:38690": {
       "codeSyntax": {},
-      "description": "",
+      "description": "Used for icon-only and loading variant",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49844:13952",
-      "key": "a645f8120880339aef763cd4d6010a811c01c79b",
-      "name": "components/sd-pagination/--default/border",
+      "id": "VariableID:54634:38690",
+      "key": "26b5b532c5ac38c531d87184384f0fac93cf7469",
+      "name": "components/sd-button/--size/lg/height",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:209",
+          "id": "VariableID:44029:1654",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:209",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:197",
+          "id": "VariableID:44029:1654",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": {
-          "id": "VariableID:43979:202",
-          "type": "VARIABLE_ALIAS"
-        }
+        "44883:0": 44,
+        "47719:0": 40
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49857:86584": {
+    "VariableID:54634:38691": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49857:86584",
-      "key": "873ca3a58a369627331de0dbe84cdb92f0e4f069",
-      "name": "components/form-control/border-radius",
+      "id": "VariableID:54634:38691",
+      "key": "4bde27cc88cdfc3a73749535372ab1931e30d670",
+      "name": "components/sd-button/--size/md/height",
       "remote": false,
       "resolvedType": "FLOAT",
       "scopes": [
@@ -24387,143 +22837,125 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:44029:1653",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44029:1674",
-          "type": "VARIABLE_ALIAS"
-        },
-        "44883:0": {
-          "id": "VariableID:44029:1674",
+          "id": "VariableID:44029:1653",
           "type": "VARIABLE_ALIAS"
         },
-        "47719:0": {
-          "id": "VariableID:44029:1677",
-          "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": "",
+      "description": "dev only!",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49895:3483",
-      "key": "af252e4cb33a82e73439ae4eca9f334dc95ee63c",
-      "name": "KID/white/840",
+      "id": "VariableID:54687:83308",
+      "key": "2d707b8f9ba9bffc10c8319119dc89042e0d8a01",
+      "name": "components/sd-button/--secondary/--size/sm/padding-block",
       "remote": false,
-      "resolvedType": "COLOR",
-      "scopes": [],
+      "resolvedType": "FLOAT",
+      "scopes": [
+        "ALL_SCOPES"
+      ],
       "valuesByMode": {
-        "43138:0": {
-          "a": 0.8399999737739563,
-          "b": 1,
-          "g": 1,
-          "r": 1
-        }
+        "43174:13": 4.5,
+        "43174:14": 4.5,
+        "44883:0": 3.5,
+        "47719:0": 4.5
       },
-      "variableCollectionId": "VariableCollectionId:42952:95"
+      "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49909:7223": {
+    "VariableID:54698:83323": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used inside panel summary layer of sd-accordion to accommodate the border",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49909:7223",
-      "key": "2c9d5ed95f8c94785445d7d043cfcf3c1aa0f96c",
-      "name": "components/sd-notification/color/icon-fill",
+      "id": "VariableID:54698:83323",
+      "key": "43313b81de6c95dc482f9e6f53022ae90d24e5e0",
+      "name": "components/sd-accordion/_panel-padding",
       "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"
-        },
-        "44883:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        },
-        "47719:0": {
-          "id": "VariableID:43979:221",
-          "type": "VARIABLE_ALIAS"
-        }
+        "43174:13": 1,
+        "43174:14": 1,
+        "44883:0": 2,
+        "47719:0": 1
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:49909:7224": {
+    "VariableID:56149:47181": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:49909:7224",
-      "key": "da4194a451cd73a628503e1152cbfa53efdc80f5",
-      "name": "components/sd-notification/color/border",
+      "id": "VariableID:56149:47181",
+      "key": "1faaeba0640d4663ac6ca2fb99e2537b82ead689",
+      "name": "components/sd-notification/__duration-indicator/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24531,71 +22963,63 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:217",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43927:4950",
+          "id": "VariableID:43979:227",
           "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": {
-      "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": "d775efc6b0fe4f347183f005e84fed456a293cfd",
-      "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": {
+    "VariableID:56342:50645": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50186:1503",
-      "key": "813b61f8ed4d0db417c5942fc66bb4fa14a48119",
-      "name": "KID/white/500",
+      "id": "VariableID:56342:50645",
+      "key": "62a64ee239decc43f627c7100254e5cd3aaabfde",
+      "name": "components/sd-datepicker/__date-item/--hover/--default/color/border",
       "remote": false,
       "resolvedType": "COLOR",
-      "scopes": [],
-      "valuesByMode": {
-        "43138:0": {
-          "a": 0.5,
-          "b": 1,
-          "g": 1,
-          "r": 1
+      "scopes": [
+        "ALL_SCOPES"
+      ],
+      "valuesByMode": {
+        "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:50243:25341": {
+    "VariableID:56886:2865": {
       "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": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50243:25341",
-      "key": "3e6c4357f7476a69ac80e5a37ba114dff868a599",
-      "name": "components/sd-dropdown/color/background",
+      "id": "VariableID:56886:2865",
+      "key": "2228f34e3b2b50d4b969b53a2dfd4f1726aeefc0",
+      "name": "components/sd-datepicker/__date-item/--selected/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24603,33 +23027,31 @@
       ],
       "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:56886:3301": {
       "codeSyntax": {},
-      "description": "Default icon color ",
+      "description": "Used for hover interaction",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50346:24618",
-      "key": "3bee505b7db4d6c949f8518ed0a5cde514cc5a15",
-      "name": "components/sd-datepicker/__date-item/--default/color/text",
+      "id": "VariableID:56886:3301",
+      "key": "dd4a6459f1cfca8699a97b86d88717e7614a6929",
+      "name": "components/sd-datepicker/__date-item/--selected/--hover/color/background",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24637,15 +23059,15 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:43979:194",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
@@ -24655,45 +23077,47 @@
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50348:22930": {
+    "VariableID:56886:3304": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50348:22930",
-      "key": "6965d0cea28a3953975ade1e0819bb1343255ffc",
-      "name": "components/sd-datepicker/__date-item/--current/font-weight",
+      "id": "VariableID:56886:3304",
+      "key": "4e53fe10422a283380e3844e3c32f349f3690577",
+      "name": "components/sd-datepicker/__date-item/--range/color/background",
       "remote": false,
-      "resolvedType": "STRING",
+      "resolvedType": "COLOR",
       "scopes": [
-        "FONT_STYLE"
+        "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:44953:15245",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:44953:15245",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:44953:15245",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.05000000074505806,
+          "b": 0.7019608020782471,
+          "g": 0.4000000059604645,
+          "r": 0
         },
         "47719:0": {
-          "id": "VariableID:47805:4779",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50414:28056": {
+    "VariableID:56886:3305": {
       "codeSyntax": {},
       "description": "Default icon color ",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50414:28056",
-      "key": "cac5037b74a6ef34e12bc4bbd94e81225f0af388",
-      "name": "components/sd-radio/--error/color/text",
+      "id": "VariableID:56886:3305",
+      "key": "8a27f221cd0b2270f2f95b3f951874bc88bfe44b",
+      "name": "components/sd-datepicker/__date-item/--current/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24701,159 +23125,239 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:251",
+          "id": "VariableID:43979:203",
           "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:203",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:225",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50569:510": {
+    "VariableID:58369:1926": {
       "codeSyntax": {},
       "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50569:510",
-      "key": "dfb073c3a4fc94a863edbd22b510e50ec4695a69",
-      "name": "components/sd-link/color/--disabled/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: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:58369:2052": {
       "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:58369:2052",
+      "key": "7015d5b4785cc3ab48dc751aac4eedb9708d6f66",
+      "name": "components/form-control/__listbox/border-bottom-right-radius",
       "remote": false,
-      "resolvedType": "COLOR",
+      "resolvedType": "FLOAT",
       "scopes": [
         "ALL_SCOPES"
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:213",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:227",
+          "id": "VariableID:44029:1677",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50578:41688": {
+    "VariableID:58369:2053": {
       "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: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: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:203",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:44029:1677",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50578:56661": {
+    "VariableID:58369:2054": {
       "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: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: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:203",
+          "id": "VariableID:44029:1674",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:203",
+          "id": "VariableID:44029:1677",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50578:56662": {
+    "VariableID:58379:2055": {
       "codeSyntax": {},
-      "description": "Used for buttons, inverted focus state",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50578:56662",
-      "key": "3e130af2395193f4e8eaa5f61f512efe7740e8e7",
-      "name": "components/sd-button/--secondary/--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": [
@@ -24861,31 +23365,39 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:227",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.75,
+          "b": 0.3176470696926117,
+          "g": 0.3176470696926117,
+          "r": 0.3176470696926117
         },
         "43174:14": {
-          "id": "VariableID:43979:227",
-          "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:204",
-          "type": "VARIABLE_ALIAS"
+          "a": 0.10000000149011612,
+          "b": 0.1882352977991104,
+          "g": 0.08235294371843338,
+          "r": 0.019607843831181526
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50587:4943": {
+    "VariableID:58406:745": {
       "codeSyntax": {},
-      "description": "Used for buttons, select field, focus state",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50587:4943",
-      "key": "b21ab5c843be6f0efab53509383863f6e34fc22c",
-      "name": "components/sd-button/--secondary/--disabled/color/text",
+      "id": "VariableID:58406:745",
+      "key": "094b66589400aa0544ef98c2c01554694d0a668f",
+      "name": "components/sd-tab/--active/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24893,31 +23405,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:218",
+          "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:50587:4944": {
+    "VariableID:58454:1127": {
       "codeSyntax": {},
-      "description": "Used for buttons, select field, focus state",
+      "description": "",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50587:4944",
-      "key": "86305dad9222b8fda124e3264ae7b28c096cb6f9",
-      "name": "components/sd-button/--tertiary/--disabled/color/text",
+      "id": "VariableID:58454:1127",
+      "key": "caa722c031b2cf426134ac8fff5015913f47bf73",
+      "name": "components/sd-tab/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24925,31 +23437,31 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:43979:203",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:43979:227",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:43979:220",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:43979:202",
           "type": "VARIABLE_ALIAS"
         }
       },
       "variableCollectionId": "VariableCollectionId:43174:55999"
     },
-    "VariableID:50603:26426": {
+    "VariableID:58786:17900": {
       "codeSyntax": {},
-      "description": "Used for disabled state",
+      "description": "Used for inverted hover interaction button label",
       "hiddenFromPublishing": false,
-      "id": "VariableID:50603:26426",
-      "key": "f6607f381e8b3a3423562c2d7cd44306d39832cd",
-      "name": "components/sd-option/--disabled/color/border",
+      "id": "VariableID:58786:17900",
+      "key": "fbc894c21f65396b9c7734eb70c5156f8dc3467a",
+      "name": "components/sd-button/--primary/--hover/color/text",
       "remote": false,
       "resolvedType": "COLOR",
       "scopes": [
@@ -24957,19 +23469,19 @@
       ],
       "valuesByMode": {
         "43174:13": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:43979:193",
           "type": "VARIABLE_ALIAS"
         },
         "43174:14": {
-          "id": "VariableID:43979:218",
+          "id": "VariableID:43979:197",
           "type": "VARIABLE_ALIAS"
         },
         "44883:0": {
-          "id": "VariableID:43373:35304",
+          "id": "VariableID:43927:5029",
           "type": "VARIABLE_ALIAS"
         },
         "47719:0": {
-          "id": "VariableID:43979:217",
+          "id": "VariableID:43979:204",
           "type": "VARIABLE_ALIAS"
         }
       },
diff --git a/packages/tokens/themes/components.css b/packages/tokens/themes/components.css
index 852ffb4422..5e4c61e8e9 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-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-border {
+  border-color: rgba(var(--sd-audio__track-bar--inverted-color-border, 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,14 +302,38 @@
   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-height {
+ height: var(--sd-button--size-lg-height, var(--sd-spacing-12));
+}
+
+@utility sd-button--size-lg-icon-height {
+ height: var(--sd-button--size-lg-icon-height, var(--sd-spacing-6));
+}
+
 @utility sd-button--size-lg-padding-block {
  padding-block: var(--sd-button--size-lg-padding-block, var(--sd-spacing-3));
 }
@@ -294,6 +346,10 @@
  font-size: var(--sd-button--size-md-font-size, var(--sd-spacing-4));
 }
 
+@utility sd-button--size-md-height {
+ height: var(--sd-button--size-md-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 +363,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 +390,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 +402,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))));
 }
@@ -370,6 +450,10 @@
  border-width: var(--sd-carousel__pager-dot-border-width, var(--sd-spacing-0\.25));
 }
 
+@utility sd-checkbox--checked--hovered-color-border {
+  border-color: rgba(var(--sd-checkbox--checked--hovered-color-border, rgba(var(--sd-color-success))));
+}
+
 @utility sd-checkbox-border-width {
  border-width: var(--sd-checkbox-border-width, var(--sd-spacing-0\.25));
 }
@@ -414,28 +498,16 @@
  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__tag-border-width {
+ border-width: var(--sd-combobox__tag-border-width, var(--sd-spacing-0\.25));
 }
 
-@utility sd-combobox--default-color-text {
-  color: rgba(var(--sd-combobox--default-color-text, rgba(var(--sd-color-primary))));
+@utility sd-container--default-color-background {
+  background-color: rgba(var(--sd-container--default-color-background, rgba(var(--sd-color-neutral-100))));
 }
 
-@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 {
@@ -446,28 +518,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 +598,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))));
 }
@@ -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,44 @@
   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-color-icon-fill {
-  fill: rgba(var(--sd-map-marker-cluster-color-icon-fill, 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-font-size {
- font-size: var(--sd-map-marker-font-size, var(--sd-spacing-3));
+@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-main-color-icon-fill {
-  fill: rgba(var(--sd-map-marker-main-color-icon-fill, rgba(var(--sd-color-accent-500))));
+@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-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-icon-fill {
+  fill: rgba(var(--sd-map-marker--pin-color-icon-fill, 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,8 +702,8 @@
   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 {
@@ -662,14 +718,6 @@
   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 +750,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 +758,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 +766,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))));
 }
@@ -746,8 +782,8 @@
  padding: var(--sd-radio-button-group-padding, 0);
 }
 
-@utility sd-range-scale-ticks-color-text {
-  color: rgba(var(--sd-range-scale-ticks-color-text, rgba(var(--sd-color-black))));
+@utility sd-range-tick-color-text {
+  color: rgba(var(--sd-range-tick-color-text, rgba(var(--sd-color-black))));
 }
 
 @utility sd-range__bar-border-width {
@@ -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..e0c64a2979 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__track-bar--inverted-color-border: 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,37 +60,53 @@
   --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-height: var(--sd-spacing-10);
+  --sd-button--size-lg-icon-height: var(--sd-spacing-6);
+  --sd-button--size-lg-padding-block: var(--sd-spacing-2);
   --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-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);
   --sd-carousel__pager-dot--inverted-border: var(--sd-color-white);
   --sd-carousel__pager-dot-background: var(--sd-color-black);
   --sd-carousel__pager-dot-border-width: var(--sd-spacing-0\.25);
+  --sd-checkbox--checked--hovered-color-border: var(--sd-color-neutral-700);
   --sd-checkbox-border-width: var(--sd-spacing-0\.25);
   --sd-chip--primary-200-color-background: 255 255 255 / 0.6;
   --sd-chip--primary-200-color-border: 255 255 255 / 0.6;
@@ -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,25 @@
   --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-container--default-color-background: var(--sd-color-neutral-100);
+  --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-primary-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 +271,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 +279,41 @@
   --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__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-header__underline-height: var(--sd-spacing-2);
+  --sd-headline--3xl-onwards-color-text: var(--sd-color-black);
   --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800);
   --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--hover-color-background: var(--sd-color-neutral-100);
+  --sd-map-marker--pin-color-icon-fill: 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 +321,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%;
@@ -319,14 +336,11 @@
   --sd-opacity-80: 0%;
   --sd-opacity-85: 0%;
   --sd-opacity-90: 0%;
-  --sd-option--disabled-color-border: var(--sd-color-neutral-400);
   --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 +349,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-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);
@@ -352,10 +363,12 @@
   --sd-radius-none: 0;
   --sd-radius-sm: 0.125rem;
   --sd-radius: 0.25rem;
-  --sd-range-scale-ticks-color-text: 89 89 89;
+  --sd-range-tick-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\.25: 0.0625rem;
   --sd-sizing-0\.5: 0.125rem;
   --sd-sizing-10: 2.5rem;
@@ -383,6 +396,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;
@@ -397,13 +411,15 @@
   --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: 0 102 179 / 0.05;
   --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 +438,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 +449,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,7 +479,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/tailwind.css b/packages/tokens/themes/tailwind.css
index b99e86e177..bbccac30ad 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,7 +114,9 @@
   --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\.25: var(--sd-sizing-0\.25);
   --sizing-0\.5: var(--sd-sizing-0\.5);
@@ -141,6 +145,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..370c6aee48 100644
--- a/packages/tokens/themes/ui-dark/ui-dark.css
+++ b/packages/tokens/themes/ui-dark/ui-dark.css
@@ -4,9 +4,9 @@
 
   --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 +20,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__track-bar--inverted-color-border: 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 +53,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 +61,45 @@
   --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-height: var(--sd-spacing-12);
+  --sd-button--size-lg-icon-height: var(--sd-spacing-6);
   --sd-button--size-lg-padding-block: var(--sd-spacing-3);
   --sd-button--size-md-border-radius: var(--sd-spacing-1);
   --sd-button--size-md-font-size: var(--sd-spacing-4);
+  --sd-button--size-md-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);
@@ -92,6 +107,7 @@
   --sd-carousel__pager-dot--inverted-border: var(--sd-color-white);
   --sd-carousel__pager-dot-background: var(--sd-color-accent);
   --sd-carousel__pager-dot-border-width: var(--sd-spacing-0\.25);
+  --sd-checkbox--checked--hovered-color-border: var(--sd-color-accent-550);
   --sd-checkbox-border-width: var(--sd-spacing-0\.25);
   --sd-chip--primary-200-color-background: var(--sd-color-primary-750);
   --sd-chip--primary-200-color-border: 255 255 255 / 0;
@@ -103,9 +119,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;
@@ -140,7 +154,6 @@
   --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);
@@ -226,20 +239,24 @@
   --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-container--default-color-background: var(--sd-color-primary-750);
+  --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--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-500);
+  --sd-datepicker__date-item--selected--hover-color-background: var(--sd-color-primary-200);
+  --sd-datepicker__date-item--selected-color-background: var(--sd-color-white);
   --sd-datepicker__date-item--selected-color-text: var(--sd-color-primary);
   --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 +272,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 +280,41 @@
   --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__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--hover-color-background: var(--sd-color-primary-100);
+  --sd-map-marker--pin-color-icon-fill: 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-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,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-accent-550);
   --sd-pagination--inverted-border: var(--sd-color-accent-550);
   --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);
@@ -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-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);
@@ -353,9 +364,11 @@
   --sd-radius-none: 0;
   --sd-radius-sm: 0.125rem;
   --sd-radius: 0.25rem;
-  --sd-range-scale-ticks-color-text: var(--sd-color-white);
+  --sd-range-tick-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\.25: 0.0625rem;
   --sd-sizing-0\.5: 0.125rem;
@@ -384,6 +397,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;
@@ -398,13 +412,15 @@
   --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,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-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);
 }
diff --git a/packages/tokens/themes/ui-light/ui-light.css b/packages/tokens/themes/ui-light/ui-light.css
index 6cdb569592..00d3ae8839 100644
--- a/packages/tokens/themes/ui-light/ui-light.css
+++ b/packages/tokens/themes/ui-light/ui-light.css
@@ -4,9 +4,9 @@
 
   --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 +20,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__track-bar--inverted-color-border: 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 +53,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 +61,45 @@
   --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-height: var(--sd-spacing-12);
+  --sd-button--size-lg-icon-height: var(--sd-spacing-6);
   --sd-button--size-lg-padding-block: var(--sd-spacing-3);
   --sd-button--size-md-border-radius: var(--sd-spacing-1);
   --sd-button--size-md-font-size: var(--sd-spacing-4);
+  --sd-button--size-md-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);
@@ -92,6 +107,7 @@
   --sd-carousel__pager-dot--inverted-border: var(--sd-color-white);
   --sd-carousel__pager-dot-background: var(--sd-color-accent);
   --sd-carousel__pager-dot-border-width: var(--sd-spacing-0\.25);
+  --sd-checkbox--checked--hovered-color-border: var(--sd-color-success);
   --sd-checkbox-border-width: var(--sd-spacing-0\.25);
   --sd-chip--primary-200-color-background: var(--sd-color-primary-200);
   --sd-chip--primary-200-color-border: 255 255 255 / 0;
@@ -103,9 +119,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 +154,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 +239,24 @@
   --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-container--default-color-background: var(--sd-color-neutral-100);
+  --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 +272,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 +280,41 @@
   --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__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--hover-color-background: var(--sd-color-primary-100);
+  --sd-map-marker--pin-color-icon-fill: 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-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);
@@ -353,9 +364,11 @@
   --sd-radius-none: 0;
   --sd-radius-sm: 0.125rem;
   --sd-radius: 0.25rem;
-  --sd-range-scale-ticks-color-text: var(--sd-color-black);
+  --sd-range-tick-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\.25: 0.0625rem;
   --sd-sizing-0\.5: 0.125rem;
@@ -384,6 +397,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;
@@ -398,13 +412,15 @@
   --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,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-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);
 }
diff --git a/packages/tokens/themes/vb/vb.css b/packages/tokens/themes/vb/vb.css
index f4d6596d15..f361c624b5 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__track-bar--inverted-color-border: 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,62 @@
   --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-height: 2.75rem;
+  --sd-button--size-lg-icon-height: 1.25rem;
+  --sd-button--size-lg-padding-block: var(--sd-spacing-2\.5);
   --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-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);
@@ -91,6 +106,7 @@
   --sd-carousel__pager-dot--inverted-border: var(--sd-color-white);
   --sd-carousel__pager-dot-background: var(--sd-color-primary);
   --sd-carousel__pager-dot-border-width: var(--sd-spacing-0\.5);
+  --sd-checkbox--checked--hovered-color-border: var(--sd-color-primary);
   --sd-checkbox-border-width: var(--sd-spacing-0\.5);
   --sd-chip--primary-200-color-background: 237 240 244;
   --sd-chip--primary-200-color-border: var(--sd-color-info);
@@ -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,14 +130,14 @@
   --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);
@@ -133,15 +147,14 @@
   --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);
@@ -152,7 +165,7 @@
   --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);
@@ -192,13 +205,13 @@
   --sd-color-neutral-600: 89 89 89;
   --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: 0 102 179 / 0.05;
+  --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: 102 129 164;
+  --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,31 @@
   --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-container--default-color-background: var(--sd-color-neutral-100);
+  --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-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: 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 +271,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 +279,49 @@
   --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__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-headline--3xl-onwards-color-text: var(--sd-color-info);
   --sd-informational-gradient--primary-800-color-background: var(--sd-color-info);
   --sd-informational-gradient--white-color-background: var(--sd-color-white);
-  --sd-interactive--active-color-text: var(--sd-color-info);
-  --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-interactive--active-color-text: var(--sd-color-primary-500);
+  --sd-interactive--default-color-text: var(--sd-color-primary-500);
   --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-500);
+  --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-500);
+  --sd-map-marker--pin--hover-color-background: var(--sd-color-primary-100);
+  --sd-map-marker--pin-color-icon-fill: var(--sd-color-primary-500);
+  --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 +336,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,9 +363,11 @@
   --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-tick-color-text: var(--sd-color-neutral-600);
   --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\.25: 0.0625rem;
   --sd-sizing-0\.5: 0.125rem;
@@ -383,6 +396,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;
@@ -393,17 +407,19 @@
   --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-border: var(--sd-color-primary-500);
   --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 +438,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 +449,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-video--play-button-color-background: var(--sd-color-white);
   --sd-video--play-button-color-icon-fill: var(--sd-color-info);
 }