diff --git a/.changeset/rotten-tomatoes-run.md b/.changeset/rotten-tomatoes-run.md
new file mode 100644
index 0000000000..176c1e9532
--- /dev/null
+++ b/.changeset/rotten-tomatoes-run.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-css": minor
+---
+
+New CSS variables for sizes, `--ds-size-*`
diff --git a/.changeset/strange-feet-check.md b/.changeset/strange-feet-check.md
new file mode 100644
index 0000000000..7c01b4b705
--- /dev/null
+++ b/.changeset/strange-feet-check.md
@@ -0,0 +1,7 @@
+---
+"@digdir/designsystemet-theme": minor
+"@digdir/designsystemet": minor
+"@digdir/designsystemet-css": minor
+---
+
+Moved typography based sizing formula to design-tokens
diff --git a/.changeset/tricky-islands-jam.md b/.changeset/tricky-islands-jam.md
new file mode 100644
index 0000000000..cf40a58135
--- /dev/null
+++ b/.changeset/tricky-islands-jam.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet": minor
+---
+
+Support for building typography based sizing design-tokens
diff --git a/apps/_components/src/CodeSnippet/CodeSnippet.module.css b/apps/_components/src/CodeSnippet/CodeSnippet.module.css
index ddbcf60327..c33579886b 100644
--- a/apps/_components/src/CodeSnippet/CodeSnippet.module.css
+++ b/apps/_components/src/CodeSnippet/CodeSnippet.module.css
@@ -8,7 +8,7 @@
 }
 
 .codeSnippet > pre {
-  padding-right: var(--ds-spacing-18) !important;
+  padding-right: var(--ds-size-18) !important;
   background-color: var(--ds-color-neutral-background-subtle) !important;
 }
 
@@ -22,6 +22,6 @@
 
 .copyButton {
   position: absolute;
-  top: var(--ds-spacing-2);
-  right: var(--ds-spacing-2);
+  top: var(--ds-size-2);
+  right: var(--ds-size-2);
 }
diff --git a/apps/_components/src/Footer/Footer.module.css b/apps/_components/src/Footer/Footer.module.css
index cecb919a45..669819edf8 100644
--- a/apps/_components/src/Footer/Footer.module.css
+++ b/apps/_components/src/Footer/Footer.module.css
@@ -6,19 +6,19 @@
 .container {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
-  gap: var(--ds-spacing-10);
+  gap: var(--ds-size-10);
 }
 
 .title {
-  margin-bottom: var(--ds-spacing-4);
+  margin-bottom: var(--ds-size-4);
 }
 
 .logos {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: var(--ds-spacing-8);
-  margin-top: var(--ds-spacing-8);
+  gap: var(--ds-size-8);
+  margin-top: var(--ds-size-8);
 }
 
 .links {
@@ -28,7 +28,7 @@
 
 .links li {
   list-style: none;
-  margin-bottom: var(--ds-spacing-5);
+  margin-bottom: var(--ds-size-5);
 }
 
 .links li:last-child {
@@ -68,7 +68,7 @@
 .footer .logos svg {
   height: 26px;
   width: auto;
-  margin-right: var(--ds-spacing-2);
+  margin-right: var(--ds-size-2);
 
   &.udir {
     height: 32px;
@@ -76,20 +76,20 @@
 }
 
 .top {
-  padding: var(--ds-spacing-18) 0;
+  padding: var(--ds-size-18) 0;
 }
 
 .bottom {
   background-color: var(--ds-color-neutral-background-default);
-  padding: var(--ds-spacing-7) 0;
+  padding: var(--ds-size-7) 0;
 }
 
 .button {
   --dsc-button-color: var(--ds-color-neutral-text-default);
-  --dsc-button-padding-block: var(--ds-spacing-4);
-  --dsc-button-padding-inline: var(--ds-spacing-5);
+  --dsc-button-padding-block: var(--ds-size-4);
+  --dsc-button-padding-inline: var(--ds-size-5);
 
   border: 2px dashed var(--ds-color-neutral-border-strong);
   width: fit-content;
-  margin-top: var(--ds-spacing-8);
+  margin-top: var(--ds-size-8);
 }
diff --git a/apps/_components/src/Header/Header.module.css b/apps/_components/src/Header/Header.module.css
index f5bcb71e80..4bdf25f6cc 100644
--- a/apps/_components/src/Header/Header.module.css
+++ b/apps/_components/src/Header/Header.module.css
@@ -21,7 +21,7 @@
   align-items: center;
   justify-content: space-between;
   width: 100%;
-  padding: 0 var(--ds-spacing-8);
+  padding: 0 var(--ds-size-8);
 }
 
 .container nav {
@@ -35,7 +35,7 @@
 .logoContainer {
   display: flex;
   align-items: center;
-  gap: var(--ds-spacing-4);
+  gap: var(--ds-size-4);
 }
 
 .logo {
@@ -76,14 +76,14 @@
 
 .item {
   list-style: none;
-  margin-left: var(--ds-spacing-7);
+  margin-left: var(--ds-size-7);
 }
 
 .link {
   color: inherit;
   text-decoration: none;
   border-bottom: 3px solid transparent;
-  padding-bottom: var(--ds-spacing-2);
+  padding-bottom: var(--ds-size-2);
   transition: 0.1s border-color ease-out;
 }
 
@@ -93,17 +93,17 @@
 }
 
 .itemIcon {
-  margin-left: var(--ds-spacing-1);
+  margin-left: var(--ds-size-1);
 }
 
 .firstIcon {
-  margin-left: var(--ds-spacing-8);
+  margin-left: var(--ds-size-8);
 }
 
 .linkIcon {
   display: grid;
   place-items: center;
-  padding: 0 var(--ds-spacing-2);
+  padding: 0 var(--ds-size-2);
 }
 
 .linkIcon > svg {
@@ -142,7 +142,7 @@
   }
 
   & nav {
-    gap: var(--ds-spacing-1);
+    gap: var(--ds-size-1);
   }
 
   .menu {
diff --git a/apps/_components/src/Showcase/Showcase.module.css b/apps/_components/src/Showcase/Showcase.module.css
index a8f39fa5bc..8392080c66 100644
--- a/apps/_components/src/Showcase/Showcase.module.css
+++ b/apps/_components/src/Showcase/Showcase.module.css
@@ -2,7 +2,7 @@
   width: 100%;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
-  gap: var(--ds-spacing-8);
+  gap: var(--ds-size-8);
   margin: 0 auto;
   background-color: var(--ds-color-neutral-background-default);
   border-radius: var(--ds-border-radius-md);
@@ -159,5 +159,5 @@
 .toggleCombo {
   display: flex;
   flex-direction: column;
-  gap: var(--ds-spacing-2);
+  gap: var(--ds-size-2);
 }
diff --git a/apps/_components/src/Showcase/Showcase.tsx b/apps/_components/src/Showcase/Showcase.tsx
index 94a83cdcb6..ccd787b266 100644
--- a/apps/_components/src/Showcase/Showcase.tsx
+++ b/apps/_components/src/Showcase/Showcase.tsx
@@ -207,10 +207,10 @@ export function Showcase({ className, ...props }: ShowcaseProps) {
         </div>
       </div>
       <div className={cl(classes.card, classes.switches)}>
-        <Heading style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+        <Heading style={{ marginBottom: 'var(--ds-size-2)' }}>
           Innstillinger
         </Heading>
-        <Paragraph style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+        <Paragraph style={{ marginBottom: 'var(--ds-size-2)' }}>
           Her kan du justere på innstillingene dine
         </Paragraph>
         <div className={classes.switchGroup}>
@@ -221,10 +221,10 @@ export function Showcase({ className, ...props }: ShowcaseProps) {
         </div>
       </div>
       <div className={cl(classes.card, classes.combobox)}>
-        <Heading style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+        <Heading style={{ marginBottom: 'var(--ds-size-2)' }}>
           Hvor er du fra?
         </Heading>
-        <Paragraph style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+        <Paragraph style={{ marginBottom: 'var(--ds-size-2)' }}>
           Svar under så finner vi flyreise
         </Paragraph>
         <div className={classes.toggleCombo}>
diff --git a/apps/storefront/app/bloggen/(frontpage)/layout.module.css b/apps/storefront/app/bloggen/(frontpage)/layout.module.css
index 0d59007d84..deb669e281 100644
--- a/apps/storefront/app/bloggen/(frontpage)/layout.module.css
+++ b/apps/storefront/app/bloggen/(frontpage)/layout.module.css
@@ -2,8 +2,8 @@
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
-  gap: var(--ds-spacing-8);
-  padding-top: var(--ds-spacing-18) !important;
+  gap: var(--ds-size-8);
+  padding-top: var(--ds-size-18) !important;
   padding-bottom: var(--page-spacing-bottom) !important;
 
   [data-color-scheme='dark'] &,
@@ -15,8 +15,8 @@
 .main {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
-  gap: var(--ds-spacing-18);
-  column-gap: var(--ds-spacing-12);
+  gap: var(--ds-size-18);
+  column-gap: var(--ds-size-12);
 }
 
 .main [data-featured='true'] {
diff --git a/apps/storefront/app/bloggen/_components/Card/BlogCard.module.css b/apps/storefront/app/bloggen/_components/Card/BlogCard.module.css
index 4c024aaf53..4e039ef154 100644
--- a/apps/storefront/app/bloggen/_components/Card/BlogCard.module.css
+++ b/apps/storefront/app/bloggen/_components/Card/BlogCard.module.css
@@ -12,7 +12,7 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-    padding: var(--ds-spacing-8) var(--ds-spacing-10);
+    padding: var(--ds-size-8) var(--ds-size-10);
   }
 }
 
@@ -31,7 +31,7 @@
 
 .meta {
   display: flex;
-  gap: var(--ds-spacing-3);
+  gap: var(--ds-size-3);
   color: var(--ds-color-neutral-text-subtle);
   font-size: 14px !important;
 }
diff --git a/apps/storefront/app/bloggen/_components/Contributors/Contributors.module.css b/apps/storefront/app/bloggen/_components/Contributors/Contributors.module.css
index acfb335aef..61c73b8f85 100644
--- a/apps/storefront/app/bloggen/_components/Contributors/Contributors.module.css
+++ b/apps/storefront/app/bloggen/_components/Contributors/Contributors.module.css
@@ -6,10 +6,10 @@
   justify-content: center;
   align-items: center;
   max-width: 640px;
-  gap: var(--ds-spacing-4);
+  gap: var(--ds-size-4);
   margin: 0 auto;
-  margin-top: var(--ds-spacing-18);
-  padding: var(--ds-spacing-10);
+  margin-top: var(--ds-size-18);
+  padding: var(--ds-size-10);
   border-radius: var(--ds-border-radius-lg);
   border: 1px solid var(--ds-color-neutral-border-subtle);
 }
@@ -46,7 +46,7 @@
   flex-wrap: wrap;
   text-wrap: nowrap;
   justify-content: center;
-  gap: var(--ds-spacing-3);
+  gap: var(--ds-size-3);
   color: var(--ds-color-neutral-text-subtle);
 }
 
diff --git a/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.module.css b/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.module.css
index 48e353efb9..0daef374eb 100644
--- a/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.module.css
+++ b/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.module.css
@@ -7,7 +7,7 @@
 }
 
 .page {
-  margin-top: var(--ds-spacing-18);
+  margin-top: var(--ds-size-18);
   margin-bottom: var(--page-spacing-bottom);
 }
 
@@ -17,10 +17,10 @@
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
-  gap: var(--ds-spacing-5);
+  gap: var(--ds-size-5);
   text-align: center;
   margin: 0 auto;
-  margin-top: var(--ds-spacing-12);
+  margin-top: var(--ds-size-12);
 }
 
 .ingress {
@@ -30,8 +30,8 @@
 .meta {
   display: flex;
   justify-content: center;
-  margin-top: var(--ds-spacing-1);
-  gap: var(--ds-spacing-3);
+  margin-top: var(--ds-size-1);
+  gap: var(--ds-size-3);
   color: var(--ds-color-neutral-text-subtle);
 }
 
@@ -47,7 +47,7 @@
 .main {
   display: flex;
   flex-direction: column;
-  gap: var(--ds-spacing-18);
+  gap: var(--ds-size-18);
 }
 
 .content {
@@ -60,7 +60,7 @@
 .content img {
   display: block;
   width: 860px;
-  margin: var(--ds-spacing-12) 0;
+  margin: var(--ds-size-12) 0;
   margin-left: calc((100% - 860px) / 2) !important;
   background-color: var(--ds-color-neutral-background-subtle);
 }
@@ -83,19 +83,19 @@
 }
 
 .content:last-child {
-  margin-bottom: var(--ds-spacing-12);
+  margin-bottom: var(--ds-size-12);
 }
 
 .wantToWrite {
-  margin-top: var(--ds-spacing-12);
+  margin-top: var(--ds-size-12);
   border-radius: var(--ds-border-radius-lg);
   background: var(--ds-color-brand1-surface-default);
   color: var(--ds-color-brand1-text-default);
-  padding: var(--ds-spacing-8);
+  padding: var(--ds-size-8);
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
-  gap: var(--ds-spacing-4);
+  gap: var(--ds-size-4);
 }
 
 .wantToWrite p a {
diff --git a/apps/storefront/app/grunnleggende/for-utviklere/fargar/page.mdx b/apps/storefront/app/grunnleggende/for-utviklere/fargar/page.mdx
new file mode 100644
index 0000000000..59fdbd6ef1
--- /dev/null
+++ b/apps/storefront/app/grunnleggende/for-utviklere/fargar/page.mdx
@@ -0,0 +1,141 @@
+import { CodeIcon } from '@navikt/aksel-icons';
+
+import { MenuPageLayout } from '@layouts';
+import { CodeSnippet } from '@repo/components';
+
+export const metadata = {
+  title: 'Fargar',
+  description: 'Informasjon om korleis du bruker fargar på frontend.',
+};
+
+export default ({ children }) => (
+  <MenuPageLayout
+    content={children}
+    data={{
+      title: 'Fargar',
+      date: '26. november 2024',
+      icon: <CodeIcon />,
+      color: 'blue',
+    }}
+  />
+);
+
+Denne artikkelen føreset at du allereie har definert fargane du skal bruke ved hjelp av [Temabyggeren](/grunnleggende/for-designere/eget-tema).
+
+HTML data-attributt vert brukt for å definere farge på ein komponent. Komponentane kan nytte alle fargane i temaet.
+
+Når du skal setje farge på ein komponent, er det to data-attributt som kan nyttast:
+- `data-color-scheme` som endrar fargemodus
+- `data-color` som endrar farge
+
+## `data-color-scheme`
+
+Dette data-attributtet blir brukt for å veksle mellom lys, mørk eller andre fargemodusar. Innhald som er barn av dette data-attributtet 
+vil få modusen spesifisert av forelder. Som standard vil lys modus bli nytta.
+
+<CodeSnippet language="html">
+{`
+<body>
+  <div>
+    <!-- Innhaldet her vil ha lys fargemodus -->
+  </div>
+
+  <div data-color-scheme="dark">
+    <!-- Innhaldet her vil ha mørk fargemodus -->
+  </div>
+</body>
+`}
+</CodeSnippet>
+
+Du kan endre `data-color-scheme` på heile eller delar av sida og byte mellom ulike fargemodus så ofte du vil. Til dømes kan hovudsida vere lys, 
+men med ei mørk botnlinje (footer). Du kan då setje `data-color-scheme="dark"` på botnlinja.
+
+`data-color-scheme` kan bli satt til `light`, `dark` eller `auto`. `auto` vil følgje systeminnstillingane til brukaren.
+
+## `data-color`
+
+Dette data-attributtet blir brukt for å endre fargen til ein komponent. Du kan bruke alle fargane som finst i temaet ditt.
+
+<CodeSnippet language="html">
+{`
+<div data-color="neutral">
+  <!-- Innholdet her vil ha neutral farge -->
+</div>
+`}
+</CodeSnippet>
+
+Nokre komponentar kan arve farge frå næraste overordna element som har `data-color` definert. 
+Dette betyr at du ikkje treng å bruke `data-color` på alle komponentane i eit hierarki, dersom dei skal ha same farge.
+
+## Korleis komponentar blir påverka
+
+Me delar komponentar inn i 3 grupper for farge:
+- Eksplisitt
+- Nøytral
+- Cascading
+
+### Eksplisitt
+
+Komponentar brukt til validering eller systemvarslar følgjer eigne dedikerte systemfargar, og arvar ikkje farge frå næraste forelder med `data-color` satt.
+Dei dedikerte systemfargane er `success`, `warning`, `fanger` og `info`. 
+
+Dette er komponentar som
+- `Alert`
+- `ValidationMessage`
+- `ErrorSummary`
+
+### Nøytral
+
+Dette er komponentar som alltid skal være nøytrale, og blir verken påverka av arva farge eller direkte `data-color`. Dette er komponentar som `Modal` og `Tooltip`.
+Desse brukar alltid `neutral` fargen.
+
+### Cascading
+
+Denne gruppa inneheld resten av komponentane, og vil arve farge frå næraste forelder med `data-color` satt. 
+
+<CodeSnippet language="tsx">
+{`<div data-color="neutral">
+  <Chip>
+    Denne Chip'en har neutral farge.
+  </Chip>
+</div>
+
+<Button data-color="neutral">
+  Eg har neutral farge.
+</Button>
+
+<div data-color="neutral">
+  <Alert>
+    Eg har ikkje neutral farge.
+  </Alert>
+</div>
+`}
+</CodeSnippet>
+
+## Bruk `data-color-scheme` og `data-color` saman
+
+Du kan bruke `data-color-scheme` og `data-color` saman for å endre både fargemodus og farge på komponentar.
+
+`data-color` set variablar som blir resatt av `data-color-scheme`. Dersom du endrar fargemodus, må du setje `data-color` på nytt.
+
+<CodeSnippet language="html">
+{`
+<div data-color="neutral">
+  <!-- Innholdet her vil ha neutral farge -->
+</div>
+
+<div data-color="neutral" data-color-scheme="dark">
+  <!-- Innholdet her vil ha neutral farge og mørkt fargemodus -->
+</div>
+
+<div data-color="neutral">
+  <div data-color-scheme="dark">
+    <!-- Innholdet her vil ikkje ha neutral farge -->
+  </div>
+</div>
+`}
+</CodeSnippet>
+
+## Kort oppsummert
+
+Du endrar farge med `data-color`, men denne må bli satt på nytt dersom du endrar fargemodus med `data-color-scheme`. Nokre komponentar arvar farge frå næraste forelder med `data-color` satt.
diff --git a/apps/storefront/app/komponenter/layout.module.css b/apps/storefront/app/komponenter/layout.module.css
index eb58cdc75e..b8000987ee 100644
--- a/apps/storefront/app/komponenter/layout.module.css
+++ b/apps/storefront/app/komponenter/layout.module.css
@@ -1,9 +1,9 @@
 .page {
-  padding-bottom: var(--ds-spacing-18);
+  padding-bottom: var(--ds-size-18);
 }
 
 .grid {
-  padding-top: var(--ds-spacing-12);
+  padding-top: var(--ds-size-12);
   display: grid;
   grid-row-gap: 32px;
   grid-column-gap: 32px;
diff --git a/apps/storefront/app/not-found.module.css b/apps/storefront/app/not-found.module.css
index 5f66bea6a4..c372ce86e8 100644
--- a/apps/storefront/app/not-found.module.css
+++ b/apps/storefront/app/not-found.module.css
@@ -1,6 +1,6 @@
 .content {
   height: 100%;
-  padding: var(--ds-spacing-14) 0;
+  padding: var(--ds-size-14) 0;
 }
 
 .container {
@@ -8,7 +8,7 @@
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
-  gap: var(--ds-spacing-14);
+  gap: var(--ds-size-14);
   margin: 0 auto;
 }
 
diff --git a/apps/storefront/components/Banner/Banner.module.css b/apps/storefront/components/Banner/Banner.module.css
index 3a41cd7879..44e92f2d07 100644
--- a/apps/storefront/components/Banner/Banner.module.css
+++ b/apps/storefront/components/Banner/Banner.module.css
@@ -4,13 +4,13 @@
   width: 100%;
   display: flex;
   justify-content: center;
-  padding: var(--ds-spacing-14);
-  padding-top: var(--ds-spacing-4);
+  padding: var(--ds-size-14);
+  padding-top: var(--ds-size-4);
   align-items: center;
   flex-wrap: wrap;
   flex-direction: column;
   background-color: var(--ds-color-neutral-background-default);
-  gap: var(--ds-spacing-4);
+  gap: var(--ds-size-4);
 
   [data-color-scheme='dark'] &,
   [data-color-scheme='auto'] & {
@@ -32,8 +32,8 @@
   transform: rotate(45deg);
   background-color: var(--ds-color-brand2-border-subtle);
   border-radius: 3px;
-  margin-top: var(--ds-spacing-2);
-  margin-bottom: var(--ds-spacing-2);
+  margin-top: var(--ds-size-2);
+  margin-bottom: var(--ds-size-2);
 }
 
 .icon > svg {
@@ -69,7 +69,7 @@
   }
 
   .icon {
-    margin-left: var(--ds-spacing-2);
+    margin-left: var(--ds-size-2);
   }
 
   .logo {
diff --git a/apps/storefront/components/ComponentCard/ComponentCard.module.css b/apps/storefront/components/ComponentCard/ComponentCard.module.css
index 32c73a2b26..7232567ebc 100644
--- a/apps/storefront/components/ComponentCard/ComponentCard.module.css
+++ b/apps/storefront/components/ComponentCard/ComponentCard.module.css
@@ -3,7 +3,7 @@
   text-align: center;
   background-color: var(--ds-color-neutral-background-default);
   color: var(--ds-color-neutral-text-default);
-  padding: var(--ds-spacing-10);
+  padding: var(--ds-size-10);
   border-radius: var(--ds-border-radius-md);
   box-shadow: var(--ds-shadow-xs);
   text-decoration: none;
@@ -21,7 +21,7 @@
 }
 
 .title {
-  margin-top: var(--ds-spacing-3);
+  margin-top: var(--ds-size-3);
   text-decoration: underline;
   text-underline-offset: 7px;
 }
diff --git a/apps/storefront/components/Grid/Grid.module.css b/apps/storefront/components/Grid/Grid.module.css
index 4cf9ecfd95..179d00670b 100644
--- a/apps/storefront/components/Grid/Grid.module.css
+++ b/apps/storefront/components/Grid/Grid.module.css
@@ -2,7 +2,7 @@
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: var(--grid-gap);
-  margin: var(--ds-spacing-7) 0;
+  margin: var(--ds-size-7) 0;
 }
 
 @media (max-width: 1200px) {
diff --git a/apps/storefront/components/Image/Image.module.css b/apps/storefront/components/Image/Image.module.css
index 9e7e56d791..d9088fc989 100644
--- a/apps/storefront/components/Image/Image.module.css
+++ b/apps/storefront/components/Image/Image.module.css
@@ -1,10 +1,10 @@
 .container {
   display: flex;
   max-width: var(--media-max-width);
-  margin: var(--ds-spacing-7) 0;
+  margin: var(--ds-size-7) 0;
   border-radius: var(--ds-border-radius-md);
   flex-wrap: wrap;
-  gap: var(--ds-spacing-4);
+  gap: var(--ds-size-4);
 }
 
 .image {
diff --git a/apps/storefront/components/ImageBanner/ImageBanner.module.css b/apps/storefront/components/ImageBanner/ImageBanner.module.css
index 48063e58f8..cf2aebbac2 100644
--- a/apps/storefront/components/ImageBanner/ImageBanner.module.css
+++ b/apps/storefront/components/ImageBanner/ImageBanner.module.css
@@ -50,7 +50,7 @@
 }
 
 .title {
-  margin-bottom: var(--ds-spacing-4);
+  margin-bottom: var(--ds-size-4);
 }
 
 .tag {
@@ -75,8 +75,8 @@
   color: inherit;
   display: flex;
   flex-wrap: wrap;
-  gap: var(--ds-spacing-5);
-  margin-top: var(--ds-spacing-5);
+  gap: var(--ds-size-5);
+  margin-top: var(--ds-size-5);
 }
 
 @media (max-width: 480px) {
@@ -88,14 +88,14 @@
 .link {
   display: flex;
   align-items: center;
-  margin-top: var(--ds-spacing-5);
+  margin-top: var(--ds-size-5);
   font-size: 18px;
   font-weight: 500;
   width: fit-content;
 }
 
 .link svg {
-  margin-right: var(--ds-spacing-2);
+  margin-right: var(--ds-size-2);
 }
 
 .fallbackImg {
diff --git a/apps/storefront/components/MdxContent/MdxContent.module.css b/apps/storefront/components/MdxContent/MdxContent.module.css
index 46db4eb986..2da01e0a76 100644
--- a/apps/storefront/components/MdxContent/MdxContent.module.css
+++ b/apps/storefront/components/MdxContent/MdxContent.module.css
@@ -8,7 +8,7 @@
   }
 
   & p {
-    margin-bottom: var(--ds-spacing-4);
+    margin-bottom: var(--ds-size-4);
 
     & > strong {
       margin: 0 !important;
@@ -27,8 +27,8 @@
   & > h2,
   & > h3,
   & > h4 {
-    margin-top: var(--ds-spacing-10);
-    margin-bottom: var(--ds-spacing-3);
+    margin-top: var(--ds-size-10);
+    margin-bottom: var(--ds-size-3);
   }
 
   /* Anchor link styling */
@@ -80,7 +80,7 @@
 
   & > ul > li > ol,
   & > ol > li > ul {
-    margin-top: var(--ds-spacing-1);
+    margin-top: var(--ds-size-1);
   }
 
   & > p > a:hover,
@@ -93,24 +93,24 @@
   & > h1 + p {
     font: var(--ds-body-long-md-font-size);
     margin-top: 0;
-    margin-bottom: var(--ds-spacing-8);
+    margin-bottom: var(--ds-size-8);
   }
 
   & > iframe {
     box-shadow: var(--ds-shadow-md);
-    margin: var(--ds-spacing-5);
+    margin: var(--ds-size-5);
     border-radius: var(--ds-border-radius-md);
   }
 
   & > table {
     width: 100%;
-    margin: var(--ds-spacing-7) 0;
+    margin: var(--ds-size-7) 0;
     border-collapse: collapse;
   }
 
   & > img {
     width: 100%;
-    margin: var(--ds-spacing-5) 0;
+    margin: var(--ds-size-5) 0;
     border-radius: var(--ds-border-radius-md);
     box-shadow: var(--ds-shadow-md);
   }
@@ -132,13 +132,13 @@
   & > pre,
   & > p pre {
     background-color: var(--ds-color-neutral-background-subtle);
-    padding: var(--ds-spacing-5);
-    margin: var(--ds-spacing-7) 0;
+    padding: var(--ds-size-5);
+    margin: var(--ds-size-7) 0;
     border-radius: var(--ds-border-radius-md);
   }
 
   & > div + p {
-    margin-top: var(--ds-spacing-5);
+    margin-top: var(--ds-size-5);
   }
 
   & *[data-unstyled] {
@@ -156,7 +156,7 @@
 
     & img {
       width: 100%;
-      margin: var(--ds-spacing-5) 0;
+      margin: var(--ds-size-5) 0;
       border-radius: var(--ds-border-radius-md);
       box-shadow: var(--ds-shadow-md);
     }
@@ -164,7 +164,7 @@
     &:is(strong),
     & strong {
       display: inline-block;
-      margin-top: var(--ds-spacing-1);
+      margin-top: var(--ds-size-1);
       font-weight: 500;
     }
   }
diff --git a/apps/storefront/components/NavigationCard/NavigationCard.module.css b/apps/storefront/components/NavigationCard/NavigationCard.module.css
index dbacc822ee..567b1e3758 100644
--- a/apps/storefront/components/NavigationCard/NavigationCard.module.css
+++ b/apps/storefront/components/NavigationCard/NavigationCard.module.css
@@ -28,8 +28,8 @@
   border-radius: var(--ds-border-radius-sm);
   transform: rotate(45deg);
   margin: 0 auto;
-  margin-bottom: calc(var(--ds-spacing-3) + 11px);
-  margin-top: var(--ds-spacing-3);
+  margin-bottom: calc(var(--ds-size-3) + 11px);
+  margin-top: var(--ds-size-3);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -75,8 +75,8 @@
 }
 
 .title {
-  margin-top: var(--ds-spacing-4);
-  margin-bottom: var(--ds-spacing-4);
+  margin-top: var(--ds-size-4);
+  margin-bottom: var(--ds-size-4);
   text-align: center;
   text-decoration: underline;
   text-underline-offset: 7px;
diff --git a/apps/storefront/components/ResponsiveIframe/ResponsiveIframe.module.css b/apps/storefront/components/ResponsiveIframe/ResponsiveIframe.module.css
index 6b9df95fcc..b9ea2a6b92 100644
--- a/apps/storefront/components/ResponsiveIframe/ResponsiveIframe.module.css
+++ b/apps/storefront/components/ResponsiveIframe/ResponsiveIframe.module.css
@@ -3,8 +3,8 @@
   overflow: hidden;
   width: 100%;
   border-radius: 4px;
-  margin-top: var(--ds-spacing-10);
-  margin-bottom: var(--ds-spacing-10);
+  margin-top: var(--ds-size-10);
+  margin-bottom: var(--ds-size-10);
   aspect-ratio: 16 / 9;
 }
 
diff --git a/apps/storefront/components/Section/Section.module.css b/apps/storefront/components/Section/Section.module.css
index be8f22918b..b3cbe424e5 100644
--- a/apps/storefront/components/Section/Section.module.css
+++ b/apps/storefront/components/Section/Section.module.css
@@ -1,6 +1,6 @@
 .section {
   background-color: var(--ds-color-neutral-background-subtle);
-  padding: calc(var(--ds-spacing-14) + var(--ds-spacing-2)) 0 var(--ds-spacing-18) 0;
+  padding: calc(var(--ds-size-14) + var(--ds-size-2)) 0 var(--ds-size-18) 0;
 }
 
 .white {
@@ -12,7 +12,7 @@
 }
 
 .header {
-  margin-bottom: var(--ds-spacing-8);
+  margin-bottom: var(--ds-size-8);
   text-align: center;
 }
 
@@ -24,8 +24,8 @@
 }
 
 .detail {
-  margin-top: var(--ds-spacing-4);
-  height: var(--ds-spacing-7);
+  margin-top: var(--ds-size-4);
+  height: var(--ds-size-7);
 }
 
 .separator {
diff --git a/apps/storefront/components/SidebarMenu/SidebarMenu.module.css b/apps/storefront/components/SidebarMenu/SidebarMenu.module.css
index ade7d8e285..32077ec471 100644
--- a/apps/storefront/components/SidebarMenu/SidebarMenu.module.css
+++ b/apps/storefront/components/SidebarMenu/SidebarMenu.module.css
@@ -1,6 +1,6 @@
 .title {
   font-weight: 600;
-  margin-bottom: var(--ds-spacing-5);
+  margin-bottom: var(--ds-size-5);
 }
 
 .list {
@@ -9,12 +9,12 @@
 }
 
 .listGroup {
-  margin-bottom: var(--ds-spacing-5);
+  margin-bottom: var(--ds-size-5);
   list-style: none;
 }
 
 .listGroupCompact {
-  margin-bottom: var(--ds-spacing-4);
+  margin-bottom: var(--ds-size-4);
 }
 
 .innerList {
@@ -39,7 +39,7 @@
 .link {
   color: inherit;
   text-decoration: none;
-  padding: var(--ds-spacing-1) var(--ds-spacing-4);
+  padding: var(--ds-size-1) var(--ds-size-4);
   display: block;
   line-height: 1.3em;
   position: relative;
@@ -87,12 +87,12 @@
 @media (max-width: 958.98px) {
   .menu {
     display: none;
-    margin-top: var(--ds-spacing-7);
+    margin-top: var(--ds-size-7);
   }
 
   .toggleBtn {
     display: block;
-    margin-bottom: var(--ds-spacing-2);
+    margin-bottom: var(--ds-size-2);
   }
 
   .activeMenu {
diff --git a/apps/storefront/components/TeaserCard/TeaserCard.module.css b/apps/storefront/components/TeaserCard/TeaserCard.module.css
index bace422f8b..b64107242a 100644
--- a/apps/storefront/components/TeaserCard/TeaserCard.module.css
+++ b/apps/storefront/components/TeaserCard/TeaserCard.module.css
@@ -25,7 +25,7 @@
 }
 
 .title {
-  margin-bottom: var(--ds-spacing-2);
+  margin-bottom: var(--ds-size-2);
 }
 
 .desc {
diff --git a/apps/storefront/components/Tokens/TokenList/TokenList.module.css b/apps/storefront/components/Tokens/TokenList/TokenList.module.css
index 47783b8a76..155b8e453f 100644
--- a/apps/storefront/components/Tokens/TokenList/TokenList.module.css
+++ b/apps/storefront/components/Tokens/TokenList/TokenList.module.css
@@ -37,7 +37,7 @@
   grid-column-gap: 16px;
   grid-row-gap: 22px;
   grid-template-columns: repeat(3, 1fr);
-  margin-top: var(--ds-spacing-3);
+  margin-top: var(--ds-size-3);
 }
 
 .cards2 {
@@ -66,7 +66,7 @@
   align-items: flex-start;
   align-items: center;
   display: flex;
-  gap: var(--ds-spacing-3);
+  gap: var(--ds-size-3);
 }
 
 .preview {
@@ -98,7 +98,7 @@
 .package {
   display: flex;
   align-items: center;
-  gap: var(--ds-spacing-2);
+  gap: var(--ds-size-2);
   font-weight: 600;
 }
 
diff --git a/apps/storefront/components/VersionBanner/VersionBanner.module.css b/apps/storefront/components/VersionBanner/VersionBanner.module.css
index 0edfaab2d6..25e03e2a25 100644
--- a/apps/storefront/components/VersionBanner/VersionBanner.module.css
+++ b/apps/storefront/components/VersionBanner/VersionBanner.module.css
@@ -4,7 +4,7 @@
   display: grid;
   place-items: center;
   width: 100%;
-  height: var(--ds-sizing-12);
+  height: var(--ds-size-12);
   position: relative;
   z-index: 100;
 }
diff --git a/apps/storefront/globals.css b/apps/storefront/globals.css
index aa1f4581fc..f90d801a5a 100644
--- a/apps/storefront/globals.css
+++ b/apps/storefront/globals.css
@@ -8,9 +8,9 @@
   /* Spacing for page and grid */
   --grid-max-width: 1400px;
   --grid-padding: clamp(1rem, calc(0.27rem + 3.64vw), 3rem); /* 48px-16px */
-  --grid-gap: var(--ds-spacing-8);
-  --page-spacing-top: var(--ds-spacing-14);
-  --page-spacing-bottom: var(--ds-spacing-14);
+  --grid-gap: var(--ds-size-8);
+  --page-spacing-top: var(--ds-size-14);
+  --page-spacing-bottom: var(--ds-size-14);
   --media-max-width: 800px;
 }
 
@@ -27,7 +27,7 @@ body {
 
 .ds-link > :is(img, svg) {
   height: 70%;
-  margin-right: var(--ds-spacing-1);
+  margin-right: var(--ds-size-1);
 }
 
 .root {
diff --git a/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.module.css b/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.module.css
index be84dd2669..3611ee3356 100644
--- a/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.module.css
+++ b/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.module.css
@@ -2,8 +2,8 @@
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
-  gap: var(--ds-spacing-10);
-  margin-top: var(--ds-spacing-8);
+  gap: var(--ds-size-10);
+  margin-top: var(--ds-size-8);
   margin-bottom: var(--page-spacing-bottom);
 }
 
@@ -24,8 +24,8 @@
   align-items: center;
   position: relative;
   overflow: hidden;
-  margin-bottom: var(--ds-spacing-6);
-  padding: var(--ds-spacing-10);
+  margin-bottom: var(--ds-size-6);
+  padding: var(--ds-size-10);
   width: 100%;
   border-radius: var(--ds-border-radius-lg);
   background-color: var(--ds-color-neutral-background-subtle);
@@ -37,7 +37,7 @@
 }
 
 .date {
-  margin-top: var(--ds-spacing-3);
+  margin-top: var(--ds-size-3);
 }
 
 .iconContainer {
@@ -88,13 +88,13 @@
 }
 
 .content {
-  padding: var(--ds-spacing-4) var(--ds-spacing-10) 0 var(--ds-spacing-10);
+  padding: var(--ds-size-4) var(--ds-size-10) 0 var(--ds-size-10);
   height: fit-content;
 }
 
 .githubLink {
   display: inline-block;
-  margin-top: var(--ds-spacing-12);
+  margin-top: var(--ds-size-12);
 }
 
 @media (max-width: 1200px) {
diff --git a/apps/storefront/layouts/NavMenuPageLayout/NavMenuPageLayout.module.css b/apps/storefront/layouts/NavMenuPageLayout/NavMenuPageLayout.module.css
index 8cb6bb133e..a483ae6d16 100644
--- a/apps/storefront/layouts/NavMenuPageLayout/NavMenuPageLayout.module.css
+++ b/apps/storefront/layouts/NavMenuPageLayout/NavMenuPageLayout.module.css
@@ -2,7 +2,7 @@
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
-  gap: var(--ds-spacing-10);
+  gap: var(--ds-size-10);
   margin-top: var(--page-spacing-top);
   margin-bottom: var(--page-spacing-bottom);
 }
diff --git a/apps/storefront/layouts/NavPageLayout/NavPageLayout.module.css b/apps/storefront/layouts/NavPageLayout/NavPageLayout.module.css
index bfedb12156..6e4b98bea4 100644
--- a/apps/storefront/layouts/NavPageLayout/NavPageLayout.module.css
+++ b/apps/storefront/layouts/NavPageLayout/NavPageLayout.module.css
@@ -1,6 +1,6 @@
 .content {
-  padding-bottom: var(--ds-spacing-12);
-  padding-top: var(--ds-spacing-12);
+  padding-bottom: var(--ds-size-12);
+  padding-top: var(--ds-size-12);
 
   [data-color-scheme='dark'] &,
   [data-color-scheme='auto'] & {
diff --git a/apps/storefront/layouts/PageLayout/PageLayout.module.css b/apps/storefront/layouts/PageLayout/PageLayout.module.css
index dde3f9e0d9..dcdf938b9e 100644
--- a/apps/storefront/layouts/PageLayout/PageLayout.module.css
+++ b/apps/storefront/layouts/PageLayout/PageLayout.module.css
@@ -5,13 +5,13 @@
 
 .header {
   background-color: var(--ds-color-brand3-surface-default);
-  padding-top: var(--ds-spacing-7);
+  padding-top: var(--ds-size-7);
 }
 
 .headerContent {
   max-width: 780px;
   margin: 0 auto;
-  padding-bottom: var(--ds-spacing-18);
+  padding-bottom: var(--ds-size-18);
 }
 
 .headerContent h1,
@@ -26,7 +26,7 @@
 }
 
 .backBtn {
-  margin-bottom: var(--ds-spacing-10);
+  margin-bottom: var(--ds-size-10);
   color: inherit;
 }
 
@@ -35,19 +35,19 @@
 }
 
 .backBtn svg {
-  margin-right: var(--ds-spacing-2);
+  margin-right: var(--ds-size-2);
 }
 
 .separator {
-  margin: 0 var(--ds-spacing-2);
+  margin: 0 var(--ds-size-2);
 }
 
 .meta {
   display: flex;
   text-align: center;
   justify-content: center;
-  margin-bottom: var(--ds-spacing-3);
-  margin-top: var(--ds-spacing-8);
+  margin-bottom: var(--ds-size-3);
+  margin-top: var(--ds-size-8);
 }
 
 .content {
@@ -67,7 +67,7 @@
   .meta {
     flex-direction: column;
     text-align: left;
-    gap: var(--ds-spacing-1);
+    gap: var(--ds-size-1);
   }
 
   .separator {
diff --git a/apps/storefront/mdx-components.tsx b/apps/storefront/mdx-components.tsx
index fdf1c769f1..3b86697bcb 100644
--- a/apps/storefront/mdx-components.tsx
+++ b/apps/storefront/mdx-components.tsx
@@ -36,7 +36,7 @@ export function useMDXComponents(components: MDXComponents): MDXComponents {
         level={1}
         data-size='xl'
         style={{
-          marginBottom: 'var(--ds-spacing-4)',
+          marginBottom: 'var(--ds-size-4)',
         }}
       />
     ),
diff --git a/apps/storefront/siteConfig.tsx b/apps/storefront/siteConfig.tsx
index 79f731f242..d7463d5bbd 100644
--- a/apps/storefront/siteConfig.tsx
+++ b/apps/storefront/siteConfig.tsx
@@ -94,6 +94,10 @@ export const SiteConfig = {
               name: 'Kom i gang',
               url: 'grunnleggende/for-utviklere/kom-i-gang',
             },
+            {
+              name: 'Fargar',
+              url: 'grunnleggende/for-utviklere/fargar',
+            },
             {
               name: 'Komposisjon',
               url: 'grunnleggende/for-utviklere/komposisjon',
diff --git a/apps/storefront/tokens/altinn/dark.ts b/apps/storefront/tokens/altinn/dark.ts
index 21eb90127d..0297e9e2e4 100644
--- a/apps/storefront/tokens/altinn/dark.ts
+++ b/apps/storefront/tokens/altinn/dark.ts
@@ -2433,12 +2433,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-spacing-0",
     attributes: {},
@@ -2454,7 +2454,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-spacing-1",
     attributes: {},
@@ -2470,7 +2470,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-spacing-2",
     attributes: {},
@@ -2486,7 +2486,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-spacing-3",
     attributes: {},
@@ -2502,7 +2502,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-spacing-4",
     attributes: {},
@@ -2518,7 +2518,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-spacing-5",
     attributes: {},
@@ -2534,7 +2534,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-spacing-6",
     attributes: {},
@@ -2550,7 +2550,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-spacing-7",
     attributes: {},
@@ -2566,7 +2566,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-spacing-8",
     attributes: {},
@@ -2582,7 +2582,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-spacing-9",
     attributes: {},
@@ -2598,7 +2598,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-spacing-10",
     attributes: {},
@@ -2614,7 +2614,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-spacing-11",
     attributes: {},
@@ -2630,7 +2630,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-spacing-12",
     attributes: {},
@@ -2646,7 +2646,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-spacing-13",
     attributes: {},
@@ -2662,7 +2662,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-spacing-14",
     attributes: {},
@@ -2678,7 +2678,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-spacing-15",
     attributes: {},
@@ -2694,7 +2694,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-spacing-18",
     attributes: {},
@@ -2710,7 +2710,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-spacing-22",
     attributes: {},
@@ -2726,7 +2726,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-spacing-26",
     attributes: {},
@@ -2742,7 +2742,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-spacing-30",
     attributes: {},
@@ -2753,12 +2753,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-sizing-0",
     attributes: {},
@@ -2774,7 +2774,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-sizing-1",
     attributes: {},
@@ -2790,7 +2790,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-sizing-2",
     attributes: {},
@@ -2806,7 +2806,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-sizing-3",
     attributes: {},
@@ -2822,7 +2822,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-sizing-4",
     attributes: {},
@@ -2838,7 +2838,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-sizing-5",
     attributes: {},
@@ -2854,7 +2854,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-sizing-6",
     attributes: {},
@@ -2870,7 +2870,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-sizing-7",
     attributes: {},
@@ -2886,7 +2886,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-sizing-8",
     attributes: {},
@@ -2902,7 +2902,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-sizing-9",
     attributes: {},
@@ -2918,7 +2918,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-sizing-10",
     attributes: {},
@@ -2934,7 +2934,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-sizing-11",
     attributes: {},
@@ -2950,7 +2950,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-sizing-12",
     attributes: {},
@@ -2966,7 +2966,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-sizing-13",
     attributes: {},
@@ -2982,7 +2982,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-sizing-14",
     attributes: {},
@@ -2998,7 +2998,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-sizing-15",
     attributes: {},
@@ -3014,7 +3014,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-sizing-18",
     attributes: {},
@@ -3030,7 +3030,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-sizing-22",
     attributes: {},
@@ -3046,7 +3046,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-sizing-26",
     attributes: {},
@@ -3062,7 +3062,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-sizing-30",
     attributes: {},
diff --git a/apps/storefront/tokens/altinn/light.ts b/apps/storefront/tokens/altinn/light.ts
index c5d13572e0..70e3d904a8 100644
--- a/apps/storefront/tokens/altinn/light.ts
+++ b/apps/storefront/tokens/altinn/light.ts
@@ -2433,12 +2433,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-spacing-0",
     attributes: {},
@@ -2454,7 +2454,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-spacing-1",
     attributes: {},
@@ -2470,7 +2470,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-spacing-2",
     attributes: {},
@@ -2486,7 +2486,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-spacing-3",
     attributes: {},
@@ -2502,7 +2502,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-spacing-4",
     attributes: {},
@@ -2518,7 +2518,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-spacing-5",
     attributes: {},
@@ -2534,7 +2534,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-spacing-6",
     attributes: {},
@@ -2550,7 +2550,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-spacing-7",
     attributes: {},
@@ -2566,7 +2566,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-spacing-8",
     attributes: {},
@@ -2582,7 +2582,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-spacing-9",
     attributes: {},
@@ -2598,7 +2598,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-spacing-10",
     attributes: {},
@@ -2614,7 +2614,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-spacing-11",
     attributes: {},
@@ -2630,7 +2630,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-spacing-12",
     attributes: {},
@@ -2646,7 +2646,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-spacing-13",
     attributes: {},
@@ -2662,7 +2662,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-spacing-14",
     attributes: {},
@@ -2678,7 +2678,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-spacing-15",
     attributes: {},
@@ -2694,7 +2694,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-spacing-18",
     attributes: {},
@@ -2710,7 +2710,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-spacing-22",
     attributes: {},
@@ -2726,7 +2726,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-spacing-26",
     attributes: {},
@@ -2742,7 +2742,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-spacing-30",
     attributes: {},
@@ -2753,12 +2753,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-sizing-0",
     attributes: {},
@@ -2774,7 +2774,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-sizing-1",
     attributes: {},
@@ -2790,7 +2790,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-sizing-2",
     attributes: {},
@@ -2806,7 +2806,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-sizing-3",
     attributes: {},
@@ -2822,7 +2822,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-sizing-4",
     attributes: {},
@@ -2838,7 +2838,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-sizing-5",
     attributes: {},
@@ -2854,7 +2854,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-sizing-6",
     attributes: {},
@@ -2870,7 +2870,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-sizing-7",
     attributes: {},
@@ -2886,7 +2886,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-sizing-8",
     attributes: {},
@@ -2902,7 +2902,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-sizing-9",
     attributes: {},
@@ -2918,7 +2918,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-sizing-10",
     attributes: {},
@@ -2934,7 +2934,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-sizing-11",
     attributes: {},
@@ -2950,7 +2950,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-sizing-12",
     attributes: {},
@@ -2966,7 +2966,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-sizing-13",
     attributes: {},
@@ -2982,7 +2982,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-sizing-14",
     attributes: {},
@@ -2998,7 +2998,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-sizing-15",
     attributes: {},
@@ -3014,7 +3014,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-sizing-18",
     attributes: {},
@@ -3030,7 +3030,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-sizing-22",
     attributes: {},
@@ -3046,7 +3046,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-sizing-26",
     attributes: {},
@@ -3062,7 +3062,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-sizing-30",
     attributes: {},
diff --git a/apps/storefront/tokens/digdir/dark.ts b/apps/storefront/tokens/digdir/dark.ts
index ae1e483e31..89c2b0c97d 100644
--- a/apps/storefront/tokens/digdir/dark.ts
+++ b/apps/storefront/tokens/digdir/dark.ts
@@ -2433,12 +2433,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-spacing-0",
     attributes: {},
@@ -2454,7 +2454,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-spacing-1",
     attributes: {},
@@ -2470,7 +2470,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-spacing-2",
     attributes: {},
@@ -2486,7 +2486,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-spacing-3",
     attributes: {},
@@ -2502,7 +2502,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-spacing-4",
     attributes: {},
@@ -2518,7 +2518,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-spacing-5",
     attributes: {},
@@ -2534,7 +2534,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-spacing-6",
     attributes: {},
@@ -2550,7 +2550,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-spacing-7",
     attributes: {},
@@ -2566,7 +2566,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-spacing-8",
     attributes: {},
@@ -2582,7 +2582,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-spacing-9",
     attributes: {},
@@ -2598,7 +2598,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-spacing-10",
     attributes: {},
@@ -2614,7 +2614,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-spacing-11",
     attributes: {},
@@ -2630,7 +2630,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-spacing-12",
     attributes: {},
@@ -2646,7 +2646,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-spacing-13",
     attributes: {},
@@ -2662,7 +2662,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-spacing-14",
     attributes: {},
@@ -2678,7 +2678,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-spacing-15",
     attributes: {},
@@ -2694,7 +2694,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-spacing-18",
     attributes: {},
@@ -2710,7 +2710,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-spacing-22",
     attributes: {},
@@ -2726,7 +2726,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-spacing-26",
     attributes: {},
@@ -2742,7 +2742,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-spacing-30",
     attributes: {},
@@ -2753,12 +2753,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-sizing-0",
     attributes: {},
@@ -2774,7 +2774,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-sizing-1",
     attributes: {},
@@ -2790,7 +2790,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-sizing-2",
     attributes: {},
@@ -2806,7 +2806,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-sizing-3",
     attributes: {},
@@ -2822,7 +2822,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-sizing-4",
     attributes: {},
@@ -2838,7 +2838,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-sizing-5",
     attributes: {},
@@ -2854,7 +2854,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-sizing-6",
     attributes: {},
@@ -2870,7 +2870,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-sizing-7",
     attributes: {},
@@ -2886,7 +2886,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-sizing-8",
     attributes: {},
@@ -2902,7 +2902,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-sizing-9",
     attributes: {},
@@ -2918,7 +2918,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-sizing-10",
     attributes: {},
@@ -2934,7 +2934,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-sizing-11",
     attributes: {},
@@ -2950,7 +2950,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-sizing-12",
     attributes: {},
@@ -2966,7 +2966,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-sizing-13",
     attributes: {},
@@ -2982,7 +2982,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-sizing-14",
     attributes: {},
@@ -2998,7 +2998,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-sizing-15",
     attributes: {},
@@ -3014,7 +3014,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-sizing-18",
     attributes: {},
@@ -3030,7 +3030,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-sizing-22",
     attributes: {},
@@ -3046,7 +3046,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-sizing-26",
     attributes: {},
@@ -3062,7 +3062,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-sizing-30",
     attributes: {},
diff --git a/apps/storefront/tokens/digdir/light.ts b/apps/storefront/tokens/digdir/light.ts
index d763438c18..aa82b4fc1f 100644
--- a/apps/storefront/tokens/digdir/light.ts
+++ b/apps/storefront/tokens/digdir/light.ts
@@ -2433,12 +2433,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-spacing-0",
     attributes: {},
@@ -2454,7 +2454,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-spacing-1",
     attributes: {},
@@ -2470,7 +2470,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-spacing-2",
     attributes: {},
@@ -2486,7 +2486,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-spacing-3",
     attributes: {},
@@ -2502,7 +2502,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-spacing-4",
     attributes: {},
@@ -2518,7 +2518,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-spacing-5",
     attributes: {},
@@ -2534,7 +2534,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-spacing-6",
     attributes: {},
@@ -2550,7 +2550,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-spacing-7",
     attributes: {},
@@ -2566,7 +2566,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-spacing-8",
     attributes: {},
@@ -2582,7 +2582,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-spacing-9",
     attributes: {},
@@ -2598,7 +2598,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-spacing-10",
     attributes: {},
@@ -2614,7 +2614,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-spacing-11",
     attributes: {},
@@ -2630,7 +2630,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-spacing-12",
     attributes: {},
@@ -2646,7 +2646,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-spacing-13",
     attributes: {},
@@ -2662,7 +2662,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-spacing-14",
     attributes: {},
@@ -2678,7 +2678,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-spacing-15",
     attributes: {},
@@ -2694,7 +2694,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-spacing-18",
     attributes: {},
@@ -2710,7 +2710,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-spacing-22",
     attributes: {},
@@ -2726,7 +2726,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-spacing-26",
     attributes: {},
@@ -2742,7 +2742,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-spacing-30",
     attributes: {},
@@ -2753,12 +2753,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-sizing-0",
     attributes: {},
@@ -2774,7 +2774,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-sizing-1",
     attributes: {},
@@ -2790,7 +2790,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-sizing-2",
     attributes: {},
@@ -2806,7 +2806,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-sizing-3",
     attributes: {},
@@ -2822,7 +2822,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-sizing-4",
     attributes: {},
@@ -2838,7 +2838,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-sizing-5",
     attributes: {},
@@ -2854,7 +2854,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-sizing-6",
     attributes: {},
@@ -2870,7 +2870,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-sizing-7",
     attributes: {},
@@ -2886,7 +2886,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-sizing-8",
     attributes: {},
@@ -2902,7 +2902,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-sizing-9",
     attributes: {},
@@ -2918,7 +2918,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-sizing-10",
     attributes: {},
@@ -2934,7 +2934,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-sizing-11",
     attributes: {},
@@ -2950,7 +2950,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-sizing-12",
     attributes: {},
@@ -2966,7 +2966,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-sizing-13",
     attributes: {},
@@ -2982,7 +2982,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-sizing-14",
     attributes: {},
@@ -2998,7 +2998,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-sizing-15",
     attributes: {},
@@ -3014,7 +3014,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-sizing-18",
     attributes: {},
@@ -3030,7 +3030,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-sizing-22",
     attributes: {},
@@ -3046,7 +3046,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-sizing-26",
     attributes: {},
@@ -3062,7 +3062,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-sizing-30",
     attributes: {},
diff --git a/apps/storefront/tokens/portal/dark.ts b/apps/storefront/tokens/portal/dark.ts
index 18a27f4e6a..0f40549122 100644
--- a/apps/storefront/tokens/portal/dark.ts
+++ b/apps/storefront/tokens/portal/dark.ts
@@ -2433,12 +2433,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-spacing-0",
     attributes: {},
@@ -2454,7 +2454,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-spacing-1",
     attributes: {},
@@ -2470,7 +2470,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-spacing-2",
     attributes: {},
@@ -2486,7 +2486,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-spacing-3",
     attributes: {},
@@ -2502,7 +2502,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-spacing-4",
     attributes: {},
@@ -2518,7 +2518,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-spacing-5",
     attributes: {},
@@ -2534,7 +2534,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-spacing-6",
     attributes: {},
@@ -2550,7 +2550,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-spacing-7",
     attributes: {},
@@ -2566,7 +2566,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-spacing-8",
     attributes: {},
@@ -2582,7 +2582,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-spacing-9",
     attributes: {},
@@ -2598,7 +2598,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-spacing-10",
     attributes: {},
@@ -2614,7 +2614,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-spacing-11",
     attributes: {},
@@ -2630,7 +2630,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-spacing-12",
     attributes: {},
@@ -2646,7 +2646,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-spacing-13",
     attributes: {},
@@ -2662,7 +2662,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-spacing-14",
     attributes: {},
@@ -2678,7 +2678,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-spacing-15",
     attributes: {},
@@ -2694,7 +2694,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-spacing-18",
     attributes: {},
@@ -2710,7 +2710,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-spacing-22",
     attributes: {},
@@ -2726,7 +2726,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-spacing-26",
     attributes: {},
@@ -2742,7 +2742,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-spacing-30",
     attributes: {},
@@ -2753,12 +2753,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-sizing-0",
     attributes: {},
@@ -2774,7 +2774,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-sizing-1",
     attributes: {},
@@ -2790,7 +2790,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-sizing-2",
     attributes: {},
@@ -2806,7 +2806,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-sizing-3",
     attributes: {},
@@ -2822,7 +2822,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-sizing-4",
     attributes: {},
@@ -2838,7 +2838,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-sizing-5",
     attributes: {},
@@ -2854,7 +2854,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-sizing-6",
     attributes: {},
@@ -2870,7 +2870,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-sizing-7",
     attributes: {},
@@ -2886,7 +2886,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-sizing-8",
     attributes: {},
@@ -2902,7 +2902,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-sizing-9",
     attributes: {},
@@ -2918,7 +2918,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-sizing-10",
     attributes: {},
@@ -2934,7 +2934,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-sizing-11",
     attributes: {},
@@ -2950,7 +2950,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-sizing-12",
     attributes: {},
@@ -2966,7 +2966,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-sizing-13",
     attributes: {},
@@ -2982,7 +2982,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-sizing-14",
     attributes: {},
@@ -2998,7 +2998,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-sizing-15",
     attributes: {},
@@ -3014,7 +3014,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-sizing-18",
     attributes: {},
@@ -3030,7 +3030,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-sizing-22",
     attributes: {},
@@ -3046,7 +3046,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-sizing-26",
     attributes: {},
@@ -3062,7 +3062,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-sizing-30",
     attributes: {},
diff --git a/apps/storefront/tokens/portal/light.ts b/apps/storefront/tokens/portal/light.ts
index 220a22bd16..ae6e143e41 100644
--- a/apps/storefront/tokens/portal/light.ts
+++ b/apps/storefront/tokens/portal/light.ts
@@ -2433,12 +2433,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-spacing-0",
     attributes: {},
@@ -2454,7 +2454,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-spacing-1",
     attributes: {},
@@ -2470,7 +2470,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-spacing-2",
     attributes: {},
@@ -2486,7 +2486,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-spacing-3",
     attributes: {},
@@ -2502,7 +2502,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-spacing-4",
     attributes: {},
@@ -2518,7 +2518,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-spacing-5",
     attributes: {},
@@ -2534,7 +2534,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-spacing-6",
     attributes: {},
@@ -2550,7 +2550,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-spacing-7",
     attributes: {},
@@ -2566,7 +2566,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-spacing-8",
     attributes: {},
@@ -2582,7 +2582,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-spacing-9",
     attributes: {},
@@ -2598,7 +2598,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-spacing-10",
     attributes: {},
@@ -2614,7 +2614,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-spacing-11",
     attributes: {},
@@ -2630,7 +2630,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-spacing-12",
     attributes: {},
@@ -2646,7 +2646,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-spacing-13",
     attributes: {},
@@ -2662,7 +2662,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-spacing-14",
     attributes: {},
@@ -2678,7 +2678,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-spacing-15",
     attributes: {},
@@ -2694,7 +2694,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-spacing-18",
     attributes: {},
@@ -2710,7 +2710,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-spacing-22",
     attributes: {},
@@ -2726,7 +2726,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-spacing-26",
     attributes: {},
@@ -2742,7 +2742,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-spacing-30",
     attributes: {},
@@ -2753,12 +2753,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-sizing-0",
     attributes: {},
@@ -2774,7 +2774,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-sizing-1",
     attributes: {},
@@ -2790,7 +2790,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-sizing-2",
     attributes: {},
@@ -2806,7 +2806,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-sizing-3",
     attributes: {},
@@ -2822,7 +2822,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-sizing-4",
     attributes: {},
@@ -2838,7 +2838,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-sizing-5",
     attributes: {},
@@ -2854,7 +2854,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-sizing-6",
     attributes: {},
@@ -2870,7 +2870,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-sizing-7",
     attributes: {},
@@ -2886,7 +2886,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-sizing-8",
     attributes: {},
@@ -2902,7 +2902,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-sizing-9",
     attributes: {},
@@ -2918,7 +2918,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-sizing-10",
     attributes: {},
@@ -2934,7 +2934,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-sizing-11",
     attributes: {},
@@ -2950,7 +2950,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-sizing-12",
     attributes: {},
@@ -2966,7 +2966,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-sizing-13",
     attributes: {},
@@ -2982,7 +2982,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-sizing-14",
     attributes: {},
@@ -2998,7 +2998,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-sizing-15",
     attributes: {},
@@ -3014,7 +3014,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-sizing-18",
     attributes: {},
@@ -3030,7 +3030,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-sizing-22",
     attributes: {},
@@ -3046,7 +3046,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-sizing-26",
     attributes: {},
@@ -3062,7 +3062,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-sizing-30",
     attributes: {},
diff --git a/apps/storefront/tokens/uutilsynet/dark.ts b/apps/storefront/tokens/uutilsynet/dark.ts
index 43ec0929e3..47545405cc 100644
--- a/apps/storefront/tokens/uutilsynet/dark.ts
+++ b/apps/storefront/tokens/uutilsynet/dark.ts
@@ -2433,12 +2433,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-spacing-0",
     attributes: {},
@@ -2454,7 +2454,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-spacing-1",
     attributes: {},
@@ -2470,7 +2470,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-spacing-2",
     attributes: {},
@@ -2486,7 +2486,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-spacing-3",
     attributes: {},
@@ -2502,7 +2502,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-spacing-4",
     attributes: {},
@@ -2518,7 +2518,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-spacing-5",
     attributes: {},
@@ -2534,7 +2534,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-spacing-6",
     attributes: {},
@@ -2550,7 +2550,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-spacing-7",
     attributes: {},
@@ -2566,7 +2566,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-spacing-8",
     attributes: {},
@@ -2582,7 +2582,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-spacing-9",
     attributes: {},
@@ -2598,7 +2598,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-spacing-10",
     attributes: {},
@@ -2614,7 +2614,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-spacing-11",
     attributes: {},
@@ -2630,7 +2630,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-spacing-12",
     attributes: {},
@@ -2646,7 +2646,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-spacing-13",
     attributes: {},
@@ -2662,7 +2662,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-spacing-14",
     attributes: {},
@@ -2678,7 +2678,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-spacing-15",
     attributes: {},
@@ -2694,7 +2694,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-spacing-18",
     attributes: {},
@@ -2710,7 +2710,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-spacing-22",
     attributes: {},
@@ -2726,7 +2726,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-spacing-26",
     attributes: {},
@@ -2742,7 +2742,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-spacing-30",
     attributes: {},
@@ -2753,12 +2753,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-sizing-0",
     attributes: {},
@@ -2774,7 +2774,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-sizing-1",
     attributes: {},
@@ -2790,7 +2790,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-sizing-2",
     attributes: {},
@@ -2806,7 +2806,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-sizing-3",
     attributes: {},
@@ -2822,7 +2822,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-sizing-4",
     attributes: {},
@@ -2838,7 +2838,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-sizing-5",
     attributes: {},
@@ -2854,7 +2854,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-sizing-6",
     attributes: {},
@@ -2870,7 +2870,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-sizing-7",
     attributes: {},
@@ -2886,7 +2886,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-sizing-8",
     attributes: {},
@@ -2902,7 +2902,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-sizing-9",
     attributes: {},
@@ -2918,7 +2918,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-sizing-10",
     attributes: {},
@@ -2934,7 +2934,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-sizing-11",
     attributes: {},
@@ -2950,7 +2950,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-sizing-12",
     attributes: {},
@@ -2966,7 +2966,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-sizing-13",
     attributes: {},
@@ -2982,7 +2982,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-sizing-14",
     attributes: {},
@@ -2998,7 +2998,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-sizing-15",
     attributes: {},
@@ -3014,7 +3014,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-sizing-18",
     attributes: {},
@@ -3030,7 +3030,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-sizing-22",
     attributes: {},
@@ -3046,7 +3046,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-sizing-26",
     attributes: {},
@@ -3062,7 +3062,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-sizing-30",
     attributes: {},
diff --git a/apps/storefront/tokens/uutilsynet/light.ts b/apps/storefront/tokens/uutilsynet/light.ts
index 3b35fc1734..48ff175c9d 100644
--- a/apps/storefront/tokens/uutilsynet/light.ts
+++ b/apps/storefront/tokens/uutilsynet/light.ts
@@ -2433,12 +2433,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-spacing-0",
     attributes: {},
@@ -2454,7 +2454,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-spacing-1",
     attributes: {},
@@ -2470,7 +2470,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-spacing-2",
     attributes: {},
@@ -2486,7 +2486,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-spacing-3",
     attributes: {},
@@ -2502,7 +2502,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-spacing-4",
     attributes: {},
@@ -2518,7 +2518,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-spacing-5",
     attributes: {},
@@ -2534,7 +2534,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-spacing-6",
     attributes: {},
@@ -2550,7 +2550,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-spacing-7",
     attributes: {},
@@ -2566,7 +2566,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-spacing-8",
     attributes: {},
@@ -2582,7 +2582,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-spacing-9",
     attributes: {},
@@ -2598,7 +2598,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-spacing-10",
     attributes: {},
@@ -2614,7 +2614,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-spacing-11",
     attributes: {},
@@ -2630,7 +2630,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-spacing-12",
     attributes: {},
@@ -2646,7 +2646,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-spacing-13",
     attributes: {},
@@ -2662,7 +2662,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-spacing-14",
     attributes: {},
@@ -2678,7 +2678,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-spacing-15",
     attributes: {},
@@ -2694,7 +2694,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-spacing-18",
     attributes: {},
@@ -2710,7 +2710,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-spacing-22",
     attributes: {},
@@ -2726,7 +2726,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-spacing-26",
     attributes: {},
@@ -2742,7 +2742,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{spacing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-spacing-30",
     attributes: {},
@@ -2753,12 +2753,12 @@ export const  dimension = [
   },
   {
     $type: "dimension",
-    $value: "0rem",
+    $value: "0",
     filePath: "../../design-tokens/semantic/style.json",
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*0"
+      $value: "{size.0}"
     },
     name: "--ds-sizing-0",
     attributes: {},
@@ -2774,7 +2774,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*1"
+      $value: "{size.1}"
     },
     name: "--ds-sizing-1",
     attributes: {},
@@ -2790,7 +2790,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*2"
+      $value: "{size.2}"
     },
     name: "--ds-sizing-2",
     attributes: {},
@@ -2806,7 +2806,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*3"
+      $value: "{size.3}"
     },
     name: "--ds-sizing-3",
     attributes: {},
@@ -2822,7 +2822,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*4"
+      $value: "{size.4}"
     },
     name: "--ds-sizing-4",
     attributes: {},
@@ -2838,7 +2838,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*5"
+      $value: "{size.5}"
     },
     name: "--ds-sizing-5",
     attributes: {},
@@ -2854,7 +2854,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*6"
+      $value: "{size.6}"
     },
     name: "--ds-sizing-6",
     attributes: {},
@@ -2870,7 +2870,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*7"
+      $value: "{size.7}"
     },
     name: "--ds-sizing-7",
     attributes: {},
@@ -2886,7 +2886,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*8"
+      $value: "{size.8}"
     },
     name: "--ds-sizing-8",
     attributes: {},
@@ -2902,7 +2902,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*9"
+      $value: "{size.9}"
     },
     name: "--ds-sizing-9",
     attributes: {},
@@ -2918,7 +2918,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*10"
+      $value: "{size.10}"
     },
     name: "--ds-sizing-10",
     attributes: {},
@@ -2934,7 +2934,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*11"
+      $value: "{size.11}"
     },
     name: "--ds-sizing-11",
     attributes: {},
@@ -2950,7 +2950,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*12"
+      $value: "{size.12}"
     },
     name: "--ds-sizing-12",
     attributes: {},
@@ -2966,7 +2966,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*13"
+      $value: "{size.13}"
     },
     name: "--ds-sizing-13",
     attributes: {},
@@ -2982,7 +2982,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*14"
+      $value: "{size.14}"
     },
     name: "--ds-sizing-14",
     attributes: {},
@@ -2998,7 +2998,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*15"
+      $value: "{size.15}"
     },
     name: "--ds-sizing-15",
     attributes: {},
@@ -3014,7 +3014,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*18"
+      $value: "{size.18}"
     },
     name: "--ds-sizing-18",
     attributes: {},
@@ -3030,7 +3030,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*22"
+      $value: "{size.22}"
     },
     name: "--ds-sizing-22",
     attributes: {},
@@ -3046,7 +3046,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*26"
+      $value: "{size.26}"
     },
     name: "--ds-sizing-26",
     attributes: {},
@@ -3062,7 +3062,7 @@ export const  dimension = [
     isSource: false,
     original: {
       $type: "dimension",
-      $value: "{sizing.scale}*30"
+      $value: "{size.30}"
     },
     name: "--ds-sizing-30",
     attributes: {},
diff --git a/apps/storybook/.storybook/manager-head.html b/apps/storybook/.storybook/manager-head.html
index 481ec9c535..d84b1fa8c6 100644
--- a/apps/storybook/.storybook/manager-head.html
+++ b/apps/storybook/.storybook/manager-head.html
@@ -69,7 +69,7 @@
     align-items: center;
     justify-content: space-between;
     width: 100%;
-    padding: 0 var(--ds-spacing-7);
+    padding: 0 var(--ds-size-7);
   }
 
   .header__logo {
@@ -96,14 +96,14 @@
 
   .header__item {
     list-style: none;
-    margin-left: var(--ds-spacing-7);
+    margin-left: var(--ds-size-7);
   }
 
   .header__link {
     color: inherit;
     text-decoration: none;
     border-bottom: 3px solid transparent;
-    padding-bottom: var(--ds-spacing-2);
+    padding-bottom: var(--ds-size-2);
     transition: 0.1s border-color ease-out;
   }
 
@@ -117,17 +117,17 @@
   }
 
   .header__itemIcon {
-    margin-left: var(--ds-spacing-1);
+    margin-left: var(--ds-size-1);
   }
 
   .header__firstIcon {
-    margin-left: var(--ds-spacing-7);
+    margin-left: var(--ds-size-7);
   }
 
   .header__linkIcon {
     display: grid;
     place-items: center;
-    padding: 0 var(--ds-spacing-2);
+    padding: 0 var(--ds-size-2);
   }
 
   .header__linkIcon > svg {
diff --git a/apps/storybook/docs-components/DoAndDont/DoAndDont.module.css b/apps/storybook/docs-components/DoAndDont/DoAndDont.module.css
index 19e732f397..ccb46328e5 100644
--- a/apps/storybook/docs-components/DoAndDont/DoAndDont.module.css
+++ b/apps/storybook/docs-components/DoAndDont/DoAndDont.module.css
@@ -4,10 +4,10 @@
   box-sizing: border-box;
   background-color: var(--ds-color-neutral-background-subtle);
   padding: 24px;
-  width: calc(50% - (var(--ds-spacing-4) / 2));
+  width: calc(50% - (var(--ds-size-4) / 2));
   height: 100%;
   border-bottom: 10px solid var(--color);
-  border-radius: var(--ds-spacing-1);
+  border-radius: var(--ds-size-1);
   box-shadow: var(--ds-shadow-md);
   margin: 0;
 }
@@ -54,7 +54,7 @@
 
 .description {
   color: var(--ds-color-neutral-text-default);
-  margin: var(--ds-spacing-4) 0;
+  margin: var(--ds-size-4) 0;
 }
 
 .imageWrapper {
diff --git a/apps/storybook/docs-components/Stack/Stack.tsx b/apps/storybook/docs-components/Stack/Stack.tsx
index 2f37d333af..53bdc23246 100644
--- a/apps/storybook/docs-components/Stack/Stack.tsx
+++ b/apps/storybook/docs-components/Stack/Stack.tsx
@@ -4,7 +4,7 @@ import classes from './Stack.module.css';
 
 export const Stack = ({
   style,
-  gap = 'var(--ds-spacing-4)',
+  gap = 'var(--ds-size-4)',
   direction = 'row',
   wrap = 'wrap',
   ...rest
diff --git a/apps/storybook/stories/showcase.module.css b/apps/storybook/stories/showcase.module.css
index bc8c6d6339..d20a468861 100644
--- a/apps/storybook/stories/showcase.module.css
+++ b/apps/storybook/stories/showcase.module.css
@@ -2,12 +2,12 @@
   display: grid;
   grid-template-columns: repeat(3, auto);
   grid-template-rows: auto;
-  gap: var(--ds-spacing-4);
-  padding-bottom: var(--ds-spacing-2);
+  gap: var(--ds-size-4);
+  padding-bottom: var(--ds-size-2);
   align-items: baseline;
 }
 
 .controls code {
   background: var(--ds-color-neutral-background-subtle);
-  padding: var(--ds-spacing-1);
+  padding: var(--ds-size-1);
 }
diff --git a/apps/theme/app/page.module.css b/apps/theme/app/page.module.css
index 830434d337..24ab486b1f 100644
--- a/apps/theme/app/page.module.css
+++ b/apps/theme/app/page.module.css
@@ -20,15 +20,15 @@ div[data-color-scheme='dark'][data-theme='two'] .main {
   width: 600px;
   margin: 0 auto;
   text-align: center;
-  margin-top: var(--ds-spacing-8);
+  margin-top: var(--ds-size-8);
 }
 
 .heading {
-  margin-top: var(--ds-spacing-1);
+  margin-top: var(--ds-size-1);
 }
 
 .desc {
-  margin-top: var(--ds-spacing-5);
+  margin-top: var(--ds-size-5);
 }
 
 .btnGroup {
@@ -36,7 +36,7 @@ div[data-color-scheme='dark'][data-theme='two'] .main {
   gap: 20px;
   align-items: center;
   justify-content: center;
-  margin-top: var(--ds-spacing-7);
+  margin-top: var(--ds-size-7);
 }
 
 .headerText {
diff --git a/apps/theme/components/BorderRadius/BorderRadius.module.css b/apps/theme/components/BorderRadius/BorderRadius.module.css
index 118cd0da43..6cb39a86e3 100644
--- a/apps/theme/components/BorderRadius/BorderRadius.module.css
+++ b/apps/theme/components/BorderRadius/BorderRadius.module.css
@@ -5,7 +5,7 @@
   margin-top: 16px;
 
   & > *:first-child {
-    margin-bottom: var(--ds-spacing-6);
+    margin-bottom: var(--ds-size-6);
   }
 }
 .item {
diff --git a/apps/theme/components/ColorPicker/ColorPicker.module.css b/apps/theme/components/ColorPicker/ColorPicker.module.css
index d4a28cb775..92db8c35ba 100644
--- a/apps/theme/components/ColorPicker/ColorPicker.module.css
+++ b/apps/theme/components/ColorPicker/ColorPicker.module.css
@@ -47,7 +47,7 @@
 }
 
 .label {
-  margin-bottom: var(--ds-spacing-2);
+  margin-bottom: var(--ds-size-2);
   font-size: 18px;
   font-weight: 500;
   display: flex;
diff --git a/apps/theme/components/TokenModal/TokenModal.module.css b/apps/theme/components/TokenModal/TokenModal.module.css
index 4fea22d911..30d13c1baf 100644
--- a/apps/theme/components/TokenModal/TokenModal.module.css
+++ b/apps/theme/components/TokenModal/TokenModal.module.css
@@ -11,29 +11,29 @@
 
 .leftSection {
   border-right: 1px solid var(--ds-color-neutral-border-subtle);
-  padding-right: var(--ds-spacing-8);
+  padding-right: var(--ds-size-8);
 }
 
 .rightSection {
   display: flex;
   flex-direction: column;
-  gap: var(--ds-spacing-4);
+  gap: var(--ds-size-4);
 }
 
 .infoBoxes {
-  padding-top: var(--ds-spacing-6);
+  padding-top: var(--ds-size-6);
   display: flex;
   flex-direction: column;
-  gap: var(--ds-spacing-8);
+  gap: var(--ds-size-8);
 }
 
 .infoBox {
   display: flex;
-  gap: var(--ds-spacing-3);
+  gap: var(--ds-size-3);
 }
 
 .infoBox__container {
-  gap: var(--ds-spacing-1);
+  gap: var(--ds-size-1);
   display: flex;
   flex-direction: column;
 }
@@ -82,12 +82,12 @@
 
 .headerText {
   margin-right: auto;
-  font-size: var(--ds-spacing-5);
+  font-size: var(--ds-size-5);
 }
 
 .emblem {
   height: 26px;
-  margin-right: var(--ds-spacing-2);
+  margin-right: var(--ds-size-2);
 }
 
 .trigger {
@@ -96,7 +96,7 @@
 
 .step {
   display: flex;
-  gap: var(--ds-spacing-4);
+  gap: var(--ds-size-4);
 }
 
 .step span {
@@ -104,8 +104,8 @@
   color: var(--ds-color-accent-contrast-default);
   aspect-ratio: 1;
   border-radius: var(--ds-border-radius-full);
-  width: var(--ds-sizing-8);
-  height: var(--ds-sizing-8);
+  width: var(--ds-size-8);
+  height: var(--ds-size-8);
   display: grid;
   place-items: center;
   font-size: var(--ds-body-sm-font-size);
diff --git a/apps/theme/components/TokenModal/TokenModal.tsx b/apps/theme/components/TokenModal/TokenModal.tsx
index 150f4e00bf..4927dafdd4 100644
--- a/apps/theme/components/TokenModal/TokenModal.tsx
+++ b/apps/theme/components/TokenModal/TokenModal.tsx
@@ -133,7 +133,7 @@ export const TokenModal = () => {
               <div
                 className={classes.step}
                 style={{
-                  marginTop: 'var(--ds-spacing-4)',
+                  marginTop: 'var(--ds-size-4)',
                 }}
               >
                 <span>2</span>
diff --git a/design-tokens/$metadata.json b/design-tokens/$metadata.json
index bbf68b751c..9cb6c2e912 100644
--- a/design-tokens/$metadata.json
+++ b/design-tokens/$metadata.json
@@ -1,8 +1,13 @@
 {
   "tokenSetOrder": [
     "primitives/globals",
-    "primitives/size/default",
-    "primitives/size/compact",
+    "primitives/modes/size/small",
+    "primitives/modes/size/medium",
+    "primitives/modes/size/large",
+    "primitives/modes/size/global",
+    "primitives/modes/typography/size/small",
+    "primitives/modes/typography/size/medium",
+    "primitives/modes/typography/size/large",
     "primitives/modes/typography/primary/theme",
     "primitives/modes/typography/primary/theme2",
     "primitives/modes/typography/primary/theme3",
diff --git a/design-tokens/$themes.json b/design-tokens/$themes.json
index 66afb93720..e449b5de03 100644
--- a/design-tokens/$themes.json
+++ b/design-tokens/$themes.json
@@ -1,49 +1,148 @@
 [
   {
     "id": "8b2c8cc86611a34b135cb22948666779361fd729",
-    "name": "default",
+    "name": "medium",
     "$figmaStyleReferences": {},
     "selectedTokenSets": {
-      "primitives/size/default": "enabled"
+      "primitives/modes/size/medium": "source",
+      "primitives/modes/size/global": "enabled",
+      "primitives/modes/typography/size/medium": "enabled"
     },
-    "$figmaCollectionId": "VariableCollectionId:36248:20757",
-    "$figmaModeId": "36248:0",
+    "$figmaCollectionId": "VariableCollectionId:42212:29109",
+    "$figmaModeId": "42212:1",
     "$figmaVariableReferences": {
-      "font-size.1": "b16053371d400f6e865a57698519b78d6adb8aa6",
-      "font-size.2": "547170dd150be6b3a74de1bc2ee421ba40b9ed9a",
-      "font-size.3": "c7a841c5694c94f85089aa425f0de4010e5fe71d",
-      "font-size.4": "9499f40cb3873ccfa136f943dbf479e1ed0980eb",
-      "font-size.5": "428e13183c9e1c21a4ec5e651e4baba947a38bd9",
-      "font-size.6": "01dce7fd83742c2986baeda3c2202f9345acf5fa",
-      "font-size.7": "54633f9ab840c502b0984cb20888276c2f021360",
-      "font-size.8": "a298f78a4f1ed7171546a06ce6f74196867f462a",
-      "font-size.9": "7f1382abad418b3941b79731e871b641abebbcf7",
-      "font-size.10": "38a0bcc2952ba92e893293eaa1ca024bdc23d0d0",
-      "font-size.11": "347bbb6ecf0d21b6046a55b265e141749f069451"
+      "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307",
+      "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c",
+      "font-size.3": "99a88b4e9d69ba35a19ae733ed990af16f029905",
+      "font-size.4": "f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa",
+      "font-size.5": "1fd182f82f9efc97b48f22b71ec8870fc1566a18",
+      "font-size.6": "d28187087fe109a7f5d495114aebe1751cfd0845",
+      "font-size.7": "b190a03d589d92020807dbf745d13571ad71a4bb",
+      "font-size.8": "babc299be5efc9c8e66afbd72142be00e6afbceb",
+      "font-size.9": "d9aae308744b6d063bcaa7c954f850ff8eba01be",
+      "font-size.10": "02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b",
+      "font-size.11": "31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6",
+      "size.0": "049b87c9edfef73597e88c8433dfb70e9dc4f8cb",
+      "size.1": "6e4139d5cb0282165c92e441bb565562dc9afa1d",
+      "size.2": "d786893051954a518025ea8817dde0c0713ebd8d",
+      "size.3": "cba1a001249a81cbd052ea5732bb84c4fa2f9dd9",
+      "size.4": "bcb8061aa8c70013a486c5c1bceeac04ce2678c1",
+      "size.5": "405596765ee5bbb371a9479e527b49ba43580d19",
+      "size.6": "e588d32982145a109bbd86da57ebae6a149f91eb",
+      "size.7": "1ea2aa22663dc27dfe70c10744480c9eec930269",
+      "size.8": "c1cca6be5007a623b4fe731524847b4f040eee9e",
+      "size.9": "7a01b7eba8fe698062080a2aa7c6f203e05a5e7c",
+      "size.10": "3e2e0e198db8e89a7d716bbee4dc887934dff5ed",
+      "size.11": "050087517351340be3a7f65b249a9ae8d01d6286",
+      "size.12": "47204f9bb7937097f4b6388c4a5addbe913318a4",
+      "size.13": "e2ffb69847997d9b93bea8b47d22e6337adf65ce",
+      "size.14": "f910478b6a4e6d247cb265b1e9468031d5fe183b",
+      "size.15": "8ddb06202f770e4a2c1cf9d74789c21447b92240",
+      "size.18": "1244373e39adca00c6e5d2dafe4e54ffcdf78e35",
+      "size.22": "4e33c13746c0edf17066d8b3c34551730019e36b",
+      "size.26": "a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a",
+      "size.30": "88af5667364d808a1d4ae656ea6f82ef64073a75",
+      "size._mode-font-size": "40350aed54e6bc94c3460bf6f94141b6f4b9adc1",
+      "size._base": "b20d311a4235705c45973df78540c01cb0f4b490",
+      "size._step": "f8db745fb109a80fb926cf08c9e3a019ab026823"
+    },
+    "group": "Size"
+  },
+  {
+    "id": "d49b9eebeb48a4f165a74b7261733d0a73370f0e",
+    "name": "large",
+    "$figmaStyleReferences": {},
+    "selectedTokenSets": {
+      "primitives/modes/size/large": "source",
+      "primitives/modes/size/global": "enabled",
+      "primitives/modes/typography/size/large": "enabled"
+    },
+    "$figmaCollectionId": "VariableCollectionId:42212:29109",
+    "$figmaModeId": "42212:2",
+    "$figmaVariableReferences": {
+      "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307",
+      "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c",
+      "font-size.3": "99a88b4e9d69ba35a19ae733ed990af16f029905",
+      "font-size.4": "f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa",
+      "font-size.5": "1fd182f82f9efc97b48f22b71ec8870fc1566a18",
+      "font-size.6": "d28187087fe109a7f5d495114aebe1751cfd0845",
+      "font-size.7": "b190a03d589d92020807dbf745d13571ad71a4bb",
+      "font-size.8": "babc299be5efc9c8e66afbd72142be00e6afbceb",
+      "font-size.9": "d9aae308744b6d063bcaa7c954f850ff8eba01be",
+      "font-size.10": "02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b",
+      "font-size.11": "31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6",
+      "size.0": "049b87c9edfef73597e88c8433dfb70e9dc4f8cb",
+      "size.1": "6e4139d5cb0282165c92e441bb565562dc9afa1d",
+      "size.2": "d786893051954a518025ea8817dde0c0713ebd8d",
+      "size.3": "cba1a001249a81cbd052ea5732bb84c4fa2f9dd9",
+      "size.4": "bcb8061aa8c70013a486c5c1bceeac04ce2678c1",
+      "size.5": "405596765ee5bbb371a9479e527b49ba43580d19",
+      "size.6": "e588d32982145a109bbd86da57ebae6a149f91eb",
+      "size.7": "1ea2aa22663dc27dfe70c10744480c9eec930269",
+      "size.8": "c1cca6be5007a623b4fe731524847b4f040eee9e",
+      "size.9": "7a01b7eba8fe698062080a2aa7c6f203e05a5e7c",
+      "size.10": "3e2e0e198db8e89a7d716bbee4dc887934dff5ed",
+      "size.11": "050087517351340be3a7f65b249a9ae8d01d6286",
+      "size.12": "47204f9bb7937097f4b6388c4a5addbe913318a4",
+      "size.13": "e2ffb69847997d9b93bea8b47d22e6337adf65ce",
+      "size.14": "f910478b6a4e6d247cb265b1e9468031d5fe183b",
+      "size.15": "8ddb06202f770e4a2c1cf9d74789c21447b92240",
+      "size.18": "1244373e39adca00c6e5d2dafe4e54ffcdf78e35",
+      "size.22": "4e33c13746c0edf17066d8b3c34551730019e36b",
+      "size.26": "a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a",
+      "size.30": "88af5667364d808a1d4ae656ea6f82ef64073a75",
+      "size._mode-font-size": "40350aed54e6bc94c3460bf6f94141b6f4b9adc1",
+      "size._base": "b20d311a4235705c45973df78540c01cb0f4b490",
+      "size._step": "f8db745fb109a80fb926cf08c9e3a019ab026823"
     },
     "group": "Size"
   },
   {
     "id": "fb11567729c298ca37c9da4e3a27716a23480824",
-    "name": "compact",
+    "name": "small",
     "$figmaStyleReferences": {},
     "selectedTokenSets": {
-      "primitives/size/compact": "enabled"
+      "primitives/modes/size/small": "source",
+      "primitives/modes/size/global": "enabled",
+      "primitives/modes/typography/size/small": "enabled"
     },
-    "$figmaCollectionId": "VariableCollectionId:36248:20757",
-    "$figmaModeId": "36248:1",
+    "$figmaCollectionId": "VariableCollectionId:42212:29109",
+    "$figmaModeId": "42212:0",
     "$figmaVariableReferences": {
-      "font-size.1": "b16053371d400f6e865a57698519b78d6adb8aa6",
-      "font-size.2": "547170dd150be6b3a74de1bc2ee421ba40b9ed9a",
-      "font-size.3": "c7a841c5694c94f85089aa425f0de4010e5fe71d",
-      "font-size.4": "9499f40cb3873ccfa136f943dbf479e1ed0980eb",
-      "font-size.5": "428e13183c9e1c21a4ec5e651e4baba947a38bd9",
-      "font-size.6": "01dce7fd83742c2986baeda3c2202f9345acf5fa",
-      "font-size.7": "54633f9ab840c502b0984cb20888276c2f021360",
-      "font-size.8": "a298f78a4f1ed7171546a06ce6f74196867f462a",
-      "font-size.9": "7f1382abad418b3941b79731e871b641abebbcf7",
-      "font-size.10": "38a0bcc2952ba92e893293eaa1ca024bdc23d0d0",
-      "font-size.11": "347bbb6ecf0d21b6046a55b265e141749f069451"
+      "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307",
+      "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c",
+      "font-size.3": "99a88b4e9d69ba35a19ae733ed990af16f029905",
+      "font-size.4": "f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa",
+      "font-size.5": "1fd182f82f9efc97b48f22b71ec8870fc1566a18",
+      "font-size.6": "d28187087fe109a7f5d495114aebe1751cfd0845",
+      "font-size.7": "b190a03d589d92020807dbf745d13571ad71a4bb",
+      "font-size.8": "babc299be5efc9c8e66afbd72142be00e6afbceb",
+      "font-size.9": "d9aae308744b6d063bcaa7c954f850ff8eba01be",
+      "font-size.10": "02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b",
+      "font-size.11": "31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6",
+      "size.0": "049b87c9edfef73597e88c8433dfb70e9dc4f8cb",
+      "size.1": "6e4139d5cb0282165c92e441bb565562dc9afa1d",
+      "size.2": "d786893051954a518025ea8817dde0c0713ebd8d",
+      "size.3": "cba1a001249a81cbd052ea5732bb84c4fa2f9dd9",
+      "size.4": "bcb8061aa8c70013a486c5c1bceeac04ce2678c1",
+      "size.5": "405596765ee5bbb371a9479e527b49ba43580d19",
+      "size.6": "e588d32982145a109bbd86da57ebae6a149f91eb",
+      "size.7": "1ea2aa22663dc27dfe70c10744480c9eec930269",
+      "size.8": "c1cca6be5007a623b4fe731524847b4f040eee9e",
+      "size.9": "7a01b7eba8fe698062080a2aa7c6f203e05a5e7c",
+      "size.10": "3e2e0e198db8e89a7d716bbee4dc887934dff5ed",
+      "size.11": "050087517351340be3a7f65b249a9ae8d01d6286",
+      "size.12": "47204f9bb7937097f4b6388c4a5addbe913318a4",
+      "size.13": "e2ffb69847997d9b93bea8b47d22e6337adf65ce",
+      "size.14": "f910478b6a4e6d247cb265b1e9468031d5fe183b",
+      "size.15": "8ddb06202f770e4a2c1cf9d74789c21447b92240",
+      "size.18": "1244373e39adca00c6e5d2dafe4e54ffcdf78e35",
+      "size.22": "4e33c13746c0edf17066d8b3c34551730019e36b",
+      "size.26": "a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a",
+      "size.30": "88af5667364d808a1d4ae656ea6f82ef64073a75",
+      "size._mode-font-size": "40350aed54e6bc94c3460bf6f94141b6f4b9adc1",
+      "size._base": "b20d311a4235705c45973df78540c01cb0f4b490",
+      "size._step": "f8db745fb109a80fb926cf08c9e3a019ab026823"
     },
     "group": "Size"
   },
@@ -61,396 +160,396 @@
     "$figmaCollectionId": "VariableCollectionId:34811:5472",
     "$figmaModeId": "34811:0",
     "$figmaVariableReferences": {
-      "global.blue.1": "d2e976cd95db5f973022cda9eae917880c578bf5",
-      "global.blue.2": "6efca915ae1423d0e87d7c079e83b73e686fcb7c",
-      "global.blue.3": "f7c9f82022921b32806b05b1673ec1eff1922caf",
-      "global.blue.4": "b66d168b8341bad3580057ab160b2a68f78a6751",
-      "global.blue.5": "c4d707a44f6a05f0afc2cf38227a2b7dd831b2c2",
-      "global.blue.6": "bf90321d66b5f23a9674abe61d201b5b22e1c5e3",
-      "global.blue.7": "73ca300a3e953c8a21a20d98c1b8260dda4158cc",
-      "global.blue.8": "1ab6d1daae5bf5884441caf6ea35fa1f07a286ba",
-      "global.blue.9": "211e589c88fb34338c947c5c2f896b091b74465b",
-      "global.blue.10": "121ccd2a2015367a673b75c3873529157e82dc20",
-      "global.blue.11": "3ab48b84a41294a61d8bf26ee94464d0eafe6d9d",
-      "global.blue.12": "609a567c46e4692f43a557c3e67d58cc2bbd58ec",
-      "global.blue.13": "6269bf6afb50eae3e7c0215587e958819d70ed31",
-      "global.blue.contrast-1": "048c60fefccd796aceb1be19f7c7c4e7b90314a5",
-      "global.blue.contrast-2": "124c90f211a5c6538b1c3ed4aa24a4b559e2c338",
-      "global.green.1": "21baaf539ad57f62ec027af9e731fc5cff300187",
-      "global.green.2": "4696a51cea562bf7f84dcc9f264d0f9eaa877dd3",
-      "global.green.3": "f8549c79365a6b40e30f42cf16b18ed05d311c67",
-      "global.green.4": "3fd785b8c63d92ac246edc7a6d0e9adaabd517d1",
-      "global.green.5": "69255626d13508556bf2186137083da28d0bccb9",
-      "global.green.6": "6246b6916964dac245ac858e0f6f4d06caedd736",
-      "global.green.7": "05cce6768a8004925423dc0c08a0268bb43b2285",
-      "global.green.8": "07c6852ef7e4ae2a0d19e7757fa2af95e9800d83",
-      "global.green.9": "e175abcfa9dfc96399034f818e025a67089aa503",
-      "global.green.10": "303fecabc57e1f2ce8f3745117e23c097e2d9f84",
-      "global.green.11": "8ec4ef83c3dcdc6507ac4b8b0eec5fa71171a78d",
-      "global.green.12": "88d9df8106e7f966821dc83eed240729e67799f7",
-      "global.green.13": "bb4fde53803d4d5bd25a41163735a0d4f5084453",
-      "global.green.contrast-1": "977e787643bfd3599543dc801a16a98e60460f00",
-      "global.green.contrast-2": "653fffab2eedce78f45fded4018dabbcf5a6e27d",
-      "global.orange.1": "d2736659ea237d39db008a9867ebc1f979258ab0",
-      "global.orange.2": "bf837a33dad5cb56377433f7d211c216521f99ac",
-      "global.orange.3": "daacca314f9f7e0d8d611bda915ed34e951c5cc3",
-      "global.orange.4": "028fcd766bb47a840e3680743a4b1b968f8ba589",
-      "global.orange.5": "c047e222f1608bd986cd82764912dc6ff6fe9cbb",
-      "global.orange.6": "6f145b85a03a2e79e9e0a35d07f6ab1c241b5858",
-      "global.orange.7": "7093451903265583f5855c0e1962374beebacd65",
-      "global.orange.8": "e899cbc99b9f38064e4a312a5814a9dc124e07c3",
-      "global.orange.9": "4c7427cad93dc658f7c6f27b58dc943e5acedab8",
-      "global.orange.10": "911b6af07576df622589a1db30b8a0fe0fa04fa5",
-      "global.orange.11": "1bbad517144ebcced79c86defdb6a540b0af5275",
-      "global.orange.12": "7765ab682e6d3152a607f24a778094e249e553ad",
-      "global.orange.13": "658d19fb443ba020301d03b0727e03e90a664fe6",
-      "global.orange.contrast-1": "f31e6c57d8ceeb39f8080ff5df5b451f9422f2f6",
-      "global.orange.contrast-2": "4e62f3169595a36902ff21deb86ad42c32f45e63",
-      "global.purple.1": "dd8f892e5a1fc74e47d3d5895de1447bbb5026c0",
-      "global.purple.2": "fa7784771907554b0557e70775ed6c03622af95c",
-      "global.purple.3": "f3bc265da4067eecb5318367b9ed193f9e52e230",
-      "global.purple.4": "1b0e7b776a60b19f8184ed6c3cc1926a017bda54",
-      "global.purple.5": "820e27336928810b405aa0d4dd94bfd024e67682",
-      "global.purple.6": "07049c4831c9c3842e7e3bb0277cd133dd64ae7a",
-      "global.purple.7": "6efaacc6201883ce8bdd3b9e94a66206f99b4d1e",
-      "global.purple.8": "9d9fb5c6a3193f5540e7bbe41513615a39491c46",
-      "global.purple.9": "be1ce5d3aa562dc2a476e6b6fc6f4c059b0f5faf",
-      "global.purple.10": "6753c42d3fb1ddb7d9aac5f015e6ccda24091e76",
-      "global.purple.11": "a528da4e5225d47a6d26e50a2009bbdcf9ef876e",
-      "global.purple.12": "782a06967ff4c93ed7468d3ccebf73d62a43efe2",
-      "global.purple.13": "4a1221c6a31c0476875e6bd80bf75cbde6d51a35",
-      "global.purple.contrast-1": "6fce2fb6cdb93a3b6b61edb95f7d10eff40882e2",
-      "global.purple.contrast-2": "811e5c3fc69bb90d346847f30094d29ccd0b3db6",
-      "global.red.1": "96c68e54995f519fdf85445dcba73c823a579442",
-      "global.red.2": "a492455376e3ffa0445a86f8bed5d878082d0ded",
-      "global.red.3": "f09888e754814c7eb3da40b8cbcc43465d100402",
-      "global.red.4": "8c92ed293cab5e3ada6ff417c1aeba6830891b0f",
-      "global.red.5": "5e9dd03b4adeb98b153ebd8930288930e9dc4a9f",
-      "global.red.6": "7db609be5449de86faeecc7a1869d9e350a03db1",
-      "global.red.7": "2a99034da70ba21a84f2aca985f5dacad795e811",
-      "global.red.8": "d5eea18bfb7f83a051ada8289d0ceeb7be06b941",
-      "global.red.9": "886a217145edb0171192fa640aaca7109b5b36ce",
-      "global.red.10": "07f68ea7dfee0791d705c01049a19f9fa3c6b108",
-      "global.red.11": "2079aa95e35987b5d92f4c196914593ff5caa431",
-      "global.red.12": "f3a1e09ca133a5d52f211bbb3db4511855983a0f",
-      "global.red.13": "05dc77b8bcdd7ab509dbfa86aa37c437e23a8de8",
-      "global.red.contrast-1": "05438cf0d5eb4ff71816be72fd0546bc95102d08",
-      "global.red.contrast-2": "0f9d07cabfb0949b64117ae400b952d1959ec3cf",
-      "global.yellow.1": "4231d28e78f570ed9053d6068d0293469e92b4db",
-      "global.yellow.2": "c146ca42d73274a1eb9e8214c7e1825b58345990",
-      "global.yellow.3": "ee96ea63fef9e012e1e6bddf9c2d3a87f0503453",
-      "global.yellow.4": "fc20ef057799403bb22896e33cf5595a9aac190e",
-      "global.yellow.5": "065b8de035987446b17cfde34d1245f8eed50235",
-      "global.yellow.6": "774f57ed67d97bbe5e3f11dcd757dc34ec6c84fc",
-      "global.yellow.7": "78d4026f5b7b91586016ddf6b8723e02b55da764",
-      "global.yellow.8": "35d27b18dd3a6092aecb451a292892c7c96c6361",
-      "global.yellow.9": "47d1637b66c599a657029d26963a5a1cee5804c0",
-      "global.yellow.10": "62827494321f097c0ff2b963637e7b1d37e4163f",
-      "global.yellow.11": "49010b99b75a390a26dfdf803b65042fe7b7e53e",
-      "global.yellow.12": "f8b2622cba8f2cbee6d6240cac1137e854d3050e",
-      "global.yellow.13": "6514ade3d2c015c683d951cf6b03c8217228433d",
-      "global.yellow.contrast-1": "fcaaef2dc0beddd4288a912c721171e4714d5226",
-      "global.yellow.contrast-2": "f661a97ace0954d438bad585023deeb0165081ac",
-      "theme.accent.1": "d52b72226250022733f314bc8ead41572b126abd",
-      "theme.accent.2": "dc35ce341ba6f193ce37631c83279e78e96b1e00",
-      "theme.accent.3": "dbe9c0eb94666afef8645ae01eef110fa7a94c36",
-      "theme.accent.4": "7deb737bf18966280d225bab457186dd95fb694b",
-      "theme.accent.5": "35a935fe6585bbd349f392b18a9cb6fcbb0ed666",
-      "theme.accent.6": "0102cde532947fa8a5eb9da5213501856ce4702d",
-      "theme.accent.7": "82012177fc59e1c2dd9ea9e6728af8fd300f381d",
-      "theme.accent.8": "3e6962baa29099a62270718c344ed66f9711a634",
-      "theme.accent.9": "fda497a59cdcceb9df3c6c0765308bffc4be8595",
-      "theme.accent.10": "f8d74b59e6c4f89dddfc57dd3a4ee73454231c8c",
-      "theme.accent.11": "847312fe87ea8b3a0bba34662c3372aa83d3526e",
-      "theme.accent.12": "d9781a9caf862ea8e09d02f10be907f8ff7ce891",
-      "theme.accent.13": "4fcb160a1b672776226f840a44d3749bd4a4c4c6",
-      "theme.accent.contrast-1": "342c3a0d3de3bd5b6cda4e89c78a896fcd9cd530",
-      "theme.accent.contrast-2": "bca5125d3e4a96337ab1b25035e68d3e5cd27a81",
-      "theme.neutral.1": "02755d3dd4e7ebaea075944bc2a4502d346b475b",
-      "theme.neutral.2": "146e546ea2be6a410f061d542a24a7684b40f17e",
-      "theme.neutral.3": "859860a647701181cee797ad3d70153b053fdd7f",
-      "theme.neutral.4": "f5092b9e8510b70cf8b94fe14a7a162341f6bbfd",
-      "theme.neutral.5": "c5dc3272132a61f373d511ea92a2ed518b43576f",
-      "theme.neutral.6": "4423cbf12f66158729adf1456ca4177dea1200df",
-      "theme.neutral.7": "25ee049c4db70428ba675d99071ebe4ef2cdda40",
-      "theme.neutral.8": "02185938d8e50b3acc9a36239a90541b4b6580fd",
-      "theme.neutral.9": "f4b65659159b353f10394e0f0aa61736c01c8026",
-      "theme.neutral.10": "7901ac5870871964e43643953b05fc07265b9bb4",
-      "theme.neutral.11": "dfdd24d70731740de7cfc4916dd6543c01d615ae",
-      "theme.neutral.12": "9408ff0d3f36083029c3a06fc987bb9fd2780c96",
-      "theme.neutral.13": "d825832b7fcefb06cd19eac5fea4c233c96164a5",
-      "theme.neutral.contrast-1": "9bdd92adf9f2f83a27b5cf7e19055f93b186b65f",
-      "theme.neutral.contrast-2": "7f71bb222c7098e5caffcfc603b6b99c4a5f453f",
-      "theme.brand1.1": "73570b1f89d361af53b6eb532bc0c9f2112a2baa",
-      "theme.brand1.2": "a1437e3c4349012cb1f5b6fb3a0f56d5ed3eb9dc",
-      "theme.brand1.3": "7014722a24a3f873aa897ddeeb8c3882dfec4267",
-      "theme.brand1.4": "81cfb0f114932a40eb41684f83573850711acbef",
-      "theme.brand1.5": "f05bc8d0ed8d0c3f735d93483d1283638865176e",
-      "theme.brand1.6": "0688f3c65b4181e68eda40c8d6ba3bd2eee5badf",
-      "theme.brand1.7": "88ef738ace65037867a42ad484dcbbdc5a0c0a77",
-      "theme.brand1.8": "98d3ae310dcdea69c94e43ac20bd9dfa2adaae22",
-      "theme.brand1.9": "d9a221d510a56a78980874bd291cc9dea4c97e2c",
-      "theme.brand1.10": "b886fa30176051b9456ab4b4a34debe5c9667d79",
-      "theme.brand1.11": "994d19b7cef1f40b11a978631ca94c4b0707406e",
-      "theme.brand1.12": "f5cb1628a343712257736433cb42c77b8113a21a",
-      "theme.brand1.13": "29be7eb2fee04896cfe87f92cb8d09fc5d48f51f",
-      "theme.brand1.contrast-1": "f0ffcc8c155e95c529eae14b47a6364b557ebff5",
-      "theme.brand1.contrast-2": "89b04ae3ce595f7530278417b537199366a41d41",
-      "theme.brand2.1": "e08cf1d2e974717ddef05a1d39a704535ca25a10",
-      "theme.brand2.2": "22831bfb7978d6bbf6c09198c83734859cf301b3",
-      "theme.brand2.3": "d14a0e23f438e4aa0b798ad60198ac82762c5bb2",
-      "theme.brand2.4": "e3bf7f2f31637ea5962f4ed56f50152f62c66cb4",
-      "theme.brand2.5": "86bc6c62983f233084ab57e7efa9bfecc2c16db6",
-      "theme.brand2.6": "cf3c477176a3650fa8a9a1a6fde0f160d133debc",
-      "theme.brand2.7": "16b2aa7dfdbd797f9ed81a5d11accd3e9d341655",
-      "theme.brand2.8": "2fa517046d58487bee694b4e25ba819f83a73c2c",
-      "theme.brand2.9": "42785506cd1e0d593188d16a914e4a1586037c85",
-      "theme.brand2.10": "890e735a1b0ab501a0a6c7d001716fef3a5d03e8",
-      "theme.brand2.11": "791f5386532aa339d490e61fade5e280a7e4adbf",
-      "theme.brand2.12": "29ad08762620f5b2e0db62adf0fca3f213a57652",
-      "theme.brand2.13": "e21e95040ab27ea1957f736b8bbb680888ab2dd9",
-      "theme.brand2.contrast-1": "43657231f2a748c39e991bd4def426fd92870d90",
-      "theme.brand2.contrast-2": "86b64fd7f9e5d551d79033604836292d1667e693",
-      "theme.brand3.1": "f450f5c9c8f290222b864701c143e58f7001bd3a",
-      "theme.brand3.2": "0827723d668edfbc28b4a4aa9be72402c1786b87",
-      "theme.brand3.3": "f481425004549dc4ff859868038a69dc78c25b74",
-      "theme.brand3.4": "221862a5d2ac801403116848d52964ec5c6021d2",
-      "theme.brand3.5": "805c3c51ad913d8e16e8dff1f1df1c4266a758ed",
-      "theme.brand3.6": "e972c0442d48992624acf2ec00e84da20ef4a8ae",
-      "theme.brand3.7": "73ba47c550a1d47ca3c59c40689a4bd719fbfee5",
-      "theme.brand3.8": "7cf379ebe954cafce51c959771dd7fd5ed2d9685",
-      "theme.brand3.9": "41b3d1e83076ae5aaabd4dc62e72a0f7ff22be18",
-      "theme.brand3.10": "68ba9400b19a07bb2f014d3084c5e8c9b7f83e5a",
-      "theme.brand3.11": "5322730cf8f9a6c0fd85e95ee596eeaaf42348f3",
-      "theme.brand3.12": "8192e3fa401baf9b8c28fb7f89b0133b582f7b96",
-      "theme.brand3.13": "2cc0080a3df4c4811a6341510176762cb4540b05",
-      "theme.brand3.contrast-1": "a1275a3384a4d01fe032abfdf18936874c3e2208",
-      "theme.brand3.contrast-2": "524ea845c8c1e6dc3e05b4e8b4c49b2770cb6447",
-      "theme2.accent.1": "0fb0b77a41528ad94572eb3b409dc9a84a06034c",
-      "theme2.accent.2": "e7ad00556548cadde8f43af2e1350b383bee9afc",
-      "theme2.accent.3": "004bf2b41a4b5675765858a4e6581fb27085ea8d",
-      "theme2.accent.4": "4e650a7db1990371ac81113d5d925da2d19b4803",
-      "theme2.accent.5": "ff423b04cad473a7f471d480b457d8e629169c08",
-      "theme2.accent.6": "3d921beb722fb2fa2b700c5527ca3601847fa0d0",
-      "theme2.accent.7": "5bfb9bbae717415bc7d04b92ca67c1202fe89a97",
-      "theme2.accent.8": "87e1efaa3766ef374ff07c4822d17d31ac1f0dcd",
-      "theme2.accent.9": "24f319a4eb21943c7b496e9524972ef816d37851",
-      "theme2.accent.10": "295b5958443c7ae169b20852dc0c2bf28b3082fc",
-      "theme2.accent.11": "02e00ac8e2c15ab837d7e3eb7f7d4ec35c734c5f",
-      "theme2.accent.12": "e8eaa15fdecd4f8763c8d613673a68455bf4ba79",
-      "theme2.accent.13": "2da73a55c208024893f51903b8e4d1086e51b402",
-      "theme2.accent.contrast-1": "69d8f5efc0464b9dc46d4559f6c4c63f3b178524",
-      "theme2.accent.contrast-2": "c653c3b1cae365d61758dbf7a20be55e7f7e3929",
-      "theme2.neutral.1": "c255bb972d1a0cdef886b080b10920c295076162",
-      "theme2.neutral.2": "6aab85649aa5ee41e26a6a30e34eee1d9666a723",
-      "theme2.neutral.3": "261e25578ec0b953f52f3ad695aa640232af1e93",
-      "theme2.neutral.4": "bda06909ff48ed52390267ff56c8a5e24d94072c",
-      "theme2.neutral.5": "b640b85d1b7589224b31f13c1298f2eb7e34109c",
-      "theme2.neutral.6": "4bedeb4aeaf217ca0f234e721f5c3018d18679cd",
-      "theme2.neutral.7": "b8ae8fe38bd25646fe4ab6b135a3d0b4ebfe1a09",
-      "theme2.neutral.8": "20ff7324c6590e88410a8df11d2e4eac219e6b40",
-      "theme2.neutral.9": "ca35f86b8d225bc8d282c38f0118914183e496b7",
-      "theme2.neutral.10": "170c5343f26d7130010e6e6ea8896640b746324a",
-      "theme2.neutral.11": "d23fc8baa639efb8d1879893ffbcf4ccf21b09ea",
-      "theme2.neutral.12": "1e24159f68dc90a3839d68de4c25551bc90e7d2d",
-      "theme2.neutral.13": "55ae06a13c6dd5496df542e694dd91d50826206c",
-      "theme2.neutral.contrast-1": "5d2f1c09d43b315a8680e22c8201c52158ba2f60",
-      "theme2.neutral.contrast-2": "166c166b76231a8a8ed84212ecfaf1d5568955c2",
-      "theme2.brand1.1": "36919d02364b7601f02e4944d454a06047caac38",
-      "theme2.brand1.2": "074f294271716ae4048662eff67e5c349624b91d",
-      "theme2.brand1.3": "953054a71143dfb2b0a1908ca33e9440a9424931",
-      "theme2.brand1.4": "5bd1ef0fe4bee2392fc6ea98f71857c0b4f5d7f4",
-      "theme2.brand1.5": "b6569bacb1b4fa586269c0b4bd232246869f55b4",
-      "theme2.brand1.6": "fd55e933a227e1f83495f6ea283ccb98210507f3",
-      "theme2.brand1.7": "675968cbc559c08c7a44b27720d2364b5b4c155a",
-      "theme2.brand1.8": "0c9d37aa84f6a3cf054a6e06eb8337b1babd7b7e",
-      "theme2.brand1.9": "3522eab9ebfc2ae5c91a580feaf70465e9748f89",
-      "theme2.brand1.10": "3e61a3494660d174df6bab736a87675ab62ff87e",
-      "theme2.brand1.11": "3d4c53b43568c37b4ea9c2635cf5958fc739bf64",
-      "theme2.brand1.12": "a706bba785733f72521a3c632e25df975f98a08c",
-      "theme2.brand1.13": "f9ed3353c4e61b94c8a74e2c2fd72397cedc408f",
-      "theme2.brand1.contrast-1": "093c525a697bcde5ba27edf9b468b2e9407b82e6",
-      "theme2.brand1.contrast-2": "e78c591644329c8e13ee835622fd953bd0d9b414",
-      "theme2.brand2.1": "513d52765402e5c084a20c23ed21a2d739109b35",
-      "theme2.brand2.2": "0ee7ac0a9763ab782ec40b93a043a3d10c999ff9",
-      "theme2.brand2.3": "1c943c957030b1afcd70e01530035db77f0ebc34",
-      "theme2.brand2.4": "73adbc11588a4d41a0358fd7a327678af7138191",
-      "theme2.brand2.5": "1d3384f44d226abebb3b43b9988a11dff93333de",
-      "theme2.brand2.6": "3e1fd231892a974c1d338217072c2e9abdc7e904",
-      "theme2.brand2.7": "b3d2b34807b4775678254f1bbb893e7bf7a40908",
-      "theme2.brand2.8": "987afc969a5de78dc72208980c939bedc1ad88b4",
-      "theme2.brand2.9": "e82328a15d454b8a03ac04813136a8239e99b85d",
-      "theme2.brand2.10": "6d006ead8798823fed87eacfd2dc51695b0825ad",
-      "theme2.brand2.11": "58a1ebcebbd1df26bc50e8d52d39ed3711c8c3a7",
-      "theme2.brand2.12": "5b729c155ebffd620d57c33e291660f11b1884fa",
-      "theme2.brand2.13": "14c388ee4151f1e1f7ac2952658dcb89cab56370",
-      "theme2.brand2.contrast-1": "25e59715d734c2451c357e141d1443ea1b6ef8e1",
-      "theme2.brand2.contrast-2": "80c31c85c0cb53db0b10b27230b9294b11bdf781",
-      "theme2.brand3.1": "871caba07e4fcb0fe56cfb939379ada95b487a05",
-      "theme2.brand3.2": "61f7371f2e403d7254b021c7711fcdf2e0dd131b",
-      "theme2.brand3.3": "c96a53b053fbd2ce612be43442568044e25287da",
-      "theme2.brand3.4": "1375f6d1141d514228812dd9c7b2bcf6fd68ec75",
-      "theme2.brand3.5": "245734869366fea1a8a0f6e921e2427ad42b196e",
-      "theme2.brand3.6": "95e8129218f51648fb283da8643f36e8013f38eb",
-      "theme2.brand3.7": "4d6259705c8938fa22307738cac8bad63d37a418",
-      "theme2.brand3.8": "a607b57ddeff2406b433212ec8f0d3e63e23b7eb",
-      "theme2.brand3.9": "f29d2dce85293e7bfc18561d47306c7b9af5e20c",
-      "theme2.brand3.10": "bc5f8d97862c89b6a0e196e49603918f742bec42",
-      "theme2.brand3.11": "92396787b7970ddbd54f3a90b2542baa0b0fb240",
-      "theme2.brand3.12": "31cc5bc290a45d598d2a76539cf8810ea1be23db",
-      "theme2.brand3.13": "934d8791f5ec56b0f9f7d66718d2d8ceeb800290",
-      "theme2.brand3.contrast-1": "d0b9f91f14ff9aaa2db5372121cca90c226bda8f",
-      "theme2.brand3.contrast-2": "227ccf89ba5a96077b4d8b01a2fbd22d20e6f79e",
-      "theme3.accent.1": "132fb5d63bccf85eec74d52f58168c2fcb6812eb",
-      "theme3.accent.2": "3f4e21108b386def2282032e177d8fd95e9f1516",
-      "theme3.accent.3": "2d2e9685d77f95ef4baf464074850d85434ad089",
-      "theme3.accent.4": "6ff0d10c9a867dd532481632a48ac46f7dc150b4",
-      "theme3.accent.5": "a6b563baa90f48a143e243722919277f4e8777c9",
-      "theme3.accent.6": "aee1ab02d6f26f794c188ab0750ebb471b4fd287",
-      "theme3.accent.7": "da186ab5e171ac2eb404f61aab48647a09cfa4d9",
-      "theme3.accent.8": "ddfae10be79c38d10e3f2ea42bd9870856289c12",
-      "theme3.accent.9": "29b508d91806fb16696c9c9f2f8aef4966b657c7",
-      "theme3.accent.10": "255c7aac88789361a3f9b699ba595cd48cda03c2",
-      "theme3.accent.11": "d2289929b1ef239557f210e172bbd9b9084bd34d",
-      "theme3.accent.12": "dde1a134e5c31d42f87a2e580dbfe7592040b189",
-      "theme3.accent.13": "1227295d4e7ca8b9de9248914963c04ce8cc6abb",
-      "theme3.accent.contrast-1": "c1f2b4d265400761869f6417ef88333dbe31fd1a",
-      "theme3.accent.contrast-2": "48efaed97f288eea572b93716bbe7f1672685d51",
-      "theme3.neutral.1": "8e481f34224402c499fba721e16a505be822505c",
-      "theme3.neutral.2": "0898a1bd135887d2779719667323b45a9c3d7ccb",
-      "theme3.neutral.3": "e8ebc0368a8115c7cd89e4e98e2f040efe6c16f4",
-      "theme3.neutral.4": "6173ea56b12a16f8829a87cbdc0a24a7350e64d8",
-      "theme3.neutral.5": "7f630ac9dedaf310503d9b395905c995e40c21d1",
-      "theme3.neutral.6": "89d2041eb09ab17c8457c184b96ca0b01a80f4c6",
-      "theme3.neutral.7": "8402eb4c8de46e5123d8a7b20bde16aa8ffa9790",
-      "theme3.neutral.8": "21264b862ab346f6390ab48bf68cfbd964efafac",
-      "theme3.neutral.9": "778ec32f5eeea4eaaffec175dadb68ce90dfd720",
-      "theme3.neutral.10": "f58cbf613c5a6257dba98cc59dd2ad51bf02fcd9",
-      "theme3.neutral.11": "07d7a9a2e9448df420658af3d8c475351fc33bc8",
-      "theme3.neutral.12": "308ddb9f2d0743d9fe3345e5f50a8447f4083904",
-      "theme3.neutral.13": "5a323daca113be2822a72f3af559bdcd8087ad01",
-      "theme3.neutral.contrast-1": "70a0bdb0cbaacc96b475e66ed97d12a9d391e446",
-      "theme3.neutral.contrast-2": "c05b6627300b464c809361f2bb504b3d451c93eb",
-      "theme3.brand1.1": "58700838ae14694f658b17caffc3a6bde8e09ddd",
-      "theme3.brand1.2": "6aef41980dab253e3f8e957e33ddfb0c2d533617",
-      "theme3.brand1.3": "be95375487f58c8a7538555da81522411128b9d6",
-      "theme3.brand1.4": "f96cd256a3efbbb96ee868387eb4681bc70d5a0a",
-      "theme3.brand1.5": "539e83d3c5a49c0567f402ec99b83322ed16b633",
-      "theme3.brand1.6": "aeafd6862355ece376c7a3ab03ceff13772df393",
-      "theme3.brand1.7": "c3736170e73d0ecdd9121757a67de0f5ccc99364",
-      "theme3.brand1.8": "74db46d942135cf8a6272d0661226ff4db357a65",
-      "theme3.brand1.9": "ca57e3bcfbd33c9de64800e921460fcd1825f151",
-      "theme3.brand1.10": "55c7be22dea5b3fd4328fdbf7c03baa1c2fa32d3",
-      "theme3.brand1.11": "030fd156073f6dfa5e7a021e564e927b3f53f29e",
-      "theme3.brand1.12": "445aceeeec43efa647aabc4cbe389e45832356f5",
-      "theme3.brand1.13": "57842ca518ca9009c062125e5d3a1d7746020d58",
-      "theme3.brand1.contrast-1": "26fe0deba0b7146eb3490ca852b58d6aa643ea44",
-      "theme3.brand1.contrast-2": "48ceb0ab56c187002a88cb1dcee33d4bfad4a97a",
-      "theme3.brand2.1": "460d5088957295632487555d20c10dca06a6ea05",
-      "theme3.brand2.2": "ff287959c873cfcc1888720be6d91aea877d9a68",
-      "theme3.brand2.3": "d91a3d17a7cdeb10f9e9988b44ac461c76dc9568",
-      "theme3.brand2.4": "4d155f607110e803c461206d7e24f7051784cedc",
-      "theme3.brand2.5": "cfb41ba2cbbe1c83a0dc16e7f4b081f29c5d0f7c",
-      "theme3.brand2.6": "3f5792a831cdaa994ad6927ad0bf57b8cd9777d1",
-      "theme3.brand2.7": "0e99e04cd5a9ab9472607508ad7fc833ae6796dd",
-      "theme3.brand2.8": "160fef7205a3c238cb2f14f0da4ecf6b7ea8a3f3",
-      "theme3.brand2.9": "528681cf7b160e65dbec1bcc454088507b28f2ee",
-      "theme3.brand2.10": "e1a2cc7e1c580a7679c5af7e2ff1cb9039753665",
-      "theme3.brand2.11": "dbb2a985a978f3e47341927d30947ccf75bb8dce",
-      "theme3.brand2.12": "bbb51698627c8148c2beb759d3a4733301a6b349",
-      "theme3.brand2.13": "394a02a61ea6ecfbb4fb2701b9235d957e7b0665",
-      "theme3.brand2.contrast-1": "0ec1bd55604198a50f0f870f87209197a5e7a569",
-      "theme3.brand2.contrast-2": "85c6322ce3f5e5f63e99e622e9b512ebc1e4f452",
-      "theme3.brand3.1": "3feea8279430c4dbee70f40f5296014e5a11e04b",
-      "theme3.brand3.2": "ddbd5ddf9c83b2f041bca4e2d4e2d1fb37a5b6d0",
-      "theme3.brand3.3": "58bc0406c55e77fb4c2214bb33bbd4b0e51e74e8",
-      "theme3.brand3.4": "8d759ea5b827956f7223b7581a2196662a547f7d",
-      "theme3.brand3.5": "be6b0efa1bac85b0d55a8a70ae1e1e9934f0dcb3",
-      "theme3.brand3.6": "92138309c1869af785c1cf64af4ae5a427c14145",
-      "theme3.brand3.7": "df39ad18f709cf3c009a725714560a8fc14c3b3f",
-      "theme3.brand3.8": "1f0d1a5ac410ad2a8570ad3c10888ec7bb14f175",
-      "theme3.brand3.9": "2344a7da17d567bfc04eff8ef2c09e5eebb3afaa",
-      "theme3.brand3.10": "56154d268ad5950c91063bdc83fee957e9a1446b",
-      "theme3.brand3.11": "001d5c3ea636425b42726fe7430cf593b24b7484",
-      "theme3.brand3.12": "b36e3b599fb51eb9b51867c08e0bd692ca62c435",
-      "theme3.brand3.13": "132a9b23adaf8d94615b4349caf0f605a458e1d6",
-      "theme3.brand3.contrast-1": "fe6c53ca7f578fd4f83d92e6033c5a858b9d5f78",
-      "theme3.brand3.contrast-2": "f572aca35d0a457536431a9e5bb7d227e211ffb1",
-      "theme4.accent.1": "e6128d1057ae1729db69e86fcf3f9fdcd2fc28fc",
-      "theme4.accent.2": "ebbec4009b0ba2c77ab80b997d92fb84e13c5c4c",
-      "theme4.accent.3": "8e69d88517841c8d4b170b4b48249e66b92867ec",
-      "theme4.accent.4": "50e2b87d6477abcbe449f358b91542b97ff838ac",
-      "theme4.accent.5": "f2f0b36f96f98e26c4f560f5924170f062c87284",
-      "theme4.accent.6": "59df4127aa71516e08211c7f6a90558acd567c0d",
-      "theme4.accent.7": "31ecc8955fc4be67cc101975a568309b6535f3b1",
-      "theme4.accent.8": "ce584e08a0c5139c9ee62c4c2868cc025a78267d",
-      "theme4.accent.9": "3fa9829eddf21475c2d620af8910819473445528",
-      "theme4.accent.10": "1ac981a555e761c0bf7ae2a956de98a465bb3d7a",
-      "theme4.accent.11": "a86fe97224c0405e3cfb137af7dbd952cb183239",
-      "theme4.accent.12": "4c5663ea2a91a991c254c86934cddecf1e655b1f",
-      "theme4.accent.13": "5c910fbb0133018c4056cfff8311f5bad8998896",
-      "theme4.accent.contrast-1": "041f2e8ac8cb76d2d7f7222482be9a06c338b582",
-      "theme4.accent.contrast-2": "dedb8c375640c1e53e1dc36c55b30503e78ae877",
-      "theme4.neutral.1": "6f6fa1dd012379e4d757df05864a0fbe1f855203",
-      "theme4.neutral.2": "accc1773e4a6b12ed74c4e5a8abc1c195700654a",
-      "theme4.neutral.3": "461da31ccd5f4f1fb91af6d9915f37d87482c2f9",
-      "theme4.neutral.4": "df7e980b0af23a5e054b4c048ee8d80cad0f6e4f",
-      "theme4.neutral.5": "8e551858c9ca2b30e90ffa5d79298e501b5ed649",
-      "theme4.neutral.6": "83f4c5c5ca22a9ac43decdabc753a5024402a5d7",
-      "theme4.neutral.7": "522ced94271a95baa1d25acf52ff684be0f1d77d",
-      "theme4.neutral.8": "e22ee4c75e122fbf6aba47a34c7163a78105f7a2",
-      "theme4.neutral.9": "fd87c27cca0ded08209cc05bbb149ffd2187134d",
-      "theme4.neutral.10": "964636ac87470acd5f7210e4b5dbb52c0705659c",
-      "theme4.neutral.11": "ed6761e8418976ec7680dacc6cbd3edc82a7f657",
-      "theme4.neutral.12": "f403e08b71765897eeaae9a48702fab3ce434143",
-      "theme4.neutral.13": "0ecd9d3c798cd6f949e885fc08607b3aef84ea09",
-      "theme4.neutral.contrast-1": "ed17e712479ba782d7d4dfc7bfcf6c54d79682ce",
-      "theme4.neutral.contrast-2": "cea440ca533367f59d1a126082e7cf0d1fec26ee",
-      "theme4.brand1.1": "901b8c8228f27de15bae9fa7d4d882bc3455547f",
-      "theme4.brand1.2": "75578940c1df954175cff42d5625802ace260240",
-      "theme4.brand1.3": "9cc8fd6035e2c15d21ffffe705af250216f212e2",
-      "theme4.brand1.4": "864da60a56059b1956508c53f20e25243e435abf",
-      "theme4.brand1.5": "778bf27873647876bad8c959b758b4c4849c35ea",
-      "theme4.brand1.6": "2fe71bf997bc336353a19994a6cf4cf31e4e42ad",
-      "theme4.brand1.7": "2f603cfd31fe616fc548012de29139abeec6560d",
-      "theme4.brand1.8": "7a0579cda3b49408ffa8a6e096038431d001ad3c",
-      "theme4.brand1.9": "349ba555b41f265b351594eca7cd43c509f68e1c",
-      "theme4.brand1.10": "42169e1675f11417ee9685c5529f2fb2737f8482",
-      "theme4.brand1.11": "e23f4e36e915245f53e4b76dc3298ac6b73c177f",
-      "theme4.brand1.12": "32d74c192e5d24dde22ca65b33cdec3e786b565e",
-      "theme4.brand1.13": "3126b95249ab31c43d591e3b90b99ebf16d50c21",
-      "theme4.brand1.contrast-1": "a9ba67a78aa9696666845c653d0d144bcc9fe9c1",
-      "theme4.brand1.contrast-2": "769e0a1857a0642c9f6b8b885de7084864ce765c",
-      "theme4.brand2.1": "ac189a7701607b18ef787f143ddf0b1b1a65c29e",
-      "theme4.brand2.2": "59adf58a4abec62a7e2cbd53edbe1edd68bdae4b",
-      "theme4.brand2.3": "76779bb02c02e730e97ca642ac119929a72d652d",
-      "theme4.brand2.4": "1d8d4cc869a56d39adda25bfb027a2c7b9dbea5f",
-      "theme4.brand2.5": "96c6b83e1995b62a4534c836bd84533aec15f3af",
-      "theme4.brand2.6": "42612b5fb369f4d621c3a7239fd1cf45b90387e8",
-      "theme4.brand2.7": "70534cac5fbff2180904375fe9f070ab3276dc5b",
-      "theme4.brand2.8": "0155caf30c446dfd057ce212f0473e6dece805c2",
-      "theme4.brand2.9": "622a88c2ca4b98f4f0783fb0253114a1a6065fc1",
-      "theme4.brand2.10": "f867893e825cbb1775c8eef44c271c084f8d0ebe",
-      "theme4.brand2.11": "583283a1ba82dc96f34178ecf7450088f95f430c",
-      "theme4.brand2.12": "08cb04cf1c51e66805a1e70cdbb78bace9bac304",
-      "theme4.brand2.13": "ae97d3d0166b20048dafa062361cf59d1a28a864",
-      "theme4.brand2.contrast-1": "f5d872f82804db0c50216022c8332d1b74be91d0",
-      "theme4.brand2.contrast-2": "5db61cd5c46a259cd282b786a04cc44243ff1394",
-      "theme4.brand3.1": "d60b0707c445e51ace1f3f4bb8276f56919c3690",
-      "theme4.brand3.2": "65e79f077d198a99ae0df002d1d4440e2f588052",
-      "theme4.brand3.3": "5f3bf4f93fe7b3f38e2761d7379104dd16b9db02",
-      "theme4.brand3.4": "21c33a792d9c5a06b7c79699bc98c758f3a0dd6f",
-      "theme4.brand3.5": "1a37ee89516a69edbf63f956f74c5cd16f54ca71",
-      "theme4.brand3.6": "5dec69761aa89634468818a415bb1720875326a9",
-      "theme4.brand3.7": "d286463978c14231bc7c5230d35f99673103e73b",
-      "theme4.brand3.8": "261c6aac6d043453dc80c5c040634cb0bb3e2265",
-      "theme4.brand3.9": "fe38b16a93720573bd5ae37af09ea6889c4b3ed6",
-      "theme4.brand3.10": "d38dca8b3e99cbaa05b549273916e190833c0c5f",
-      "theme4.brand3.11": "d0ed2d7f386310dcd4b8b0e04861f304006e6799",
-      "theme4.brand3.12": "a138f939d4fa65e9df86bf97b050e0b8d011347e",
-      "theme4.brand3.13": "65a981b2d19ab06857ce1add4c4890e2a97fb117",
-      "theme4.brand3.contrast-1": "61ffa3f921c9c346bc22448c458ba59a585be1cb",
-      "theme4.brand3.contrast-2": "dcdfe1ec7245c3ee88fe149188d299456324b7a6"
+      "global.blue.1": "dd517edf25415d3e7e8ef9d4c475d2ffd91010cf",
+      "global.blue.2": "7c02efe97a8cabda31ee7cda062cf1b310754d3c",
+      "global.blue.3": "fed26d10a7ecee120271a77e77314670a5393cd8",
+      "global.blue.4": "fc8bd6a68021ff7a12826ef1b38ea9b6d7bc0721",
+      "global.blue.5": "13254ab1a381e0ac0bde54a5530ed725d6f97f50",
+      "global.blue.6": "26570042fa7e173740d95d2ec6b1efaefa08d294",
+      "global.blue.7": "0045f521a7777ee8d239371e424d66c6ad4ddb3f",
+      "global.blue.8": "25eb7e322a9f3c4a5828eedbd25dff555cb839d6",
+      "global.blue.9": "a92bebafe3b7a6b783e01ba945b88e9c932fb1aa",
+      "global.blue.10": "7f56354ac561c996f14dbcce435574014ffcc852",
+      "global.blue.11": "ae370599f50484dc6b3696d3b7fc5370a3966727",
+      "global.blue.12": "813916e33547cf6e1c1bdf2816c16df784e7edf7",
+      "global.blue.13": "01f776d856453d73f67d32c7c013d4e7c6b3886c",
+      "global.blue.contrast-1": "d3f6f9fdad7f58d2239bc1e2c6e1231450bd56f3",
+      "global.blue.contrast-2": "f9eef3d65e164ab28f3a3e91e6b087df67dc2d74",
+      "global.green.1": "dcde27f0a574b4d9c0727bd47d5463263bd29573",
+      "global.green.2": "885c232b006131bd4924a3d0fd72cb083768f877",
+      "global.green.3": "61f07a76324934185a8376b4ef840dbe1e71cfb8",
+      "global.green.4": "e276144c06d0838f2d64e49ee88e6ec311490f1b",
+      "global.green.5": "f9fa345ffdf46416a0aa156f2572b9ef0e822bf9",
+      "global.green.6": "a72410907192a276b12b5958f06f3a36ed6b7d31",
+      "global.green.7": "56df2e5ba2be3f4cbc70e800e155ae8e4802fa47",
+      "global.green.8": "3e8ad6d9a49c712751e5f6be0c65626f95e0ca27",
+      "global.green.9": "b8855e570a5bac67aaccb864082859627683a6e9",
+      "global.green.10": "7785f07c96b32c2f7692b8cfe3778219aa1b1e09",
+      "global.green.11": "e0d9df5f1512684d0aaf47feac4e235feca1f939",
+      "global.green.12": "264fc26342afc627c3cfa69dcb0d0225811af424",
+      "global.green.13": "788f48f4f836d7fd5b765b2948de9f5fc8edfb10",
+      "global.green.contrast-1": "2b5f680b934570a3432a9da58d8f74a548d80a04",
+      "global.green.contrast-2": "f1254eb0671dc5d29aefbf72f4849a8dfaef330b",
+      "global.orange.1": "ece4cdd30aa9c6a2c7611f61e35afddb09c676b3",
+      "global.orange.2": "cb8f1b685dc12c234eb2f45456244a8b0e23ba90",
+      "global.orange.3": "a1a15c28e0f07bb1585e5389a1ff9f9c1e596db2",
+      "global.orange.4": "049e3746f86c7fc881eeaa6fb3e33aa887a7635a",
+      "global.orange.5": "0640635313b5fb59b4f5a2249203a0fc233b17d0",
+      "global.orange.6": "003322d3985c6d3d2a9ddadad730b9a5a56a5f58",
+      "global.orange.7": "748e533334b41a9336b2370fa11ddea669ec32c7",
+      "global.orange.8": "db73da539cbead13ee3dde09a757ffe4af93b7f6",
+      "global.orange.9": "9fbf02cc2555acf122c04e837ff9fc97e1f793a7",
+      "global.orange.10": "24de48afbaac61e39122cd3ff115e98cd444a60c",
+      "global.orange.11": "34f171ba8c1870dc6f29904e5f3852355001e88d",
+      "global.orange.12": "71261b0cd54f0cf930985f68a4b885f034a61ec0",
+      "global.orange.13": "99b2c0fc4544f5236febcc661eea76d0478c66af",
+      "global.orange.contrast-1": "e5f9d006605063bfe319445d951543248dd7bc78",
+      "global.orange.contrast-2": "48826368141124fa9339694b67e67ea293db1478",
+      "global.purple.1": "6abe5333395d7dc53df3bfeceed151d22dcbd994",
+      "global.purple.2": "592508782333bb3e827cdebfaa8427b35bc6cd8a",
+      "global.purple.3": "73c49b2ddb51b266b099b012d9c0b8b62fb78229",
+      "global.purple.4": "415d17261522f5e461a3c2554c842cb9786c437e",
+      "global.purple.5": "ce8f27d9d7f1b9e93e0e4626a942b71d5583aafa",
+      "global.purple.6": "4933edbf63410ee163249ddd73dd4da0e4147e02",
+      "global.purple.7": "9508cbfacdefcc39b3399733b562ad8e8c1b52e4",
+      "global.purple.8": "df686da1e44f1a27d014fa283a7819999d189872",
+      "global.purple.9": "c282e4042e62210ccdcdbc5b9ced6c888e630f17",
+      "global.purple.10": "05ac3138b88999cac82afa20042b1cdf94a50599",
+      "global.purple.11": "6896f74156a48009b2e3f5597164a31d68be0fdc",
+      "global.purple.12": "56ff5c008f2e0b006629594fdb4c3c6b8cbbe21a",
+      "global.purple.13": "805812d6acd11f9f737701885dd5e291763c0fad",
+      "global.purple.contrast-1": "18ea20abf130abe59be66e5b837479dbeabdf617",
+      "global.purple.contrast-2": "d521fcd6887a43db85238b712d856dc019b2e59c",
+      "global.red.1": "913edfca0efd5a81275f7f17c46e1577520fbef9",
+      "global.red.2": "31358f631dcc12550654dcd2b89ffd54d7498bf3",
+      "global.red.3": "2bd0b085cf2e88e7133d24f7eacc3b76f5b1e79e",
+      "global.red.4": "4e7dd7a094cc25aa947baa85142c73e605963826",
+      "global.red.5": "fb8e7f8a7c2e05a6dc18062dcf01886dc52804ad",
+      "global.red.6": "edcaa1fd5866df697f71f4dbeef0bdbfb3762164",
+      "global.red.7": "b995eb42b75427ad43c86ca4eef237bd54bd2d4e",
+      "global.red.8": "a525a2ff829efe7484f1935d7395efc906da4417",
+      "global.red.9": "015dffb91b04d4dfd0a02ceb9bd358aee8bbca9f",
+      "global.red.10": "d84277c9c402d942aed486e1ca823d543dc70ee1",
+      "global.red.11": "d198c7c432a9f5e1eb7d5cea49d1d370703509ef",
+      "global.red.12": "2fcbb34f57509f7f1e974f5130ab8e3100303738",
+      "global.red.13": "58da26665cac0b5cf61dce3d8446b3342ffbf644",
+      "global.red.contrast-1": "d94bad65598e8043d391085c34ed7fd86e32eb70",
+      "global.red.contrast-2": "d8e8d2cfdf8db4eee4fb2adfbfe0e44bfe2fb028",
+      "global.yellow.1": "f3765b7e1821a9499b4a19880542e59c6056fed1",
+      "global.yellow.2": "1b2448280da7a309e2b660f495f6547fb655893f",
+      "global.yellow.3": "717b6ac0e3eea6943441998b81168faeed0202ce",
+      "global.yellow.4": "524f3996ee68000bb94c2cf24dec73018e7ca358",
+      "global.yellow.5": "b40c053a08de62f9826c348a3c349e1be9080a5f",
+      "global.yellow.6": "e7d13a86206c7588ddd9303c89705472bcd793ca",
+      "global.yellow.7": "572d91f824feccab6cba8218570e386009432983",
+      "global.yellow.8": "4110ff9298f31e59a2386b83812ce8f3e7d34778",
+      "global.yellow.9": "00df2d0c35fba08dfb5165b57f95cabfb77c223f",
+      "global.yellow.10": "b726f5c168b5fb1255e32e44310fe28d847cf5d4",
+      "global.yellow.11": "dd5b139cdcb3eafc1e719af1a05697c998674540",
+      "global.yellow.12": "594aff1f36f4c624c9a663252bd5012d0cdf2382",
+      "global.yellow.13": "42b56b31da03fb921ae790d16ec631974aa0da42",
+      "global.yellow.contrast-1": "9c7a8a93692c87e9e48becad87145561ffcac68b",
+      "global.yellow.contrast-2": "73890dba6b4fd3e464ae50e5a5ec95106da21c87",
+      "theme.accent.1": "37b1e800f6868cdce08ac479446d96ead4a5ad99",
+      "theme.accent.2": "9f71364caf3c7f497b2e2d7cab62cc379e6abdb0",
+      "theme.accent.3": "9db67b3550dcf11473bfb0c26a8027b1d74fbdf5",
+      "theme.accent.4": "69d329ca65c4f7cc195f0a68f632ac47489f08c0",
+      "theme.accent.5": "c2012a1ba40d2f805e6c124cbc8d4a46c448d6d0",
+      "theme.accent.6": "9cfdb845820df9049dc4dd0fa3cf7222caa644a5",
+      "theme.accent.7": "dd10bc2ef082ad5b162cfeaba1b9ceaa01c15b09",
+      "theme.accent.8": "1b28be1959be3bfa71807e0ad2afb4e9c9643acd",
+      "theme.accent.9": "2734c18384aec3e0ed706a59129f5fa01b340aaa",
+      "theme.accent.10": "122f93c1665acfe3e459060b9abdb0026f3ab365",
+      "theme.accent.11": "ed5fead52851ebb5ddd20bbe642bc3742e68c6a4",
+      "theme.accent.12": "3368fd085971dbb590d90f471ac32c5a06e95e10",
+      "theme.accent.13": "2667c7cb1106db2a444714b3ac227472cc46e65d",
+      "theme.accent.contrast-1": "155d5e9c920f5d1650dc746cefce1dd16da778f1",
+      "theme.accent.contrast-2": "2ff06b93dc62672e881e55c7ba4cf36e387b6b61",
+      "theme.brand1.1": "40c3b63282037abdd3dac5311edc911430ce25c4",
+      "theme.brand1.2": "2fd724e0e787673518684727471d342a21b9c5d2",
+      "theme.brand1.3": "d4ad7a9433a759feb5cc427f733d019bbc00d3d5",
+      "theme.brand1.4": "56eff07995c1f00d5272d897781493471e5ffbf0",
+      "theme.brand1.5": "925b460bdd866925256c5b5e734240e9d90f949d",
+      "theme.brand1.6": "1b4e9752ba5b4b4a0abb5f141f794563f967e776",
+      "theme.brand1.7": "e22f26d140b43a2d7e2fa4ea8268ca39952f868d",
+      "theme.brand1.8": "9a19b8e1336a635c573d92492f92e83d13f07cbd",
+      "theme.brand1.9": "1cc80411ea76c9277f611c964e59dad13f7aa02e",
+      "theme.brand1.10": "ceaf10acf22ab84f1e8b77a3be91583c596cd6da",
+      "theme.brand1.11": "1b8851ec40caf5ddf59aec3e57bf8480ca49e882",
+      "theme.brand1.12": "9835a9fc08e70b7f152ca843fdf2b82b312b957a",
+      "theme.brand1.13": "00e214631cbb40d4e84a90518ce9b02bf984aabc",
+      "theme.brand1.contrast-1": "f53f8a702640115a03359a395a33d4ad5c350c8e",
+      "theme.brand1.contrast-2": "29f452f47590b0bef1e82c9da2186720aef1a872",
+      "theme.brand2.1": "b86f873cf0f86080221a360798b733d61712ad52",
+      "theme.brand2.2": "50538d5e42f9ecfd0de8f62c4dfb491739cf5ed9",
+      "theme.brand2.3": "ec4f3cea527fdfdca94da972ab3c94c435bb5836",
+      "theme.brand2.4": "2202a9ef613d42225b2d609d8c9d485d00adaf0f",
+      "theme.brand2.5": "15e47211c25268f6f9994c97aaaf0e086ebb6e55",
+      "theme.brand2.6": "f96c89adf18d76fbfdeb2fe210976c87f2f7e303",
+      "theme.brand2.7": "53db22438418c95aecd0c764252898741dec6d37",
+      "theme.brand2.8": "6262d7d3fa090fc95b14a68dfe5c204c234ed2c0",
+      "theme.brand2.9": "fed1c2100696817978aa25ba01221331d924a1a3",
+      "theme.brand2.10": "e40a532bfdfee96d6cb3a781c0e02eee6cf6394b",
+      "theme.brand2.11": "a1adb6d98f82364119d0f6409a1092abdbef1af5",
+      "theme.brand2.12": "539b8bd72b860a014dc056448f10132f5d09bf9a",
+      "theme.brand2.13": "8c9143d5a4bb43a3be1b1f01be8488384300d0aa",
+      "theme.brand2.contrast-1": "80cc232d42df7377b232d431e13d6c6b2df09230",
+      "theme.brand2.contrast-2": "9b5c7aa2bee3476c8667bb659328ff93d726f929",
+      "theme.brand3.1": "6786e906850b06a063969256a17e9cdd0aa98aa1",
+      "theme.brand3.2": "3f5ba136df1099b4fda3c2442d27f27c097e666f",
+      "theme.brand3.3": "571da4c51c5b3fbf2371549ad14678818ceaf63a",
+      "theme.brand3.4": "8a43dff1a05d230d21c96c0b3157abc7bd5f8be8",
+      "theme.brand3.5": "d710a840b12725117ab622fe9f80547491441f81",
+      "theme.brand3.6": "19085ece681b7e35ac2e3c1d50b3eb3dd6191740",
+      "theme.brand3.7": "51f5bda9f0b0eb6e09143af85685ccb6bfd8dfbc",
+      "theme.brand3.8": "ac3d2a52c1c37884a30e1a85c48197e156b592f3",
+      "theme.brand3.9": "ef2d4391eed44633531a0779bd49d709771534d5",
+      "theme.brand3.10": "c150f20b88c078ae9b6e7f4157e2ac65c3db11a7",
+      "theme.brand3.11": "69d196428c6f940f74a0508d138b29a745381602",
+      "theme.brand3.12": "fba13306c9d7357bb99e2a448415be65a7eb26ec",
+      "theme.brand3.13": "6ee9e6d022a1237aebac91ae8770d07147d642a6",
+      "theme.brand3.contrast-1": "6e28e5c92d219ea997e6c65dc57f0ae5baa63aed",
+      "theme.brand3.contrast-2": "0dd5ad319b0476af0e6cc77a2ee71bd324df0138",
+      "theme.neutral.1": "49f3f7dcd97720b55cb55cafbef8e65161c6e246",
+      "theme.neutral.2": "deb2f080832608c19f4b0ac1418edd396ecaf637",
+      "theme.neutral.3": "809dc8a6af6b5075cb55cbb09d2328f5414b4ec1",
+      "theme.neutral.4": "962bf41543c644deefb67d361ee2b199351e9d35",
+      "theme.neutral.5": "5cbc5c0510d0d17489c2ad00fe5a4c462e0ef084",
+      "theme.neutral.6": "c5a8e957410a637aec8ba8eb5b32e45b80c1d4b9",
+      "theme.neutral.7": "28afbff5768b2879e5659ca2f0887401221e81d8",
+      "theme.neutral.8": "edf90f692d8b788936c2b3b280ec8891a14047bb",
+      "theme.neutral.9": "bb0e54e8233d3f1ecb792a0152eb3f591e1cbf39",
+      "theme.neutral.10": "b67296cb12190eb70348763b0b2c3c7f7afe64d4",
+      "theme.neutral.11": "9f5a5dceead4c369ac4d5556a0b549f9d915a71f",
+      "theme.neutral.12": "44d383d90608117050a92a62537d5da1e9b3da80",
+      "theme.neutral.13": "6b536cf41965ebcb19b045bc50d3181d77201e66",
+      "theme.neutral.contrast-1": "f9068189d8270a254461be9bff5b204bffd03e46",
+      "theme.neutral.contrast-2": "cca9e904268f3bf32964b15154c5d0cef18701df",
+      "theme2.accent.1": "2f64011355f62645ab6ab44ad97d5772b2e7200e",
+      "theme2.accent.2": "d4fb316c6e087c24316e101f2052e5df09a60058",
+      "theme2.accent.3": "988e3645ea8003e615554f7dbdc069842984c366",
+      "theme2.accent.4": "5570d592da1d4ae869563c6930f19a7c967b0936",
+      "theme2.accent.5": "9e2b8621995e803dea68d960580a7ea68abc1c7d",
+      "theme2.accent.6": "95669422c5a0b0197d40b216d41172267bc29d61",
+      "theme2.accent.7": "efdf52eba5acad5638559fe772b252ffe86b3575",
+      "theme2.accent.8": "e9b00517184e44898312805f2ec3c6f114d38f3b",
+      "theme2.accent.9": "e71a1277ae987b35585d1feb2962d076573cfcfa",
+      "theme2.accent.10": "ee1f87cc7cf9881421f7280a820fc23199be4b2d",
+      "theme2.accent.11": "f9921000ae9959c45138c9d119abe93eb3c64ef7",
+      "theme2.accent.12": "5d9fd1354d65e84b7f188ab5e844b222021024d5",
+      "theme2.accent.13": "2a4413ed9070acc1c508a3a73940d83558a74fc5",
+      "theme2.accent.contrast-1": "f543f6d5d25c74e5eb276f1f42c50ec9fed85030",
+      "theme2.accent.contrast-2": "0fa4818d903dc182c7742a72b3be063684489c34",
+      "theme2.brand1.1": "a8d000c62995470a79b0156fd0421dcd514e70fa",
+      "theme2.brand1.2": "5bfaceea4000d3d664eabbaf721961a6e8c7ae0c",
+      "theme2.brand1.3": "0a1aa361f8e304b18bf784dbec0f286a3da675e8",
+      "theme2.brand1.4": "bef88663a46559b8da4cdc1ca45430fd60b4e905",
+      "theme2.brand1.5": "3011dddefde500fc5d204e07275b05f3e472a38d",
+      "theme2.brand1.6": "ace5b2b3c62d49526d3f7e327c5d88cc317bde37",
+      "theme2.brand1.7": "a5e3d2e79ec34766113ebd8ad4d283ddf423125e",
+      "theme2.brand1.8": "f004434bd4a84bc033c867c49cd88be581704129",
+      "theme2.brand1.9": "01458cf3e0714ac5a016fca0fbe44068f5af05e9",
+      "theme2.brand1.10": "65a0b30fcbdfdbf3c67b5749da1df916365e6409",
+      "theme2.brand1.11": "de2f70045efc5023b26a15edae9b9b2d8cc17b09",
+      "theme2.brand1.12": "fc01a923fb40d0858b43b1892eba466057e2a83b",
+      "theme2.brand1.13": "78d34c38298e2ec7f264459a944c134e5bf62f1d",
+      "theme2.brand1.contrast-1": "5673bb9d4f72c84a2a249481ec9ab7c06d903875",
+      "theme2.brand1.contrast-2": "4a0e853d2b3cbc25aa31846ef25f3b13fe5d8f0f",
+      "theme2.brand2.1": "10274acd66feac271d409279a71c0a2ad6caf7ea",
+      "theme2.brand2.2": "ddf944ea081912493b45f0791e67677c0ef403a4",
+      "theme2.brand2.3": "962ac2aa7db4521f040f5d97edd5d4647c07b740",
+      "theme2.brand2.4": "79cdc893a2fca6475f92443c2dcac0c997495304",
+      "theme2.brand2.5": "369cb86440c681407d44e1e8fc9861973eea6814",
+      "theme2.brand2.6": "0f5dd4bb0263d52222f6596e231be404705f63b9",
+      "theme2.brand2.7": "682f59b0b3ed03278e0f8e3eba20a5398f5e7d19",
+      "theme2.brand2.8": "4b5bac9a704e83788c839beab7527323890b3b15",
+      "theme2.brand2.9": "47ecc41de6ca5b6d5f39d941951c549f4f1ca232",
+      "theme2.brand2.10": "0817f4f486973f964d2e10b8636aecd84fe969e8",
+      "theme2.brand2.11": "c9b60d1a58d905e0587656f9ffb9d116d7d0b05e",
+      "theme2.brand2.12": "92453b395642b74d8f181c87aaabff01a923d9dc",
+      "theme2.brand2.13": "3facebfc40e5b72abb0b8fff4330e4ba89d281cb",
+      "theme2.brand2.contrast-1": "842c3e2a9b61c3c4ef4d3ea0a0fe4af34bc5d39e",
+      "theme2.brand2.contrast-2": "1f30b250ed5c4beafd3c046081205ece8d5a993b",
+      "theme2.brand3.1": "5a08fd8cef6624ba1d4babc407a6f8bfa04ba88d",
+      "theme2.brand3.2": "7e7d6092616f696f3e5effab29184bb759f0f87b",
+      "theme2.brand3.3": "5aa74db6830dc80bf0b5bc669fc36ee16d48e356",
+      "theme2.brand3.4": "91757aa4202bf6797a12cd644415167427626afe",
+      "theme2.brand3.5": "0962e20e675bf48ccfc57cc4341c48d4a2296539",
+      "theme2.brand3.6": "20a8b8c1d458b34ee86b0b48587ebe71f81b5146",
+      "theme2.brand3.7": "55c599b50579f10b37e304c5a2339172a6edf28b",
+      "theme2.brand3.8": "d9ddbc7933ed99fba231058ee90462c8a24ba7e0",
+      "theme2.brand3.9": "02c4425c68152d5ff39e11541f1f50b433fc714b",
+      "theme2.brand3.10": "d545e53227a3d2014bb13d1f703afee4f67873f6",
+      "theme2.brand3.11": "c5416f8f8df544b8abf41442eb065a7375910a58",
+      "theme2.brand3.12": "ba47c69ce1d41613a67cc5480b926e5cb679096f",
+      "theme2.brand3.13": "2f984bbb8726b101252be7f829ca2f65771f9204",
+      "theme2.brand3.contrast-1": "07fb6af225d562e513411f57ef53f87fc62546c4",
+      "theme2.brand3.contrast-2": "e4ac05251acb7ac3c60daca240a7ddde6aeef217",
+      "theme2.neutral.1": "a500fdcfff49ba736031aa36cc493f7e0d18ac47",
+      "theme2.neutral.2": "015e83e744fed5b7d8956ac4fcb8aa4692709d8b",
+      "theme2.neutral.3": "4367ff7fe8afb814f0a7ad0ab4928d8e8f43291c",
+      "theme2.neutral.4": "95fe7e9397f9929c44c7f2aa3363d4378feaa221",
+      "theme2.neutral.5": "68ab2823c8aa3ee691bae544aa233ef65bacc389",
+      "theme2.neutral.6": "26288e527dabfe6bfc4a2c827ab7c38f2166543e",
+      "theme2.neutral.7": "0328eaf1b415561b7d4a89f888315be086d6ded1",
+      "theme2.neutral.8": "73003b5ad5f46768b5a7dba81cc9c86418e32912",
+      "theme2.neutral.9": "2a8fce219443883ec55e64e4b896c2f5b748fcac",
+      "theme2.neutral.10": "8f2225db56cc2b1828516a9d1e7dec5b49b6e27c",
+      "theme2.neutral.11": "188b6ed882c6de07dd489daefd54e8f7f9223f89",
+      "theme2.neutral.12": "afb61e14735eaa8b159f5748edad40f5d206ea43",
+      "theme2.neutral.13": "53453acc3e553cde404cabbf3516123fb85e8ba7",
+      "theme2.neutral.contrast-1": "039ffcdd527658f63e3382002c5a215012bf448f",
+      "theme2.neutral.contrast-2": "410c9b306711111fec682a6aeb5071e9a0a48358",
+      "theme3.accent.1": "d38c307a1ff56f09e35b5f207ecdcb6835af7921",
+      "theme3.accent.2": "a363408e7553d696b8631e5823244286355c8342",
+      "theme3.accent.3": "fc201974800a9a8f87b6216f85968ad6a9f62e11",
+      "theme3.accent.4": "b074ca4bd76a6f015c84f9c95e96306827590c85",
+      "theme3.accent.5": "03128e90530a4227368c13c8cecac8cb327b66cd",
+      "theme3.accent.6": "84ea06d938c4e4d7f877957467f72052ad204d0d",
+      "theme3.accent.7": "95f594b02445ffd99e211b55ef15c657449fb2ca",
+      "theme3.accent.8": "57008bcd414d89131636c8507bf50dd1eaa9e13e",
+      "theme3.accent.9": "758910874694647e34f4aabab3b057d05dc90a07",
+      "theme3.accent.10": "28807493071818759feeabd9d835311aba5426cc",
+      "theme3.accent.11": "ee36740caec697fa7ca44364e1f57161c681615e",
+      "theme3.accent.12": "20b687b318823f2f84b01e76085d92fe7f3dbbf9",
+      "theme3.accent.13": "11bf3ef7f32a91af7a166070355102482773e7e5",
+      "theme3.accent.contrast-1": "7e8674a3c7565b60b390c4454bf92e050acc0b6d",
+      "theme3.accent.contrast-2": "df85b3465d62c97b1b2fb9442f23ec0b8a2d2f91",
+      "theme3.brand1.1": "abe09266ac7bd5f0eed4ae5ec03123421f440ba1",
+      "theme3.brand1.2": "35f47793df65af517969aa2c46052b2d1612bcb9",
+      "theme3.brand1.3": "8f28340527870912aeeec0c3583d4b3eaed1740b",
+      "theme3.brand1.4": "6e54250965c8c7e3b8980b11bd2b4a36cf7367ff",
+      "theme3.brand1.5": "a03cef0c11dc323b58e179a0b5a36827a0faac1c",
+      "theme3.brand1.6": "fc72d4325e7bff7d23ea85e1581ad88e1d0dd47e",
+      "theme3.brand1.7": "2b2d1e837c5a6ad5c319e3e87efb24b837dbbbfa",
+      "theme3.brand1.8": "a6b63fcdbf0d8140b83ba0323225fbb08663116b",
+      "theme3.brand1.9": "11896395b099827f2bb1b6ef5f8ba09b1be68413",
+      "theme3.brand1.10": "262f22e1829dff31b62e396cccb1a4fd95889d67",
+      "theme3.brand1.11": "516abcec55bd09eb5d5c3a0a4f3b6d7499dc93b3",
+      "theme3.brand1.12": "011f0a5a8de5f3b8b377621333544e679c8da755",
+      "theme3.brand1.13": "2fe4b94433beff11640a282fd8e8b6b3863c4fc6",
+      "theme3.brand1.contrast-1": "3145c17b212097bcff23cdc7c3cd2904af02fd09",
+      "theme3.brand1.contrast-2": "15b5e33c1637d7c680f70665983be34f27b3970e",
+      "theme3.brand2.1": "0298818507c5ebbbce2674eb3e7ed7a30b2c40e2",
+      "theme3.brand2.2": "ac1beb533031e8f21c626cc3d905bd9491765ad3",
+      "theme3.brand2.3": "f5dde0bcc50b17bf36a6d1259d529a9e26fc2564",
+      "theme3.brand2.4": "e4b8d0070ad7c43554ab483d57a8237f0b1472b3",
+      "theme3.brand2.5": "31e23dd478e4d7276908608e44c979d70f94b6f9",
+      "theme3.brand2.6": "d1ef6cae3633f5b25c31b724af1feabb27fa5d53",
+      "theme3.brand2.7": "4890f1174c6d34c21a7b366eaf021312066c8dbc",
+      "theme3.brand2.8": "efe536fd63c878dbf4a38b46c10799fa987fdf13",
+      "theme3.brand2.9": "09371c662ad127e286b24cd33f7201a8a34c4ec2",
+      "theme3.brand2.10": "28cc5b43e6cb8fdede70d112f5d2f8dcc82d8daf",
+      "theme3.brand2.11": "2a6fe5164e1bc7fe07fafee3eaee32276b79c73e",
+      "theme3.brand2.12": "f8f2b50e837213c579f35df98a0c83385996942b",
+      "theme3.brand2.13": "94498b50e5794d2e84d9646f2ea93ee2c3ac8844",
+      "theme3.brand2.contrast-1": "fe3e8398f3e56cf0c8022571327ab199a4f8c007",
+      "theme3.brand2.contrast-2": "f134a0cb66185c12e29301ba9f02559daae87360",
+      "theme3.brand3.1": "090c69633dd4e6463d3a7ce36e98fc7ffd588ec8",
+      "theme3.brand3.2": "67d73ceb341fee038f89818ef833929078323691",
+      "theme3.brand3.3": "6f34bd1bdb3b30a6987450290f5280273a5ae2ca",
+      "theme3.brand3.4": "1955ac5e9cf47e9cf7691ef201bd72c04d2f971a",
+      "theme3.brand3.5": "12628a7846b0de54bff70254df0685307c610227",
+      "theme3.brand3.6": "36b483e741831d24824ad77ca1f57d4403f30d68",
+      "theme3.brand3.7": "82072f8bb897bab1d750cc5b46f7099a13ab13d4",
+      "theme3.brand3.8": "4cf9983631699b65cc821a8aa3b4963608110dd0",
+      "theme3.brand3.9": "b7aac2ff3b0e598ddbe500deec5e87b4e8bf5e61",
+      "theme3.brand3.10": "e6f5484ff15d215fff9f13685309dd46658b3ec9",
+      "theme3.brand3.11": "fcecef71d1506d21f566d63378f4dc08c002da87",
+      "theme3.brand3.12": "cae0bfc3d8dbedb50413bc84c43c28a6c1db3d8a",
+      "theme3.brand3.13": "461f52840a3bea45e7cb51d61e2712492014776f",
+      "theme3.brand3.contrast-1": "bd3474d73e04fdbe7af13a22ee6b4828b181f804",
+      "theme3.brand3.contrast-2": "8e81e990a03ee29990333070aefa0c09f03b2b4f",
+      "theme3.neutral.1": "33b270849c83cc55d7078113b3f592ea2f012d22",
+      "theme3.neutral.2": "21a9109770a36b0478cdf08bd2a9902b93c7e422",
+      "theme3.neutral.3": "f153d19c81e0856869f517faccb85fafa1474780",
+      "theme3.neutral.4": "c9384c6796d1a017a26025c0a022de662eeeec55",
+      "theme3.neutral.5": "15ae8547b7b1d9a1d0c302c888b34aac2b97a852",
+      "theme3.neutral.6": "66bc1cd69ecee6bd17af529962de108f9d10b515",
+      "theme3.neutral.7": "aea95aa6ad0236e2f8c76ca1ee7e396fde4748da",
+      "theme3.neutral.8": "e09d07db695ce460b2a49ca97551a614d5e0a698",
+      "theme3.neutral.9": "bad51faab3c21efef5f6503816cedb68b7872d21",
+      "theme3.neutral.10": "00159e98f88af49f9d0e877f05f8d3f6fcac05d1",
+      "theme3.neutral.11": "60a196a16075f370ac9041c67cc7d346cef1ac82",
+      "theme3.neutral.12": "c6980f5c1971277827ab7c9ab2e3a371a776b77f",
+      "theme3.neutral.13": "6ce38238fae73c852720ceca1951c88222bdb6fb",
+      "theme3.neutral.contrast-1": "63f469d713b43e259c2f7a92c29fe77f105827ca",
+      "theme3.neutral.contrast-2": "c0c49111899eace71c99697660129eec432123b8",
+      "theme4.accent.1": "b94d361e037484c3ae399ded1d187283d55f10ef",
+      "theme4.accent.2": "e9cd45fd8df5034c00b898438e4dc7aeac7a6e65",
+      "theme4.accent.3": "359fc9ba64f93f7adfa11183e93861fd26fb3146",
+      "theme4.accent.4": "f73f48332dca975cbd6c46c159791c6c24b3c487",
+      "theme4.accent.5": "4864183f6678aa9e45981bfc8d7639bfdd4be8d6",
+      "theme4.accent.6": "192cd505fc57ae56602d52a04dd5599587b00c16",
+      "theme4.accent.7": "0b75090d0ed98ebcc45610a9217c2b05bb406c0b",
+      "theme4.accent.8": "f509314f4327416702e5582ef68c4671bb16f4a2",
+      "theme4.accent.9": "6b5b7c5ad1c0fbeee5df4640a4f1b8b3f6116eb3",
+      "theme4.accent.10": "6c55ec39dd80df1389f48f03268198bb6bc71f97",
+      "theme4.accent.11": "dd9e5fc20d0493f2ecceef4cebd9c7ec4ada881f",
+      "theme4.accent.12": "d1167dce4570d80bce22dafb732a32b315ff0bb3",
+      "theme4.accent.13": "61acc8748c930a3d5cc9b0060d44ee8b5ae6b114",
+      "theme4.accent.contrast-1": "245c8b35966c1ec2f4091c7a2fa0ce76e664631f",
+      "theme4.accent.contrast-2": "3b17a5b36a3475aeaa78f59405f6dd0ffadb0b3d",
+      "theme4.brand1.1": "728731664d86bd17f5bac12308ce5450531b5c74",
+      "theme4.brand1.2": "5ba95742466e1b70bc89e2d1c76acb24ab56fea0",
+      "theme4.brand1.3": "52b3c72a5e3c4f78096a393b8626dc06209d479d",
+      "theme4.brand1.4": "bb666fcd9015b858a2fbf46edbadb71d38c9f0b5",
+      "theme4.brand1.5": "c32af23fae104f9facd74b9447856c36c9cfb47d",
+      "theme4.brand1.6": "57e770263443fc70e4ecafd63fce5dc59ea00164",
+      "theme4.brand1.7": "a3acb803db652bbbb018890387aaa2f9e08639e0",
+      "theme4.brand1.8": "091d024e9ef26271bc3a89fe4bea03219522477c",
+      "theme4.brand1.9": "7fd8513003747ad8d179a0791fee49f0e877f7e2",
+      "theme4.brand1.10": "1363af08ed448fb40039aa02ef056c2385526c76",
+      "theme4.brand1.11": "6f5f2a23e629597dd635f704ad7d34161b917b54",
+      "theme4.brand1.12": "858afdf1eb4c476fe79e4037d909031963c7b304",
+      "theme4.brand1.13": "88cf010bb981c405ecdcb8cb5ccd775af35bc22e",
+      "theme4.brand1.contrast-1": "cd8ed6e75957cdfa1154b46691b64ea6a6d16a3b",
+      "theme4.brand1.contrast-2": "d8182e02e1b4203fd21f1a481c6e688ef478392d",
+      "theme4.brand2.1": "948616fe7ba469c3cb0061092e86ce5670eae7b9",
+      "theme4.brand2.2": "1193155e6cd6c19b7c6bf1358b798c5d4da1a09b",
+      "theme4.brand2.3": "93789c38b77ec5d389a54f8ffd697ff49a16e3b9",
+      "theme4.brand2.4": "3ef2643a7bb101703c5642a53cbc43522be09e7a",
+      "theme4.brand2.5": "3ae3e1eeda46cfb463880431e8f6b1ad2f739e23",
+      "theme4.brand2.6": "c4adcc9643196444a660089b57e8522f520a0850",
+      "theme4.brand2.7": "4b89a155c41df63138d3915c650af41e21d5ff4b",
+      "theme4.brand2.8": "9aa7e5b48074ed5315bb6833a8d8debf4058aa58",
+      "theme4.brand2.9": "787085ab249a56065ca56aaa60f7956f8e8abaef",
+      "theme4.brand2.10": "9c0aac2455acc27cd5486c89a72bd6f3059cea01",
+      "theme4.brand2.11": "99431ac022f0f7868c9de621f76f4d0330574582",
+      "theme4.brand2.12": "b6cf5ea26af47cbee3bb3a09195ba596334c2a5a",
+      "theme4.brand2.13": "4a2e2ec9c3c346fa745b76f3110a1e0eb86a60dc",
+      "theme4.brand2.contrast-1": "085a96bcc3aef1f8cc979b1edbc9e524125ed171",
+      "theme4.brand2.contrast-2": "ad5b8765fac15c29494e863a7ee19b3dee791dd4",
+      "theme4.brand3.1": "96d4d72f9bd1fdb7e0fadf7dcfa3aa9870dd5e27",
+      "theme4.brand3.2": "08a493d34f3f4706b3d1aae98e59b8464b3dc7f4",
+      "theme4.brand3.3": "f2ad00ddd1a3baee092b8e91eb8f1a8eeb546578",
+      "theme4.brand3.4": "6185e04c378d1d32ca26f9744574a293031229ae",
+      "theme4.brand3.5": "a9b4ed0d5d119a4c35951c072f96a4dd860c3db7",
+      "theme4.brand3.6": "d55e672d03ee64f5dc2d9d0a23540bc2d31db4dd",
+      "theme4.brand3.7": "e6fcd78dd49be815a6bfd6cf037af1751a63e5ec",
+      "theme4.brand3.8": "3518a440c48286e46333a8028c8ee84b483267a2",
+      "theme4.brand3.9": "cced8b70522fe05d4e9e2584e868d8f311e29f97",
+      "theme4.brand3.10": "d88475d1d17b505403ba3d04f42b5082c01982e3",
+      "theme4.brand3.11": "597657c0a299c191d0d17c6addf13626523605c8",
+      "theme4.brand3.12": "0751b8236684d45f87ba71d49ab5b852fa04fc6b",
+      "theme4.brand3.13": "0d9f093a6ee7e55bec0a490d57d02096120f9ed3",
+      "theme4.brand3.contrast-1": "3708b8da4ff5531b466de83d48c4d810911b2917",
+      "theme4.brand3.contrast-2": "c548f38f06d8cf995a438161164235a1ab0c13a6",
+      "theme4.neutral.1": "c2f5d55292fbfaad343c72581ff5d1d986cacf67",
+      "theme4.neutral.2": "5c8411f92ba062a4c79f5e6c075070c211b9b1ca",
+      "theme4.neutral.3": "13028625e4c16380e6e93d4ed1bf878af7afa179",
+      "theme4.neutral.4": "2e5a263faa3f869ff846c0259352c51f8db947fd",
+      "theme4.neutral.5": "2588721fb41ec8caf32b3fd59a759e714877471a",
+      "theme4.neutral.6": "33b9221acd6a9f868e7d8e08d53fb19290ff1f23",
+      "theme4.neutral.7": "197856f85b247d12aff2031289c4f78bab011c1e",
+      "theme4.neutral.8": "2485dab85ea2984243a115c32f7cbd8a2ad0e230",
+      "theme4.neutral.9": "623876b6e561f9c70f2774cd0a720312d5455d01",
+      "theme4.neutral.10": "c49c757d6201c1e9b169adf9257e45e2800121fc",
+      "theme4.neutral.11": "4c6f60c427612a423d4f3dc14c3d657b909f9464",
+      "theme4.neutral.12": "7ce200271b8637445a4535b0f6c705333505c66a",
+      "theme4.neutral.13": "275fb9064daad4aaff0d9566d7fecc0fe06c4a61",
+      "theme4.neutral.contrast-1": "32c6644de3dd362587818305bc26e09bde3bd228",
+      "theme4.neutral.contrast-2": "e340052fa710acf0e3323735084eaf8ccaf69bda"
     },
     "group": "Color scheme"
   },
@@ -468,396 +567,396 @@
     "$figmaCollectionId": "VariableCollectionId:34811:5472",
     "$figmaModeId": "34811:1",
     "$figmaVariableReferences": {
-      "global.blue.1": "d2e976cd95db5f973022cda9eae917880c578bf5",
-      "global.blue.2": "6efca915ae1423d0e87d7c079e83b73e686fcb7c",
-      "global.blue.3": "f7c9f82022921b32806b05b1673ec1eff1922caf",
-      "global.blue.4": "b66d168b8341bad3580057ab160b2a68f78a6751",
-      "global.blue.5": "c4d707a44f6a05f0afc2cf38227a2b7dd831b2c2",
-      "global.blue.6": "bf90321d66b5f23a9674abe61d201b5b22e1c5e3",
-      "global.blue.7": "73ca300a3e953c8a21a20d98c1b8260dda4158cc",
-      "global.blue.8": "1ab6d1daae5bf5884441caf6ea35fa1f07a286ba",
-      "global.blue.9": "211e589c88fb34338c947c5c2f896b091b74465b",
-      "global.blue.10": "121ccd2a2015367a673b75c3873529157e82dc20",
-      "global.blue.11": "3ab48b84a41294a61d8bf26ee94464d0eafe6d9d",
-      "global.blue.12": "609a567c46e4692f43a557c3e67d58cc2bbd58ec",
-      "global.blue.13": "6269bf6afb50eae3e7c0215587e958819d70ed31",
-      "global.blue.contrast-1": "048c60fefccd796aceb1be19f7c7c4e7b90314a5",
-      "global.blue.contrast-2": "124c90f211a5c6538b1c3ed4aa24a4b559e2c338",
-      "global.green.1": "21baaf539ad57f62ec027af9e731fc5cff300187",
-      "global.green.2": "4696a51cea562bf7f84dcc9f264d0f9eaa877dd3",
-      "global.green.3": "f8549c79365a6b40e30f42cf16b18ed05d311c67",
-      "global.green.4": "3fd785b8c63d92ac246edc7a6d0e9adaabd517d1",
-      "global.green.5": "69255626d13508556bf2186137083da28d0bccb9",
-      "global.green.6": "6246b6916964dac245ac858e0f6f4d06caedd736",
-      "global.green.7": "05cce6768a8004925423dc0c08a0268bb43b2285",
-      "global.green.8": "07c6852ef7e4ae2a0d19e7757fa2af95e9800d83",
-      "global.green.9": "e175abcfa9dfc96399034f818e025a67089aa503",
-      "global.green.10": "303fecabc57e1f2ce8f3745117e23c097e2d9f84",
-      "global.green.11": "8ec4ef83c3dcdc6507ac4b8b0eec5fa71171a78d",
-      "global.green.12": "88d9df8106e7f966821dc83eed240729e67799f7",
-      "global.green.13": "bb4fde53803d4d5bd25a41163735a0d4f5084453",
-      "global.green.contrast-1": "977e787643bfd3599543dc801a16a98e60460f00",
-      "global.green.contrast-2": "653fffab2eedce78f45fded4018dabbcf5a6e27d",
-      "global.orange.1": "d2736659ea237d39db008a9867ebc1f979258ab0",
-      "global.orange.2": "bf837a33dad5cb56377433f7d211c216521f99ac",
-      "global.orange.3": "daacca314f9f7e0d8d611bda915ed34e951c5cc3",
-      "global.orange.4": "028fcd766bb47a840e3680743a4b1b968f8ba589",
-      "global.orange.5": "c047e222f1608bd986cd82764912dc6ff6fe9cbb",
-      "global.orange.6": "6f145b85a03a2e79e9e0a35d07f6ab1c241b5858",
-      "global.orange.7": "7093451903265583f5855c0e1962374beebacd65",
-      "global.orange.8": "e899cbc99b9f38064e4a312a5814a9dc124e07c3",
-      "global.orange.9": "4c7427cad93dc658f7c6f27b58dc943e5acedab8",
-      "global.orange.10": "911b6af07576df622589a1db30b8a0fe0fa04fa5",
-      "global.orange.11": "1bbad517144ebcced79c86defdb6a540b0af5275",
-      "global.orange.12": "7765ab682e6d3152a607f24a778094e249e553ad",
-      "global.orange.13": "658d19fb443ba020301d03b0727e03e90a664fe6",
-      "global.orange.contrast-1": "f31e6c57d8ceeb39f8080ff5df5b451f9422f2f6",
-      "global.orange.contrast-2": "4e62f3169595a36902ff21deb86ad42c32f45e63",
-      "global.purple.1": "dd8f892e5a1fc74e47d3d5895de1447bbb5026c0",
-      "global.purple.2": "fa7784771907554b0557e70775ed6c03622af95c",
-      "global.purple.3": "f3bc265da4067eecb5318367b9ed193f9e52e230",
-      "global.purple.4": "1b0e7b776a60b19f8184ed6c3cc1926a017bda54",
-      "global.purple.5": "820e27336928810b405aa0d4dd94bfd024e67682",
-      "global.purple.6": "07049c4831c9c3842e7e3bb0277cd133dd64ae7a",
-      "global.purple.7": "6efaacc6201883ce8bdd3b9e94a66206f99b4d1e",
-      "global.purple.8": "9d9fb5c6a3193f5540e7bbe41513615a39491c46",
-      "global.purple.9": "be1ce5d3aa562dc2a476e6b6fc6f4c059b0f5faf",
-      "global.purple.10": "6753c42d3fb1ddb7d9aac5f015e6ccda24091e76",
-      "global.purple.11": "a528da4e5225d47a6d26e50a2009bbdcf9ef876e",
-      "global.purple.12": "782a06967ff4c93ed7468d3ccebf73d62a43efe2",
-      "global.purple.13": "4a1221c6a31c0476875e6bd80bf75cbde6d51a35",
-      "global.purple.contrast-1": "6fce2fb6cdb93a3b6b61edb95f7d10eff40882e2",
-      "global.purple.contrast-2": "811e5c3fc69bb90d346847f30094d29ccd0b3db6",
-      "global.red.1": "96c68e54995f519fdf85445dcba73c823a579442",
-      "global.red.2": "a492455376e3ffa0445a86f8bed5d878082d0ded",
-      "global.red.3": "f09888e754814c7eb3da40b8cbcc43465d100402",
-      "global.red.4": "8c92ed293cab5e3ada6ff417c1aeba6830891b0f",
-      "global.red.5": "5e9dd03b4adeb98b153ebd8930288930e9dc4a9f",
-      "global.red.6": "7db609be5449de86faeecc7a1869d9e350a03db1",
-      "global.red.7": "2a99034da70ba21a84f2aca985f5dacad795e811",
-      "global.red.8": "d5eea18bfb7f83a051ada8289d0ceeb7be06b941",
-      "global.red.9": "886a217145edb0171192fa640aaca7109b5b36ce",
-      "global.red.10": "07f68ea7dfee0791d705c01049a19f9fa3c6b108",
-      "global.red.11": "2079aa95e35987b5d92f4c196914593ff5caa431",
-      "global.red.12": "f3a1e09ca133a5d52f211bbb3db4511855983a0f",
-      "global.red.13": "05dc77b8bcdd7ab509dbfa86aa37c437e23a8de8",
-      "global.red.contrast-1": "05438cf0d5eb4ff71816be72fd0546bc95102d08",
-      "global.red.contrast-2": "0f9d07cabfb0949b64117ae400b952d1959ec3cf",
-      "global.yellow.1": "4231d28e78f570ed9053d6068d0293469e92b4db",
-      "global.yellow.2": "c146ca42d73274a1eb9e8214c7e1825b58345990",
-      "global.yellow.3": "ee96ea63fef9e012e1e6bddf9c2d3a87f0503453",
-      "global.yellow.4": "fc20ef057799403bb22896e33cf5595a9aac190e",
-      "global.yellow.5": "065b8de035987446b17cfde34d1245f8eed50235",
-      "global.yellow.6": "774f57ed67d97bbe5e3f11dcd757dc34ec6c84fc",
-      "global.yellow.7": "78d4026f5b7b91586016ddf6b8723e02b55da764",
-      "global.yellow.8": "35d27b18dd3a6092aecb451a292892c7c96c6361",
-      "global.yellow.9": "47d1637b66c599a657029d26963a5a1cee5804c0",
-      "global.yellow.10": "62827494321f097c0ff2b963637e7b1d37e4163f",
-      "global.yellow.11": "49010b99b75a390a26dfdf803b65042fe7b7e53e",
-      "global.yellow.12": "f8b2622cba8f2cbee6d6240cac1137e854d3050e",
-      "global.yellow.13": "6514ade3d2c015c683d951cf6b03c8217228433d",
-      "global.yellow.contrast-1": "fcaaef2dc0beddd4288a912c721171e4714d5226",
-      "global.yellow.contrast-2": "f661a97ace0954d438bad585023deeb0165081ac",
-      "theme.accent.1": "d52b72226250022733f314bc8ead41572b126abd",
-      "theme.accent.2": "dc35ce341ba6f193ce37631c83279e78e96b1e00",
-      "theme.accent.3": "dbe9c0eb94666afef8645ae01eef110fa7a94c36",
-      "theme.accent.4": "7deb737bf18966280d225bab457186dd95fb694b",
-      "theme.accent.5": "35a935fe6585bbd349f392b18a9cb6fcbb0ed666",
-      "theme.accent.6": "0102cde532947fa8a5eb9da5213501856ce4702d",
-      "theme.accent.7": "82012177fc59e1c2dd9ea9e6728af8fd300f381d",
-      "theme.accent.8": "3e6962baa29099a62270718c344ed66f9711a634",
-      "theme.accent.9": "fda497a59cdcceb9df3c6c0765308bffc4be8595",
-      "theme.accent.10": "f8d74b59e6c4f89dddfc57dd3a4ee73454231c8c",
-      "theme.accent.11": "847312fe87ea8b3a0bba34662c3372aa83d3526e",
-      "theme.accent.12": "d9781a9caf862ea8e09d02f10be907f8ff7ce891",
-      "theme.accent.13": "4fcb160a1b672776226f840a44d3749bd4a4c4c6",
-      "theme.accent.contrast-1": "342c3a0d3de3bd5b6cda4e89c78a896fcd9cd530",
-      "theme.accent.contrast-2": "bca5125d3e4a96337ab1b25035e68d3e5cd27a81",
-      "theme.neutral.1": "02755d3dd4e7ebaea075944bc2a4502d346b475b",
-      "theme.neutral.2": "146e546ea2be6a410f061d542a24a7684b40f17e",
-      "theme.neutral.3": "859860a647701181cee797ad3d70153b053fdd7f",
-      "theme.neutral.4": "f5092b9e8510b70cf8b94fe14a7a162341f6bbfd",
-      "theme.neutral.5": "c5dc3272132a61f373d511ea92a2ed518b43576f",
-      "theme.neutral.6": "4423cbf12f66158729adf1456ca4177dea1200df",
-      "theme.neutral.7": "25ee049c4db70428ba675d99071ebe4ef2cdda40",
-      "theme.neutral.8": "02185938d8e50b3acc9a36239a90541b4b6580fd",
-      "theme.neutral.9": "f4b65659159b353f10394e0f0aa61736c01c8026",
-      "theme.neutral.10": "7901ac5870871964e43643953b05fc07265b9bb4",
-      "theme.neutral.11": "dfdd24d70731740de7cfc4916dd6543c01d615ae",
-      "theme.neutral.12": "9408ff0d3f36083029c3a06fc987bb9fd2780c96",
-      "theme.neutral.13": "d825832b7fcefb06cd19eac5fea4c233c96164a5",
-      "theme.neutral.contrast-1": "9bdd92adf9f2f83a27b5cf7e19055f93b186b65f",
-      "theme.neutral.contrast-2": "7f71bb222c7098e5caffcfc603b6b99c4a5f453f",
-      "theme.brand1.1": "73570b1f89d361af53b6eb532bc0c9f2112a2baa",
-      "theme.brand1.2": "a1437e3c4349012cb1f5b6fb3a0f56d5ed3eb9dc",
-      "theme.brand1.3": "7014722a24a3f873aa897ddeeb8c3882dfec4267",
-      "theme.brand1.4": "81cfb0f114932a40eb41684f83573850711acbef",
-      "theme.brand1.5": "f05bc8d0ed8d0c3f735d93483d1283638865176e",
-      "theme.brand1.6": "0688f3c65b4181e68eda40c8d6ba3bd2eee5badf",
-      "theme.brand1.7": "88ef738ace65037867a42ad484dcbbdc5a0c0a77",
-      "theme.brand1.8": "98d3ae310dcdea69c94e43ac20bd9dfa2adaae22",
-      "theme.brand1.9": "d9a221d510a56a78980874bd291cc9dea4c97e2c",
-      "theme.brand1.10": "b886fa30176051b9456ab4b4a34debe5c9667d79",
-      "theme.brand1.11": "994d19b7cef1f40b11a978631ca94c4b0707406e",
-      "theme.brand1.12": "f5cb1628a343712257736433cb42c77b8113a21a",
-      "theme.brand1.13": "29be7eb2fee04896cfe87f92cb8d09fc5d48f51f",
-      "theme.brand1.contrast-1": "f0ffcc8c155e95c529eae14b47a6364b557ebff5",
-      "theme.brand1.contrast-2": "89b04ae3ce595f7530278417b537199366a41d41",
-      "theme.brand2.1": "e08cf1d2e974717ddef05a1d39a704535ca25a10",
-      "theme.brand2.2": "22831bfb7978d6bbf6c09198c83734859cf301b3",
-      "theme.brand2.3": "d14a0e23f438e4aa0b798ad60198ac82762c5bb2",
-      "theme.brand2.4": "e3bf7f2f31637ea5962f4ed56f50152f62c66cb4",
-      "theme.brand2.5": "86bc6c62983f233084ab57e7efa9bfecc2c16db6",
-      "theme.brand2.6": "cf3c477176a3650fa8a9a1a6fde0f160d133debc",
-      "theme.brand2.7": "16b2aa7dfdbd797f9ed81a5d11accd3e9d341655",
-      "theme.brand2.8": "2fa517046d58487bee694b4e25ba819f83a73c2c",
-      "theme.brand2.9": "42785506cd1e0d593188d16a914e4a1586037c85",
-      "theme.brand2.10": "890e735a1b0ab501a0a6c7d001716fef3a5d03e8",
-      "theme.brand2.11": "791f5386532aa339d490e61fade5e280a7e4adbf",
-      "theme.brand2.12": "29ad08762620f5b2e0db62adf0fca3f213a57652",
-      "theme.brand2.13": "e21e95040ab27ea1957f736b8bbb680888ab2dd9",
-      "theme.brand2.contrast-1": "43657231f2a748c39e991bd4def426fd92870d90",
-      "theme.brand2.contrast-2": "86b64fd7f9e5d551d79033604836292d1667e693",
-      "theme.brand3.1": "f450f5c9c8f290222b864701c143e58f7001bd3a",
-      "theme.brand3.2": "0827723d668edfbc28b4a4aa9be72402c1786b87",
-      "theme.brand3.3": "f481425004549dc4ff859868038a69dc78c25b74",
-      "theme.brand3.4": "221862a5d2ac801403116848d52964ec5c6021d2",
-      "theme.brand3.5": "805c3c51ad913d8e16e8dff1f1df1c4266a758ed",
-      "theme.brand3.6": "e972c0442d48992624acf2ec00e84da20ef4a8ae",
-      "theme.brand3.7": "73ba47c550a1d47ca3c59c40689a4bd719fbfee5",
-      "theme.brand3.8": "7cf379ebe954cafce51c959771dd7fd5ed2d9685",
-      "theme.brand3.9": "41b3d1e83076ae5aaabd4dc62e72a0f7ff22be18",
-      "theme.brand3.10": "68ba9400b19a07bb2f014d3084c5e8c9b7f83e5a",
-      "theme.brand3.11": "5322730cf8f9a6c0fd85e95ee596eeaaf42348f3",
-      "theme.brand3.12": "8192e3fa401baf9b8c28fb7f89b0133b582f7b96",
-      "theme.brand3.13": "2cc0080a3df4c4811a6341510176762cb4540b05",
-      "theme.brand3.contrast-1": "a1275a3384a4d01fe032abfdf18936874c3e2208",
-      "theme.brand3.contrast-2": "524ea845c8c1e6dc3e05b4e8b4c49b2770cb6447",
-      "theme2.accent.1": "0fb0b77a41528ad94572eb3b409dc9a84a06034c",
-      "theme2.accent.2": "e7ad00556548cadde8f43af2e1350b383bee9afc",
-      "theme2.accent.3": "004bf2b41a4b5675765858a4e6581fb27085ea8d",
-      "theme2.accent.4": "4e650a7db1990371ac81113d5d925da2d19b4803",
-      "theme2.accent.5": "ff423b04cad473a7f471d480b457d8e629169c08",
-      "theme2.accent.6": "3d921beb722fb2fa2b700c5527ca3601847fa0d0",
-      "theme2.accent.7": "5bfb9bbae717415bc7d04b92ca67c1202fe89a97",
-      "theme2.accent.8": "87e1efaa3766ef374ff07c4822d17d31ac1f0dcd",
-      "theme2.accent.9": "24f319a4eb21943c7b496e9524972ef816d37851",
-      "theme2.accent.10": "295b5958443c7ae169b20852dc0c2bf28b3082fc",
-      "theme2.accent.11": "02e00ac8e2c15ab837d7e3eb7f7d4ec35c734c5f",
-      "theme2.accent.12": "e8eaa15fdecd4f8763c8d613673a68455bf4ba79",
-      "theme2.accent.13": "2da73a55c208024893f51903b8e4d1086e51b402",
-      "theme2.accent.contrast-1": "69d8f5efc0464b9dc46d4559f6c4c63f3b178524",
-      "theme2.accent.contrast-2": "c653c3b1cae365d61758dbf7a20be55e7f7e3929",
-      "theme2.neutral.1": "c255bb972d1a0cdef886b080b10920c295076162",
-      "theme2.neutral.2": "6aab85649aa5ee41e26a6a30e34eee1d9666a723",
-      "theme2.neutral.3": "261e25578ec0b953f52f3ad695aa640232af1e93",
-      "theme2.neutral.4": "bda06909ff48ed52390267ff56c8a5e24d94072c",
-      "theme2.neutral.5": "b640b85d1b7589224b31f13c1298f2eb7e34109c",
-      "theme2.neutral.6": "4bedeb4aeaf217ca0f234e721f5c3018d18679cd",
-      "theme2.neutral.7": "b8ae8fe38bd25646fe4ab6b135a3d0b4ebfe1a09",
-      "theme2.neutral.8": "20ff7324c6590e88410a8df11d2e4eac219e6b40",
-      "theme2.neutral.9": "ca35f86b8d225bc8d282c38f0118914183e496b7",
-      "theme2.neutral.10": "170c5343f26d7130010e6e6ea8896640b746324a",
-      "theme2.neutral.11": "d23fc8baa639efb8d1879893ffbcf4ccf21b09ea",
-      "theme2.neutral.12": "1e24159f68dc90a3839d68de4c25551bc90e7d2d",
-      "theme2.neutral.13": "55ae06a13c6dd5496df542e694dd91d50826206c",
-      "theme2.neutral.contrast-1": "5d2f1c09d43b315a8680e22c8201c52158ba2f60",
-      "theme2.neutral.contrast-2": "166c166b76231a8a8ed84212ecfaf1d5568955c2",
-      "theme2.brand1.1": "36919d02364b7601f02e4944d454a06047caac38",
-      "theme2.brand1.2": "074f294271716ae4048662eff67e5c349624b91d",
-      "theme2.brand1.3": "953054a71143dfb2b0a1908ca33e9440a9424931",
-      "theme2.brand1.4": "5bd1ef0fe4bee2392fc6ea98f71857c0b4f5d7f4",
-      "theme2.brand1.5": "b6569bacb1b4fa586269c0b4bd232246869f55b4",
-      "theme2.brand1.6": "fd55e933a227e1f83495f6ea283ccb98210507f3",
-      "theme2.brand1.7": "675968cbc559c08c7a44b27720d2364b5b4c155a",
-      "theme2.brand1.8": "0c9d37aa84f6a3cf054a6e06eb8337b1babd7b7e",
-      "theme2.brand1.9": "3522eab9ebfc2ae5c91a580feaf70465e9748f89",
-      "theme2.brand1.10": "3e61a3494660d174df6bab736a87675ab62ff87e",
-      "theme2.brand1.11": "3d4c53b43568c37b4ea9c2635cf5958fc739bf64",
-      "theme2.brand1.12": "a706bba785733f72521a3c632e25df975f98a08c",
-      "theme2.brand1.13": "f9ed3353c4e61b94c8a74e2c2fd72397cedc408f",
-      "theme2.brand1.contrast-1": "093c525a697bcde5ba27edf9b468b2e9407b82e6",
-      "theme2.brand1.contrast-2": "e78c591644329c8e13ee835622fd953bd0d9b414",
-      "theme2.brand2.1": "513d52765402e5c084a20c23ed21a2d739109b35",
-      "theme2.brand2.2": "0ee7ac0a9763ab782ec40b93a043a3d10c999ff9",
-      "theme2.brand2.3": "1c943c957030b1afcd70e01530035db77f0ebc34",
-      "theme2.brand2.4": "73adbc11588a4d41a0358fd7a327678af7138191",
-      "theme2.brand2.5": "1d3384f44d226abebb3b43b9988a11dff93333de",
-      "theme2.brand2.6": "3e1fd231892a974c1d338217072c2e9abdc7e904",
-      "theme2.brand2.7": "b3d2b34807b4775678254f1bbb893e7bf7a40908",
-      "theme2.brand2.8": "987afc969a5de78dc72208980c939bedc1ad88b4",
-      "theme2.brand2.9": "e82328a15d454b8a03ac04813136a8239e99b85d",
-      "theme2.brand2.10": "6d006ead8798823fed87eacfd2dc51695b0825ad",
-      "theme2.brand2.11": "58a1ebcebbd1df26bc50e8d52d39ed3711c8c3a7",
-      "theme2.brand2.12": "5b729c155ebffd620d57c33e291660f11b1884fa",
-      "theme2.brand2.13": "14c388ee4151f1e1f7ac2952658dcb89cab56370",
-      "theme2.brand2.contrast-1": "25e59715d734c2451c357e141d1443ea1b6ef8e1",
-      "theme2.brand2.contrast-2": "80c31c85c0cb53db0b10b27230b9294b11bdf781",
-      "theme2.brand3.1": "871caba07e4fcb0fe56cfb939379ada95b487a05",
-      "theme2.brand3.2": "61f7371f2e403d7254b021c7711fcdf2e0dd131b",
-      "theme2.brand3.3": "c96a53b053fbd2ce612be43442568044e25287da",
-      "theme2.brand3.4": "1375f6d1141d514228812dd9c7b2bcf6fd68ec75",
-      "theme2.brand3.5": "245734869366fea1a8a0f6e921e2427ad42b196e",
-      "theme2.brand3.6": "95e8129218f51648fb283da8643f36e8013f38eb",
-      "theme2.brand3.7": "4d6259705c8938fa22307738cac8bad63d37a418",
-      "theme2.brand3.8": "a607b57ddeff2406b433212ec8f0d3e63e23b7eb",
-      "theme2.brand3.9": "f29d2dce85293e7bfc18561d47306c7b9af5e20c",
-      "theme2.brand3.10": "bc5f8d97862c89b6a0e196e49603918f742bec42",
-      "theme2.brand3.11": "92396787b7970ddbd54f3a90b2542baa0b0fb240",
-      "theme2.brand3.12": "31cc5bc290a45d598d2a76539cf8810ea1be23db",
-      "theme2.brand3.13": "934d8791f5ec56b0f9f7d66718d2d8ceeb800290",
-      "theme2.brand3.contrast-1": "d0b9f91f14ff9aaa2db5372121cca90c226bda8f",
-      "theme2.brand3.contrast-2": "227ccf89ba5a96077b4d8b01a2fbd22d20e6f79e",
-      "theme3.accent.1": "132fb5d63bccf85eec74d52f58168c2fcb6812eb",
-      "theme3.accent.2": "3f4e21108b386def2282032e177d8fd95e9f1516",
-      "theme3.accent.3": "2d2e9685d77f95ef4baf464074850d85434ad089",
-      "theme3.accent.4": "6ff0d10c9a867dd532481632a48ac46f7dc150b4",
-      "theme3.accent.5": "a6b563baa90f48a143e243722919277f4e8777c9",
-      "theme3.accent.6": "aee1ab02d6f26f794c188ab0750ebb471b4fd287",
-      "theme3.accent.7": "da186ab5e171ac2eb404f61aab48647a09cfa4d9",
-      "theme3.accent.8": "ddfae10be79c38d10e3f2ea42bd9870856289c12",
-      "theme3.accent.9": "29b508d91806fb16696c9c9f2f8aef4966b657c7",
-      "theme3.accent.10": "255c7aac88789361a3f9b699ba595cd48cda03c2",
-      "theme3.accent.11": "d2289929b1ef239557f210e172bbd9b9084bd34d",
-      "theme3.accent.12": "dde1a134e5c31d42f87a2e580dbfe7592040b189",
-      "theme3.accent.13": "1227295d4e7ca8b9de9248914963c04ce8cc6abb",
-      "theme3.accent.contrast-1": "c1f2b4d265400761869f6417ef88333dbe31fd1a",
-      "theme3.accent.contrast-2": "48efaed97f288eea572b93716bbe7f1672685d51",
-      "theme3.neutral.1": "8e481f34224402c499fba721e16a505be822505c",
-      "theme3.neutral.2": "0898a1bd135887d2779719667323b45a9c3d7ccb",
-      "theme3.neutral.3": "e8ebc0368a8115c7cd89e4e98e2f040efe6c16f4",
-      "theme3.neutral.4": "6173ea56b12a16f8829a87cbdc0a24a7350e64d8",
-      "theme3.neutral.5": "7f630ac9dedaf310503d9b395905c995e40c21d1",
-      "theme3.neutral.6": "89d2041eb09ab17c8457c184b96ca0b01a80f4c6",
-      "theme3.neutral.7": "8402eb4c8de46e5123d8a7b20bde16aa8ffa9790",
-      "theme3.neutral.8": "21264b862ab346f6390ab48bf68cfbd964efafac",
-      "theme3.neutral.9": "778ec32f5eeea4eaaffec175dadb68ce90dfd720",
-      "theme3.neutral.10": "f58cbf613c5a6257dba98cc59dd2ad51bf02fcd9",
-      "theme3.neutral.11": "07d7a9a2e9448df420658af3d8c475351fc33bc8",
-      "theme3.neutral.12": "308ddb9f2d0743d9fe3345e5f50a8447f4083904",
-      "theme3.neutral.13": "5a323daca113be2822a72f3af559bdcd8087ad01",
-      "theme3.neutral.contrast-1": "70a0bdb0cbaacc96b475e66ed97d12a9d391e446",
-      "theme3.neutral.contrast-2": "c05b6627300b464c809361f2bb504b3d451c93eb",
-      "theme3.brand1.1": "58700838ae14694f658b17caffc3a6bde8e09ddd",
-      "theme3.brand1.2": "6aef41980dab253e3f8e957e33ddfb0c2d533617",
-      "theme3.brand1.3": "be95375487f58c8a7538555da81522411128b9d6",
-      "theme3.brand1.4": "f96cd256a3efbbb96ee868387eb4681bc70d5a0a",
-      "theme3.brand1.5": "539e83d3c5a49c0567f402ec99b83322ed16b633",
-      "theme3.brand1.6": "aeafd6862355ece376c7a3ab03ceff13772df393",
-      "theme3.brand1.7": "c3736170e73d0ecdd9121757a67de0f5ccc99364",
-      "theme3.brand1.8": "74db46d942135cf8a6272d0661226ff4db357a65",
-      "theme3.brand1.9": "ca57e3bcfbd33c9de64800e921460fcd1825f151",
-      "theme3.brand1.10": "55c7be22dea5b3fd4328fdbf7c03baa1c2fa32d3",
-      "theme3.brand1.11": "030fd156073f6dfa5e7a021e564e927b3f53f29e",
-      "theme3.brand1.12": "445aceeeec43efa647aabc4cbe389e45832356f5",
-      "theme3.brand1.13": "57842ca518ca9009c062125e5d3a1d7746020d58",
-      "theme3.brand1.contrast-1": "26fe0deba0b7146eb3490ca852b58d6aa643ea44",
-      "theme3.brand1.contrast-2": "48ceb0ab56c187002a88cb1dcee33d4bfad4a97a",
-      "theme3.brand2.1": "460d5088957295632487555d20c10dca06a6ea05",
-      "theme3.brand2.2": "ff287959c873cfcc1888720be6d91aea877d9a68",
-      "theme3.brand2.3": "d91a3d17a7cdeb10f9e9988b44ac461c76dc9568",
-      "theme3.brand2.4": "4d155f607110e803c461206d7e24f7051784cedc",
-      "theme3.brand2.5": "cfb41ba2cbbe1c83a0dc16e7f4b081f29c5d0f7c",
-      "theme3.brand2.6": "3f5792a831cdaa994ad6927ad0bf57b8cd9777d1",
-      "theme3.brand2.7": "0e99e04cd5a9ab9472607508ad7fc833ae6796dd",
-      "theme3.brand2.8": "160fef7205a3c238cb2f14f0da4ecf6b7ea8a3f3",
-      "theme3.brand2.9": "528681cf7b160e65dbec1bcc454088507b28f2ee",
-      "theme3.brand2.10": "e1a2cc7e1c580a7679c5af7e2ff1cb9039753665",
-      "theme3.brand2.11": "dbb2a985a978f3e47341927d30947ccf75bb8dce",
-      "theme3.brand2.12": "bbb51698627c8148c2beb759d3a4733301a6b349",
-      "theme3.brand2.13": "394a02a61ea6ecfbb4fb2701b9235d957e7b0665",
-      "theme3.brand2.contrast-1": "0ec1bd55604198a50f0f870f87209197a5e7a569",
-      "theme3.brand2.contrast-2": "85c6322ce3f5e5f63e99e622e9b512ebc1e4f452",
-      "theme3.brand3.1": "3feea8279430c4dbee70f40f5296014e5a11e04b",
-      "theme3.brand3.2": "ddbd5ddf9c83b2f041bca4e2d4e2d1fb37a5b6d0",
-      "theme3.brand3.3": "58bc0406c55e77fb4c2214bb33bbd4b0e51e74e8",
-      "theme3.brand3.4": "8d759ea5b827956f7223b7581a2196662a547f7d",
-      "theme3.brand3.5": "be6b0efa1bac85b0d55a8a70ae1e1e9934f0dcb3",
-      "theme3.brand3.6": "92138309c1869af785c1cf64af4ae5a427c14145",
-      "theme3.brand3.7": "df39ad18f709cf3c009a725714560a8fc14c3b3f",
-      "theme3.brand3.8": "1f0d1a5ac410ad2a8570ad3c10888ec7bb14f175",
-      "theme3.brand3.9": "2344a7da17d567bfc04eff8ef2c09e5eebb3afaa",
-      "theme3.brand3.10": "56154d268ad5950c91063bdc83fee957e9a1446b",
-      "theme3.brand3.11": "001d5c3ea636425b42726fe7430cf593b24b7484",
-      "theme3.brand3.12": "b36e3b599fb51eb9b51867c08e0bd692ca62c435",
-      "theme3.brand3.13": "132a9b23adaf8d94615b4349caf0f605a458e1d6",
-      "theme3.brand3.contrast-1": "fe6c53ca7f578fd4f83d92e6033c5a858b9d5f78",
-      "theme3.brand3.contrast-2": "f572aca35d0a457536431a9e5bb7d227e211ffb1",
-      "theme4.accent.1": "e6128d1057ae1729db69e86fcf3f9fdcd2fc28fc",
-      "theme4.accent.2": "ebbec4009b0ba2c77ab80b997d92fb84e13c5c4c",
-      "theme4.accent.3": "8e69d88517841c8d4b170b4b48249e66b92867ec",
-      "theme4.accent.4": "50e2b87d6477abcbe449f358b91542b97ff838ac",
-      "theme4.accent.5": "f2f0b36f96f98e26c4f560f5924170f062c87284",
-      "theme4.accent.6": "59df4127aa71516e08211c7f6a90558acd567c0d",
-      "theme4.accent.7": "31ecc8955fc4be67cc101975a568309b6535f3b1",
-      "theme4.accent.8": "ce584e08a0c5139c9ee62c4c2868cc025a78267d",
-      "theme4.accent.9": "3fa9829eddf21475c2d620af8910819473445528",
-      "theme4.accent.10": "1ac981a555e761c0bf7ae2a956de98a465bb3d7a",
-      "theme4.accent.11": "a86fe97224c0405e3cfb137af7dbd952cb183239",
-      "theme4.accent.12": "4c5663ea2a91a991c254c86934cddecf1e655b1f",
-      "theme4.accent.13": "5c910fbb0133018c4056cfff8311f5bad8998896",
-      "theme4.accent.contrast-1": "041f2e8ac8cb76d2d7f7222482be9a06c338b582",
-      "theme4.accent.contrast-2": "dedb8c375640c1e53e1dc36c55b30503e78ae877",
-      "theme4.neutral.1": "6f6fa1dd012379e4d757df05864a0fbe1f855203",
-      "theme4.neutral.2": "accc1773e4a6b12ed74c4e5a8abc1c195700654a",
-      "theme4.neutral.3": "461da31ccd5f4f1fb91af6d9915f37d87482c2f9",
-      "theme4.neutral.4": "df7e980b0af23a5e054b4c048ee8d80cad0f6e4f",
-      "theme4.neutral.5": "8e551858c9ca2b30e90ffa5d79298e501b5ed649",
-      "theme4.neutral.6": "83f4c5c5ca22a9ac43decdabc753a5024402a5d7",
-      "theme4.neutral.7": "522ced94271a95baa1d25acf52ff684be0f1d77d",
-      "theme4.neutral.8": "e22ee4c75e122fbf6aba47a34c7163a78105f7a2",
-      "theme4.neutral.9": "fd87c27cca0ded08209cc05bbb149ffd2187134d",
-      "theme4.neutral.10": "964636ac87470acd5f7210e4b5dbb52c0705659c",
-      "theme4.neutral.11": "ed6761e8418976ec7680dacc6cbd3edc82a7f657",
-      "theme4.neutral.12": "f403e08b71765897eeaae9a48702fab3ce434143",
-      "theme4.neutral.13": "0ecd9d3c798cd6f949e885fc08607b3aef84ea09",
-      "theme4.neutral.contrast-1": "ed17e712479ba782d7d4dfc7bfcf6c54d79682ce",
-      "theme4.neutral.contrast-2": "cea440ca533367f59d1a126082e7cf0d1fec26ee",
-      "theme4.brand1.1": "901b8c8228f27de15bae9fa7d4d882bc3455547f",
-      "theme4.brand1.2": "75578940c1df954175cff42d5625802ace260240",
-      "theme4.brand1.3": "9cc8fd6035e2c15d21ffffe705af250216f212e2",
-      "theme4.brand1.4": "864da60a56059b1956508c53f20e25243e435abf",
-      "theme4.brand1.5": "778bf27873647876bad8c959b758b4c4849c35ea",
-      "theme4.brand1.6": "2fe71bf997bc336353a19994a6cf4cf31e4e42ad",
-      "theme4.brand1.7": "2f603cfd31fe616fc548012de29139abeec6560d",
-      "theme4.brand1.8": "7a0579cda3b49408ffa8a6e096038431d001ad3c",
-      "theme4.brand1.9": "349ba555b41f265b351594eca7cd43c509f68e1c",
-      "theme4.brand1.10": "42169e1675f11417ee9685c5529f2fb2737f8482",
-      "theme4.brand1.11": "e23f4e36e915245f53e4b76dc3298ac6b73c177f",
-      "theme4.brand1.12": "32d74c192e5d24dde22ca65b33cdec3e786b565e",
-      "theme4.brand1.13": "3126b95249ab31c43d591e3b90b99ebf16d50c21",
-      "theme4.brand1.contrast-1": "a9ba67a78aa9696666845c653d0d144bcc9fe9c1",
-      "theme4.brand1.contrast-2": "769e0a1857a0642c9f6b8b885de7084864ce765c",
-      "theme4.brand2.1": "ac189a7701607b18ef787f143ddf0b1b1a65c29e",
-      "theme4.brand2.2": "59adf58a4abec62a7e2cbd53edbe1edd68bdae4b",
-      "theme4.brand2.3": "76779bb02c02e730e97ca642ac119929a72d652d",
-      "theme4.brand2.4": "1d8d4cc869a56d39adda25bfb027a2c7b9dbea5f",
-      "theme4.brand2.5": "96c6b83e1995b62a4534c836bd84533aec15f3af",
-      "theme4.brand2.6": "42612b5fb369f4d621c3a7239fd1cf45b90387e8",
-      "theme4.brand2.7": "70534cac5fbff2180904375fe9f070ab3276dc5b",
-      "theme4.brand2.8": "0155caf30c446dfd057ce212f0473e6dece805c2",
-      "theme4.brand2.9": "622a88c2ca4b98f4f0783fb0253114a1a6065fc1",
-      "theme4.brand2.10": "f867893e825cbb1775c8eef44c271c084f8d0ebe",
-      "theme4.brand2.11": "583283a1ba82dc96f34178ecf7450088f95f430c",
-      "theme4.brand2.12": "08cb04cf1c51e66805a1e70cdbb78bace9bac304",
-      "theme4.brand2.13": "ae97d3d0166b20048dafa062361cf59d1a28a864",
-      "theme4.brand2.contrast-1": "f5d872f82804db0c50216022c8332d1b74be91d0",
-      "theme4.brand2.contrast-2": "5db61cd5c46a259cd282b786a04cc44243ff1394",
-      "theme4.brand3.1": "d60b0707c445e51ace1f3f4bb8276f56919c3690",
-      "theme4.brand3.2": "65e79f077d198a99ae0df002d1d4440e2f588052",
-      "theme4.brand3.3": "5f3bf4f93fe7b3f38e2761d7379104dd16b9db02",
-      "theme4.brand3.4": "21c33a792d9c5a06b7c79699bc98c758f3a0dd6f",
-      "theme4.brand3.5": "1a37ee89516a69edbf63f956f74c5cd16f54ca71",
-      "theme4.brand3.6": "5dec69761aa89634468818a415bb1720875326a9",
-      "theme4.brand3.7": "d286463978c14231bc7c5230d35f99673103e73b",
-      "theme4.brand3.8": "261c6aac6d043453dc80c5c040634cb0bb3e2265",
-      "theme4.brand3.9": "fe38b16a93720573bd5ae37af09ea6889c4b3ed6",
-      "theme4.brand3.10": "d38dca8b3e99cbaa05b549273916e190833c0c5f",
-      "theme4.brand3.11": "d0ed2d7f386310dcd4b8b0e04861f304006e6799",
-      "theme4.brand3.12": "a138f939d4fa65e9df86bf97b050e0b8d011347e",
-      "theme4.brand3.13": "65a981b2d19ab06857ce1add4c4890e2a97fb117",
-      "theme4.brand3.contrast-1": "61ffa3f921c9c346bc22448c458ba59a585be1cb",
-      "theme4.brand3.contrast-2": "dcdfe1ec7245c3ee88fe149188d299456324b7a6"
+      "global.blue.1": "dd517edf25415d3e7e8ef9d4c475d2ffd91010cf",
+      "global.blue.2": "7c02efe97a8cabda31ee7cda062cf1b310754d3c",
+      "global.blue.3": "fed26d10a7ecee120271a77e77314670a5393cd8",
+      "global.blue.4": "fc8bd6a68021ff7a12826ef1b38ea9b6d7bc0721",
+      "global.blue.5": "13254ab1a381e0ac0bde54a5530ed725d6f97f50",
+      "global.blue.6": "26570042fa7e173740d95d2ec6b1efaefa08d294",
+      "global.blue.7": "0045f521a7777ee8d239371e424d66c6ad4ddb3f",
+      "global.blue.8": "25eb7e322a9f3c4a5828eedbd25dff555cb839d6",
+      "global.blue.9": "a92bebafe3b7a6b783e01ba945b88e9c932fb1aa",
+      "global.blue.10": "7f56354ac561c996f14dbcce435574014ffcc852",
+      "global.blue.11": "ae370599f50484dc6b3696d3b7fc5370a3966727",
+      "global.blue.12": "813916e33547cf6e1c1bdf2816c16df784e7edf7",
+      "global.blue.13": "01f776d856453d73f67d32c7c013d4e7c6b3886c",
+      "global.blue.contrast-1": "d3f6f9fdad7f58d2239bc1e2c6e1231450bd56f3",
+      "global.blue.contrast-2": "f9eef3d65e164ab28f3a3e91e6b087df67dc2d74",
+      "global.green.1": "dcde27f0a574b4d9c0727bd47d5463263bd29573",
+      "global.green.2": "885c232b006131bd4924a3d0fd72cb083768f877",
+      "global.green.3": "61f07a76324934185a8376b4ef840dbe1e71cfb8",
+      "global.green.4": "e276144c06d0838f2d64e49ee88e6ec311490f1b",
+      "global.green.5": "f9fa345ffdf46416a0aa156f2572b9ef0e822bf9",
+      "global.green.6": "a72410907192a276b12b5958f06f3a36ed6b7d31",
+      "global.green.7": "56df2e5ba2be3f4cbc70e800e155ae8e4802fa47",
+      "global.green.8": "3e8ad6d9a49c712751e5f6be0c65626f95e0ca27",
+      "global.green.9": "b8855e570a5bac67aaccb864082859627683a6e9",
+      "global.green.10": "7785f07c96b32c2f7692b8cfe3778219aa1b1e09",
+      "global.green.11": "e0d9df5f1512684d0aaf47feac4e235feca1f939",
+      "global.green.12": "264fc26342afc627c3cfa69dcb0d0225811af424",
+      "global.green.13": "788f48f4f836d7fd5b765b2948de9f5fc8edfb10",
+      "global.green.contrast-1": "2b5f680b934570a3432a9da58d8f74a548d80a04",
+      "global.green.contrast-2": "f1254eb0671dc5d29aefbf72f4849a8dfaef330b",
+      "global.orange.1": "ece4cdd30aa9c6a2c7611f61e35afddb09c676b3",
+      "global.orange.2": "cb8f1b685dc12c234eb2f45456244a8b0e23ba90",
+      "global.orange.3": "a1a15c28e0f07bb1585e5389a1ff9f9c1e596db2",
+      "global.orange.4": "049e3746f86c7fc881eeaa6fb3e33aa887a7635a",
+      "global.orange.5": "0640635313b5fb59b4f5a2249203a0fc233b17d0",
+      "global.orange.6": "003322d3985c6d3d2a9ddadad730b9a5a56a5f58",
+      "global.orange.7": "748e533334b41a9336b2370fa11ddea669ec32c7",
+      "global.orange.8": "db73da539cbead13ee3dde09a757ffe4af93b7f6",
+      "global.orange.9": "9fbf02cc2555acf122c04e837ff9fc97e1f793a7",
+      "global.orange.10": "24de48afbaac61e39122cd3ff115e98cd444a60c",
+      "global.orange.11": "34f171ba8c1870dc6f29904e5f3852355001e88d",
+      "global.orange.12": "71261b0cd54f0cf930985f68a4b885f034a61ec0",
+      "global.orange.13": "99b2c0fc4544f5236febcc661eea76d0478c66af",
+      "global.orange.contrast-1": "e5f9d006605063bfe319445d951543248dd7bc78",
+      "global.orange.contrast-2": "48826368141124fa9339694b67e67ea293db1478",
+      "global.purple.1": "6abe5333395d7dc53df3bfeceed151d22dcbd994",
+      "global.purple.2": "592508782333bb3e827cdebfaa8427b35bc6cd8a",
+      "global.purple.3": "73c49b2ddb51b266b099b012d9c0b8b62fb78229",
+      "global.purple.4": "415d17261522f5e461a3c2554c842cb9786c437e",
+      "global.purple.5": "ce8f27d9d7f1b9e93e0e4626a942b71d5583aafa",
+      "global.purple.6": "4933edbf63410ee163249ddd73dd4da0e4147e02",
+      "global.purple.7": "9508cbfacdefcc39b3399733b562ad8e8c1b52e4",
+      "global.purple.8": "df686da1e44f1a27d014fa283a7819999d189872",
+      "global.purple.9": "c282e4042e62210ccdcdbc5b9ced6c888e630f17",
+      "global.purple.10": "05ac3138b88999cac82afa20042b1cdf94a50599",
+      "global.purple.11": "6896f74156a48009b2e3f5597164a31d68be0fdc",
+      "global.purple.12": "56ff5c008f2e0b006629594fdb4c3c6b8cbbe21a",
+      "global.purple.13": "805812d6acd11f9f737701885dd5e291763c0fad",
+      "global.purple.contrast-1": "18ea20abf130abe59be66e5b837479dbeabdf617",
+      "global.purple.contrast-2": "d521fcd6887a43db85238b712d856dc019b2e59c",
+      "global.red.1": "913edfca0efd5a81275f7f17c46e1577520fbef9",
+      "global.red.2": "31358f631dcc12550654dcd2b89ffd54d7498bf3",
+      "global.red.3": "2bd0b085cf2e88e7133d24f7eacc3b76f5b1e79e",
+      "global.red.4": "4e7dd7a094cc25aa947baa85142c73e605963826",
+      "global.red.5": "fb8e7f8a7c2e05a6dc18062dcf01886dc52804ad",
+      "global.red.6": "edcaa1fd5866df697f71f4dbeef0bdbfb3762164",
+      "global.red.7": "b995eb42b75427ad43c86ca4eef237bd54bd2d4e",
+      "global.red.8": "a525a2ff829efe7484f1935d7395efc906da4417",
+      "global.red.9": "015dffb91b04d4dfd0a02ceb9bd358aee8bbca9f",
+      "global.red.10": "d84277c9c402d942aed486e1ca823d543dc70ee1",
+      "global.red.11": "d198c7c432a9f5e1eb7d5cea49d1d370703509ef",
+      "global.red.12": "2fcbb34f57509f7f1e974f5130ab8e3100303738",
+      "global.red.13": "58da26665cac0b5cf61dce3d8446b3342ffbf644",
+      "global.red.contrast-1": "d94bad65598e8043d391085c34ed7fd86e32eb70",
+      "global.red.contrast-2": "d8e8d2cfdf8db4eee4fb2adfbfe0e44bfe2fb028",
+      "global.yellow.1": "f3765b7e1821a9499b4a19880542e59c6056fed1",
+      "global.yellow.2": "1b2448280da7a309e2b660f495f6547fb655893f",
+      "global.yellow.3": "717b6ac0e3eea6943441998b81168faeed0202ce",
+      "global.yellow.4": "524f3996ee68000bb94c2cf24dec73018e7ca358",
+      "global.yellow.5": "b40c053a08de62f9826c348a3c349e1be9080a5f",
+      "global.yellow.6": "e7d13a86206c7588ddd9303c89705472bcd793ca",
+      "global.yellow.7": "572d91f824feccab6cba8218570e386009432983",
+      "global.yellow.8": "4110ff9298f31e59a2386b83812ce8f3e7d34778",
+      "global.yellow.9": "00df2d0c35fba08dfb5165b57f95cabfb77c223f",
+      "global.yellow.10": "b726f5c168b5fb1255e32e44310fe28d847cf5d4",
+      "global.yellow.11": "dd5b139cdcb3eafc1e719af1a05697c998674540",
+      "global.yellow.12": "594aff1f36f4c624c9a663252bd5012d0cdf2382",
+      "global.yellow.13": "42b56b31da03fb921ae790d16ec631974aa0da42",
+      "global.yellow.contrast-1": "9c7a8a93692c87e9e48becad87145561ffcac68b",
+      "global.yellow.contrast-2": "73890dba6b4fd3e464ae50e5a5ec95106da21c87",
+      "theme.accent.1": "37b1e800f6868cdce08ac479446d96ead4a5ad99",
+      "theme.accent.2": "9f71364caf3c7f497b2e2d7cab62cc379e6abdb0",
+      "theme.accent.3": "9db67b3550dcf11473bfb0c26a8027b1d74fbdf5",
+      "theme.accent.4": "69d329ca65c4f7cc195f0a68f632ac47489f08c0",
+      "theme.accent.5": "c2012a1ba40d2f805e6c124cbc8d4a46c448d6d0",
+      "theme.accent.6": "9cfdb845820df9049dc4dd0fa3cf7222caa644a5",
+      "theme.accent.7": "dd10bc2ef082ad5b162cfeaba1b9ceaa01c15b09",
+      "theme.accent.8": "1b28be1959be3bfa71807e0ad2afb4e9c9643acd",
+      "theme.accent.9": "2734c18384aec3e0ed706a59129f5fa01b340aaa",
+      "theme.accent.10": "122f93c1665acfe3e459060b9abdb0026f3ab365",
+      "theme.accent.11": "ed5fead52851ebb5ddd20bbe642bc3742e68c6a4",
+      "theme.accent.12": "3368fd085971dbb590d90f471ac32c5a06e95e10",
+      "theme.accent.13": "2667c7cb1106db2a444714b3ac227472cc46e65d",
+      "theme.accent.contrast-1": "155d5e9c920f5d1650dc746cefce1dd16da778f1",
+      "theme.accent.contrast-2": "2ff06b93dc62672e881e55c7ba4cf36e387b6b61",
+      "theme.brand1.1": "40c3b63282037abdd3dac5311edc911430ce25c4",
+      "theme.brand1.2": "2fd724e0e787673518684727471d342a21b9c5d2",
+      "theme.brand1.3": "d4ad7a9433a759feb5cc427f733d019bbc00d3d5",
+      "theme.brand1.4": "56eff07995c1f00d5272d897781493471e5ffbf0",
+      "theme.brand1.5": "925b460bdd866925256c5b5e734240e9d90f949d",
+      "theme.brand1.6": "1b4e9752ba5b4b4a0abb5f141f794563f967e776",
+      "theme.brand1.7": "e22f26d140b43a2d7e2fa4ea8268ca39952f868d",
+      "theme.brand1.8": "9a19b8e1336a635c573d92492f92e83d13f07cbd",
+      "theme.brand1.9": "1cc80411ea76c9277f611c964e59dad13f7aa02e",
+      "theme.brand1.10": "ceaf10acf22ab84f1e8b77a3be91583c596cd6da",
+      "theme.brand1.11": "1b8851ec40caf5ddf59aec3e57bf8480ca49e882",
+      "theme.brand1.12": "9835a9fc08e70b7f152ca843fdf2b82b312b957a",
+      "theme.brand1.13": "00e214631cbb40d4e84a90518ce9b02bf984aabc",
+      "theme.brand1.contrast-1": "f53f8a702640115a03359a395a33d4ad5c350c8e",
+      "theme.brand1.contrast-2": "29f452f47590b0bef1e82c9da2186720aef1a872",
+      "theme.brand2.1": "b86f873cf0f86080221a360798b733d61712ad52",
+      "theme.brand2.2": "50538d5e42f9ecfd0de8f62c4dfb491739cf5ed9",
+      "theme.brand2.3": "ec4f3cea527fdfdca94da972ab3c94c435bb5836",
+      "theme.brand2.4": "2202a9ef613d42225b2d609d8c9d485d00adaf0f",
+      "theme.brand2.5": "15e47211c25268f6f9994c97aaaf0e086ebb6e55",
+      "theme.brand2.6": "f96c89adf18d76fbfdeb2fe210976c87f2f7e303",
+      "theme.brand2.7": "53db22438418c95aecd0c764252898741dec6d37",
+      "theme.brand2.8": "6262d7d3fa090fc95b14a68dfe5c204c234ed2c0",
+      "theme.brand2.9": "fed1c2100696817978aa25ba01221331d924a1a3",
+      "theme.brand2.10": "e40a532bfdfee96d6cb3a781c0e02eee6cf6394b",
+      "theme.brand2.11": "a1adb6d98f82364119d0f6409a1092abdbef1af5",
+      "theme.brand2.12": "539b8bd72b860a014dc056448f10132f5d09bf9a",
+      "theme.brand2.13": "8c9143d5a4bb43a3be1b1f01be8488384300d0aa",
+      "theme.brand2.contrast-1": "80cc232d42df7377b232d431e13d6c6b2df09230",
+      "theme.brand2.contrast-2": "9b5c7aa2bee3476c8667bb659328ff93d726f929",
+      "theme.brand3.1": "6786e906850b06a063969256a17e9cdd0aa98aa1",
+      "theme.brand3.2": "3f5ba136df1099b4fda3c2442d27f27c097e666f",
+      "theme.brand3.3": "571da4c51c5b3fbf2371549ad14678818ceaf63a",
+      "theme.brand3.4": "8a43dff1a05d230d21c96c0b3157abc7bd5f8be8",
+      "theme.brand3.5": "d710a840b12725117ab622fe9f80547491441f81",
+      "theme.brand3.6": "19085ece681b7e35ac2e3c1d50b3eb3dd6191740",
+      "theme.brand3.7": "51f5bda9f0b0eb6e09143af85685ccb6bfd8dfbc",
+      "theme.brand3.8": "ac3d2a52c1c37884a30e1a85c48197e156b592f3",
+      "theme.brand3.9": "ef2d4391eed44633531a0779bd49d709771534d5",
+      "theme.brand3.10": "c150f20b88c078ae9b6e7f4157e2ac65c3db11a7",
+      "theme.brand3.11": "69d196428c6f940f74a0508d138b29a745381602",
+      "theme.brand3.12": "fba13306c9d7357bb99e2a448415be65a7eb26ec",
+      "theme.brand3.13": "6ee9e6d022a1237aebac91ae8770d07147d642a6",
+      "theme.brand3.contrast-1": "6e28e5c92d219ea997e6c65dc57f0ae5baa63aed",
+      "theme.brand3.contrast-2": "0dd5ad319b0476af0e6cc77a2ee71bd324df0138",
+      "theme.neutral.1": "49f3f7dcd97720b55cb55cafbef8e65161c6e246",
+      "theme.neutral.2": "deb2f080832608c19f4b0ac1418edd396ecaf637",
+      "theme.neutral.3": "809dc8a6af6b5075cb55cbb09d2328f5414b4ec1",
+      "theme.neutral.4": "962bf41543c644deefb67d361ee2b199351e9d35",
+      "theme.neutral.5": "5cbc5c0510d0d17489c2ad00fe5a4c462e0ef084",
+      "theme.neutral.6": "c5a8e957410a637aec8ba8eb5b32e45b80c1d4b9",
+      "theme.neutral.7": "28afbff5768b2879e5659ca2f0887401221e81d8",
+      "theme.neutral.8": "edf90f692d8b788936c2b3b280ec8891a14047bb",
+      "theme.neutral.9": "bb0e54e8233d3f1ecb792a0152eb3f591e1cbf39",
+      "theme.neutral.10": "b67296cb12190eb70348763b0b2c3c7f7afe64d4",
+      "theme.neutral.11": "9f5a5dceead4c369ac4d5556a0b549f9d915a71f",
+      "theme.neutral.12": "44d383d90608117050a92a62537d5da1e9b3da80",
+      "theme.neutral.13": "6b536cf41965ebcb19b045bc50d3181d77201e66",
+      "theme.neutral.contrast-1": "f9068189d8270a254461be9bff5b204bffd03e46",
+      "theme.neutral.contrast-2": "cca9e904268f3bf32964b15154c5d0cef18701df",
+      "theme2.accent.1": "2f64011355f62645ab6ab44ad97d5772b2e7200e",
+      "theme2.accent.2": "d4fb316c6e087c24316e101f2052e5df09a60058",
+      "theme2.accent.3": "988e3645ea8003e615554f7dbdc069842984c366",
+      "theme2.accent.4": "5570d592da1d4ae869563c6930f19a7c967b0936",
+      "theme2.accent.5": "9e2b8621995e803dea68d960580a7ea68abc1c7d",
+      "theme2.accent.6": "95669422c5a0b0197d40b216d41172267bc29d61",
+      "theme2.accent.7": "efdf52eba5acad5638559fe772b252ffe86b3575",
+      "theme2.accent.8": "e9b00517184e44898312805f2ec3c6f114d38f3b",
+      "theme2.accent.9": "e71a1277ae987b35585d1feb2962d076573cfcfa",
+      "theme2.accent.10": "ee1f87cc7cf9881421f7280a820fc23199be4b2d",
+      "theme2.accent.11": "f9921000ae9959c45138c9d119abe93eb3c64ef7",
+      "theme2.accent.12": "5d9fd1354d65e84b7f188ab5e844b222021024d5",
+      "theme2.accent.13": "2a4413ed9070acc1c508a3a73940d83558a74fc5",
+      "theme2.accent.contrast-1": "f543f6d5d25c74e5eb276f1f42c50ec9fed85030",
+      "theme2.accent.contrast-2": "0fa4818d903dc182c7742a72b3be063684489c34",
+      "theme2.brand1.1": "a8d000c62995470a79b0156fd0421dcd514e70fa",
+      "theme2.brand1.2": "5bfaceea4000d3d664eabbaf721961a6e8c7ae0c",
+      "theme2.brand1.3": "0a1aa361f8e304b18bf784dbec0f286a3da675e8",
+      "theme2.brand1.4": "bef88663a46559b8da4cdc1ca45430fd60b4e905",
+      "theme2.brand1.5": "3011dddefde500fc5d204e07275b05f3e472a38d",
+      "theme2.brand1.6": "ace5b2b3c62d49526d3f7e327c5d88cc317bde37",
+      "theme2.brand1.7": "a5e3d2e79ec34766113ebd8ad4d283ddf423125e",
+      "theme2.brand1.8": "f004434bd4a84bc033c867c49cd88be581704129",
+      "theme2.brand1.9": "01458cf3e0714ac5a016fca0fbe44068f5af05e9",
+      "theme2.brand1.10": "65a0b30fcbdfdbf3c67b5749da1df916365e6409",
+      "theme2.brand1.11": "de2f70045efc5023b26a15edae9b9b2d8cc17b09",
+      "theme2.brand1.12": "fc01a923fb40d0858b43b1892eba466057e2a83b",
+      "theme2.brand1.13": "78d34c38298e2ec7f264459a944c134e5bf62f1d",
+      "theme2.brand1.contrast-1": "5673bb9d4f72c84a2a249481ec9ab7c06d903875",
+      "theme2.brand1.contrast-2": "4a0e853d2b3cbc25aa31846ef25f3b13fe5d8f0f",
+      "theme2.brand2.1": "10274acd66feac271d409279a71c0a2ad6caf7ea",
+      "theme2.brand2.2": "ddf944ea081912493b45f0791e67677c0ef403a4",
+      "theme2.brand2.3": "962ac2aa7db4521f040f5d97edd5d4647c07b740",
+      "theme2.brand2.4": "79cdc893a2fca6475f92443c2dcac0c997495304",
+      "theme2.brand2.5": "369cb86440c681407d44e1e8fc9861973eea6814",
+      "theme2.brand2.6": "0f5dd4bb0263d52222f6596e231be404705f63b9",
+      "theme2.brand2.7": "682f59b0b3ed03278e0f8e3eba20a5398f5e7d19",
+      "theme2.brand2.8": "4b5bac9a704e83788c839beab7527323890b3b15",
+      "theme2.brand2.9": "47ecc41de6ca5b6d5f39d941951c549f4f1ca232",
+      "theme2.brand2.10": "0817f4f486973f964d2e10b8636aecd84fe969e8",
+      "theme2.brand2.11": "c9b60d1a58d905e0587656f9ffb9d116d7d0b05e",
+      "theme2.brand2.12": "92453b395642b74d8f181c87aaabff01a923d9dc",
+      "theme2.brand2.13": "3facebfc40e5b72abb0b8fff4330e4ba89d281cb",
+      "theme2.brand2.contrast-1": "842c3e2a9b61c3c4ef4d3ea0a0fe4af34bc5d39e",
+      "theme2.brand2.contrast-2": "1f30b250ed5c4beafd3c046081205ece8d5a993b",
+      "theme2.brand3.1": "5a08fd8cef6624ba1d4babc407a6f8bfa04ba88d",
+      "theme2.brand3.2": "7e7d6092616f696f3e5effab29184bb759f0f87b",
+      "theme2.brand3.3": "5aa74db6830dc80bf0b5bc669fc36ee16d48e356",
+      "theme2.brand3.4": "91757aa4202bf6797a12cd644415167427626afe",
+      "theme2.brand3.5": "0962e20e675bf48ccfc57cc4341c48d4a2296539",
+      "theme2.brand3.6": "20a8b8c1d458b34ee86b0b48587ebe71f81b5146",
+      "theme2.brand3.7": "55c599b50579f10b37e304c5a2339172a6edf28b",
+      "theme2.brand3.8": "d9ddbc7933ed99fba231058ee90462c8a24ba7e0",
+      "theme2.brand3.9": "02c4425c68152d5ff39e11541f1f50b433fc714b",
+      "theme2.brand3.10": "d545e53227a3d2014bb13d1f703afee4f67873f6",
+      "theme2.brand3.11": "c5416f8f8df544b8abf41442eb065a7375910a58",
+      "theme2.brand3.12": "ba47c69ce1d41613a67cc5480b926e5cb679096f",
+      "theme2.brand3.13": "2f984bbb8726b101252be7f829ca2f65771f9204",
+      "theme2.brand3.contrast-1": "07fb6af225d562e513411f57ef53f87fc62546c4",
+      "theme2.brand3.contrast-2": "e4ac05251acb7ac3c60daca240a7ddde6aeef217",
+      "theme2.neutral.1": "a500fdcfff49ba736031aa36cc493f7e0d18ac47",
+      "theme2.neutral.2": "015e83e744fed5b7d8956ac4fcb8aa4692709d8b",
+      "theme2.neutral.3": "4367ff7fe8afb814f0a7ad0ab4928d8e8f43291c",
+      "theme2.neutral.4": "95fe7e9397f9929c44c7f2aa3363d4378feaa221",
+      "theme2.neutral.5": "68ab2823c8aa3ee691bae544aa233ef65bacc389",
+      "theme2.neutral.6": "26288e527dabfe6bfc4a2c827ab7c38f2166543e",
+      "theme2.neutral.7": "0328eaf1b415561b7d4a89f888315be086d6ded1",
+      "theme2.neutral.8": "73003b5ad5f46768b5a7dba81cc9c86418e32912",
+      "theme2.neutral.9": "2a8fce219443883ec55e64e4b896c2f5b748fcac",
+      "theme2.neutral.10": "8f2225db56cc2b1828516a9d1e7dec5b49b6e27c",
+      "theme2.neutral.11": "188b6ed882c6de07dd489daefd54e8f7f9223f89",
+      "theme2.neutral.12": "afb61e14735eaa8b159f5748edad40f5d206ea43",
+      "theme2.neutral.13": "53453acc3e553cde404cabbf3516123fb85e8ba7",
+      "theme2.neutral.contrast-1": "039ffcdd527658f63e3382002c5a215012bf448f",
+      "theme2.neutral.contrast-2": "410c9b306711111fec682a6aeb5071e9a0a48358",
+      "theme3.accent.1": "d38c307a1ff56f09e35b5f207ecdcb6835af7921",
+      "theme3.accent.2": "a363408e7553d696b8631e5823244286355c8342",
+      "theme3.accent.3": "fc201974800a9a8f87b6216f85968ad6a9f62e11",
+      "theme3.accent.4": "b074ca4bd76a6f015c84f9c95e96306827590c85",
+      "theme3.accent.5": "03128e90530a4227368c13c8cecac8cb327b66cd",
+      "theme3.accent.6": "84ea06d938c4e4d7f877957467f72052ad204d0d",
+      "theme3.accent.7": "95f594b02445ffd99e211b55ef15c657449fb2ca",
+      "theme3.accent.8": "57008bcd414d89131636c8507bf50dd1eaa9e13e",
+      "theme3.accent.9": "758910874694647e34f4aabab3b057d05dc90a07",
+      "theme3.accent.10": "28807493071818759feeabd9d835311aba5426cc",
+      "theme3.accent.11": "ee36740caec697fa7ca44364e1f57161c681615e",
+      "theme3.accent.12": "20b687b318823f2f84b01e76085d92fe7f3dbbf9",
+      "theme3.accent.13": "11bf3ef7f32a91af7a166070355102482773e7e5",
+      "theme3.accent.contrast-1": "7e8674a3c7565b60b390c4454bf92e050acc0b6d",
+      "theme3.accent.contrast-2": "df85b3465d62c97b1b2fb9442f23ec0b8a2d2f91",
+      "theme3.brand1.1": "abe09266ac7bd5f0eed4ae5ec03123421f440ba1",
+      "theme3.brand1.2": "35f47793df65af517969aa2c46052b2d1612bcb9",
+      "theme3.brand1.3": "8f28340527870912aeeec0c3583d4b3eaed1740b",
+      "theme3.brand1.4": "6e54250965c8c7e3b8980b11bd2b4a36cf7367ff",
+      "theme3.brand1.5": "a03cef0c11dc323b58e179a0b5a36827a0faac1c",
+      "theme3.brand1.6": "fc72d4325e7bff7d23ea85e1581ad88e1d0dd47e",
+      "theme3.brand1.7": "2b2d1e837c5a6ad5c319e3e87efb24b837dbbbfa",
+      "theme3.brand1.8": "a6b63fcdbf0d8140b83ba0323225fbb08663116b",
+      "theme3.brand1.9": "11896395b099827f2bb1b6ef5f8ba09b1be68413",
+      "theme3.brand1.10": "262f22e1829dff31b62e396cccb1a4fd95889d67",
+      "theme3.brand1.11": "516abcec55bd09eb5d5c3a0a4f3b6d7499dc93b3",
+      "theme3.brand1.12": "011f0a5a8de5f3b8b377621333544e679c8da755",
+      "theme3.brand1.13": "2fe4b94433beff11640a282fd8e8b6b3863c4fc6",
+      "theme3.brand1.contrast-1": "3145c17b212097bcff23cdc7c3cd2904af02fd09",
+      "theme3.brand1.contrast-2": "15b5e33c1637d7c680f70665983be34f27b3970e",
+      "theme3.brand2.1": "0298818507c5ebbbce2674eb3e7ed7a30b2c40e2",
+      "theme3.brand2.2": "ac1beb533031e8f21c626cc3d905bd9491765ad3",
+      "theme3.brand2.3": "f5dde0bcc50b17bf36a6d1259d529a9e26fc2564",
+      "theme3.brand2.4": "e4b8d0070ad7c43554ab483d57a8237f0b1472b3",
+      "theme3.brand2.5": "31e23dd478e4d7276908608e44c979d70f94b6f9",
+      "theme3.brand2.6": "d1ef6cae3633f5b25c31b724af1feabb27fa5d53",
+      "theme3.brand2.7": "4890f1174c6d34c21a7b366eaf021312066c8dbc",
+      "theme3.brand2.8": "efe536fd63c878dbf4a38b46c10799fa987fdf13",
+      "theme3.brand2.9": "09371c662ad127e286b24cd33f7201a8a34c4ec2",
+      "theme3.brand2.10": "28cc5b43e6cb8fdede70d112f5d2f8dcc82d8daf",
+      "theme3.brand2.11": "2a6fe5164e1bc7fe07fafee3eaee32276b79c73e",
+      "theme3.brand2.12": "f8f2b50e837213c579f35df98a0c83385996942b",
+      "theme3.brand2.13": "94498b50e5794d2e84d9646f2ea93ee2c3ac8844",
+      "theme3.brand2.contrast-1": "fe3e8398f3e56cf0c8022571327ab199a4f8c007",
+      "theme3.brand2.contrast-2": "f134a0cb66185c12e29301ba9f02559daae87360",
+      "theme3.brand3.1": "090c69633dd4e6463d3a7ce36e98fc7ffd588ec8",
+      "theme3.brand3.2": "67d73ceb341fee038f89818ef833929078323691",
+      "theme3.brand3.3": "6f34bd1bdb3b30a6987450290f5280273a5ae2ca",
+      "theme3.brand3.4": "1955ac5e9cf47e9cf7691ef201bd72c04d2f971a",
+      "theme3.brand3.5": "12628a7846b0de54bff70254df0685307c610227",
+      "theme3.brand3.6": "36b483e741831d24824ad77ca1f57d4403f30d68",
+      "theme3.brand3.7": "82072f8bb897bab1d750cc5b46f7099a13ab13d4",
+      "theme3.brand3.8": "4cf9983631699b65cc821a8aa3b4963608110dd0",
+      "theme3.brand3.9": "b7aac2ff3b0e598ddbe500deec5e87b4e8bf5e61",
+      "theme3.brand3.10": "e6f5484ff15d215fff9f13685309dd46658b3ec9",
+      "theme3.brand3.11": "fcecef71d1506d21f566d63378f4dc08c002da87",
+      "theme3.brand3.12": "cae0bfc3d8dbedb50413bc84c43c28a6c1db3d8a",
+      "theme3.brand3.13": "461f52840a3bea45e7cb51d61e2712492014776f",
+      "theme3.brand3.contrast-1": "bd3474d73e04fdbe7af13a22ee6b4828b181f804",
+      "theme3.brand3.contrast-2": "8e81e990a03ee29990333070aefa0c09f03b2b4f",
+      "theme3.neutral.1": "33b270849c83cc55d7078113b3f592ea2f012d22",
+      "theme3.neutral.2": "21a9109770a36b0478cdf08bd2a9902b93c7e422",
+      "theme3.neutral.3": "f153d19c81e0856869f517faccb85fafa1474780",
+      "theme3.neutral.4": "c9384c6796d1a017a26025c0a022de662eeeec55",
+      "theme3.neutral.5": "15ae8547b7b1d9a1d0c302c888b34aac2b97a852",
+      "theme3.neutral.6": "66bc1cd69ecee6bd17af529962de108f9d10b515",
+      "theme3.neutral.7": "aea95aa6ad0236e2f8c76ca1ee7e396fde4748da",
+      "theme3.neutral.8": "e09d07db695ce460b2a49ca97551a614d5e0a698",
+      "theme3.neutral.9": "bad51faab3c21efef5f6503816cedb68b7872d21",
+      "theme3.neutral.10": "00159e98f88af49f9d0e877f05f8d3f6fcac05d1",
+      "theme3.neutral.11": "60a196a16075f370ac9041c67cc7d346cef1ac82",
+      "theme3.neutral.12": "c6980f5c1971277827ab7c9ab2e3a371a776b77f",
+      "theme3.neutral.13": "6ce38238fae73c852720ceca1951c88222bdb6fb",
+      "theme3.neutral.contrast-1": "63f469d713b43e259c2f7a92c29fe77f105827ca",
+      "theme3.neutral.contrast-2": "c0c49111899eace71c99697660129eec432123b8",
+      "theme4.accent.1": "b94d361e037484c3ae399ded1d187283d55f10ef",
+      "theme4.accent.2": "e9cd45fd8df5034c00b898438e4dc7aeac7a6e65",
+      "theme4.accent.3": "359fc9ba64f93f7adfa11183e93861fd26fb3146",
+      "theme4.accent.4": "f73f48332dca975cbd6c46c159791c6c24b3c487",
+      "theme4.accent.5": "4864183f6678aa9e45981bfc8d7639bfdd4be8d6",
+      "theme4.accent.6": "192cd505fc57ae56602d52a04dd5599587b00c16",
+      "theme4.accent.7": "0b75090d0ed98ebcc45610a9217c2b05bb406c0b",
+      "theme4.accent.8": "f509314f4327416702e5582ef68c4671bb16f4a2",
+      "theme4.accent.9": "6b5b7c5ad1c0fbeee5df4640a4f1b8b3f6116eb3",
+      "theme4.accent.10": "6c55ec39dd80df1389f48f03268198bb6bc71f97",
+      "theme4.accent.11": "dd9e5fc20d0493f2ecceef4cebd9c7ec4ada881f",
+      "theme4.accent.12": "d1167dce4570d80bce22dafb732a32b315ff0bb3",
+      "theme4.accent.13": "61acc8748c930a3d5cc9b0060d44ee8b5ae6b114",
+      "theme4.accent.contrast-1": "245c8b35966c1ec2f4091c7a2fa0ce76e664631f",
+      "theme4.accent.contrast-2": "3b17a5b36a3475aeaa78f59405f6dd0ffadb0b3d",
+      "theme4.brand1.1": "728731664d86bd17f5bac12308ce5450531b5c74",
+      "theme4.brand1.2": "5ba95742466e1b70bc89e2d1c76acb24ab56fea0",
+      "theme4.brand1.3": "52b3c72a5e3c4f78096a393b8626dc06209d479d",
+      "theme4.brand1.4": "bb666fcd9015b858a2fbf46edbadb71d38c9f0b5",
+      "theme4.brand1.5": "c32af23fae104f9facd74b9447856c36c9cfb47d",
+      "theme4.brand1.6": "57e770263443fc70e4ecafd63fce5dc59ea00164",
+      "theme4.brand1.7": "a3acb803db652bbbb018890387aaa2f9e08639e0",
+      "theme4.brand1.8": "091d024e9ef26271bc3a89fe4bea03219522477c",
+      "theme4.brand1.9": "7fd8513003747ad8d179a0791fee49f0e877f7e2",
+      "theme4.brand1.10": "1363af08ed448fb40039aa02ef056c2385526c76",
+      "theme4.brand1.11": "6f5f2a23e629597dd635f704ad7d34161b917b54",
+      "theme4.brand1.12": "858afdf1eb4c476fe79e4037d909031963c7b304",
+      "theme4.brand1.13": "88cf010bb981c405ecdcb8cb5ccd775af35bc22e",
+      "theme4.brand1.contrast-1": "cd8ed6e75957cdfa1154b46691b64ea6a6d16a3b",
+      "theme4.brand1.contrast-2": "d8182e02e1b4203fd21f1a481c6e688ef478392d",
+      "theme4.brand2.1": "948616fe7ba469c3cb0061092e86ce5670eae7b9",
+      "theme4.brand2.2": "1193155e6cd6c19b7c6bf1358b798c5d4da1a09b",
+      "theme4.brand2.3": "93789c38b77ec5d389a54f8ffd697ff49a16e3b9",
+      "theme4.brand2.4": "3ef2643a7bb101703c5642a53cbc43522be09e7a",
+      "theme4.brand2.5": "3ae3e1eeda46cfb463880431e8f6b1ad2f739e23",
+      "theme4.brand2.6": "c4adcc9643196444a660089b57e8522f520a0850",
+      "theme4.brand2.7": "4b89a155c41df63138d3915c650af41e21d5ff4b",
+      "theme4.brand2.8": "9aa7e5b48074ed5315bb6833a8d8debf4058aa58",
+      "theme4.brand2.9": "787085ab249a56065ca56aaa60f7956f8e8abaef",
+      "theme4.brand2.10": "9c0aac2455acc27cd5486c89a72bd6f3059cea01",
+      "theme4.brand2.11": "99431ac022f0f7868c9de621f76f4d0330574582",
+      "theme4.brand2.12": "b6cf5ea26af47cbee3bb3a09195ba596334c2a5a",
+      "theme4.brand2.13": "4a2e2ec9c3c346fa745b76f3110a1e0eb86a60dc",
+      "theme4.brand2.contrast-1": "085a96bcc3aef1f8cc979b1edbc9e524125ed171",
+      "theme4.brand2.contrast-2": "ad5b8765fac15c29494e863a7ee19b3dee791dd4",
+      "theme4.brand3.1": "96d4d72f9bd1fdb7e0fadf7dcfa3aa9870dd5e27",
+      "theme4.brand3.2": "08a493d34f3f4706b3d1aae98e59b8464b3dc7f4",
+      "theme4.brand3.3": "f2ad00ddd1a3baee092b8e91eb8f1a8eeb546578",
+      "theme4.brand3.4": "6185e04c378d1d32ca26f9744574a293031229ae",
+      "theme4.brand3.5": "a9b4ed0d5d119a4c35951c072f96a4dd860c3db7",
+      "theme4.brand3.6": "d55e672d03ee64f5dc2d9d0a23540bc2d31db4dd",
+      "theme4.brand3.7": "e6fcd78dd49be815a6bfd6cf037af1751a63e5ec",
+      "theme4.brand3.8": "3518a440c48286e46333a8028c8ee84b483267a2",
+      "theme4.brand3.9": "cced8b70522fe05d4e9e2584e868d8f311e29f97",
+      "theme4.brand3.10": "d88475d1d17b505403ba3d04f42b5082c01982e3",
+      "theme4.brand3.11": "597657c0a299c191d0d17c6addf13626523605c8",
+      "theme4.brand3.12": "0751b8236684d45f87ba71d49ab5b852fa04fc6b",
+      "theme4.brand3.13": "0d9f093a6ee7e55bec0a490d57d02096120f9ed3",
+      "theme4.brand3.contrast-1": "3708b8da4ff5531b466de83d48c4d810911b2917",
+      "theme4.brand3.contrast-2": "c548f38f06d8cf995a438161164235a1ab0c13a6",
+      "theme4.neutral.1": "c2f5d55292fbfaad343c72581ff5d1d986cacf67",
+      "theme4.neutral.2": "5c8411f92ba062a4c79f5e6c075070c211b9b1ca",
+      "theme4.neutral.3": "13028625e4c16380e6e93d4ed1bf878af7afa179",
+      "theme4.neutral.4": "2e5a263faa3f869ff846c0259352c51f8db947fd",
+      "theme4.neutral.5": "2588721fb41ec8caf32b3fd59a759e714877471a",
+      "theme4.neutral.6": "33b9221acd6a9f868e7d8e08d53fb19290ff1f23",
+      "theme4.neutral.7": "197856f85b247d12aff2031289c4f78bab011c1e",
+      "theme4.neutral.8": "2485dab85ea2984243a115c32f7cbd8a2ad0e230",
+      "theme4.neutral.9": "623876b6e561f9c70f2774cd0a720312d5455d01",
+      "theme4.neutral.10": "c49c757d6201c1e9b169adf9257e45e2800121fc",
+      "theme4.neutral.11": "4c6f60c427612a423d4f3dc14c3d657b909f9464",
+      "theme4.neutral.12": "7ce200271b8637445a4535b0f6c705333505c66a",
+      "theme4.neutral.13": "275fb9064daad4aaff0d9566d7fecc0fe06c4a61",
+      "theme4.neutral.contrast-1": "32c6644de3dd362587818305bc26e09bde3bd228",
+      "theme4.neutral.contrast-2": "e340052fa710acf0e3323735084eaf8ccaf69bda"
     },
     "group": "Color scheme"
   },
@@ -874,22 +973,22 @@
     "$figmaCollectionId": "VariableCollectionId:36248:20769",
     "$figmaModeId": "36248:2",
     "$figmaVariableReferences": {
-      "theme.main": "9174e6d60ed7d6623e421a0988f820c1a7f2250a",
-      "theme.bold": "a57da4cc8cc7792647427645bc7a82d47baf169b",
-      "theme.extra-bold": "dcb1be01a5ce6911037472bbf6acaa2294328939",
-      "theme.regular": "d7e8e6e1f4142bd0834100dc8c55db3d48b7dad3",
-      "theme2.main": "7efa525773ed529cfeb44e208412f02539868535",
-      "theme2.bold": "3af4338852fc67331cf46c429493ccc5f7e09899",
-      "theme2.extra-bold": "b4ec11d393468420a89988b9a11979aeeea32c50",
-      "theme2.regular": "770eecc1f59894aa05daaa4574006edd0bc19529",
-      "theme3.main": "6b919b0ce118a48cf25f2cf53cd6ca94e331dab4",
-      "theme3.bold": "8fe6e478921033220a21655828013550681b9175",
-      "theme3.extra-bold": "04a9383032fc947df209ce5a52c297bff61009f3",
-      "theme3.regular": "9385ba58901520303252a58b18d7955ea57650ba",
-      "theme4.main": "2d539c0fa9fbc88058883128836c4594461b3c1a",
-      "theme4.bold": "2010969b3ffe51783d659df9af2d166b55d849e4",
-      "theme4.extra-bold": "49f3e119c208232b3c256ea67e4e75bedb299f93",
-      "theme4.regular": "e70adb5d7271966796fbc7bbe993b1c06bf5b7b6"
+      "theme.main": "3115e7a7f4a4e0f1911d99ef4d522e0887ac5223",
+      "theme.bold": "ab83898db3340a55c1e915ab47b661d2365b338b",
+      "theme.extra-bold": "d9a17188e216a05d471153541a45fc88f68bfef3",
+      "theme.regular": "4400e63185e0c19f8a2365152df982a6179b4d5a",
+      "theme2.main": "55b12052328ab00ea64c5fe94d1d9e2bbb1da341",
+      "theme2.bold": "7eafc8d19cf7b6232d6f9cdb8cf401e77e6f72a1",
+      "theme2.extra-bold": "b7a10fd5f41f0f7aeea5d5e88648bd2903f06bc4",
+      "theme2.regular": "705a1438f3b255d81ce5aefcf8d40d61a6812808",
+      "theme3.main": "7dcbe062b5131210159810d3b938e1a28f4915a9",
+      "theme3.bold": "8e3d428df1dce0d24ac42e332d7d1a03d5922210",
+      "theme3.extra-bold": "9dc806c56e3c177bf088fdfca8ad55cdfa9e44a8",
+      "theme3.regular": "d63d058c3ba107fa5f6da14e224953637d9f56bd",
+      "theme4.main": "ab5586d2bec723f05ce9fbb05afc3dbc51c8c730",
+      "theme4.bold": "13fe7655f986529b6fb83e3bee425d0352b86a97",
+      "theme4.extra-bold": "da11c47b19a9299595c8a2fa2ed416a16505d1e6",
+      "theme4.regular": "1111f810e28c1c3e4fe0733bf7df715f0a3ab0ec"
     },
     "group": "Typography"
   },
@@ -906,22 +1005,22 @@
     "$figmaCollectionId": "VariableCollectionId:36248:20769",
     "$figmaModeId": "36248:3",
     "$figmaVariableReferences": {
-      "theme.main": "9174e6d60ed7d6623e421a0988f820c1a7f2250a",
-      "theme.bold": "a57da4cc8cc7792647427645bc7a82d47baf169b",
-      "theme.extra-bold": "dcb1be01a5ce6911037472bbf6acaa2294328939",
-      "theme.regular": "d7e8e6e1f4142bd0834100dc8c55db3d48b7dad3",
-      "theme2.main": "7efa525773ed529cfeb44e208412f02539868535",
-      "theme2.bold": "3af4338852fc67331cf46c429493ccc5f7e09899",
-      "theme2.extra-bold": "b4ec11d393468420a89988b9a11979aeeea32c50",
-      "theme2.regular": "770eecc1f59894aa05daaa4574006edd0bc19529",
-      "theme3.main": "6b919b0ce118a48cf25f2cf53cd6ca94e331dab4",
-      "theme3.bold": "8fe6e478921033220a21655828013550681b9175",
-      "theme3.extra-bold": "04a9383032fc947df209ce5a52c297bff61009f3",
-      "theme3.regular": "9385ba58901520303252a58b18d7955ea57650ba",
-      "theme4.main": "2d539c0fa9fbc88058883128836c4594461b3c1a",
-      "theme4.bold": "2010969b3ffe51783d659df9af2d166b55d849e4",
-      "theme4.extra-bold": "49f3e119c208232b3c256ea67e4e75bedb299f93",
-      "theme4.regular": "e70adb5d7271966796fbc7bbe993b1c06bf5b7b6"
+      "theme.main": "3115e7a7f4a4e0f1911d99ef4d522e0887ac5223",
+      "theme.bold": "ab83898db3340a55c1e915ab47b661d2365b338b",
+      "theme.extra-bold": "d9a17188e216a05d471153541a45fc88f68bfef3",
+      "theme.regular": "4400e63185e0c19f8a2365152df982a6179b4d5a",
+      "theme2.main": "55b12052328ab00ea64c5fe94d1d9e2bbb1da341",
+      "theme2.bold": "7eafc8d19cf7b6232d6f9cdb8cf401e77e6f72a1",
+      "theme2.extra-bold": "b7a10fd5f41f0f7aeea5d5e88648bd2903f06bc4",
+      "theme2.regular": "705a1438f3b255d81ce5aefcf8d40d61a6812808",
+      "theme3.main": "7dcbe062b5131210159810d3b938e1a28f4915a9",
+      "theme3.bold": "8e3d428df1dce0d24ac42e332d7d1a03d5922210",
+      "theme3.extra-bold": "9dc806c56e3c177bf088fdfca8ad55cdfa9e44a8",
+      "theme3.regular": "d63d058c3ba107fa5f6da14e224953637d9f56bd",
+      "theme4.main": "ab5586d2bec723f05ce9fbb05afc3dbc51c8c730",
+      "theme4.bold": "13fe7655f986529b6fb83e3bee425d0352b86a97",
+      "theme4.extra-bold": "da11c47b19a9299595c8a2fa2ed416a16505d1e6",
+      "theme4.regular": "1111f810e28c1c3e4fe0733bf7df715f0a3ab0ec"
     },
     "group": "Typography"
   },
@@ -935,92 +1034,92 @@
     "$figmaCollectionId": "VariableCollectionId:36528:61712",
     "$figmaModeId": "36528:0",
     "$figmaVariableReferences": {
-      "color.accent.1": "d57e9b1b26f7ec0af7a590ebcc81414ec4c9dedd",
-      "color.accent.2": "de3963c909e278c1442f0f746002763506bdc3f3",
-      "color.accent.3": "f20e35c5c0229b54a8a7a3c656dea1948b2750b4",
-      "color.accent.4": "6ca5193143ecedb87966d55482cd754c31b80382",
-      "color.accent.5": "c557bada980622750ae29bbbf685505587c31fa4",
-      "color.accent.6": "885fe85f40884fea07f87859c3fe8939d808e33c",
-      "color.accent.7": "a391ced167abf6b10a9a35705507761dd9256a67",
-      "color.accent.8": "1373dd7a8a00fb2a0e4e49dcd1128f788c02214a",
-      "color.accent.9": "198e233c4e85adca1483b9221d6cfc12ab6ef3d4",
-      "color.accent.10": "7350ab90fca66ae7c9bdb3106532bdd110415669",
-      "color.accent.11": "153245fd66c8d8ce55f8017e2376c3168a9d547b",
-      "color.accent.12": "2d7025a144106aa3c54e9fe84d9d0d716701dd4b",
-      "color.accent.13": "ae0f3073e6acc5d8da8ea854779b79d64cdd8e91",
-      "color.accent.contrast-1": "ddc1c50254633de2e5a78e65a17db3d86a6f0cfe",
-      "color.accent.contrast-2": "2e9a64d28cec56c1f4ade66a88809eb21954fcfc",
-      "color.neutral.1": "f943fe804a635e951ea5f3b18c336b94d1ced599",
-      "color.neutral.2": "f2a916f3c3bd96e0d64fe62702e30877b3d19136",
-      "color.neutral.3": "8d54f45aef90401d3bea38fa2523a831bc006cb6",
-      "color.neutral.4": "84bb3e674bb40e8e9637adb19a227c8651e025ba",
-      "color.neutral.5": "afebc11336fac619672ddba1b483c402f78c93a6",
-      "color.neutral.6": "eef38f4886935887f7c5baa39a978fbb8dfe4be5",
-      "color.neutral.7": "d066cfef2a53014313d0b46295ded18ae71fe70e",
-      "color.neutral.8": "196277919b1c8989cb48d64669ecb3b8a078c1df",
-      "color.neutral.9": "212fe4731bd0cb224a4b2e4c8c2d92b460afca86",
-      "color.neutral.10": "03ba954f0063c6559435d7cd4c4dbc6a1a10f55d",
-      "color.neutral.11": "4772ca780405fbdda5cb1625c8cb7a10cf0417dd",
-      "color.neutral.12": "30b1838bcfe59c82f64f04f98a9ccaeb704a8412",
-      "color.neutral.13": "4e8e8df56aa5f03ea656a71efc353876d001947b",
-      "color.neutral.contrast-1": "f20564539bd756fa841c98f3b52bf0fe05e1ec13",
-      "color.neutral.contrast-2": "6c748de83d2148555e00f26d1dd3ebc71bfe0ede",
-      "color.brand1.1": "30544dbd7c178f2b72a2c2fbf0ea1276e18f037e",
-      "color.brand1.2": "5060c8828379ec1adf652b31f5c2ae4690a1e024",
-      "color.brand1.3": "3230c2ba7bf52fd0c429ec81c857aebb46496f2a",
-      "color.brand1.4": "6576d5212c0d0378ef57c4edec16fa8a176e3be8",
-      "color.brand1.5": "10e252f6922ac5bbe1f72e439d394a3ce84c93a4",
-      "color.brand1.6": "84b3e5cc897f35a223de2b01e2eda4fb15e11631",
-      "color.brand1.7": "77694e097bd34d4a25888be0ca113a8fe02ede16",
-      "color.brand1.8": "a83d0826876f839f9dc5627220764c734e978a87",
-      "color.brand1.9": "acd169a4d73a501980675431ce23b57a98d6b0cd",
-      "color.brand1.10": "8310acfbdb5cef3731bdf8faba3fbf10c0cd6c66",
-      "color.brand1.11": "45746549fa426171180413d990023fa8c1c60eb4",
-      "color.brand1.12": "50378981d7ebb638fe058ad39cb7c688a631109e",
-      "color.brand1.13": "a2edc2db18b135675e32db3cf90fe50253440cec",
-      "color.brand1.contrast-1": "43f0b5cbce3e75a647d527906306e48533025768",
-      "color.brand1.contrast-2": "6c20bf21b03696de2bc8f0455be55e671ef3b56c",
-      "color.brand2.1": "fc8fdeb8820145da52224b88b291ef88bc890e55",
-      "color.brand2.2": "12d9f6d498398621d2dc9b416110b5af6538a2a5",
-      "color.brand2.3": "9a62bb1426e9f76535fc069d92095c2376d52454",
-      "color.brand2.4": "1ae643be25f27d318418830e503fccae2f6a5e80",
-      "color.brand2.5": "fbbf04c09d55b3ae872cc1bce7e126738494e259",
-      "color.brand2.6": "5d1afc7dd9f8b2ee8fa39c732ae006fdf9b8b214",
-      "color.brand2.7": "7c47ea9ad43ae0144db373baac73102b4f8dcae2",
-      "color.brand2.8": "648e47a7cd96d49c0a125c6296a97634b730784a",
-      "color.brand2.9": "2621e2ebac70764ea3bfb686730434908bd0327b",
-      "color.brand2.10": "e79b44b0ff43729fb6cbd1b50adac2fc597470f0",
-      "color.brand2.11": "49a79dcb670ec93eb9166441803254d757b94da6",
-      "color.brand2.12": "914b0986fedc41fd2d29390d34a17d53f1024692",
-      "color.brand2.13": "754bfcd9e21a9e06c6734c619e8e25e81914915e",
-      "color.brand2.contrast-1": "5871ed180680ffea0daaabd78052610a513cb8d3",
-      "color.brand2.contrast-2": "1b9e87679ef1553d0f1724a13b051aef0e45f77f",
-      "color.brand3.1": "5071a0ae81ab5bdcefc8ef86b561f698d842878a",
-      "color.brand3.2": "45d5c9e753c173757161e3526064c79ba2e43800",
-      "color.brand3.3": "413bc192ec41b1766fb00517c3ade123a00f0148",
-      "color.brand3.4": "32ff692b53565a413c43d0041b77dc7e0581b02a",
-      "color.brand3.5": "a87d187b5964c4c9e9809b3f7ecd1548ffdf2838",
-      "color.brand3.6": "dd2325e32e34b154de2af87db33f23da526d6965",
-      "color.brand3.7": "86e9ce4f29014334ae0dc007f73382038c1b3069",
-      "color.brand3.8": "569b4608622bcdba7174d9f2e7e39333b8d2203b",
-      "color.brand3.9": "b88890541720aed26c694cbbae82fd35656fe46f",
-      "color.brand3.10": "4dad7b7a4336a116d3ab5591d31d915c709ed7b8",
-      "color.brand3.11": "e5b1f59a67184ce3aa2e4caf2b6af5cf390663d2",
-      "color.brand3.12": "bef58c17112627f6d67ce188d0ab68c2c682abb3",
-      "color.brand3.13": "fbc9c17885e8248cd59157b6d07a8fe3a9386c55",
-      "color.brand3.contrast-1": "6bcf7be039ae7e1fae1bd2bd37c850e43273477d",
-      "color.brand3.contrast-2": "0cfbc6301ffe1e7bcc7cfb9dbc39765ccceaeb94",
-      "font.family": "32f399ee0e608727f1c4d02e8ceb892a6c3e79e0",
-      "font-weight.medium": "d48aac48a9fecf0dbe2e5c7b68427961007eac36",
-      "font-weight.semibold": "d684180ad99ad0b200080b18529a25476554343f",
-      "font-weight.regular": "82250a86efe7517071ff39e79b2579c5b57a6083",
-      "border-radius.1": "430e4e34456fbd05b0a5a818a553626419608b2b",
-      "border-radius.2": "d5832eb066c8b0a3dc25cded408a4d9f445432e2",
-      "border-radius.3": "785c1cfff3d8b21a3a29744f5a0f45f1f3ec0827",
-      "border-radius.base": "80b5d08a35a320b9bd2d4ecdbe2ccf0086315b88",
-      "border-radius.scale": "692a8c1f2038457a196ba0e077cdc70c6bad5e77",
-      "border-radius.6": "c1d38a59c2eb078642aafd112e1a23cc3107e2b1",
-      "border-radius.5": "84a4998341610ba4b0013144a7f14d9d2533cb9d"
+      "color.accent.1": "bb6257b934955e05f153da4cc5e353b4b2df3127",
+      "color.accent.2": "bdccc136452e6c4114bd9e3b5c0fb933576b4ae0",
+      "color.accent.3": "b410669e83ee37226ce365fe796ee532ae84ea25",
+      "color.accent.4": "9c14474b3f854cc3c5828190a400b639f65fae84",
+      "color.accent.5": "e5bb7e0eea0f6806cf09f1456eaa49bd048757a2",
+      "color.accent.6": "2603c282dfb86578c8164a71a567adf2cb06fed1",
+      "color.accent.7": "731db18159af231bd50cf47567bc1ed2a894bc61",
+      "color.accent.8": "e5cf6f4743fffae64b9d134b9338d0c0c6ee7726",
+      "color.accent.9": "36109fcf7963c0353864debc4915e0489e4d78bc",
+      "color.accent.10": "eae5a1dfe65a2285c116accca1bb1cb8a6d4fb11",
+      "color.accent.11": "946f06c3dc73530929155e14f5f112eff4da8451",
+      "color.accent.12": "07f5c3ba24dc42682a5ce156ef84c9e541ca1802",
+      "color.accent.13": "c489fe3dcdf56f1db0d9d666b065aa6ff9a23697",
+      "color.accent.contrast-1": "3c0d0134e9530334726bedf62590d0b3191ce2eb",
+      "color.accent.contrast-2": "c27b494360f1d3deaad33cd0a414fc9830e25f78",
+      "color.neutral.1": "0f1633d28f50a84ecea80975ee36570518f48532",
+      "color.neutral.2": "cae0ae64c7de413a53c6d6b492f14c40c2cadbed",
+      "color.neutral.3": "71579ae7256503b488bcab196a822a7355e1f353",
+      "color.neutral.4": "4d1f67f9049ec8f089ed1f8f9c3df363cd8aa95e",
+      "color.neutral.5": "f440cfe3983b196c8a185c00184ddb3ae0790209",
+      "color.neutral.6": "468bb68931ea4c48e836c0506c223a3968124a81",
+      "color.neutral.7": "14233eeb14414467f5171978ef9a85cef9087ec9",
+      "color.neutral.8": "5e01bdb828aa00b620cb17f34fe9e87f7e2a7665",
+      "color.neutral.9": "b6460ec7bdc513e5f26e166ad4dcdcd3f6ff4601",
+      "color.neutral.10": "618baa31b3d348a5d4ecd9579b0ab0642eeba5a7",
+      "color.neutral.11": "f1c52c5f28db6ef4e3e4b4ec85bf1625d0268cd6",
+      "color.neutral.12": "0f7c757ddb0a18264c4abd37e19a7eb11860cc28",
+      "color.neutral.13": "459224b8535e062d45b657be410b7523262f234b",
+      "color.neutral.contrast-1": "750ee1c27f207a4eff2727eb523f5ba1747294c2",
+      "color.neutral.contrast-2": "24aac7a87fd06aefd1828b376acb8ad429e32c90",
+      "color.brand1.1": "7bfb8dccf77c9c280e74d7bc9a76e0085b3cf935",
+      "color.brand1.2": "9b9ed395466b3bb1e66773eb3392f1fdc2f8e205",
+      "color.brand1.3": "3ec393e9b60824148b86bc48b6290f02d4ee31d1",
+      "color.brand1.4": "d0e8b15d90d3e3dd26d806d44bf42c4dd9824621",
+      "color.brand1.5": "858a40452ed07480e9f874bc10a28000723d2f34",
+      "color.brand1.6": "837e203793e020a7cba76d2745f86c9766c91658",
+      "color.brand1.7": "f7a92918d7b5705790e986b8c5f0ecea65e91f20",
+      "color.brand1.8": "575c50bf0a1dd7d79ea59080f54ad147b2db9f77",
+      "color.brand1.9": "20dbfaea51cd3601a6d3f82e2b9229d3b12a5dcc",
+      "color.brand1.10": "49454c9b2cc9a4a8a2b6bdffed2281eb7f09746f",
+      "color.brand1.11": "39f2abc553d27bfa78e224582aa44cd184db84bb",
+      "color.brand1.12": "293027f81777ec903bdfdaec4957a73a0e5993b9",
+      "color.brand1.13": "08088d473b0c57bfb797def3dc7d2967c5d62d6b",
+      "color.brand1.contrast-1": "f13eb32a7ef6a3768bd5c55423205ba9f464bf1c",
+      "color.brand1.contrast-2": "cc133729d16670186a8105eca1bd027858c9a77c",
+      "color.brand2.1": "2e05123e540f75230ff96e856abee021f5f025f5",
+      "color.brand2.2": "f39fac737c61553897d3096fe5a811537f897739",
+      "color.brand2.3": "ae542451356e3b0dfb56eb627e4625fffe7aa34f",
+      "color.brand2.4": "ce22770b0e4d62ca018e2e0cb00c72360d0d8d9b",
+      "color.brand2.5": "e2f0d4b91c6577ab8153686853bd39f24a60a43c",
+      "color.brand2.6": "a85aad2f881a0c8cf1177c5a08d3ee37d400d7e5",
+      "color.brand2.7": "0ca92a91cd03f484b0548e98f912eee17cdc0e36",
+      "color.brand2.8": "4c8e8dc311256b438c2c13fea1c196d7ea979230",
+      "color.brand2.9": "2cf02b1a3f6723810e99e513e12e06f1a74b739f",
+      "color.brand2.10": "7ec47a915af862a9378c760fcb2e7ad00ce4ed81",
+      "color.brand2.11": "ba8798e89ccc17a6b4ecf564ea028e911a3ec8d5",
+      "color.brand2.12": "14de39a06157e3d4ced60864c069fccdb6692428",
+      "color.brand2.13": "b95148cff6c4361be6a8a1c083937d8fcd7b67d2",
+      "color.brand2.contrast-1": "1d0e00cd6ed4f86ee32f5d4cd5130c20d3e058d3",
+      "color.brand2.contrast-2": "8670efea2abb74c9f8331bdd6255bbdb3212267e",
+      "color.brand3.1": "33289f03c5cb470e6cbda355dc788e9cfd9e5f7a",
+      "color.brand3.2": "dda6448d71685b304970d2a1d0af8bfd2c074ccc",
+      "color.brand3.3": "558529e0304dd6cabebec7b14b3bd51e8257164d",
+      "color.brand3.4": "89101c3173d9f7d53fd029b80501963987b833e3",
+      "color.brand3.5": "f59df683abd512f170a4adecf93505ce7f9acf4a",
+      "color.brand3.6": "7567a70d0706acd52fad04c134503b4968f12543",
+      "color.brand3.7": "243ed5baa9ad1c38dbe459d93e8e65b3f8286df4",
+      "color.brand3.8": "e38e626678c9fda161a8a96f0a3dd94cc36ac320",
+      "color.brand3.9": "103462740226f7fc0227ebc17964fcc156554ab5",
+      "color.brand3.10": "fc238a9637698494c3cd92bb3c5e00fd19a074d0",
+      "color.brand3.11": "25acffa859a4cd7f2adf4f1a23205b6abaa24d8a",
+      "color.brand3.12": "c844abfe7c9cdcea93c1398931f4abbdb6d5dcae",
+      "color.brand3.13": "e63ed3fc811b8cd891fa1a3e1e34d4f568171063",
+      "color.brand3.contrast-1": "73412bcd741619c722f22a1e0e06c2bb9c0ce334",
+      "color.brand3.contrast-2": "d47a4fd762451acc18bdbdcc2d6870597b1de541",
+      "font.family": "fa2c3afcab1f4853338e726e201eea8819db5178",
+      "font-weight.medium": "6f5a46ad95e7df91b6e6a25eaa1dfc39fcb01d30",
+      "font-weight.semibold": "a00b83f142c4ae882cd40b572cf768e743f61985",
+      "font-weight.regular": "a074286c348acc2e5dc4139dc7f3687f4f553528",
+      "border-radius.1": "49a08e40f52a3468c01e7f1a9845ffd6d7f8c9e7",
+      "border-radius.2": "818278cc4030b5e44b39c0e4e379f0b801cd0f81",
+      "border-radius.3": "30809b71d0dae2a5d5f34ac2b0e618f6c6431905",
+      "border-radius.4": "0d1d33cd41105813ce5bb1371515aa2c60cb71cd",
+      "border-radius.5": "6ea837cf433ca98546e6f60fa14142008f8b095c",
+      "border-radius.base": "c83c4b8a36d4c4754d0cce2cd586a3d727a97447",
+      "border-radius.scale": "d931b3e2435a7e8399465120cbb1a43022e3c7f8"
     },
     "group": "Theme"
   },
@@ -1034,92 +1133,92 @@
     "$figmaCollectionId": "VariableCollectionId:36528:61712",
     "$figmaModeId": "36528:1",
     "$figmaVariableReferences": {
-      "color.accent.1": "d57e9b1b26f7ec0af7a590ebcc81414ec4c9dedd",
-      "color.accent.2": "de3963c909e278c1442f0f746002763506bdc3f3",
-      "color.accent.3": "f20e35c5c0229b54a8a7a3c656dea1948b2750b4",
-      "color.accent.4": "6ca5193143ecedb87966d55482cd754c31b80382",
-      "color.accent.5": "c557bada980622750ae29bbbf685505587c31fa4",
-      "color.accent.6": "885fe85f40884fea07f87859c3fe8939d808e33c",
-      "color.accent.7": "a391ced167abf6b10a9a35705507761dd9256a67",
-      "color.accent.8": "1373dd7a8a00fb2a0e4e49dcd1128f788c02214a",
-      "color.accent.9": "198e233c4e85adca1483b9221d6cfc12ab6ef3d4",
-      "color.accent.10": "7350ab90fca66ae7c9bdb3106532bdd110415669",
-      "color.accent.11": "153245fd66c8d8ce55f8017e2376c3168a9d547b",
-      "color.accent.12": "2d7025a144106aa3c54e9fe84d9d0d716701dd4b",
-      "color.accent.13": "ae0f3073e6acc5d8da8ea854779b79d64cdd8e91",
-      "color.accent.contrast-1": "ddc1c50254633de2e5a78e65a17db3d86a6f0cfe",
-      "color.accent.contrast-2": "2e9a64d28cec56c1f4ade66a88809eb21954fcfc",
-      "color.neutral.1": "f943fe804a635e951ea5f3b18c336b94d1ced599",
-      "color.neutral.2": "f2a916f3c3bd96e0d64fe62702e30877b3d19136",
-      "color.neutral.3": "8d54f45aef90401d3bea38fa2523a831bc006cb6",
-      "color.neutral.4": "84bb3e674bb40e8e9637adb19a227c8651e025ba",
-      "color.neutral.5": "afebc11336fac619672ddba1b483c402f78c93a6",
-      "color.neutral.6": "eef38f4886935887f7c5baa39a978fbb8dfe4be5",
-      "color.neutral.7": "d066cfef2a53014313d0b46295ded18ae71fe70e",
-      "color.neutral.8": "196277919b1c8989cb48d64669ecb3b8a078c1df",
-      "color.neutral.9": "212fe4731bd0cb224a4b2e4c8c2d92b460afca86",
-      "color.neutral.10": "03ba954f0063c6559435d7cd4c4dbc6a1a10f55d",
-      "color.neutral.11": "4772ca780405fbdda5cb1625c8cb7a10cf0417dd",
-      "color.neutral.12": "30b1838bcfe59c82f64f04f98a9ccaeb704a8412",
-      "color.neutral.13": "4e8e8df56aa5f03ea656a71efc353876d001947b",
-      "color.neutral.contrast-1": "f20564539bd756fa841c98f3b52bf0fe05e1ec13",
-      "color.neutral.contrast-2": "6c748de83d2148555e00f26d1dd3ebc71bfe0ede",
-      "color.brand1.1": "30544dbd7c178f2b72a2c2fbf0ea1276e18f037e",
-      "color.brand1.2": "5060c8828379ec1adf652b31f5c2ae4690a1e024",
-      "color.brand1.3": "3230c2ba7bf52fd0c429ec81c857aebb46496f2a",
-      "color.brand1.4": "6576d5212c0d0378ef57c4edec16fa8a176e3be8",
-      "color.brand1.5": "10e252f6922ac5bbe1f72e439d394a3ce84c93a4",
-      "color.brand1.6": "84b3e5cc897f35a223de2b01e2eda4fb15e11631",
-      "color.brand1.7": "77694e097bd34d4a25888be0ca113a8fe02ede16",
-      "color.brand1.8": "a83d0826876f839f9dc5627220764c734e978a87",
-      "color.brand1.9": "acd169a4d73a501980675431ce23b57a98d6b0cd",
-      "color.brand1.10": "8310acfbdb5cef3731bdf8faba3fbf10c0cd6c66",
-      "color.brand1.11": "45746549fa426171180413d990023fa8c1c60eb4",
-      "color.brand1.12": "50378981d7ebb638fe058ad39cb7c688a631109e",
-      "color.brand1.13": "a2edc2db18b135675e32db3cf90fe50253440cec",
-      "color.brand1.contrast-1": "43f0b5cbce3e75a647d527906306e48533025768",
-      "color.brand1.contrast-2": "6c20bf21b03696de2bc8f0455be55e671ef3b56c",
-      "color.brand2.1": "fc8fdeb8820145da52224b88b291ef88bc890e55",
-      "color.brand2.2": "12d9f6d498398621d2dc9b416110b5af6538a2a5",
-      "color.brand2.3": "9a62bb1426e9f76535fc069d92095c2376d52454",
-      "color.brand2.4": "1ae643be25f27d318418830e503fccae2f6a5e80",
-      "color.brand2.5": "fbbf04c09d55b3ae872cc1bce7e126738494e259",
-      "color.brand2.6": "5d1afc7dd9f8b2ee8fa39c732ae006fdf9b8b214",
-      "color.brand2.7": "7c47ea9ad43ae0144db373baac73102b4f8dcae2",
-      "color.brand2.8": "648e47a7cd96d49c0a125c6296a97634b730784a",
-      "color.brand2.9": "2621e2ebac70764ea3bfb686730434908bd0327b",
-      "color.brand2.10": "e79b44b0ff43729fb6cbd1b50adac2fc597470f0",
-      "color.brand2.11": "49a79dcb670ec93eb9166441803254d757b94da6",
-      "color.brand2.12": "914b0986fedc41fd2d29390d34a17d53f1024692",
-      "color.brand2.13": "754bfcd9e21a9e06c6734c619e8e25e81914915e",
-      "color.brand2.contrast-1": "5871ed180680ffea0daaabd78052610a513cb8d3",
-      "color.brand2.contrast-2": "1b9e87679ef1553d0f1724a13b051aef0e45f77f",
-      "color.brand3.1": "5071a0ae81ab5bdcefc8ef86b561f698d842878a",
-      "color.brand3.2": "45d5c9e753c173757161e3526064c79ba2e43800",
-      "color.brand3.3": "413bc192ec41b1766fb00517c3ade123a00f0148",
-      "color.brand3.4": "32ff692b53565a413c43d0041b77dc7e0581b02a",
-      "color.brand3.5": "a87d187b5964c4c9e9809b3f7ecd1548ffdf2838",
-      "color.brand3.6": "dd2325e32e34b154de2af87db33f23da526d6965",
-      "color.brand3.7": "86e9ce4f29014334ae0dc007f73382038c1b3069",
-      "color.brand3.8": "569b4608622bcdba7174d9f2e7e39333b8d2203b",
-      "color.brand3.9": "b88890541720aed26c694cbbae82fd35656fe46f",
-      "color.brand3.10": "4dad7b7a4336a116d3ab5591d31d915c709ed7b8",
-      "color.brand3.11": "e5b1f59a67184ce3aa2e4caf2b6af5cf390663d2",
-      "color.brand3.12": "bef58c17112627f6d67ce188d0ab68c2c682abb3",
-      "color.brand3.13": "fbc9c17885e8248cd59157b6d07a8fe3a9386c55",
-      "color.brand3.contrast-1": "6bcf7be039ae7e1fae1bd2bd37c850e43273477d",
-      "color.brand3.contrast-2": "0cfbc6301ffe1e7bcc7cfb9dbc39765ccceaeb94",
-      "font.family": "32f399ee0e608727f1c4d02e8ceb892a6c3e79e0",
-      "font-weight.medium": "d48aac48a9fecf0dbe2e5c7b68427961007eac36",
-      "font-weight.semibold": "d684180ad99ad0b200080b18529a25476554343f",
-      "font-weight.regular": "82250a86efe7517071ff39e79b2579c5b57a6083",
-      "border-radius.1": "430e4e34456fbd05b0a5a818a553626419608b2b",
-      "border-radius.2": "d5832eb066c8b0a3dc25cded408a4d9f445432e2",
-      "border-radius.3": "785c1cfff3d8b21a3a29744f5a0f45f1f3ec0827",
-      "border-radius.base": "80b5d08a35a320b9bd2d4ecdbe2ccf0086315b88",
-      "border-radius.scale": "692a8c1f2038457a196ba0e077cdc70c6bad5e77",
-      "border-radius.6": "c1d38a59c2eb078642aafd112e1a23cc3107e2b1",
-      "border-radius.5": "84a4998341610ba4b0013144a7f14d9d2533cb9d"
+      "color.accent.1": "bb6257b934955e05f153da4cc5e353b4b2df3127",
+      "color.accent.2": "bdccc136452e6c4114bd9e3b5c0fb933576b4ae0",
+      "color.accent.3": "b410669e83ee37226ce365fe796ee532ae84ea25",
+      "color.accent.4": "9c14474b3f854cc3c5828190a400b639f65fae84",
+      "color.accent.5": "e5bb7e0eea0f6806cf09f1456eaa49bd048757a2",
+      "color.accent.6": "2603c282dfb86578c8164a71a567adf2cb06fed1",
+      "color.accent.7": "731db18159af231bd50cf47567bc1ed2a894bc61",
+      "color.accent.8": "e5cf6f4743fffae64b9d134b9338d0c0c6ee7726",
+      "color.accent.9": "36109fcf7963c0353864debc4915e0489e4d78bc",
+      "color.accent.10": "eae5a1dfe65a2285c116accca1bb1cb8a6d4fb11",
+      "color.accent.11": "946f06c3dc73530929155e14f5f112eff4da8451",
+      "color.accent.12": "07f5c3ba24dc42682a5ce156ef84c9e541ca1802",
+      "color.accent.13": "c489fe3dcdf56f1db0d9d666b065aa6ff9a23697",
+      "color.accent.contrast-1": "3c0d0134e9530334726bedf62590d0b3191ce2eb",
+      "color.accent.contrast-2": "c27b494360f1d3deaad33cd0a414fc9830e25f78",
+      "color.neutral.1": "0f1633d28f50a84ecea80975ee36570518f48532",
+      "color.neutral.2": "cae0ae64c7de413a53c6d6b492f14c40c2cadbed",
+      "color.neutral.3": "71579ae7256503b488bcab196a822a7355e1f353",
+      "color.neutral.4": "4d1f67f9049ec8f089ed1f8f9c3df363cd8aa95e",
+      "color.neutral.5": "f440cfe3983b196c8a185c00184ddb3ae0790209",
+      "color.neutral.6": "468bb68931ea4c48e836c0506c223a3968124a81",
+      "color.neutral.7": "14233eeb14414467f5171978ef9a85cef9087ec9",
+      "color.neutral.8": "5e01bdb828aa00b620cb17f34fe9e87f7e2a7665",
+      "color.neutral.9": "b6460ec7bdc513e5f26e166ad4dcdcd3f6ff4601",
+      "color.neutral.10": "618baa31b3d348a5d4ecd9579b0ab0642eeba5a7",
+      "color.neutral.11": "f1c52c5f28db6ef4e3e4b4ec85bf1625d0268cd6",
+      "color.neutral.12": "0f7c757ddb0a18264c4abd37e19a7eb11860cc28",
+      "color.neutral.13": "459224b8535e062d45b657be410b7523262f234b",
+      "color.neutral.contrast-1": "750ee1c27f207a4eff2727eb523f5ba1747294c2",
+      "color.neutral.contrast-2": "24aac7a87fd06aefd1828b376acb8ad429e32c90",
+      "color.brand1.1": "7bfb8dccf77c9c280e74d7bc9a76e0085b3cf935",
+      "color.brand1.2": "9b9ed395466b3bb1e66773eb3392f1fdc2f8e205",
+      "color.brand1.3": "3ec393e9b60824148b86bc48b6290f02d4ee31d1",
+      "color.brand1.4": "d0e8b15d90d3e3dd26d806d44bf42c4dd9824621",
+      "color.brand1.5": "858a40452ed07480e9f874bc10a28000723d2f34",
+      "color.brand1.6": "837e203793e020a7cba76d2745f86c9766c91658",
+      "color.brand1.7": "f7a92918d7b5705790e986b8c5f0ecea65e91f20",
+      "color.brand1.8": "575c50bf0a1dd7d79ea59080f54ad147b2db9f77",
+      "color.brand1.9": "20dbfaea51cd3601a6d3f82e2b9229d3b12a5dcc",
+      "color.brand1.10": "49454c9b2cc9a4a8a2b6bdffed2281eb7f09746f",
+      "color.brand1.11": "39f2abc553d27bfa78e224582aa44cd184db84bb",
+      "color.brand1.12": "293027f81777ec903bdfdaec4957a73a0e5993b9",
+      "color.brand1.13": "08088d473b0c57bfb797def3dc7d2967c5d62d6b",
+      "color.brand1.contrast-1": "f13eb32a7ef6a3768bd5c55423205ba9f464bf1c",
+      "color.brand1.contrast-2": "cc133729d16670186a8105eca1bd027858c9a77c",
+      "color.brand2.1": "2e05123e540f75230ff96e856abee021f5f025f5",
+      "color.brand2.2": "f39fac737c61553897d3096fe5a811537f897739",
+      "color.brand2.3": "ae542451356e3b0dfb56eb627e4625fffe7aa34f",
+      "color.brand2.4": "ce22770b0e4d62ca018e2e0cb00c72360d0d8d9b",
+      "color.brand2.5": "e2f0d4b91c6577ab8153686853bd39f24a60a43c",
+      "color.brand2.6": "a85aad2f881a0c8cf1177c5a08d3ee37d400d7e5",
+      "color.brand2.7": "0ca92a91cd03f484b0548e98f912eee17cdc0e36",
+      "color.brand2.8": "4c8e8dc311256b438c2c13fea1c196d7ea979230",
+      "color.brand2.9": "2cf02b1a3f6723810e99e513e12e06f1a74b739f",
+      "color.brand2.10": "7ec47a915af862a9378c760fcb2e7ad00ce4ed81",
+      "color.brand2.11": "ba8798e89ccc17a6b4ecf564ea028e911a3ec8d5",
+      "color.brand2.12": "14de39a06157e3d4ced60864c069fccdb6692428",
+      "color.brand2.13": "b95148cff6c4361be6a8a1c083937d8fcd7b67d2",
+      "color.brand2.contrast-1": "1d0e00cd6ed4f86ee32f5d4cd5130c20d3e058d3",
+      "color.brand2.contrast-2": "8670efea2abb74c9f8331bdd6255bbdb3212267e",
+      "color.brand3.1": "33289f03c5cb470e6cbda355dc788e9cfd9e5f7a",
+      "color.brand3.2": "dda6448d71685b304970d2a1d0af8bfd2c074ccc",
+      "color.brand3.3": "558529e0304dd6cabebec7b14b3bd51e8257164d",
+      "color.brand3.4": "89101c3173d9f7d53fd029b80501963987b833e3",
+      "color.brand3.5": "f59df683abd512f170a4adecf93505ce7f9acf4a",
+      "color.brand3.6": "7567a70d0706acd52fad04c134503b4968f12543",
+      "color.brand3.7": "243ed5baa9ad1c38dbe459d93e8e65b3f8286df4",
+      "color.brand3.8": "e38e626678c9fda161a8a96f0a3dd94cc36ac320",
+      "color.brand3.9": "103462740226f7fc0227ebc17964fcc156554ab5",
+      "color.brand3.10": "fc238a9637698494c3cd92bb3c5e00fd19a074d0",
+      "color.brand3.11": "25acffa859a4cd7f2adf4f1a23205b6abaa24d8a",
+      "color.brand3.12": "c844abfe7c9cdcea93c1398931f4abbdb6d5dcae",
+      "color.brand3.13": "e63ed3fc811b8cd891fa1a3e1e34d4f568171063",
+      "color.brand3.contrast-1": "73412bcd741619c722f22a1e0e06c2bb9c0ce334",
+      "color.brand3.contrast-2": "d47a4fd762451acc18bdbdcc2d6870597b1de541",
+      "font.family": "fa2c3afcab1f4853338e726e201eea8819db5178",
+      "font-weight.medium": "6f5a46ad95e7df91b6e6a25eaa1dfc39fcb01d30",
+      "font-weight.semibold": "a00b83f142c4ae882cd40b572cf768e743f61985",
+      "font-weight.regular": "a074286c348acc2e5dc4139dc7f3687f4f553528",
+      "border-radius.1": "49a08e40f52a3468c01e7f1a9845ffd6d7f8c9e7",
+      "border-radius.2": "818278cc4030b5e44b39c0e4e379f0b801cd0f81",
+      "border-radius.3": "30809b71d0dae2a5d5f34ac2b0e618f6c6431905",
+      "border-radius.4": "0d1d33cd41105813ce5bb1371515aa2c60cb71cd",
+      "border-radius.5": "6ea837cf433ca98546e6f60fa14142008f8b095c",
+      "border-radius.base": "c83c4b8a36d4c4754d0cce2cd586a3d727a97447",
+      "border-radius.scale": "d931b3e2435a7e8399465120cbb1a43022e3c7f8"
     },
     "group": "Theme"
   },
@@ -1133,92 +1232,92 @@
     "$figmaCollectionId": "VariableCollectionId:36528:61712",
     "$figmaModeId": "36528:2",
     "$figmaVariableReferences": {
-      "color.accent.1": "d57e9b1b26f7ec0af7a590ebcc81414ec4c9dedd",
-      "color.accent.2": "de3963c909e278c1442f0f746002763506bdc3f3",
-      "color.accent.3": "f20e35c5c0229b54a8a7a3c656dea1948b2750b4",
-      "color.accent.4": "6ca5193143ecedb87966d55482cd754c31b80382",
-      "color.accent.5": "c557bada980622750ae29bbbf685505587c31fa4",
-      "color.accent.6": "885fe85f40884fea07f87859c3fe8939d808e33c",
-      "color.accent.7": "a391ced167abf6b10a9a35705507761dd9256a67",
-      "color.accent.8": "1373dd7a8a00fb2a0e4e49dcd1128f788c02214a",
-      "color.accent.9": "198e233c4e85adca1483b9221d6cfc12ab6ef3d4",
-      "color.accent.10": "7350ab90fca66ae7c9bdb3106532bdd110415669",
-      "color.accent.11": "153245fd66c8d8ce55f8017e2376c3168a9d547b",
-      "color.accent.12": "2d7025a144106aa3c54e9fe84d9d0d716701dd4b",
-      "color.accent.13": "ae0f3073e6acc5d8da8ea854779b79d64cdd8e91",
-      "color.accent.contrast-1": "ddc1c50254633de2e5a78e65a17db3d86a6f0cfe",
-      "color.accent.contrast-2": "2e9a64d28cec56c1f4ade66a88809eb21954fcfc",
-      "color.neutral.1": "f943fe804a635e951ea5f3b18c336b94d1ced599",
-      "color.neutral.2": "f2a916f3c3bd96e0d64fe62702e30877b3d19136",
-      "color.neutral.3": "8d54f45aef90401d3bea38fa2523a831bc006cb6",
-      "color.neutral.4": "84bb3e674bb40e8e9637adb19a227c8651e025ba",
-      "color.neutral.5": "afebc11336fac619672ddba1b483c402f78c93a6",
-      "color.neutral.6": "eef38f4886935887f7c5baa39a978fbb8dfe4be5",
-      "color.neutral.7": "d066cfef2a53014313d0b46295ded18ae71fe70e",
-      "color.neutral.8": "196277919b1c8989cb48d64669ecb3b8a078c1df",
-      "color.neutral.9": "212fe4731bd0cb224a4b2e4c8c2d92b460afca86",
-      "color.neutral.10": "03ba954f0063c6559435d7cd4c4dbc6a1a10f55d",
-      "color.neutral.11": "4772ca780405fbdda5cb1625c8cb7a10cf0417dd",
-      "color.neutral.12": "30b1838bcfe59c82f64f04f98a9ccaeb704a8412",
-      "color.neutral.13": "4e8e8df56aa5f03ea656a71efc353876d001947b",
-      "color.neutral.contrast-1": "f20564539bd756fa841c98f3b52bf0fe05e1ec13",
-      "color.neutral.contrast-2": "6c748de83d2148555e00f26d1dd3ebc71bfe0ede",
-      "color.brand1.1": "30544dbd7c178f2b72a2c2fbf0ea1276e18f037e",
-      "color.brand1.2": "5060c8828379ec1adf652b31f5c2ae4690a1e024",
-      "color.brand1.3": "3230c2ba7bf52fd0c429ec81c857aebb46496f2a",
-      "color.brand1.4": "6576d5212c0d0378ef57c4edec16fa8a176e3be8",
-      "color.brand1.5": "10e252f6922ac5bbe1f72e439d394a3ce84c93a4",
-      "color.brand1.6": "84b3e5cc897f35a223de2b01e2eda4fb15e11631",
-      "color.brand1.7": "77694e097bd34d4a25888be0ca113a8fe02ede16",
-      "color.brand1.8": "a83d0826876f839f9dc5627220764c734e978a87",
-      "color.brand1.9": "acd169a4d73a501980675431ce23b57a98d6b0cd",
-      "color.brand1.10": "8310acfbdb5cef3731bdf8faba3fbf10c0cd6c66",
-      "color.brand1.11": "45746549fa426171180413d990023fa8c1c60eb4",
-      "color.brand1.12": "50378981d7ebb638fe058ad39cb7c688a631109e",
-      "color.brand1.13": "a2edc2db18b135675e32db3cf90fe50253440cec",
-      "color.brand1.contrast-1": "43f0b5cbce3e75a647d527906306e48533025768",
-      "color.brand1.contrast-2": "6c20bf21b03696de2bc8f0455be55e671ef3b56c",
-      "color.brand2.1": "fc8fdeb8820145da52224b88b291ef88bc890e55",
-      "color.brand2.2": "12d9f6d498398621d2dc9b416110b5af6538a2a5",
-      "color.brand2.3": "9a62bb1426e9f76535fc069d92095c2376d52454",
-      "color.brand2.4": "1ae643be25f27d318418830e503fccae2f6a5e80",
-      "color.brand2.5": "fbbf04c09d55b3ae872cc1bce7e126738494e259",
-      "color.brand2.6": "5d1afc7dd9f8b2ee8fa39c732ae006fdf9b8b214",
-      "color.brand2.7": "7c47ea9ad43ae0144db373baac73102b4f8dcae2",
-      "color.brand2.8": "648e47a7cd96d49c0a125c6296a97634b730784a",
-      "color.brand2.9": "2621e2ebac70764ea3bfb686730434908bd0327b",
-      "color.brand2.10": "e79b44b0ff43729fb6cbd1b50adac2fc597470f0",
-      "color.brand2.11": "49a79dcb670ec93eb9166441803254d757b94da6",
-      "color.brand2.12": "914b0986fedc41fd2d29390d34a17d53f1024692",
-      "color.brand2.13": "754bfcd9e21a9e06c6734c619e8e25e81914915e",
-      "color.brand2.contrast-1": "5871ed180680ffea0daaabd78052610a513cb8d3",
-      "color.brand2.contrast-2": "1b9e87679ef1553d0f1724a13b051aef0e45f77f",
-      "color.brand3.1": "5071a0ae81ab5bdcefc8ef86b561f698d842878a",
-      "color.brand3.2": "45d5c9e753c173757161e3526064c79ba2e43800",
-      "color.brand3.3": "413bc192ec41b1766fb00517c3ade123a00f0148",
-      "color.brand3.4": "32ff692b53565a413c43d0041b77dc7e0581b02a",
-      "color.brand3.5": "a87d187b5964c4c9e9809b3f7ecd1548ffdf2838",
-      "color.brand3.6": "dd2325e32e34b154de2af87db33f23da526d6965",
-      "color.brand3.7": "86e9ce4f29014334ae0dc007f73382038c1b3069",
-      "color.brand3.8": "569b4608622bcdba7174d9f2e7e39333b8d2203b",
-      "color.brand3.9": "b88890541720aed26c694cbbae82fd35656fe46f",
-      "color.brand3.10": "4dad7b7a4336a116d3ab5591d31d915c709ed7b8",
-      "color.brand3.11": "e5b1f59a67184ce3aa2e4caf2b6af5cf390663d2",
-      "color.brand3.12": "bef58c17112627f6d67ce188d0ab68c2c682abb3",
-      "color.brand3.13": "fbc9c17885e8248cd59157b6d07a8fe3a9386c55",
-      "color.brand3.contrast-1": "6bcf7be039ae7e1fae1bd2bd37c850e43273477d",
-      "color.brand3.contrast-2": "0cfbc6301ffe1e7bcc7cfb9dbc39765ccceaeb94",
-      "font.family": "32f399ee0e608727f1c4d02e8ceb892a6c3e79e0",
-      "font-weight.medium": "d48aac48a9fecf0dbe2e5c7b68427961007eac36",
-      "font-weight.semibold": "d684180ad99ad0b200080b18529a25476554343f",
-      "font-weight.regular": "82250a86efe7517071ff39e79b2579c5b57a6083",
-      "border-radius.1": "430e4e34456fbd05b0a5a818a553626419608b2b",
-      "border-radius.2": "d5832eb066c8b0a3dc25cded408a4d9f445432e2",
-      "border-radius.3": "785c1cfff3d8b21a3a29744f5a0f45f1f3ec0827",
-      "border-radius.base": "80b5d08a35a320b9bd2d4ecdbe2ccf0086315b88",
-      "border-radius.scale": "692a8c1f2038457a196ba0e077cdc70c6bad5e77",
-      "border-radius.6": "c1d38a59c2eb078642aafd112e1a23cc3107e2b1",
-      "border-radius.5": "84a4998341610ba4b0013144a7f14d9d2533cb9d"
+      "color.accent.1": "bb6257b934955e05f153da4cc5e353b4b2df3127",
+      "color.accent.2": "bdccc136452e6c4114bd9e3b5c0fb933576b4ae0",
+      "color.accent.3": "b410669e83ee37226ce365fe796ee532ae84ea25",
+      "color.accent.4": "9c14474b3f854cc3c5828190a400b639f65fae84",
+      "color.accent.5": "e5bb7e0eea0f6806cf09f1456eaa49bd048757a2",
+      "color.accent.6": "2603c282dfb86578c8164a71a567adf2cb06fed1",
+      "color.accent.7": "731db18159af231bd50cf47567bc1ed2a894bc61",
+      "color.accent.8": "e5cf6f4743fffae64b9d134b9338d0c0c6ee7726",
+      "color.accent.9": "36109fcf7963c0353864debc4915e0489e4d78bc",
+      "color.accent.10": "eae5a1dfe65a2285c116accca1bb1cb8a6d4fb11",
+      "color.accent.11": "946f06c3dc73530929155e14f5f112eff4da8451",
+      "color.accent.12": "07f5c3ba24dc42682a5ce156ef84c9e541ca1802",
+      "color.accent.13": "c489fe3dcdf56f1db0d9d666b065aa6ff9a23697",
+      "color.accent.contrast-1": "3c0d0134e9530334726bedf62590d0b3191ce2eb",
+      "color.accent.contrast-2": "c27b494360f1d3deaad33cd0a414fc9830e25f78",
+      "color.neutral.1": "0f1633d28f50a84ecea80975ee36570518f48532",
+      "color.neutral.2": "cae0ae64c7de413a53c6d6b492f14c40c2cadbed",
+      "color.neutral.3": "71579ae7256503b488bcab196a822a7355e1f353",
+      "color.neutral.4": "4d1f67f9049ec8f089ed1f8f9c3df363cd8aa95e",
+      "color.neutral.5": "f440cfe3983b196c8a185c00184ddb3ae0790209",
+      "color.neutral.6": "468bb68931ea4c48e836c0506c223a3968124a81",
+      "color.neutral.7": "14233eeb14414467f5171978ef9a85cef9087ec9",
+      "color.neutral.8": "5e01bdb828aa00b620cb17f34fe9e87f7e2a7665",
+      "color.neutral.9": "b6460ec7bdc513e5f26e166ad4dcdcd3f6ff4601",
+      "color.neutral.10": "618baa31b3d348a5d4ecd9579b0ab0642eeba5a7",
+      "color.neutral.11": "f1c52c5f28db6ef4e3e4b4ec85bf1625d0268cd6",
+      "color.neutral.12": "0f7c757ddb0a18264c4abd37e19a7eb11860cc28",
+      "color.neutral.13": "459224b8535e062d45b657be410b7523262f234b",
+      "color.neutral.contrast-1": "750ee1c27f207a4eff2727eb523f5ba1747294c2",
+      "color.neutral.contrast-2": "24aac7a87fd06aefd1828b376acb8ad429e32c90",
+      "color.brand1.1": "7bfb8dccf77c9c280e74d7bc9a76e0085b3cf935",
+      "color.brand1.2": "9b9ed395466b3bb1e66773eb3392f1fdc2f8e205",
+      "color.brand1.3": "3ec393e9b60824148b86bc48b6290f02d4ee31d1",
+      "color.brand1.4": "d0e8b15d90d3e3dd26d806d44bf42c4dd9824621",
+      "color.brand1.5": "858a40452ed07480e9f874bc10a28000723d2f34",
+      "color.brand1.6": "837e203793e020a7cba76d2745f86c9766c91658",
+      "color.brand1.7": "f7a92918d7b5705790e986b8c5f0ecea65e91f20",
+      "color.brand1.8": "575c50bf0a1dd7d79ea59080f54ad147b2db9f77",
+      "color.brand1.9": "20dbfaea51cd3601a6d3f82e2b9229d3b12a5dcc",
+      "color.brand1.10": "49454c9b2cc9a4a8a2b6bdffed2281eb7f09746f",
+      "color.brand1.11": "39f2abc553d27bfa78e224582aa44cd184db84bb",
+      "color.brand1.12": "293027f81777ec903bdfdaec4957a73a0e5993b9",
+      "color.brand1.13": "08088d473b0c57bfb797def3dc7d2967c5d62d6b",
+      "color.brand1.contrast-1": "f13eb32a7ef6a3768bd5c55423205ba9f464bf1c",
+      "color.brand1.contrast-2": "cc133729d16670186a8105eca1bd027858c9a77c",
+      "color.brand2.1": "2e05123e540f75230ff96e856abee021f5f025f5",
+      "color.brand2.2": "f39fac737c61553897d3096fe5a811537f897739",
+      "color.brand2.3": "ae542451356e3b0dfb56eb627e4625fffe7aa34f",
+      "color.brand2.4": "ce22770b0e4d62ca018e2e0cb00c72360d0d8d9b",
+      "color.brand2.5": "e2f0d4b91c6577ab8153686853bd39f24a60a43c",
+      "color.brand2.6": "a85aad2f881a0c8cf1177c5a08d3ee37d400d7e5",
+      "color.brand2.7": "0ca92a91cd03f484b0548e98f912eee17cdc0e36",
+      "color.brand2.8": "4c8e8dc311256b438c2c13fea1c196d7ea979230",
+      "color.brand2.9": "2cf02b1a3f6723810e99e513e12e06f1a74b739f",
+      "color.brand2.10": "7ec47a915af862a9378c760fcb2e7ad00ce4ed81",
+      "color.brand2.11": "ba8798e89ccc17a6b4ecf564ea028e911a3ec8d5",
+      "color.brand2.12": "14de39a06157e3d4ced60864c069fccdb6692428",
+      "color.brand2.13": "b95148cff6c4361be6a8a1c083937d8fcd7b67d2",
+      "color.brand2.contrast-1": "1d0e00cd6ed4f86ee32f5d4cd5130c20d3e058d3",
+      "color.brand2.contrast-2": "8670efea2abb74c9f8331bdd6255bbdb3212267e",
+      "color.brand3.1": "33289f03c5cb470e6cbda355dc788e9cfd9e5f7a",
+      "color.brand3.2": "dda6448d71685b304970d2a1d0af8bfd2c074ccc",
+      "color.brand3.3": "558529e0304dd6cabebec7b14b3bd51e8257164d",
+      "color.brand3.4": "89101c3173d9f7d53fd029b80501963987b833e3",
+      "color.brand3.5": "f59df683abd512f170a4adecf93505ce7f9acf4a",
+      "color.brand3.6": "7567a70d0706acd52fad04c134503b4968f12543",
+      "color.brand3.7": "243ed5baa9ad1c38dbe459d93e8e65b3f8286df4",
+      "color.brand3.8": "e38e626678c9fda161a8a96f0a3dd94cc36ac320",
+      "color.brand3.9": "103462740226f7fc0227ebc17964fcc156554ab5",
+      "color.brand3.10": "fc238a9637698494c3cd92bb3c5e00fd19a074d0",
+      "color.brand3.11": "25acffa859a4cd7f2adf4f1a23205b6abaa24d8a",
+      "color.brand3.12": "c844abfe7c9cdcea93c1398931f4abbdb6d5dcae",
+      "color.brand3.13": "e63ed3fc811b8cd891fa1a3e1e34d4f568171063",
+      "color.brand3.contrast-1": "73412bcd741619c722f22a1e0e06c2bb9c0ce334",
+      "color.brand3.contrast-2": "d47a4fd762451acc18bdbdcc2d6870597b1de541",
+      "font.family": "fa2c3afcab1f4853338e726e201eea8819db5178",
+      "font-weight.medium": "6f5a46ad95e7df91b6e6a25eaa1dfc39fcb01d30",
+      "font-weight.semibold": "a00b83f142c4ae882cd40b572cf768e743f61985",
+      "font-weight.regular": "a074286c348acc2e5dc4139dc7f3687f4f553528",
+      "border-radius.1": "49a08e40f52a3468c01e7f1a9845ffd6d7f8c9e7",
+      "border-radius.2": "818278cc4030b5e44b39c0e4e379f0b801cd0f81",
+      "border-radius.3": "30809b71d0dae2a5d5f34ac2b0e618f6c6431905",
+      "border-radius.4": "0d1d33cd41105813ce5bb1371515aa2c60cb71cd",
+      "border-radius.5": "6ea837cf433ca98546e6f60fa14142008f8b095c",
+      "border-radius.base": "c83c4b8a36d4c4754d0cce2cd586a3d727a97447",
+      "border-radius.scale": "d931b3e2435a7e8399465120cbb1a43022e3c7f8"
     },
     "group": "Theme"
   },
@@ -1571,92 +1670,92 @@
     "$figmaCollectionId": "VariableCollectionId:36528:61712",
     "$figmaModeId": "36528:3",
     "$figmaVariableReferences": {
-      "color.accent.1": "d57e9b1b26f7ec0af7a590ebcc81414ec4c9dedd",
-      "color.accent.2": "de3963c909e278c1442f0f746002763506bdc3f3",
-      "color.accent.3": "f20e35c5c0229b54a8a7a3c656dea1948b2750b4",
-      "color.accent.4": "6ca5193143ecedb87966d55482cd754c31b80382",
-      "color.accent.5": "c557bada980622750ae29bbbf685505587c31fa4",
-      "color.accent.6": "885fe85f40884fea07f87859c3fe8939d808e33c",
-      "color.accent.7": "a391ced167abf6b10a9a35705507761dd9256a67",
-      "color.accent.8": "1373dd7a8a00fb2a0e4e49dcd1128f788c02214a",
-      "color.accent.9": "198e233c4e85adca1483b9221d6cfc12ab6ef3d4",
-      "color.accent.10": "7350ab90fca66ae7c9bdb3106532bdd110415669",
-      "color.accent.11": "153245fd66c8d8ce55f8017e2376c3168a9d547b",
-      "color.accent.12": "2d7025a144106aa3c54e9fe84d9d0d716701dd4b",
-      "color.accent.13": "ae0f3073e6acc5d8da8ea854779b79d64cdd8e91",
-      "color.accent.contrast-1": "ddc1c50254633de2e5a78e65a17db3d86a6f0cfe",
-      "color.accent.contrast-2": "2e9a64d28cec56c1f4ade66a88809eb21954fcfc",
-      "color.neutral.1": "f943fe804a635e951ea5f3b18c336b94d1ced599",
-      "color.neutral.2": "f2a916f3c3bd96e0d64fe62702e30877b3d19136",
-      "color.neutral.3": "8d54f45aef90401d3bea38fa2523a831bc006cb6",
-      "color.neutral.4": "84bb3e674bb40e8e9637adb19a227c8651e025ba",
-      "color.neutral.5": "afebc11336fac619672ddba1b483c402f78c93a6",
-      "color.neutral.6": "eef38f4886935887f7c5baa39a978fbb8dfe4be5",
-      "color.neutral.7": "d066cfef2a53014313d0b46295ded18ae71fe70e",
-      "color.neutral.8": "196277919b1c8989cb48d64669ecb3b8a078c1df",
-      "color.neutral.9": "212fe4731bd0cb224a4b2e4c8c2d92b460afca86",
-      "color.neutral.10": "03ba954f0063c6559435d7cd4c4dbc6a1a10f55d",
-      "color.neutral.11": "4772ca780405fbdda5cb1625c8cb7a10cf0417dd",
-      "color.neutral.12": "30b1838bcfe59c82f64f04f98a9ccaeb704a8412",
-      "color.neutral.13": "4e8e8df56aa5f03ea656a71efc353876d001947b",
-      "color.neutral.contrast-1": "f20564539bd756fa841c98f3b52bf0fe05e1ec13",
-      "color.neutral.contrast-2": "6c748de83d2148555e00f26d1dd3ebc71bfe0ede",
-      "color.brand1.1": "30544dbd7c178f2b72a2c2fbf0ea1276e18f037e",
-      "color.brand1.2": "5060c8828379ec1adf652b31f5c2ae4690a1e024",
-      "color.brand1.3": "3230c2ba7bf52fd0c429ec81c857aebb46496f2a",
-      "color.brand1.4": "6576d5212c0d0378ef57c4edec16fa8a176e3be8",
-      "color.brand1.5": "10e252f6922ac5bbe1f72e439d394a3ce84c93a4",
-      "color.brand1.6": "84b3e5cc897f35a223de2b01e2eda4fb15e11631",
-      "color.brand1.7": "77694e097bd34d4a25888be0ca113a8fe02ede16",
-      "color.brand1.8": "a83d0826876f839f9dc5627220764c734e978a87",
-      "color.brand1.9": "acd169a4d73a501980675431ce23b57a98d6b0cd",
-      "color.brand1.10": "8310acfbdb5cef3731bdf8faba3fbf10c0cd6c66",
-      "color.brand1.11": "45746549fa426171180413d990023fa8c1c60eb4",
-      "color.brand1.12": "50378981d7ebb638fe058ad39cb7c688a631109e",
-      "color.brand1.13": "a2edc2db18b135675e32db3cf90fe50253440cec",
-      "color.brand1.contrast-1": "43f0b5cbce3e75a647d527906306e48533025768",
-      "color.brand1.contrast-2": "6c20bf21b03696de2bc8f0455be55e671ef3b56c",
-      "color.brand2.1": "fc8fdeb8820145da52224b88b291ef88bc890e55",
-      "color.brand2.2": "12d9f6d498398621d2dc9b416110b5af6538a2a5",
-      "color.brand2.3": "9a62bb1426e9f76535fc069d92095c2376d52454",
-      "color.brand2.4": "1ae643be25f27d318418830e503fccae2f6a5e80",
-      "color.brand2.5": "fbbf04c09d55b3ae872cc1bce7e126738494e259",
-      "color.brand2.6": "5d1afc7dd9f8b2ee8fa39c732ae006fdf9b8b214",
-      "color.brand2.7": "7c47ea9ad43ae0144db373baac73102b4f8dcae2",
-      "color.brand2.8": "648e47a7cd96d49c0a125c6296a97634b730784a",
-      "color.brand2.9": "2621e2ebac70764ea3bfb686730434908bd0327b",
-      "color.brand2.10": "e79b44b0ff43729fb6cbd1b50adac2fc597470f0",
-      "color.brand2.11": "49a79dcb670ec93eb9166441803254d757b94da6",
-      "color.brand2.12": "914b0986fedc41fd2d29390d34a17d53f1024692",
-      "color.brand2.13": "754bfcd9e21a9e06c6734c619e8e25e81914915e",
-      "color.brand2.contrast-1": "5871ed180680ffea0daaabd78052610a513cb8d3",
-      "color.brand2.contrast-2": "1b9e87679ef1553d0f1724a13b051aef0e45f77f",
-      "color.brand3.1": "5071a0ae81ab5bdcefc8ef86b561f698d842878a",
-      "color.brand3.2": "45d5c9e753c173757161e3526064c79ba2e43800",
-      "color.brand3.3": "413bc192ec41b1766fb00517c3ade123a00f0148",
-      "color.brand3.4": "32ff692b53565a413c43d0041b77dc7e0581b02a",
-      "color.brand3.5": "a87d187b5964c4c9e9809b3f7ecd1548ffdf2838",
-      "color.brand3.6": "dd2325e32e34b154de2af87db33f23da526d6965",
-      "color.brand3.7": "86e9ce4f29014334ae0dc007f73382038c1b3069",
-      "color.brand3.8": "569b4608622bcdba7174d9f2e7e39333b8d2203b",
-      "color.brand3.9": "b88890541720aed26c694cbbae82fd35656fe46f",
-      "color.brand3.10": "4dad7b7a4336a116d3ab5591d31d915c709ed7b8",
-      "color.brand3.11": "e5b1f59a67184ce3aa2e4caf2b6af5cf390663d2",
-      "color.brand3.12": "bef58c17112627f6d67ce188d0ab68c2c682abb3",
-      "color.brand3.13": "fbc9c17885e8248cd59157b6d07a8fe3a9386c55",
-      "color.brand3.contrast-1": "6bcf7be039ae7e1fae1bd2bd37c850e43273477d",
-      "color.brand3.contrast-2": "0cfbc6301ffe1e7bcc7cfb9dbc39765ccceaeb94",
-      "font.family": "32f399ee0e608727f1c4d02e8ceb892a6c3e79e0",
-      "font-weight.medium": "d48aac48a9fecf0dbe2e5c7b68427961007eac36",
-      "font-weight.semibold": "d684180ad99ad0b200080b18529a25476554343f",
-      "font-weight.regular": "82250a86efe7517071ff39e79b2579c5b57a6083",
-      "border-radius.1": "430e4e34456fbd05b0a5a818a553626419608b2b",
-      "border-radius.2": "d5832eb066c8b0a3dc25cded408a4d9f445432e2",
-      "border-radius.3": "785c1cfff3d8b21a3a29744f5a0f45f1f3ec0827",
-      "border-radius.base": "80b5d08a35a320b9bd2d4ecdbe2ccf0086315b88",
-      "border-radius.scale": "692a8c1f2038457a196ba0e077cdc70c6bad5e77",
-      "border-radius.6": "c1d38a59c2eb078642aafd112e1a23cc3107e2b1",
-      "border-radius.5": "84a4998341610ba4b0013144a7f14d9d2533cb9d"
+      "color.accent.1": "bb6257b934955e05f153da4cc5e353b4b2df3127",
+      "color.accent.2": "bdccc136452e6c4114bd9e3b5c0fb933576b4ae0",
+      "color.accent.3": "b410669e83ee37226ce365fe796ee532ae84ea25",
+      "color.accent.4": "9c14474b3f854cc3c5828190a400b639f65fae84",
+      "color.accent.5": "e5bb7e0eea0f6806cf09f1456eaa49bd048757a2",
+      "color.accent.6": "2603c282dfb86578c8164a71a567adf2cb06fed1",
+      "color.accent.7": "731db18159af231bd50cf47567bc1ed2a894bc61",
+      "color.accent.8": "e5cf6f4743fffae64b9d134b9338d0c0c6ee7726",
+      "color.accent.9": "36109fcf7963c0353864debc4915e0489e4d78bc",
+      "color.accent.10": "eae5a1dfe65a2285c116accca1bb1cb8a6d4fb11",
+      "color.accent.11": "946f06c3dc73530929155e14f5f112eff4da8451",
+      "color.accent.12": "07f5c3ba24dc42682a5ce156ef84c9e541ca1802",
+      "color.accent.13": "c489fe3dcdf56f1db0d9d666b065aa6ff9a23697",
+      "color.accent.contrast-1": "3c0d0134e9530334726bedf62590d0b3191ce2eb",
+      "color.accent.contrast-2": "c27b494360f1d3deaad33cd0a414fc9830e25f78",
+      "color.neutral.1": "0f1633d28f50a84ecea80975ee36570518f48532",
+      "color.neutral.2": "cae0ae64c7de413a53c6d6b492f14c40c2cadbed",
+      "color.neutral.3": "71579ae7256503b488bcab196a822a7355e1f353",
+      "color.neutral.4": "4d1f67f9049ec8f089ed1f8f9c3df363cd8aa95e",
+      "color.neutral.5": "f440cfe3983b196c8a185c00184ddb3ae0790209",
+      "color.neutral.6": "468bb68931ea4c48e836c0506c223a3968124a81",
+      "color.neutral.7": "14233eeb14414467f5171978ef9a85cef9087ec9",
+      "color.neutral.8": "5e01bdb828aa00b620cb17f34fe9e87f7e2a7665",
+      "color.neutral.9": "b6460ec7bdc513e5f26e166ad4dcdcd3f6ff4601",
+      "color.neutral.10": "618baa31b3d348a5d4ecd9579b0ab0642eeba5a7",
+      "color.neutral.11": "f1c52c5f28db6ef4e3e4b4ec85bf1625d0268cd6",
+      "color.neutral.12": "0f7c757ddb0a18264c4abd37e19a7eb11860cc28",
+      "color.neutral.13": "459224b8535e062d45b657be410b7523262f234b",
+      "color.neutral.contrast-1": "750ee1c27f207a4eff2727eb523f5ba1747294c2",
+      "color.neutral.contrast-2": "24aac7a87fd06aefd1828b376acb8ad429e32c90",
+      "color.brand1.1": "7bfb8dccf77c9c280e74d7bc9a76e0085b3cf935",
+      "color.brand1.2": "9b9ed395466b3bb1e66773eb3392f1fdc2f8e205",
+      "color.brand1.3": "3ec393e9b60824148b86bc48b6290f02d4ee31d1",
+      "color.brand1.4": "d0e8b15d90d3e3dd26d806d44bf42c4dd9824621",
+      "color.brand1.5": "858a40452ed07480e9f874bc10a28000723d2f34",
+      "color.brand1.6": "837e203793e020a7cba76d2745f86c9766c91658",
+      "color.brand1.7": "f7a92918d7b5705790e986b8c5f0ecea65e91f20",
+      "color.brand1.8": "575c50bf0a1dd7d79ea59080f54ad147b2db9f77",
+      "color.brand1.9": "20dbfaea51cd3601a6d3f82e2b9229d3b12a5dcc",
+      "color.brand1.10": "49454c9b2cc9a4a8a2b6bdffed2281eb7f09746f",
+      "color.brand1.11": "39f2abc553d27bfa78e224582aa44cd184db84bb",
+      "color.brand1.12": "293027f81777ec903bdfdaec4957a73a0e5993b9",
+      "color.brand1.13": "08088d473b0c57bfb797def3dc7d2967c5d62d6b",
+      "color.brand1.contrast-1": "f13eb32a7ef6a3768bd5c55423205ba9f464bf1c",
+      "color.brand1.contrast-2": "cc133729d16670186a8105eca1bd027858c9a77c",
+      "color.brand2.1": "2e05123e540f75230ff96e856abee021f5f025f5",
+      "color.brand2.2": "f39fac737c61553897d3096fe5a811537f897739",
+      "color.brand2.3": "ae542451356e3b0dfb56eb627e4625fffe7aa34f",
+      "color.brand2.4": "ce22770b0e4d62ca018e2e0cb00c72360d0d8d9b",
+      "color.brand2.5": "e2f0d4b91c6577ab8153686853bd39f24a60a43c",
+      "color.brand2.6": "a85aad2f881a0c8cf1177c5a08d3ee37d400d7e5",
+      "color.brand2.7": "0ca92a91cd03f484b0548e98f912eee17cdc0e36",
+      "color.brand2.8": "4c8e8dc311256b438c2c13fea1c196d7ea979230",
+      "color.brand2.9": "2cf02b1a3f6723810e99e513e12e06f1a74b739f",
+      "color.brand2.10": "7ec47a915af862a9378c760fcb2e7ad00ce4ed81",
+      "color.brand2.11": "ba8798e89ccc17a6b4ecf564ea028e911a3ec8d5",
+      "color.brand2.12": "14de39a06157e3d4ced60864c069fccdb6692428",
+      "color.brand2.13": "b95148cff6c4361be6a8a1c083937d8fcd7b67d2",
+      "color.brand2.contrast-1": "1d0e00cd6ed4f86ee32f5d4cd5130c20d3e058d3",
+      "color.brand2.contrast-2": "8670efea2abb74c9f8331bdd6255bbdb3212267e",
+      "color.brand3.1": "33289f03c5cb470e6cbda355dc788e9cfd9e5f7a",
+      "color.brand3.2": "dda6448d71685b304970d2a1d0af8bfd2c074ccc",
+      "color.brand3.3": "558529e0304dd6cabebec7b14b3bd51e8257164d",
+      "color.brand3.4": "89101c3173d9f7d53fd029b80501963987b833e3",
+      "color.brand3.5": "f59df683abd512f170a4adecf93505ce7f9acf4a",
+      "color.brand3.6": "7567a70d0706acd52fad04c134503b4968f12543",
+      "color.brand3.7": "243ed5baa9ad1c38dbe459d93e8e65b3f8286df4",
+      "color.brand3.8": "e38e626678c9fda161a8a96f0a3dd94cc36ac320",
+      "color.brand3.9": "103462740226f7fc0227ebc17964fcc156554ab5",
+      "color.brand3.10": "fc238a9637698494c3cd92bb3c5e00fd19a074d0",
+      "color.brand3.11": "25acffa859a4cd7f2adf4f1a23205b6abaa24d8a",
+      "color.brand3.12": "c844abfe7c9cdcea93c1398931f4abbdb6d5dcae",
+      "color.brand3.13": "e63ed3fc811b8cd891fa1a3e1e34d4f568171063",
+      "color.brand3.contrast-1": "73412bcd741619c722f22a1e0e06c2bb9c0ce334",
+      "color.brand3.contrast-2": "d47a4fd762451acc18bdbdcc2d6870597b1de541",
+      "font.family": "fa2c3afcab1f4853338e726e201eea8819db5178",
+      "font-weight.medium": "6f5a46ad95e7df91b6e6a25eaa1dfc39fcb01d30",
+      "font-weight.semibold": "a00b83f142c4ae882cd40b572cf768e743f61985",
+      "font-weight.regular": "a074286c348acc2e5dc4139dc7f3687f4f553528",
+      "border-radius.1": "49a08e40f52a3468c01e7f1a9845ffd6d7f8c9e7",
+      "border-radius.2": "818278cc4030b5e44b39c0e4e379f0b801cd0f81",
+      "border-radius.3": "30809b71d0dae2a5d5f34ac2b0e618f6c6431905",
+      "border-radius.4": "0d1d33cd41105813ce5bb1371515aa2c60cb71cd",
+      "border-radius.5": "6ea837cf433ca98546e6f60fa14142008f8b095c",
+      "border-radius.base": "c83c4b8a36d4c4754d0cce2cd586a3d727a97447",
+      "border-radius.scale": "d931b3e2435a7e8399465120cbb1a43022e3c7f8"
     },
     "group": "Theme"
   },
@@ -1664,13 +1763,13 @@
     "id": "541629445ef90ad5363f9e88f52a1ccb617e6f84",
     "name": "Semantic",
     "$figmaStyleReferences": {
-      "typography.heading.2xl": "S:25216af21a5e11bb86329e19b8816c2f71dd5b68,",
-      "typography.heading.xl": "S:e17f16aba334c6eea3d0b4cbe47859500e0a2018,",
-      "typography.heading.lg": "S:7a128bed08569912da8ca9b44b381ab941917e34,",
-      "typography.heading.md": "S:816c4fba6146f4a2c6129bf4d3bd51015696e71c,",
-      "typography.heading.sm": "S:5e864c2b70508c966c687ab7c3ab99df73cd131e,",
-      "typography.heading.xs": "S:bd9ed34ab139345ca55d684177fb3149cb42e876,",
-      "typography.heading.2xs": "S:9b1cebab040d686bf6673eab8221df4dcbff6e97,",
+      "typography.heading.2xl": "S:032324cc59541e45a1fffff6e3472b549af87a8f,",
+      "typography.heading.xl": "S:817ed230a6d18f2e0ecea297d81e32c07680300a,",
+      "typography.heading.lg": "S:3d965475e8be1da1f64f5f3f64d6d1803b29a585,",
+      "typography.heading.md": "S:98e2a2c34f6412191ffaa7d4a8b16b9a91e28140,",
+      "typography.heading.sm": "S:5e58843efec03edcc9b088af07af10820dbb0d86,",
+      "typography.heading.xs": "S:16fd587fcd534707332d4c7f692c1bd2072ce928,",
+      "typography.heading.2xs": "S:ef963a714ae665815b43a58f7b118f6c5f737cbd,",
       "typography.ingress.lg": "S:9037768d79b5bdbc3fc890ba11992e1522c105d1,",
       "typography.ingress.md": "S:3ab2a5a35b1d1ba00b3b2ad0b4e499dca262d26d,",
       "typography.ingress.sm": "S:f6daf4018e1fa3736ec070e8c04c8441474ba7f4,",
@@ -1679,21 +1778,21 @@
       "typography.label.md": "S:0b62f2c8a74888d1eb798014280bc3ecabc6e104,",
       "typography.label.sm": "S:d1864bfa5e9bec09d7f0f6ea711caa1ada82cad7,",
       "typography.label.xs": "S:0652ab75d388540fb362274838118fb253d37f04,",
-      "typography.body.lg": "S:42d3202aa348967d4d4046be746682b1318e8826,",
-      "typography.body.md": "S:5e8d3a4bd3997abdc4a8a76082e0d949c5891e2c,",
-      "typography.body.sm": "S:de31401c8d7f73467955d800490fab0bf172c482,",
-      "typography.body.xs": "S:26167e4e2b321a4844fa38f364005235950841b1,",
-      "typography.body.short.lg": "S:7dad346ebcaa03090132ed5fd62898c0daabd25e,",
-      "typography.body.short.md": "S:0a06e65c767198aa82639640cb71db59b9aab1c2,",
-      "typography.body.short.sm": "S:5c98110f9bd67c47333848c1958aaf77d3a40fa7,",
-      "typography.body.short.xs": "S:4fc178eb7023119c4352f0668f6cab7e5431d835,",
-      "typography.body.long.lg": "S:9c7c3d2db94806ed5154997d1e2891cb561fce22,",
-      "typography.body.long.md": "S:6c1e607695a6580e03cbfafc19d1ccd0cf101975,",
-      "typography.body.long.sm": "S:130b4703250b813d4caa3a80cf6c99298e9751fe,",
-      "typography.body.long.xs": "S:11866ebed76712786f3d96b29a24f4a582bc85d0,",
-      "typography.body.xl": "S:1a95070f47e0fba591efbefe237e2ba65410008c,",
-      "typography.body.short.xl": "S:ac182b4d24bf241219aa8846020a9d2941074aa1,",
-      "typography.body.long.xl": "S:a8ea778d52402dfe5ee1cabd6ae616d886e9ee2c,",
+      "typography.body.lg": "S:540d29e51b912c610343a904f91d7b73aca0bbaa,",
+      "typography.body.md": "S:c76ac1b8e1090b7a4d6704bc52c1727c81e248b4,",
+      "typography.body.sm": "S:4a4e19b557ec997f465c3ce84d0c6ed263121beb,",
+      "typography.body.xs": "S:19cb2747588bf756f4d67ec3f788218afe7ac5bc,",
+      "typography.body.short.lg": "S:30616311caf61cd04b55bbb0db5ba07f28f0cf76,",
+      "typography.body.short.md": "S:dc957066c452f5eb4f1062343b6cee89993d0786,",
+      "typography.body.short.sm": "S:47ab7109a13b95d75e8f30f2c626e440e11b64dc,",
+      "typography.body.short.xs": "S:405ecd3d0de5af8d3ec1d8abc9277c5a28d9bfb0,",
+      "typography.body.long.lg": "S:ae200f21eeca5cbb40f00ef8c2fe69185a8da1e5,",
+      "typography.body.long.md": "S:76ac3b4b923720798ff77d96d59c196b59a816bb,",
+      "typography.body.long.sm": "S:1631c5a08e97d1344c72b3677eebc503e9fb5fcd,",
+      "typography.body.long.xs": "S:da9257304b4503a9e5d82e7b9a398dc2e974e65d,",
+      "typography.body.xl": "S:1410ee2c9b0d27c973801fc1d1c68cdf7cde3989,",
+      "typography.body.short.xl": "S:c07504db4dd7e1f2ef88301628cfddeeb2c4e049,",
+      "typography.body.long.xl": "S:18d731d3facf88b63ceda977a0923289b2375fe8,",
       "shadow.xs": "S:15d2411391bc522973094bb8ef03ae9c97284a6d,",
       "shadow.sm": "S:a0f04eea29a42b7a02f2d9cdc74370cee6938577,",
       "shadow.md": "S:264c137ed468ebafe3317250f31a9615eea0ee19,",
@@ -1712,191 +1811,191 @@
     "$figmaCollectionId": "VariableCollectionId:34811:5976",
     "$figmaModeId": "34811:5",
     "$figmaVariableReferences": {
-      "color.accent.background-default": "66c251d95021cbe5b4637c3a5ae207332f5837cc",
-      "color.accent.background-subtle": "a2f1ed081e377e79c001ad43116e6f0c8499a38b",
-      "color.accent.surface-default": "7c238950d0ffd3e2981889d9ae76d73091daf3a4",
-      "color.accent.surface-hover": "db062df391a602d0d1a51190d7689769a673aab1",
-      "color.accent.surface-active": "3049055bdf19f8deb8cfb76c95c44dd988b83508",
-      "color.accent.border-subtle": "921c4cf372d04b7700eae984c8b26575d8ae354c",
-      "color.accent.border-default": "35e12d2ba2c4f4e879e1e3ff45a7df2d4e403e70",
-      "color.accent.border-strong": "e95942abac0bc93a9ae6fafa5515ac1dd374b229",
-      "color.accent.base-default": "38cbe65bbe3cfb034b8967c8c386745106ef9ae7",
-      "color.accent.base-hover": "7da14d831efb79dd5b98bba555b5a65b522daa00",
-      "color.accent.base-active": "dbf60c3000071d90a423895b2382b8908501e8ab",
-      "color.accent.text-subtle": "3bbd197b66cc66bbd3d2900744851388be4b72ea",
-      "color.accent.text-default": "89c3f327c6cc20255cfeaa457dc77c9a44cd0555",
-      "color.accent.contrast-default": "fa3f09b27fdafc843530a2251462b1f77b8ab251",
-      "color.accent.contrast-subtle": "c4ecc93f40a4724c3840977a5d1dfd546d2ddd4f",
-      "color.neutral.background-default": "a14d8e1346e348ee1be85410149c19e584899964",
-      "color.neutral.background-subtle": "b059c374e82aa3e339fc323e6a83db552d3c7968",
-      "color.neutral.surface-default": "099a511e5c8ea126a8273e92930e978f18c64065",
-      "color.neutral.surface-hover": "37e22bf3f1d830720d49e733d952ea2b077e1fb7",
-      "color.neutral.surface-active": "fddf14a7e2deaef8988f5ab45f0bf50ca0aef977",
-      "color.neutral.border-subtle": "5be93e75750ef2a5f640cc6a7404b7a2ccb90c3a",
-      "color.neutral.border-default": "ccc01af38a2b91e7758242e1eadaf1a755a9e9b3",
-      "color.neutral.border-strong": "959c32c89390bb423014cee8e547a0e1da721dbf",
-      "color.neutral.base-default": "f09cf9d8cb875eb731f4aa191a7dc2db7d8bad59",
-      "color.neutral.base-hover": "f780175ea1372f615d1567f0bb397284ac64e4d0",
-      "color.neutral.base-active": "667d7e21dc171b6eb0683b610c58c47c44622326",
-      "color.neutral.text-subtle": "da42f02ad3dc2c442a8c668d21c8d28dd270cb0a",
-      "color.neutral.text-default": "51c3c7e277e3eb002b570a2570a8cb732d5db4a4",
-      "color.neutral.contrast-default": "2e68685b1271425be19b202b3d5ba4622337eb9a",
-      "color.neutral.contrast-subtle": "43448c41aa963679dc3d548bd0ccbfa402d74043",
-      "color.brand1.background-default": "73d773aa6ab6d7a4001710974ed2ae4e5b4d4dea",
-      "color.brand1.background-subtle": "12838f40de64e9a8a158291376878d511f471124",
-      "color.brand1.surface-default": "84f026c5c7f6e393de59660e84af9c908832f62a",
-      "color.brand1.surface-hover": "298bf20662330889cbdc4f0dcdb811581ea41ae3",
-      "color.brand1.surface-active": "3a32e777d515ba58db04298a7873366cc510ea0b",
-      "color.brand1.border-subtle": "45db94769aecd7c8ad94efc5e324c11826060b90",
-      "color.brand1.border-default": "326af5585ae9d7d99ce1678290ce5f96da940cd1",
-      "color.brand1.border-strong": "f52c94f6123beba9b11fd213f6dcd1e9ec70b252",
-      "color.brand1.base-default": "485cfaf467d4836411697a9026e6a39f6d278e41",
-      "color.brand1.base-hover": "b9906747d0ba47f6f3c6ca3388b38555434fd6bf",
-      "color.brand1.base-active": "a0e90e1c9a2b08cdcffc56071c7a0a9cbca86ae8",
-      "color.brand1.text-subtle": "3b60d9bf398baa6237d43f2d7bff5b5cadf559b5",
-      "color.brand1.text-default": "53809d4b416a36b60d7bca35a02b519b7023e3b8",
-      "color.brand1.contrast-default": "a633c2e98b11f0230d75fe414ec279b978c6a8bb",
-      "color.brand1.contrast-subtle": "fb3e9c06af93acfefb6849622a5803bad388d117",
-      "color.brand2.background-default": "debb911b43b14ba32c857a8631a686c821ff8e1a",
-      "color.brand2.background-subtle": "5a3d464fa9cd7b9300b21c588868c4dbeef2c984",
-      "color.brand2.surface-default": "13afd12e87c4aba5f6099d94cc5e328ba806b97d",
-      "color.brand2.surface-hover": "f98c24c1bdf2cec85c1dcfa13c688b140102a463",
-      "color.brand2.surface-active": "05d9d0fa8aa67dbfcde76d9ac0169ace038a3c4b",
-      "color.brand2.border-subtle": "3fbf2fd3ae6dc2f08303006d2a62e594e4c3cca9",
-      "color.brand2.border-default": "4122faec7f97ae6a7ea984523a92bb4162f7277c",
-      "color.brand2.border-strong": "05e2cf3bfa822a26a52562b9eac8550dbcce6740",
-      "color.brand2.base-default": "87957522a4114a16bc1f4423fbdd4e91dc9441d4",
-      "color.brand2.base-hover": "3a7cd9fab4b14a7e2efa1e5170ddc1b85567a3a5",
-      "color.brand2.base-active": "777859efebd75dcdf2b6361f62b917f5da5b7c5a",
-      "color.brand2.text-subtle": "c1aceba99760fba360791e6c82aabf37dd438535",
-      "color.brand2.text-default": "ee9de0142ee0ddfbde31c8a8574da4e711d439ce",
-      "color.brand2.contrast-default": "9bf8de2d66b75ee276405df1fe2ff6f1c4892ed4",
-      "color.brand2.contrast-subtle": "c7ad5188a72f7f27bbefeb94ab1a984b0e0295f1",
-      "color.brand3.background-default": "8c9a903d152a10227296dcde025422f3dbbb92c1",
-      "color.brand3.background-subtle": "85ccd36d46b652b631d39e3b2228a237aeb8164a",
-      "color.brand3.surface-default": "7c436164280f689d766d356996a92696ccc27de6",
-      "color.brand3.surface-hover": "232948bd98dddd0f88d545f1635730be173f9123",
-      "color.brand3.surface-active": "1507c48a662ebbaf2c50701b2d2f5b2310f43d80",
-      "color.brand3.border-subtle": "fb4d7a26e0232159d7c3bf62ff5bdc5e9e4674dc",
-      "color.brand3.border-default": "df8d094b36d903399a6ec179ccfde126783b25b5",
-      "color.brand3.border-strong": "2809dda2b6abaff224999f8e093160e3a9f91924",
-      "color.brand3.base-default": "ffcb94d90e5e13d4bf5ae0a750c0e93767ebc920",
-      "color.brand3.base-hover": "94e996642bdc4aa1e9bb2b1fa44340efe34ccdc7",
-      "color.brand3.base-active": "234a0c65c34d913231c6fdd789295357b01c6ba1",
-      "color.brand3.text-subtle": "5b15adf9dac2101dd116d072a44fc84388939913",
-      "color.brand3.text-default": "1b799658b64445c0da0ad06290c2fbc8eb05e1bf",
-      "color.brand3.contrast-default": "9b12ad3d91e9141043b115fd078a7f68c208659e",
-      "color.brand3.contrast-subtle": "403287e2fe083d594828a6aff27198a6ce67ba4c",
-      "color.success.background-default": "3ceba0df8a643ce1b4e837d43c404d6de26d4de9",
-      "color.success.background-subtle": "52863dd8c98275b4c407f89dd4904319735ad522",
-      "color.success.surface-default": "27b8203a7d882771922916639d39480b1983564f",
-      "color.success.surface-hover": "af6ccbd049931d4fc522ea043c279d829dc5ba21",
-      "color.success.surface-active": "cfc21d99bfad388345eed3fc5c1f7e4837a70cc3",
-      "color.success.border-subtle": "683928dcb1b06c0356109399563232aa4a68d1b8",
-      "color.success.border-default": "040fd6ac84243c18792ee1d5598373d8027373f3",
-      "color.success.border-strong": "3dc165d5189acd77df27c8a9480ee499bb0612b4",
-      "color.success.base-default": "f616aa19217d3e83d6df9cd30dc28e2a7e656a2a",
-      "color.success.base-hover": "e2be90f26ba5e3b395cfd987878fd17969272f3e",
-      "color.success.base-active": "0a54a342f41c8f894b66c409b44e6b4c141fcdc6",
-      "color.success.text-subtle": "67587ca42f04d11dffb12f6dbce1760b18a157c4",
-      "color.success.text-default": "49a31f6095fd75d4a3a36378f62f8a2789494917",
-      "color.success.contrast-default": "bd062599c0d058161c5c7bb29eeede7dc876befd",
-      "color.success.contrast-subtle": "c7cc75502bd1c7813c03eee29da050d2014fc5f0",
-      "color.danger.background-default": "3194ec8ad659d59d435cd58827b8c827aa3301cf",
-      "color.danger.background-subtle": "267ae0499bdc74fcc791c131c69565f55b10429b",
-      "color.danger.surface-default": "7400f5d25c05c68ba9a039ed5b08c5562a5cd994",
-      "color.danger.surface-hover": "0561b7bcb37ce638403eb04b117734eec1ca5ca0",
-      "color.danger.surface-active": "caf64c5e05ab286bba71a178638717dc8e886702",
-      "color.danger.border-subtle": "36991a1abbb5fc74b52713fa4172e9c726ac8107",
-      "color.danger.border-default": "659c4d5adc45304a585ec470abeeee569e71e8be",
-      "color.danger.border-strong": "96718dd9d79684713bf62fd71673e5a684de4a11",
-      "color.danger.base-default": "625c866ee6cccefbd9b87e55949bfc3dfd5042f4",
-      "color.danger.base-hover": "77444f414064689dc36b09769f24e045c5fcb8f7",
-      "color.danger.base-active": "5900b4260bb4f15b0c61c084fadf02ce460ddd34",
-      "color.danger.text-subtle": "e5fd38d47890f34bbee7412cad76dc7b90243d20",
-      "color.danger.text-default": "33e5f472d3b5fe130205d3066717abbc28ce6d65",
-      "color.danger.contrast-default": "88f5cd336fe710432188750706bb00bac226a9ab",
-      "color.danger.contrast-subtle": "2fc3dcbb4218d387eece257a8b155ada3e029cf7",
-      "color.info.background-default": "02b63f18e8bbdcc0f0504fbee86ca9648b2deba4",
-      "color.info.background-subtle": "f718aca85f2448496c0dc530285c86a9f47f89fc",
-      "color.info.surface-default": "004c4e39590f3abb7450bc3df2b3c12c36d5b34e",
-      "color.info.surface-hover": "a68f7bef48ab04ccb2e7a745a616f7b538ab7f64",
-      "color.info.surface-active": "ae3e87f9597b0a64794006c45647c2732c56e1a9",
-      "color.info.border-subtle": "1ffe5b7397c8c48e8d0fb6fd0eeb59285b28f98e",
-      "color.info.border-default": "9fb559c8d69aafd6041b6adf27ee4b5150b23135",
-      "color.info.border-strong": "206eff3e32f6af6d26335a280d850158b755e2ec",
-      "color.info.base-default": "feb210508bae532bf42216079e751fc65f4da3d5",
-      "color.info.base-hover": "ecaef5c4585fc82252e08b16564edd49f9f062aa",
-      "color.info.base-active": "cc66305f6468e696f3a6c7979562297260246e54",
-      "color.info.text-subtle": "07dee568fa3099152d013b09cd5d402f65097ac1",
-      "color.info.text-default": "21ae56444ff058938849b5f5c08d03bb67bddc87",
-      "color.info.contrast-default": "068e1de6e216e5867756c595768cc19c88a72fb3",
-      "color.info.contrast-subtle": "311fee45f4dc4c1da777e8466a7804fc01e1cba0",
-      "color.warning.background-default": "8a24ea3a30c6e03949d6987a73d9edbe19845a63",
-      "color.warning.background-subtle": "886ac34f2b62bad18ff6d1db1d21b244de75d39a",
-      "color.warning.surface-default": "df6f221752893a5b07aec9a8bfe8daffc4f55701",
-      "color.warning.surface-hover": "36c1d0b22d55a954f09c871597c5b3452758c814",
-      "color.warning.surface-active": "48020179179256549802a6e6ec84c134a2311aad",
-      "color.warning.border-subtle": "ae15a8dcba3c24264c7dcc3384c225bcdf3cedf3",
-      "color.warning.border-default": "e9704a59f7b73f3d6ee23249f8060436bac2921b",
-      "color.warning.border-strong": "83e16e373c2ddcb3265848d8ba2420c5fe7381eb",
-      "color.warning.base-default": "def95b13b807f2f8b6202875cf419d0bb044d8e4",
-      "color.warning.base-hover": "c4ee486b084195feeb822eec2de63bfdec2652bb",
-      "color.warning.base-active": "31de29f6538369494931e147a88cd941ebe77927",
-      "color.warning.text-subtle": "7d85d91b3fbc7cb0749d7e928b305c74e62e69f0",
-      "color.warning.text-default": "11f3f1d983db49b036aacb16dc5d3ca5e0143da0",
-      "color.warning.contrast-default": "3d38f3079fb9fd155567ec24c7fde25f68c40f42",
-      "color.warning.contrast-subtle": "efb708d66f25610b35df2fe9bd9088e80e31a0a3",
-      "color.focus.inner": "1ec8f76f658042889b1eb4b08f3ce9bca1b7e603",
-      "color.focus.outer": "09e04f0bfff8fdc309db58a0131b5d07dae6b4f8",
-      "disabled.opacity": "d94940d06b80e1cb6184ae12c5793a1ef95420ba",
-      "border-radius.sm": "7b2af5d22e01253d20184bf5c3f872a18d41a315",
-      "border-radius.md": "76f37e1c3307e179fa0144249c3b801d1c23e748",
-      "border-radius.lg": "ac79c81ad8072fd4377a13a6e856d494c693fcf3",
-      "border-radius.default": "7b61c03456ebcf335bed7486c7897986b688765b",
-      "border-radius.full": "402d1c89e9770719d5da3e2379344604f3021569",
-      "spacing.0": "fc789f9fa08a555a4338d53405faa463dfa51689",
-      "spacing.1": "f81609d4dc6bf19d758713001ca33e4e21acbd7a",
-      "spacing.2": "d82d6e63323d5e1f85f5fd1aa54eceeb5ff2a2f3",
-      "spacing.3": "c5a4e25af9039b4acad5cbcb0e94a943749581fa",
-      "spacing.4": "7a5145dc0a51281b0bfd3f3fb6e5ed10cd9417e1",
-      "spacing.5": "40212f8732f50e07f964501e0b1cac6a048fc4b3",
-      "spacing.6": "de02657f819059c9662e0483cb5c72a791c92d54",
-      "spacing.7": "e07a8229201269455cca1b1e9470db01b734e39d",
-      "spacing.8": "4f7fe750dcd834dff2fe3e078e6e0254075ff964",
-      "spacing.9": "1bd207f4b560e03eda66f4e5eaa1d19c0bbb9e96",
-      "spacing.10": "f3c977fecf87ba580b25064e561ace2a83a5cbbf",
-      "spacing.11": "2be74c0dfc1979fd9ce0b49b8c53c53a56370be6",
-      "spacing.12": "2b0132c4846c3a9b2862d9f329cfb2d89a770389",
-      "spacing.13": "1bbc0e046202b27851a43a8a1a3f5fa3563055e3",
-      "spacing.14": "3c4f5e0d3c9bf5bae8d4ec4e80aa6870fb981949",
-      "spacing.15": "4c422183731c26d1b23374de723ff8dd33d6aef9",
-      "spacing.18": "bae761488a8ed986d6f16f5c85d4b0288adfaf9d",
-      "spacing.22": "47e296f76dddf426d3bee3ee57b396b8e92c0d80",
-      "spacing.26": "76c0b07e99cf5c17c6fcbaac3647d5252eacc47e",
-      "spacing.30": "0b93c3be3be96b775da6124c0ecedf204c9932ee",
-      "sizing.0": "0bfae9839e97fb781011b375b2989c0a008b2926",
-      "sizing.1": "7fc2e57eb7ded152643f4ade413e869f4a214a47",
-      "sizing.2": "2d0a58bf3c81352b74a34ebbd611548cdb2272b7",
-      "sizing.3": "5009660a30c96488347ce9d7b94394bbe39d5905",
-      "sizing.4": "e8d58ae6810755487b782187c9691e201d1eb983",
-      "sizing.5": "542fe70a17972f40dc49d18dc7aadf4875126e0c",
-      "sizing.6": "567efe7ca0b8770bf54794808463231d34aaaeb3",
-      "sizing.7": "c39fb992ed34f572ee86c8beec208269e5db1bb5",
-      "sizing.8": "facf189ce70035a4e4ee3fb01e2c3befa670f902",
-      "sizing.9": "a7d15015cd1186905eaa58d7d81c1e250be88d8a",
-      "sizing.10": "49e7167c90caa65bb4b3417f0bc4b0ad37369e2c",
-      "sizing.11": "f4384af9689b97ce7c5e4d793bb49c41ee7c5612",
-      "sizing.12": "f1c93cbcc8f16d18aa43d6aa834aad56625c71d1",
-      "sizing.13": "57b58c97b74b1909c0cb7cab45889f4059631034",
-      "sizing.14": "e9bc584fdd894132bbed815c612167a72f251d3c",
-      "sizing.15": "e754e5ea2bd68fa728d0b8dc37502d01caa073b9",
-      "sizing.18": "c51587654660af6561cb244bbc1a7a6461321cfe",
-      "sizing.22": "9477b31528ea339ae1350b93a50987e5afc92b76",
-      "sizing.26": "42a8170ee551cacaf2e833e6576f271ddbf7b0ab",
-      "sizing.30": "49baf0928082114475f780cb1496f14ed43d29c6",
-      "border-width.default": "ac5b6181d17de3d25249c91674dce4fef8711216",
-      "border-width.highlight": "dd40bb1cb729138762c0bfa29d26adb58b726354"
+      "color.accent.background-default": "f49a8ae82b185007b22920fbae7187b691eeaf3a",
+      "color.accent.background-subtle": "5e3b9a411452fa4d0f73919246ca9453c304f141",
+      "color.accent.surface-default": "85ffd2bc928286dfa2cec7d4349da6d84b3e0426",
+      "color.accent.surface-hover": "7a0286bd72986f196347d16f2ed155c0759c56c5",
+      "color.accent.surface-active": "0031b42b668339ad217dc08b036a59b2a2b2a069",
+      "color.accent.border-subtle": "84694789f949bc1d07d460243d3341eec4b1cd6c",
+      "color.accent.border-default": "317d067f4c5bfc87838186650d63e63ccb56581d",
+      "color.accent.border-strong": "4015a7bc35a14071719a14db948a0a23b2fe9920",
+      "color.accent.base-default": "5204f502e749b07bcfcab201677d8ecdc42a6bd0",
+      "color.accent.base-hover": "0da3eb03b4acf2b9e69bb214ce9ce850035fa55b",
+      "color.accent.base-active": "cabe1ca5c92be03ff0f8ecc641f61e062f9205d0",
+      "color.accent.text-subtle": "c61420d1591cb3054b7b674d8b5e66a3da32f45d",
+      "color.accent.text-default": "69c1ab821f155ef310a787a582bd7044cc2024c2",
+      "color.accent.contrast-default": "a005e23a4c703e2562b36d0857d100615d63b7ba",
+      "color.accent.contrast-subtle": "17cd3a87dbdb6d98f4812df22a01c9bf7c9e6eb7",
+      "color.neutral.background-default": "d6f9694139ef613a1180e0aadb285c5c45f91399",
+      "color.neutral.background-subtle": "8a721b17adff4e28757ebc6b0042a5516520f366",
+      "color.neutral.surface-default": "e2c03a3b331f3012faa7f51d417ecff359f234e3",
+      "color.neutral.surface-hover": "4e5e3c9e72aa0168ae419bf666cea5bb7537b618",
+      "color.neutral.surface-active": "89b0801103ecac86ae0e61dc676eff413add2156",
+      "color.neutral.border-subtle": "7a663945c2fe3ae09c99372033dad23536950bf9",
+      "color.neutral.border-default": "932b3ead32982e760e6568c8491898992638dcb3",
+      "color.neutral.border-strong": "276e20279f9511a113dcacc611530e66db461953",
+      "color.neutral.base-default": "da07e09de9853d80eeea4eb76c916b84d1a95ab1",
+      "color.neutral.base-hover": "395a68dd4d680f70a1c9d69a5c293b455a9dc133",
+      "color.neutral.base-active": "1e91d5c7998403e54a410cc7c0afcbdc23e67876",
+      "color.neutral.text-subtle": "353b7978d08eb6a48bbadb41fa6ea0b14423c935",
+      "color.neutral.text-default": "5fbef256bec38be70d71aa18f7829e8425c17231",
+      "color.neutral.contrast-default": "2bf90ab84530df97211233a74a3f64360ecbba9c",
+      "color.neutral.contrast-subtle": "c73acc58f560f3a1b38d38d427cfe2587210d524",
+      "color.brand1.background-default": "daa99d6c64bfa1627651be4ff35c01fb4feebf17",
+      "color.brand1.background-subtle": "7932cc19647fd645e41edcf31e58af032d498bff",
+      "color.brand1.surface-default": "8f148ef8f46b44be191cade330704a6176582d16",
+      "color.brand1.surface-hover": "5ebcedaa73262b30ee59ac40fd7468d3a174b6a6",
+      "color.brand1.surface-active": "4317f602cb1ffb1b2c563987489c28b26ea5d0d5",
+      "color.brand1.border-subtle": "334ed85302e055bb93afbb44b498537e3df75927",
+      "color.brand1.border-default": "1242c2a3d782a857d3f85db244ee44b0e0891271",
+      "color.brand1.border-strong": "9c82a36fa0b8539c0abd4d81901c20b762558036",
+      "color.brand1.base-default": "47ecca40a9dc8e9a661b76b59ac9d5823757e314",
+      "color.brand1.base-hover": "53ea6eafe6df0a541fb6126ef776d3a8310d9a4b",
+      "color.brand1.base-active": "e999cacdf408310d97ce33739b1ec154ff3c5e98",
+      "color.brand1.text-subtle": "38331588055038d86eddadad9e50b500647ab4db",
+      "color.brand1.text-default": "3a69d217642b5cefd8daf62eec49f44f2afa5825",
+      "color.brand1.contrast-default": "acc41cb4669ed5ddb8cd6f3226dd9624b222b217",
+      "color.brand1.contrast-subtle": "85f3a92d7440c4e4cf72f1da86d8429590710d38",
+      "color.brand2.background-default": "acc174832ad87ef85cc066ea8cbdbb5dc656bb5d",
+      "color.brand2.background-subtle": "e2c3e574128bd48db220a9962cbf2c3015601be1",
+      "color.brand2.surface-default": "d1d41d19926b2d39440cdc8461eafb258b5c7faa",
+      "color.brand2.surface-hover": "c9a889bc802d0344dedbbe43cd27605579f1c44b",
+      "color.brand2.surface-active": "f56d9b334f7f62457e7eed8ae9e9e6e4c4492d25",
+      "color.brand2.border-subtle": "448d523fdcc10f45b55ba43a2bff1ca3bc5765ad",
+      "color.brand2.border-default": "34777cd0990f07bd7fc196317da4a6ee31521b53",
+      "color.brand2.border-strong": "6e235de42672393a939b9ef9ea8e484ef682c230",
+      "color.brand2.base-default": "5f32c610bc8bf60e61b04ff61dfe673ae22f7ba9",
+      "color.brand2.base-hover": "3ec7ddfcababaa174c79ee38b92574e61deb3996",
+      "color.brand2.base-active": "46cbfdf8ee73045a58f8ffdf3170415c3d8f597b",
+      "color.brand2.text-subtle": "f18fe585ef084bd062194b8310e5a95d6859b7e2",
+      "color.brand2.text-default": "3425c43c78c9b23116bb307bf283f7da90193e53",
+      "color.brand2.contrast-default": "6be545988d38c38a43887779afcab1a955dc0376",
+      "color.brand2.contrast-subtle": "602c4e1f274f2e6ec679f0260fb36ba4747837b1",
+      "color.brand3.background-default": "cedcec3bec005fc536b5f6c6e24e2bd75cc8aced",
+      "color.brand3.background-subtle": "255f5334bc3cb8355f16a73f152d28c934062a2d",
+      "color.brand3.surface-default": "12ef1bf674d809053f040809b2cf56bbded54cbf",
+      "color.brand3.surface-hover": "b09c83201802a5f1f8c9d797361fd4c942a969e3",
+      "color.brand3.surface-active": "4e9e95a169f99f705a9a3f882191b3cf71e2eed7",
+      "color.brand3.border-subtle": "1dff48ff9dd8ac8a0ef302eddd3a83da1765872d",
+      "color.brand3.border-default": "70c761581f64c4f690f67f43159fc55f38856c7c",
+      "color.brand3.border-strong": "4f9848c3cf803ad5b647ab217a6eb3c837437801",
+      "color.brand3.base-default": "1a321626904ec635608a09ba289c525ae3cf8b76",
+      "color.brand3.base-hover": "c3d125bc82e588db5efb5268f4800c841cbd1cd8",
+      "color.brand3.base-active": "6b629dcc25826eaf4089a93598d47591e665b780",
+      "color.brand3.text-subtle": "ffb4ac12f250b94f85254fab2ea936bcb17e7567",
+      "color.brand3.text-default": "df525269b6c216c5211c61e5eb411f007d1c49ac",
+      "color.brand3.contrast-default": "03cdf3563a32c9314726705e0c331842ab2b3e60",
+      "color.brand3.contrast-subtle": "c22ec18ade8eaf0e37caa17f6ffd42182e979de1",
+      "color.success.background-default": "05ab00df7037fc1de4625e3e2a0e99bedcdd9f85",
+      "color.success.background-subtle": "b3735ad2a6b23e4f9c8441c232df673d8d314845",
+      "color.success.surface-default": "61f83be49fd5050bb7ed42d62f7f27a39556a083",
+      "color.success.surface-hover": "5a35761501c289fd8f16a9058a296c3e8d07de2a",
+      "color.success.surface-active": "95ad2224fbbc245291a9147baf6995073cd6f0d1",
+      "color.success.border-subtle": "f698c4465ad9121225a0a36e4a1637b6700aad35",
+      "color.success.border-default": "808f16caff59826cfd00b20f19ef083c66c29abf",
+      "color.success.border-strong": "f5f3364fcf4264af8da43d2b9c3a141704ae8df9",
+      "color.success.base-default": "8e30684d0b1aa92677d77e3ad4752e38fa7e89f1",
+      "color.success.base-hover": "6ae405b2bb491a9a70168b30831140a2ddbfd1b7",
+      "color.success.base-active": "523431bbfc284985dd5dcf0264a6671d6aa7395c",
+      "color.success.text-subtle": "4e39ae5eb65355087ff23a941627dcec33871a88",
+      "color.success.text-default": "7839ffaf51cf696e80b43994fecef03c8b6d30d5",
+      "color.success.contrast-default": "623434d11c686ee908e8b8a1b92e1003a171c37d",
+      "color.success.contrast-subtle": "added0c656770c52d3d4871773740ef90a7094eb",
+      "color.danger.background-default": "566615a9d7cc071382ed88bdb6b407251ea56d41",
+      "color.danger.background-subtle": "74644bb0df2c26c7de3d348e0d5ed74a80f1c87f",
+      "color.danger.surface-default": "1749ef78dd030f3350976c469c2de04a33016808",
+      "color.danger.surface-hover": "aa318b1c5b7b31427fb2f3bdb6d7a2d89994d44f",
+      "color.danger.surface-active": "ac29ead842824e61df9a702f1b319fbc266f314e",
+      "color.danger.border-subtle": "c347bec0633f44c67ab76dd464e0c174d140a437",
+      "color.danger.border-default": "164fb9e59f8e7a3cb60d92a6caee8e825c95a33a",
+      "color.danger.border-strong": "7091762d2494da0d79e9681a0ee67656e8869ffc",
+      "color.danger.base-default": "8d25aaea9c03d35b769d40dfea6486dd18a99ad6",
+      "color.danger.base-hover": "ea2cc0a4e3ce8ef2bc113b2f38344e9ca74e10af",
+      "color.danger.base-active": "cf8652537239ef17c09fbadcfb8d3c12beb6ee1a",
+      "color.danger.text-subtle": "aebac14e197ff73ff2438f3c4ba6ed13e3f6afb5",
+      "color.danger.text-default": "7db406326afa5a5bb00bf68b12123e64530f5c63",
+      "color.danger.contrast-default": "e8edda99009eae8aef5bb7e7538c990b766439e0",
+      "color.danger.contrast-subtle": "370acca07c8c26e070bfeab6e6bf423ec0b7effc",
+      "color.info.background-default": "0fa5b671b5e304a9044c6e1a9e76f88daa60292f",
+      "color.info.background-subtle": "672bd0ce8ae3b0edebbf74f40b53bbaee1cb9083",
+      "color.info.surface-default": "6344f85031e43a952f90156935f901442be233ed",
+      "color.info.surface-hover": "020d6366c9e5a8886599c316b29f949a49053940",
+      "color.info.surface-active": "801ae4b9235d2bb1461ebf1b50c0d95c4f6a3ba3",
+      "color.info.border-subtle": "9319cfbfa7693a72d5e2d56d555bdb2ecca791d5",
+      "color.info.border-default": "5c1b4386d9a4a78f47f1dd8782867134c10af39d",
+      "color.info.border-strong": "4935cbc668d90b17192905e24ea842d406a1804e",
+      "color.info.base-default": "f4d7cf1dcac3038f6f3ff1f97ca919ed22510a7e",
+      "color.info.base-hover": "bc9591cbbbffff9523f210df94efdcd2241b848e",
+      "color.info.base-active": "073fe124f096447e2bc7fd0fbb26fefc5c8019c2",
+      "color.info.text-subtle": "469fd37a9f5a9326fa79f673da580531f864a801",
+      "color.info.text-default": "5fa4d18382f7d4a23c98ecb3d1a5af6530cd6017",
+      "color.info.contrast-default": "5d20ef679fafa42e691bba582e7f1a748967918f",
+      "color.info.contrast-subtle": "dbbbf393822c99d5f07fa500baddc470094ef3f3",
+      "color.warning.background-default": "0b67c817cb26096be9a15654f2089d06a77490fd",
+      "color.warning.background-subtle": "9808b3e7df39e86997ca7157d2684484cf0ccaf3",
+      "color.warning.surface-default": "0a1b03a23074d996758ae0daaafd80751234499a",
+      "color.warning.surface-hover": "e84de2b9c1d1b0fdd9310a236863ad7d7febae49",
+      "color.warning.surface-active": "175d21478a345bb2a736a92fe42d4c9c75c02af9",
+      "color.warning.border-subtle": "44ddecf5d46ff4903f0e7eceb9f1cea475c38fbf",
+      "color.warning.border-default": "acca5bde6fd1238e9ce4414d18248ca4741f5234",
+      "color.warning.border-strong": "24525067da8384f6e541787ac6fa2ddcc88c50d8",
+      "color.warning.base-default": "645912b9cf20404f89520dbe3fab060755a40aea",
+      "color.warning.base-hover": "7add6b5bba5500d738c72e98bddd043221591c99",
+      "color.warning.base-active": "1581c75ed7144a8f5d2f8ec851b4183559df1da8",
+      "color.warning.text-subtle": "5caaee96e45f0a32a430c7e5dc495a8e9fdc7bb8",
+      "color.warning.text-default": "72a826e2cbae00a765d085c59fce739d872b6198",
+      "color.warning.contrast-default": "35c4bdd207c9e4331d4fb547d95834365fe5bf28",
+      "color.warning.contrast-subtle": "a17743c65773a4291b16901247c8f024143807d1",
+      "color.focus.inner": "c45b468ce89293d0b4c4f4183720d2fc90416551",
+      "color.focus.outer": "872f0d2f20cdcb0fe1a2e0b5b40d2cec3f3ace7d",
+      "disabled.opacity": "1c95cc4644615162e7bc8ac0067c0b8072a97f08",
+      "border-radius.sm": "9606ceeb8d4b35421cb1c2bdc48e8ba05b09cc83",
+      "border-radius.md": "08d9503892f1f01b66af7a781f5e81dc3fd06291",
+      "border-radius.lg": "f7fe1acfc7bed3ae47422fec14092a2711ef4874",
+      "border-radius.default": "e99d20caea8093553730161d4ebf6fa9aa681292",
+      "border-radius.full": "9831c1aca7d8eb11f9de57be7cd94b8988fa2e51",
+      "spacing.0": "e4c027108e976e7445987508e778dbe8e8ee5833",
+      "spacing.1": "0b870c5292502f63d2a365ea7b030eb06b43a9fc",
+      "spacing.2": "e3a7c1493246f040fa93855e14359fde89f164c3",
+      "spacing.3": "53ad02ae7abd3485062d2886475628a7992a90d6",
+      "spacing.4": "7d9488cc8efd89063bda739138a0634a83aa7c6a",
+      "spacing.5": "af033b22c1147dbfcb232281e68859638f20c01b",
+      "spacing.6": "9028c011f865b693922efcd801afbbd842d2acb8",
+      "spacing.7": "a40599c092cbce38c7c320388a38d3cbe515c213",
+      "spacing.8": "4385ae0d6e2863a8f4907c3ee3f0632d100b3051",
+      "spacing.9": "79dc687e8ea5f26b7aa76c8ec37bd7d51867b90c",
+      "spacing.10": "e4c98c19b7545e303023afffa9ab0fb7735b83ac",
+      "spacing.11": "33dab1037b99bf8780dea23d4f8e12b09af582fe",
+      "spacing.12": "e99634edbc1c63dd2c4e419030125458028426dd",
+      "spacing.13": "9d7e1bd702db758da588739ef20770db442915fa",
+      "spacing.14": "f245a960ab54fa5131de8738a2276ce757453e21",
+      "spacing.15": "987f5e8ee83802a581bf82678d3794105576d1ad",
+      "spacing.18": "b7fab5db3181b125dd3f9f52866f6dae8f1a9049",
+      "spacing.22": "11a4d8f45febf0879bc1bf227f7018354bb66392",
+      "spacing.26": "2ef862de1233b596b3018bd754eee9d835446db8",
+      "spacing.30": "c5ef4bf93c018990f44e123e6a9a232ec5dcb752",
+      "sizing.0": "4f65a110da39ed4633499d20f91b379c507d4ffe",
+      "sizing.1": "97fbbb81aeb04de57c26be706a91d70766c424e0",
+      "sizing.2": "da64ee4de05efd21668e4a536d8369396a49d888",
+      "sizing.3": "825946cc7f646ea701e71fffa5e883aa058b80e5",
+      "sizing.4": "6029b5de443f5aacf812d0eb1f5e0ec18262b82a",
+      "sizing.5": "d6f8eb9811df0616b396ad419d7d0ca3789acfe1",
+      "sizing.6": "bc6285d2224432c23925ee2e1d74544949396ec9",
+      "sizing.7": "2ebe860b5d95dbc773d5460c8e6971d7ef32d065",
+      "sizing.8": "d5bac0b66ef345e31e65f129f92cd12cbe51183a",
+      "sizing.9": "dadf9ee4de2ea059ac8adbe570b4e0b48aa21838",
+      "sizing.10": "c45e5df2dfa5239cf8b793cd7641a3503c8a665c",
+      "sizing.11": "84d99912949240980a2b48bd45ff9eeb03d11ef6",
+      "sizing.12": "71558a6b40639ddcd55777bac3bd806f9aca1fbb",
+      "sizing.13": "b3cad2901e3d7fdda1e711dba31e3b7b69be5aea",
+      "sizing.14": "8461ac8fe41eb5e285023db218448f9341e83c45",
+      "sizing.15": "4c4fbccd82976364f95afaa5e381627ab82ed83c",
+      "sizing.18": "80a02e216a0805a4dee7abd969dc1a4db3c14d62",
+      "sizing.22": "fda234ee88af037cef92b62dccb3be2f0189dc5b",
+      "sizing.26": "96df3827a42a8c8748f7595a74e13266570f38b0",
+      "sizing.30": "03b9a1270a83a6002d9769d5f14e9ac1892cab27",
+      "border-width.default": "5483d851813a13e1fe846d272e13a9a51d19516a",
+      "border-width.highlight": "dca26e935c516ffbfa6f007a2ef0710fe1aaf6ff"
     },
     "group": "Semantic"
   },
@@ -1907,26 +2006,26 @@
     "selectedTokenSets": {
       "semantic/modes/main-color/accent": "enabled"
     },
-    "group": "Main color",
-    "$figmaCollectionId": "VariableCollectionId:39565:11412",
-    "$figmaModeId": "39565:0",
+    "$figmaCollectionId": "VariableCollectionId:40350:32139",
+    "$figmaModeId": "40350:0",
     "$figmaVariableReferences": {
-      "color.main.background-default": "92f8b7f8b7afbeaebc0a365677e0fe473a95e779",
-      "color.main.background-subtle": "5ec9853c64c0bf579811844f9ddd3f9f79313ea8",
-      "color.main.surface-default": "40e90956298c5f4dfb8b81398a5ecac69770ac73",
-      "color.main.surface-hover": "2ee4310c57fff571e92a16ef29380c1bca4b33df",
-      "color.main.surface-active": "d103e7e2cb8032783d4dd8a7ee0966f072f6d749",
-      "color.main.border-subtle": "7e193b333d0a8b453108e382ccd78ecbbdd34b4c",
-      "color.main.border-default": "7c48595d10406971830d156a051aa090f6b706dc",
-      "color.main.border-strong": "2cccfe76cf5dcbb8b4ecfa017e335d22c2e5fddd",
-      "color.main.base-default": "55d583c3cf002c0d52bf2ffd4d20fa8c959e1583",
-      "color.main.base-hover": "090c928bff8d4933897c57796d864fa03414a8b5",
-      "color.main.base-active": "5b30095661fe79ebfaecbd315b210768a6d11f3f",
-      "color.main.text-subtle": "e4aeefe967c506b658a3d8d37412e9cfa9eefd2a",
-      "color.main.text-default": "a27ceb7e7fc77cf1752c32f38682c0f978f071b6",
-      "color.main.contrast-default": "8d0d89ad2e6ffdf3527dc382ab045b74ae14b336",
-      "color.main.contrast-subtle": "0b0fd08a219c9be5b8471f32d552c9ab8df692cd"
-    }
+      "color.main.background-default": "5a1c10917bd3dd0c93b581f52dc865498aaf058f",
+      "color.main.background-subtle": "2dda43c74eed383ea9b678916cb563ed4111d318",
+      "color.main.surface-default": "db7c9a7ccf77b7ce8e2f19a14c49418c2104f5f5",
+      "color.main.surface-hover": "6c5c6346ffeb84e5af8887003565fe3344de51d4",
+      "color.main.surface-active": "4227430e1958272eb53e814430f04684344fba13",
+      "color.main.border-subtle": "9bae92e2405beecec84ec286150fa96871efcc5d",
+      "color.main.border-default": "62e3b53501a9bd77eb48bb47951db9e4ad54a819",
+      "color.main.border-strong": "e10f137a2f9787e3bd19250b16cb3ac15da675f6",
+      "color.main.base-default": "53ef4e7f5f8780b76b0e59fda870a5aa378bd47e",
+      "color.main.base-hover": "f73f6fb0581b2107c0fc9c4cab2bf86bba71a768",
+      "color.main.base-active": "0960e79a0ebfce1a9a672af7cda70f44226990b3",
+      "color.main.text-subtle": "7c4155a9ba2fff44aaa1f38bc024a0320644b849",
+      "color.main.text-default": "5c36cac71fd419cac01079812cdc5a21e671f9d1",
+      "color.main.contrast-default": "93c3b64301733412617e795dceb3e912b2d91f20",
+      "color.main.contrast-subtle": "9ff40f41b57e858dda52bd167f0f7a5f3dbf981e"
+    },
+    "group": "Main color"
   },
   {
     "id": "596501d7-2669-46cf-bce2-29327b877f8b",
@@ -1935,26 +2034,26 @@
     "selectedTokenSets": {
       "semantic/modes/support-color/brand1": "enabled"
     },
-    "group": "Support color",
-    "$figmaCollectionId": "VariableCollectionId:39565:11413",
-    "$figmaModeId": "39565:1",
+    "$figmaCollectionId": "VariableCollectionId:40350:32140",
+    "$figmaModeId": "40350:1",
     "$figmaVariableReferences": {
-      "color.support.background-default": "25ba68dc998bc327c88671133d4262ec394139d4",
-      "color.support.background-subtle": "eb164a0d4d10f11e3c4f37ccd198800aed39c621",
-      "color.support.surface-default": "694cd7bca2aa6083db516be18b4bac01f31c81b8",
-      "color.support.surface-hover": "98ce193291c40a28778d36acac9190b5211cc7f6",
-      "color.support.surface-active": "a13b2066a5da7b85f9d77ab4615e41e34e3088d9",
-      "color.support.border-subtle": "b53f0ec6758d50bdb6e48baa52d993636b9e511d",
-      "color.support.border-default": "69637a721e7f66a8d52dcbde1bb193eef91d3b86",
-      "color.support.border-strong": "5f992123eed2b20fbefc56d5f7f8feb5289f7d4d",
-      "color.support.base-default": "5f01656f2162deb399cd9a1ec364c445e285a8ee",
-      "color.support.base-hover": "09127b4763cf88b60c59d410e04184d4ae15021d",
-      "color.support.base-active": "76679cf4a7c03f70ccde31c0ad278b84240c6358",
-      "color.support.text-subtle": "5d80aded184f5ecf4ef6722b320b999542b45304",
-      "color.support.text-default": "67498e3aab54acbd17359cc358d8ade53a372963",
-      "color.support.contrast-default": "5efa95b7eb7bb1eb4dd499243ecadd637d405e1e",
-      "color.support.contrast-subtle": "8877c9d01a93b1beb827a49de54766fca3b46198"
-    }
+      "color.support.background-default": "3de6663f7c078f73a5f0b712ff7da5d32927af20",
+      "color.support.background-subtle": "5370d4d84ab5b88b7b9a9dcc59265cdfa982708a",
+      "color.support.surface-default": "cae32dc4ddd4b08799c28570400c5ff67d612f02",
+      "color.support.surface-hover": "64b794a11777dcd20e989241cb328510deee796d",
+      "color.support.surface-active": "92b89fa58489c3b5666de70bdccbc527fe1a1b05",
+      "color.support.border-subtle": "b7e94885482f0f56d5b219a447fbd08fa7da50cf",
+      "color.support.border-default": "ad8559a81a1c0f5e1484c568decfe6ce46a429fd",
+      "color.support.border-strong": "2c16121859bc2e9d2fe97eeb2f8874ece31a4962",
+      "color.support.base-default": "c09530c7b01a114cdbff4ec05b66e9b2c09f8263",
+      "color.support.base-hover": "450b5f59a4747b72801225e816e9a22702ebd47a",
+      "color.support.base-active": "5cf788e1b97453219736627cc110ecacb1f2eac9",
+      "color.support.text-subtle": "82b874ab403889814c58c83d95b5dca7e0a39301",
+      "color.support.text-default": "67e0c8e254ef6dfdbf6ae96ca8d6393d23122765",
+      "color.support.contrast-default": "e251a7a2fb54fc06e907c6cfed1426895a437993",
+      "color.support.contrast-subtle": "128d9b8eae01f0cdfe53c87560181ed6a67a8d69"
+    },
+    "group": "Support color"
   },
   {
     "id": "8e1913e5-92aa-40ca-917c-9f458ec6d31d",
@@ -1963,26 +2062,26 @@
     "selectedTokenSets": {
       "semantic/modes/support-color/brand2": "enabled"
     },
-    "group": "Support color",
-    "$figmaCollectionId": "VariableCollectionId:39565:11413",
-    "$figmaModeId": "39565:2",
+    "$figmaCollectionId": "VariableCollectionId:40350:32140",
+    "$figmaModeId": "40350:2",
     "$figmaVariableReferences": {
-      "color.support.background-default": "25ba68dc998bc327c88671133d4262ec394139d4",
-      "color.support.background-subtle": "eb164a0d4d10f11e3c4f37ccd198800aed39c621",
-      "color.support.surface-default": "694cd7bca2aa6083db516be18b4bac01f31c81b8",
-      "color.support.surface-hover": "98ce193291c40a28778d36acac9190b5211cc7f6",
-      "color.support.surface-active": "a13b2066a5da7b85f9d77ab4615e41e34e3088d9",
-      "color.support.border-subtle": "b53f0ec6758d50bdb6e48baa52d993636b9e511d",
-      "color.support.border-default": "69637a721e7f66a8d52dcbde1bb193eef91d3b86",
-      "color.support.border-strong": "5f992123eed2b20fbefc56d5f7f8feb5289f7d4d",
-      "color.support.base-default": "5f01656f2162deb399cd9a1ec364c445e285a8ee",
-      "color.support.base-hover": "09127b4763cf88b60c59d410e04184d4ae15021d",
-      "color.support.base-active": "76679cf4a7c03f70ccde31c0ad278b84240c6358",
-      "color.support.text-subtle": "5d80aded184f5ecf4ef6722b320b999542b45304",
-      "color.support.text-default": "67498e3aab54acbd17359cc358d8ade53a372963",
-      "color.support.contrast-default": "5efa95b7eb7bb1eb4dd499243ecadd637d405e1e",
-      "color.support.contrast-subtle": "8877c9d01a93b1beb827a49de54766fca3b46198"
-    }
+      "color.support.background-default": "3de6663f7c078f73a5f0b712ff7da5d32927af20",
+      "color.support.background-subtle": "5370d4d84ab5b88b7b9a9dcc59265cdfa982708a",
+      "color.support.surface-default": "cae32dc4ddd4b08799c28570400c5ff67d612f02",
+      "color.support.surface-hover": "64b794a11777dcd20e989241cb328510deee796d",
+      "color.support.surface-active": "92b89fa58489c3b5666de70bdccbc527fe1a1b05",
+      "color.support.border-subtle": "b7e94885482f0f56d5b219a447fbd08fa7da50cf",
+      "color.support.border-default": "ad8559a81a1c0f5e1484c568decfe6ce46a429fd",
+      "color.support.border-strong": "2c16121859bc2e9d2fe97eeb2f8874ece31a4962",
+      "color.support.base-default": "c09530c7b01a114cdbff4ec05b66e9b2c09f8263",
+      "color.support.base-hover": "450b5f59a4747b72801225e816e9a22702ebd47a",
+      "color.support.base-active": "5cf788e1b97453219736627cc110ecacb1f2eac9",
+      "color.support.text-subtle": "82b874ab403889814c58c83d95b5dca7e0a39301",
+      "color.support.text-default": "67e0c8e254ef6dfdbf6ae96ca8d6393d23122765",
+      "color.support.contrast-default": "e251a7a2fb54fc06e907c6cfed1426895a437993",
+      "color.support.contrast-subtle": "128d9b8eae01f0cdfe53c87560181ed6a67a8d69"
+    },
+    "group": "Support color"
   },
   {
     "id": "ef789a3b-a857-4c48-ba89-23d8560ccd73",
@@ -1991,25 +2090,25 @@
     "selectedTokenSets": {
       "semantic/modes/support-color/brand3": "enabled"
     },
-    "group": "Support color",
-    "$figmaCollectionId": "VariableCollectionId:39565:11413",
-    "$figmaModeId": "39565:3",
+    "$figmaCollectionId": "VariableCollectionId:40350:32140",
+    "$figmaModeId": "40350:3",
     "$figmaVariableReferences": {
-      "color.support.background-default": "25ba68dc998bc327c88671133d4262ec394139d4",
-      "color.support.background-subtle": "eb164a0d4d10f11e3c4f37ccd198800aed39c621",
-      "color.support.surface-default": "694cd7bca2aa6083db516be18b4bac01f31c81b8",
-      "color.support.surface-hover": "98ce193291c40a28778d36acac9190b5211cc7f6",
-      "color.support.surface-active": "a13b2066a5da7b85f9d77ab4615e41e34e3088d9",
-      "color.support.border-subtle": "b53f0ec6758d50bdb6e48baa52d993636b9e511d",
-      "color.support.border-default": "69637a721e7f66a8d52dcbde1bb193eef91d3b86",
-      "color.support.border-strong": "5f992123eed2b20fbefc56d5f7f8feb5289f7d4d",
-      "color.support.base-default": "5f01656f2162deb399cd9a1ec364c445e285a8ee",
-      "color.support.base-hover": "09127b4763cf88b60c59d410e04184d4ae15021d",
-      "color.support.base-active": "76679cf4a7c03f70ccde31c0ad278b84240c6358",
-      "color.support.text-subtle": "5d80aded184f5ecf4ef6722b320b999542b45304",
-      "color.support.text-default": "67498e3aab54acbd17359cc358d8ade53a372963",
-      "color.support.contrast-default": "5efa95b7eb7bb1eb4dd499243ecadd637d405e1e",
-      "color.support.contrast-subtle": "8877c9d01a93b1beb827a49de54766fca3b46198"
-    }
+      "color.support.background-default": "3de6663f7c078f73a5f0b712ff7da5d32927af20",
+      "color.support.background-subtle": "5370d4d84ab5b88b7b9a9dcc59265cdfa982708a",
+      "color.support.surface-default": "cae32dc4ddd4b08799c28570400c5ff67d612f02",
+      "color.support.surface-hover": "64b794a11777dcd20e989241cb328510deee796d",
+      "color.support.surface-active": "92b89fa58489c3b5666de70bdccbc527fe1a1b05",
+      "color.support.border-subtle": "b7e94885482f0f56d5b219a447fbd08fa7da50cf",
+      "color.support.border-default": "ad8559a81a1c0f5e1484c568decfe6ce46a429fd",
+      "color.support.border-strong": "2c16121859bc2e9d2fe97eeb2f8874ece31a4962",
+      "color.support.base-default": "c09530c7b01a114cdbff4ec05b66e9b2c09f8263",
+      "color.support.base-hover": "450b5f59a4747b72801225e816e9a22702ebd47a",
+      "color.support.base-active": "5cf788e1b97453219736627cc110ecacb1f2eac9",
+      "color.support.text-subtle": "82b874ab403889814c58c83d95b5dca7e0a39301",
+      "color.support.text-default": "67e0c8e254ef6dfdbf6ae96ca8d6393d23122765",
+      "color.support.contrast-default": "e251a7a2fb54fc06e907c6cfed1426895a437993",
+      "color.support.contrast-subtle": "128d9b8eae01f0cdfe53c87560181ed6a67a8d69"
+    },
+    "group": "Support color"
   }
 ]
\ No newline at end of file
diff --git a/design-tokens/Figma/components.json b/design-tokens/Figma/components.json
index 1a98c25a31..8408ecccaa 100644
--- a/design-tokens/Figma/components.json
+++ b/design-tokens/Figma/components.json
@@ -3,15 +3,15 @@
     "circle": {
       "small": {
         "$type": "sizing",
-        "$value": "{sizing.5} - {switch.border}"
+        "$value": "{size.5} - {switch.border}"
       },
       "medium": {
         "$type": "sizing",
-        "$value": "{sizing.6} - {switch.border}"
+        "$value": "{size.6} - {switch.border}"
       },
       "large": {
         "$type": "sizing",
-        "$value": "{sizing.7} - {switch.border}"
+        "$value": "{size.7} - {switch.border}"
       }
     },
     "border": {
diff --git a/design-tokens/primitives/modes/size/global.json b/design-tokens/primitives/modes/size/global.json
new file mode 100644
index 0000000000..88ca6f4120
--- /dev/null
+++ b/design-tokens/primitives/modes/size/global.json
@@ -0,0 +1,96 @@
+{
+  "size": {
+    "0": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *0)"
+    },
+    "1": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *1)"
+    },
+    "2": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *2)"
+    },
+    "3": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *3)"
+    },
+    "4": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *4)"
+    },
+    "5": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *5)"
+    },
+    "6": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *6)"
+    },
+    "7": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *7)"
+    },
+    "8": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *8)"
+    },
+    "9": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *9)"
+    },
+    "10": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *10)"
+    },
+    "11": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *11)"
+    },
+    "12": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *12)"
+    },
+    "13": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *13)"
+    },
+    "14": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *14)"
+    },
+    "15": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *15)"
+    },
+    "18": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *18)"
+    },
+    "22": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *22)"
+    },
+    "26": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *26)"
+    },
+    "30": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *30)"
+    },
+    "mode-font-size": {
+      "$type": "dimension",
+      "$value": "{size._mode-font-size}"
+    },
+    "base": {
+      "$type": "dimension",
+      "$value": "{size._base}"
+    },
+    "step": {
+      "$type": "dimension",
+      "$value": "{size._step}"
+    }
+  }
+}
\ No newline at end of file
diff --git a/design-tokens/primitives/modes/size/large.json b/design-tokens/primitives/modes/size/large.json
new file mode 100644
index 0000000000..9e4fd35d95
--- /dev/null
+++ b/design-tokens/primitives/modes/size/large.json
@@ -0,0 +1,16 @@
+{
+  "size": {
+    "_mode-font-size": {
+      "$type": "dimension",
+      "$value": "21"
+    },
+    "_base": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_step": {
+      "$type": "dimension",
+      "$value": "4"
+    }
+  }
+}
\ No newline at end of file
diff --git a/design-tokens/primitives/modes/size/medium.json b/design-tokens/primitives/modes/size/medium.json
new file mode 100644
index 0000000000..d4efdd9613
--- /dev/null
+++ b/design-tokens/primitives/modes/size/medium.json
@@ -0,0 +1,16 @@
+{
+  "size": {
+    "_mode-font-size": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_base": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_step": {
+      "$type": "dimension",
+      "$value": "4"
+    }
+  }
+}
\ No newline at end of file
diff --git a/design-tokens/primitives/modes/size/small.json b/design-tokens/primitives/modes/size/small.json
new file mode 100644
index 0000000000..5c9bb578f4
--- /dev/null
+++ b/design-tokens/primitives/modes/size/small.json
@@ -0,0 +1,16 @@
+{
+  "size": {
+    "_mode-font-size": {
+      "$type": "dimension",
+      "$value": "16"
+    },
+    "_base": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_step": {
+      "$type": "dimension",
+      "$value": "4"
+    }
+  }
+}
\ No newline at end of file
diff --git a/design-tokens/primitives/modes/typography/size/large.json b/design-tokens/primitives/modes/typography/size/large.json
new file mode 100644
index 0000000000..3c59494ea5
--- /dev/null
+++ b/design-tokens/primitives/modes/typography/size/large.json
@@ -0,0 +1,100 @@
+{
+  "line-height": {
+    "sm": {
+      "$type": "lineHeights",
+      "$value": "130%"
+    },
+    "md": {
+      "$type": "lineHeights",
+      "$value": "150%"
+    },
+    "lg": {
+      "$type": "lineHeights",
+      "$value": "170%"
+    }
+  },
+  "font-size": {
+    "1": {
+      "$type": "fontSizes",
+      "$value": "13"
+    },
+    "2": {
+      "$type": "fontSizes",
+      "$value": "14"
+    },
+    "3": {
+      "$type": "fontSizes",
+      "$value": "16"
+    },
+    "4": {
+      "$type": "fontSizes",
+      "$value": "18"
+    },
+    "5": {
+      "$type": "fontSizes",
+      "$value": "21"
+    },
+    "6": {
+      "$type": "fontSizes",
+      "$value": "24"
+    },
+    "7": {
+      "$type": "fontSizes",
+      "$value": "30"
+    },
+    "8": {
+      "$type": "fontSizes",
+      "$value": "36"
+    },
+    "9": {
+      "$type": "fontSizes",
+      "$value": "48"
+    },
+    "10": {
+      "$type": "fontSizes",
+      "$value": "60"
+    },
+    "11": {
+      "$type": "fontSizes",
+      "$value": "72"
+    }
+  },
+  "letter-spacing": {
+    "1": {
+      "$type": "letterSpacing",
+      "$value": "-1%"
+    },
+    "2": {
+      "$type": "letterSpacing",
+      "$value": "-0.5%"
+    },
+    "3": {
+      "$type": "letterSpacing",
+      "$value": "-0.25%"
+    },
+    "4": {
+      "$type": "letterSpacing",
+      "$value": "-0.15%"
+    },
+    "5": {
+      "$type": "letterSpacing",
+      "$value": "0%"
+    },
+    "6": {
+      "$type": "letterSpacing",
+      "$value": "0.15%"
+    },
+    "7": {
+      "$type": "letterSpacing",
+      "$value": "0.25%"
+    },
+    "8": {
+      "$type": "letterSpacing",
+      "$value": "0.5%"
+    },
+    "9": {
+      "$type": "letterSpacing",
+      "$value": "1.5%"
+    }
+  }
+}
\ No newline at end of file
diff --git a/design-tokens/primitives/size/default.json b/design-tokens/primitives/modes/typography/size/medium.json
similarity index 55%
rename from design-tokens/primitives/size/default.json
rename to design-tokens/primitives/modes/typography/size/medium.json
index 4af117ff8b..05994a0310 100644
--- a/design-tokens/primitives/size/default.json
+++ b/design-tokens/primitives/modes/typography/size/medium.json
@@ -1,130 +1,60 @@
 {
   "line-height": {
     "sm": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "lineHeights",
       "$value": "130%"
     },
     "md": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "lineHeights",
       "$value": "150%"
     },
     "lg": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "lineHeights",
       "$value": "170%"
     }
   },
   "font-size": {
     "1": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "12"
     },
     "2": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "13"
     },
     "3": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "14"
     },
     "4": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "16"
     },
     "5": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "18"
     },
     "6": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "21"
     },
     "7": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "24"
     },
     "8": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "30"
     },
     "9": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "36"
     },
     "10": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "48"
     },
     "11": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "60"
     }
@@ -163,11 +93,6 @@
       "$value": "0.5%"
     },
     "9": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "letterSpacing",
       "$value": "1.5%"
     }
diff --git a/design-tokens/primitives/size/compact.json b/design-tokens/primitives/modes/typography/size/small.json
similarity index 51%
rename from design-tokens/primitives/size/compact.json
rename to design-tokens/primitives/modes/typography/size/small.json
index ed04ab5a6c..1958cf4f62 100644
--- a/design-tokens/primitives/size/compact.json
+++ b/design-tokens/primitives/modes/typography/size/small.json
@@ -1,130 +1,60 @@
 {
   "line-height": {
     "sm": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "lineHeights",
       "$value": "130%"
     },
     "md": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "lineHeights",
       "$value": "150%"
     },
     "lg": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "lineHeights",
       "$value": "170%"
     }
   },
   "font-size": {
     "1": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
-      "$value": "12"
+      "$value": "11"
     },
     "2": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
-      "$value": "13"
+      "$value": "12"
     },
     "3": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
-      "$value": "14"
+      "$value": "13"
     },
     "4": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
-      "$value": "16"
+      "$value": "14"
     },
     "5": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
-      "$value": "18"
+      "$value": "16"
     },
     "6": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
-      "$value": "20"
+      "$value": "18"
     },
     "7": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
-      "$value": "22"
+      "$value": "21"
     },
     "8": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
-      "$value": "26"
+      "$value": "24"
     },
     "9": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
-      "$value": "32"
+      "$value": "30"
     },
     "10": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
-      "$value": "40"
+      "$value": "36"
     },
     "11": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "48"
     }
@@ -163,11 +93,6 @@
       "$value": "0.5%"
     },
     "9": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "letterSpacing",
       "$value": "1.5%"
     }
diff --git a/design-tokens/semantic/style.json b/design-tokens/semantic/style.json
index c20dea322e..922bf52adc 100644
--- a/design-tokens/semantic/style.json
+++ b/design-tokens/semantic/style.json
@@ -264,165 +264,165 @@
   "spacing": {
     "0": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*0"
+      "$value": "{size.0}"
     },
     "1": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*1"
+      "$value": "{size.1}"
     },
     "2": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*2"
+      "$value": "{size.2}"
     },
     "3": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*3"
+      "$value": "{size.3}"
     },
     "4": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*4"
+      "$value": "{size.4}"
     },
     "5": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*5"
+      "$value": "{size.5}"
     },
     "6": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*6"
+      "$value": "{size.6}"
     },
     "7": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*7"
+      "$value": "{size.7}"
     },
     "8": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*8"
+      "$value": "{size.8}"
     },
     "9": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*9"
+      "$value": "{size.9}"
     },
     "10": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*10"
+      "$value": "{size.10}"
     },
     "11": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*11"
+      "$value": "{size.11}"
     },
     "12": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*12"
+      "$value": "{size.12}"
     },
     "13": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*13"
+      "$value": "{size.13}"
     },
     "14": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*14"
+      "$value": "{size.14}"
     },
     "15": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*15"
+      "$value": "{size.15}"
     },
     "18": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*18"
+      "$value": "{size.18}"
     },
     "22": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*22"
+      "$value": "{size.22}"
     },
     "26": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*26"
+      "$value": "{size.26}"
     },
     "30": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*30"
+      "$value": "{size.30}"
     }
   },
   "sizing": {
     "0": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*0"
+      "$value": "{size.0}"
     },
     "1": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*1"
+      "$value": "{size.1}"
     },
     "2": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*2"
+      "$value": "{size.2}"
     },
     "3": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*3"
+      "$value": "{size.3}"
     },
     "4": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*4"
+      "$value": "{size.4}"
     },
     "5": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*5"
+      "$value": "{size.5}"
     },
     "6": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*6"
+      "$value": "{size.6}"
     },
     "7": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*7"
+      "$value": "{size.7}"
     },
     "8": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*8"
+      "$value": "{size.8}"
     },
     "9": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*9"
+      "$value": "{size.9}"
     },
     "10": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*10"
+      "$value": "{size.10}"
     },
     "11": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*11"
+      "$value": "{size.11}"
     },
     "12": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*12"
+      "$value": "{size.12}"
     },
     "13": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*13"
+      "$value": "{size.13}"
     },
     "14": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*14"
+      "$value": "{size.14}"
     },
     "15": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*15"
+      "$value": "{size.15}"
     },
     "18": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*18"
+      "$value": "{size.18}"
     },
     "22": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*22"
+      "$value": "{size.22}"
     },
     "26": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*26"
+      "$value": "{size.26}"
     },
     "30": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*30"
+      "$value": "{size.30}"
     }
   },
   "border-width": {
diff --git a/design-tokens/themes/theme.json b/design-tokens/themes/theme.json
index dbd99ef1ba..d0487caa84 100644
--- a/design-tokens/themes/theme.json
+++ b/design-tokens/themes/theme.json
@@ -365,4 +365,4 @@
       "$value": "4"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/design-tokens/themes/theme2.json b/design-tokens/themes/theme2.json
index deb3c1b1eb..8e92993eda 100644
--- a/design-tokens/themes/theme2.json
+++ b/design-tokens/themes/theme2.json
@@ -365,4 +365,4 @@
       "$value": "4"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/design-tokens/themes/theme3.json b/design-tokens/themes/theme3.json
index a927d502d1..2c1771c381 100644
--- a/design-tokens/themes/theme3.json
+++ b/design-tokens/themes/theme3.json
@@ -365,4 +365,4 @@
       "$value": "4"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/design-tokens/themes/theme4.json b/design-tokens/themes/theme4.json
index af91bb8352..70b68bb208 100644
--- a/design-tokens/themes/theme4.json
+++ b/design-tokens/themes/theme4.json
@@ -365,4 +365,4 @@
       "$value": "4"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/Overview.mdx b/packages/Overview.mdx
index a0872ebae0..688f1cb61b 100644
--- a/packages/Overview.mdx
+++ b/packages/Overview.mdx
@@ -8,7 +8,7 @@ import { Card, Heading } from './react';
   src='/img/storybook-overview.png'
   alt='Designsystemets storybook'
   style={{
-    marginBottom: 'var(--ds-spacing-12)',
+    marginBottom: 'var(--ds-size-12)',
   }}
 />
 
@@ -21,8 +21,8 @@ som kan brukes til å videreutvikle og lage mer avanserte og sammensatte kompone
   style={{
     display: 'grid',
     gridTemplateColumns: 'repeat(auto-fill, minmax(400px, 1fr))',
-    gap: 'var(--ds-spacing-4)',
-    marginBlock: 'var(--ds-spacing-6) var(--ds-spacing-12)',
+    gap: 'var(--ds-size-4)',
+    marginBlock: 'var(--ds-size-6) var(--ds-size-12)',
   }}
 >
   <Card className='sb-unstyled'>
diff --git a/packages/cli/src/tokens/build.ts b/packages/cli/src/tokens/build.ts
index ce7b4b2b9e..a2b4791e6c 100644
--- a/packages/cli/src/tokens/build.ts
+++ b/packages/cli/src/tokens/build.ts
@@ -85,8 +85,8 @@ export async function buildTokens(options: Options): Promise<void> {
   ).map(processThemeObject);
 
   const relevant$themes = $themes
-    // We only use the 'default' theme for the 'size' group
-    .filter((theme) => R.not(theme.group === 'size' && theme.name !== 'default'));
+    // We only use the 'medium' theme for the 'size' group
+    .filter((theme) => R.not(theme.group === 'size' && theme.name !== 'medium'));
 
   if (!buildOptions.accentColor) {
     const accentOrFirstMainColor =
diff --git a/packages/cli/src/tokens/build/configs.ts b/packages/cli/src/tokens/build/configs.ts
index 415e327974..498db43b78 100644
--- a/packages/cli/src/tokens/build/configs.ts
+++ b/packages/cli/src/tokens/build/configs.ts
@@ -8,11 +8,10 @@ import { DEFAULT_COLOR, buildOptions } from '../build.js';
 import { isColorCategoryToken, pathStartsWithOneOf, typeEquals } from '../utils.js';
 import { formats } from './formats/css.js';
 import { jsTokens } from './formats/js-tokens.js';
-import { nameKebab, resolveMath, sizeRem, typographyName } from './transformers.js';
+import { nameKebab, resolveMath, sizeRem, typographyName, unitless } from './transformers.js';
 import type {
   ColorCategories,
   GetSdConfigOptions,
-  IsCalculatedToken,
   SDConfigForThemePermutation,
   ThemeDimension,
   ThemePermutation,
@@ -33,6 +32,7 @@ StyleDictionary.registerTransform(sizeRem);
 StyleDictionary.registerTransform(nameKebab);
 StyleDictionary.registerTransform(typographyName);
 StyleDictionary.registerTransform(resolveMath);
+StyleDictionary.registerTransform(unitless);
 
 StyleDictionary.registerFormat(jsTokens);
 for (const format of Object.values(formats)) {
@@ -44,6 +44,7 @@ const dsTransformers = [
   resolveMath.name,
   'ts/size/px',
   sizeRem.name,
+  unitless.name,
   'ts/typography/fontWeight',
   typographyName.name,
   'ts/color/modifiers',
@@ -177,16 +178,6 @@ const semanticVariables: GetStyleDictionaryConfig = ({ theme }, { outPath }) =>
   const selector = `:root`;
   const layer = `ds.theme.semantic`;
 
-  /**
-   * This is a workaround for our formatters to support transative transformers while retaining outputReference.
-   *
-   * This function will wrap formatted token in `calc()`
-   *
-   * @example  --ds-spacing-1: var(--ds-spacing-base)*1; ->  --ds-spacing-0: calc(var(--ds-spacing-base)*1);
-   */
-  const isCalculatedToken: IsCalculatedToken = (token: TransformedToken) =>
-    pathStartsWithOneOf(['spacing', 'sizing'], token);
-
   return {
     usesDtcg,
     preprocessors: ['tokens-studio'],
@@ -196,7 +187,6 @@ const semanticVariables: GetStyleDictionaryConfig = ({ theme }, { outPath }) =>
         outPath,
         theme,
         basePxFontSize,
-        isCalculatedToken,
         selector,
         layer,
         //
@@ -207,16 +197,20 @@ const semanticVariables: GetStyleDictionaryConfig = ({ theme }, { outPath }) =>
           {
             destination: `semantic.css`,
             format: formats.semantic.name,
-            filter: (token) =>
-              (!token.isSource || isCalculatedToken(token)) &&
-              !typeEquals(['color', 'fontWeight', 'fontFamily', 'typography'], token),
+            filter: (token) => {
+              const unwantedPaths = pathStartsWithOneOf(['font-size', 'line-height', 'letter-spacing'], token);
+              const unwantedTypes = typeEquals(['color', 'fontWeight', 'fontFamily', 'typography'], token);
+              const unwantedTokens = !(unwantedPaths || unwantedTypes);
+
+              return !token.isSource && unwantedTokens;
+            },
           },
         ],
         options: {
           fileHeader,
           outputReferences: (token, options) => {
-            const include = pathStartsWithOneOf(['border-radius'], token);
-            return (include || isCalculatedToken(token)) && outputReferencesFilter(token, options);
+            const include = pathStartsWithOneOf(['border-radius', 'size', 'spacing', 'sizing'], token);
+            return include && outputReferencesFilter(token, options);
           },
         },
       },
@@ -295,14 +289,14 @@ const typographyVariables: GetStyleDictionaryConfig = ({ theme, typography }, {
             format: formats.typography.name,
             filter: (token) => {
               const included = typeEquals(
-                ['typography', 'fontweight', 'fontFamily', 'lineheight', 'fontsize', 'dimension', 'font'],
+                ['typography', 'fontweight', 'fontFamily', 'lineHeight', 'dimension', 'font', 'fontsize'],
                 token,
               );
 
               return (
                 included &&
                 !pathStartsWithOneOf(
-                  ['spacing', 'sizing', 'border-width', 'border-radius', 'theme', 'theme2', 'theme3', 'theme4'],
+                  ['spacing', 'sizing', 'size', 'border-width', 'border-radius', 'theme', 'theme2', 'theme3', 'theme4'],
                   token,
                 )
               );
diff --git a/packages/cli/src/tokens/build/formats/css.ts b/packages/cli/src/tokens/build/formats/css.ts
index ec0e3d98ed..7bb6c3cbf8 100644
--- a/packages/cli/src/tokens/build/formats/css.ts
+++ b/packages/cli/src/tokens/build/formats/css.ts
@@ -1,10 +1,16 @@
 import * as R from 'ramda';
 import type { TransformedToken } from 'style-dictionary';
 import type { Format } from 'style-dictionary/types';
-import { createPropertyFormatter, fileHeader, usesReferences } from 'style-dictionary/utils';
+import { createPropertyFormatter, fileHeader } from 'style-dictionary/utils';
 
-import { getValue, isColorCategoryToken, isGlobalColorToken, isSemanticToken } from '../../utils.js';
-import { type IsCalculatedToken, colorCategories } from '../types.js';
+import {
+  getValue,
+  isColorCategoryToken,
+  isGlobalColorToken,
+  isSemanticToken,
+  pathStartsWithOneOf,
+} from '../../utils.js';
+import { colorCategories } from '../types.js';
 
 /**
  * In the given tokens array, inline and remove tokens that match the predicate
@@ -134,13 +140,50 @@ const colorCategory: Format = {
   },
 };
 
-const calculatedVariable = R.pipe(R.split(/:(.*?);/g), (split) => `${split[0]}: calc(${R.trim(split[1])});`);
+const isDigit = (s: string) => /^\d+$/.test(s);
+const isNumericBorderRadiusToken = (t: TransformedToken) => t.path[0] === 'border-radius' && isDigit(t.path[1]);
+const isNumericOrPrivateSizeToken = (t: TransformedToken) =>
+  t.path[0] === 'size' && (isDigit(t.path[1]) || t.path[1].startsWith('_'));
+
+const isUwantedTokens = R.anyPass([isNumericBorderRadiusToken, isNumericOrPrivateSizeToken]);
+
+/**
+ * Formats sizing tokens into CSS properties with support for rounding.
+ *
+ * @param format - Function to format a token into a CSS property string.
+ * @param tokens - Array of transformed tokens to format.
+ * @returns Formatted CSS string with default calc and [round()](https://developer.mozilla.org/en-US/docs/Web/CSS/round) if supported.
+ */
+const formatSizingTokens = (format: (t: TransformedToken) => string, tokens: TransformedToken[]) => {
+  const { round, calc } = R.reduce(
+    (acc, token) => {
+      const [name, value] = format(token).split(':');
+
+      const calc = value.replace(`var(--ds-size-mode-font-size)`, '1em').replace(/floor\((.*)\);/, 'calc($1)');
+
+      const round = `round(down, ${calc}, 0.0625rem)`;
+
+      return {
+        round: [...acc.round, `${name}: ${round};`],
+        calc: [...acc.calc, `${name}: ${calc};`],
+      };
+    },
+    { round: [], calc: [] } as { round: string[]; calc: string[] },
+    tokens,
+  );
+
+  return `
+${calc.join('\n')}\n
+  @supports (width: round(down, .1em, 1px)) {
+${round.join('\n')}
+  }`;
+};
 
 const semantic: Format = {
   name: 'ds/css-semantic',
   format: async ({ dictionary, file, options, platform }) => {
     const { outputReferences, usesDtcg } = options;
-    const { selector, isCalculatedToken, layer } = platform;
+    const { selector, layer } = platform;
 
     const header = await fileHeader({ file });
 
@@ -151,26 +194,10 @@ const semantic: Format = {
       usesDtcg,
     });
 
-    const isDigit = (s: string) => /^\d+$/.test(s);
-    const isUnwantedBorderRadiusToken = (t: TransformedToken) => t.path[0] === 'border-radius' && isDigit(t.path[1]);
-    const tokens = inlineTokens(isUnwantedBorderRadiusToken, dictionary.allTokens);
-
-    const formattedTokens = R.map((token: TransformedToken) => {
-      const originalValue = getValue<string>(token.original);
-
-      if (
-        usesReferences(originalValue) &&
-        typeof outputReferences === 'function' &&
-        outputReferences?.(token, { dictionary })
-      ) {
-        if ((isCalculatedToken as IsCalculatedToken)?.(token, options)) {
-          return calculatedVariable(format(token));
-        }
-        return format(token);
-      }
-
-      return format(token);
-    }, tokens);
+    const tokens = inlineTokens(isUwantedTokens, dictionary.allTokens);
+    const filteredTokens = R.reject((token) => token.name.includes('ds-size-mode-font-size'), tokens);
+    const [sizingTokens, restTokens] = R.partition(pathStartsWithOneOf(['spacing', 'sizing']), filteredTokens);
+    const formattedTokens = [R.map(format, restTokens).join('\n'), formatSizingTokens(format, sizingTokens)];
 
     const content = `{\n${formattedTokens.join('\n')}\n}\n`;
     const body = R.isNotNil(layer) ? `@layer ${layer} {\n${selector} ${content}\n}\n` : `${selector} ${content}\n`;
diff --git a/packages/cli/src/tokens/build/transformers.ts b/packages/cli/src/tokens/build/transformers.ts
index fa7d962010..a398536f69 100644
--- a/packages/cli/src/tokens/build/transformers.ts
+++ b/packages/cli/src/tokens/build/transformers.ts
@@ -61,10 +61,18 @@ export const resolveMath: Transform = {
   type: 'value',
   transitive: true,
   filter: (token) => {
-    const isValidValue = ['string', 'object'].includes(typeof (token.$value ?? token.value));
+    const isValidValue = ['string', 'object'].includes(typeof getValue(token));
     const isTokenOfInterest = !pathStartsWithOneOf(['border-radius'], token);
 
     return isValidValue && isTokenOfInterest;
   },
   transform: (token, platformCfg) => checkAndEvaluateMath(token, platformCfg.mathFractionDigits),
 };
+
+export const unitless: Transform = {
+  name: 'ds/unitless',
+  type: 'value',
+  transitive: true,
+  filter: (token) => pathStartsWithOneOf(['size'], token),
+  transform: (token) => parseInt(getValue<string>(token)),
+};
diff --git a/packages/cli/src/tokens/design-tokens/default/Figma/components.json b/packages/cli/src/tokens/design-tokens/default/Figma/components.json
index 1a98c25a31..8408ecccaa 100644
--- a/packages/cli/src/tokens/design-tokens/default/Figma/components.json
+++ b/packages/cli/src/tokens/design-tokens/default/Figma/components.json
@@ -3,15 +3,15 @@
     "circle": {
       "small": {
         "$type": "sizing",
-        "$value": "{sizing.5} - {switch.border}"
+        "$value": "{size.5} - {switch.border}"
       },
       "medium": {
         "$type": "sizing",
-        "$value": "{sizing.6} - {switch.border}"
+        "$value": "{size.6} - {switch.border}"
       },
       "large": {
         "$type": "sizing",
-        "$value": "{sizing.7} - {switch.border}"
+        "$value": "{size.7} - {switch.border}"
       }
     },
     "border": {
diff --git a/packages/cli/src/tokens/design-tokens/default/primitives/modes/size/global.json b/packages/cli/src/tokens/design-tokens/default/primitives/modes/size/global.json
new file mode 100644
index 0000000000..88ca6f4120
--- /dev/null
+++ b/packages/cli/src/tokens/design-tokens/default/primitives/modes/size/global.json
@@ -0,0 +1,96 @@
+{
+  "size": {
+    "0": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *0)"
+    },
+    "1": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *1)"
+    },
+    "2": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *2)"
+    },
+    "3": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *3)"
+    },
+    "4": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *4)"
+    },
+    "5": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *5)"
+    },
+    "6": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *6)"
+    },
+    "7": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *7)"
+    },
+    "8": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *8)"
+    },
+    "9": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *9)"
+    },
+    "10": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *10)"
+    },
+    "11": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *11)"
+    },
+    "12": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *12)"
+    },
+    "13": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *13)"
+    },
+    "14": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *14)"
+    },
+    "15": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *15)"
+    },
+    "18": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *18)"
+    },
+    "22": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *22)"
+    },
+    "26": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *26)"
+    },
+    "30": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *30)"
+    },
+    "mode-font-size": {
+      "$type": "dimension",
+      "$value": "{size._mode-font-size}"
+    },
+    "base": {
+      "$type": "dimension",
+      "$value": "{size._base}"
+    },
+    "step": {
+      "$type": "dimension",
+      "$value": "{size._step}"
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/cli/src/tokens/design-tokens/default/primitives/modes/size/large.json b/packages/cli/src/tokens/design-tokens/default/primitives/modes/size/large.json
new file mode 100644
index 0000000000..9e4fd35d95
--- /dev/null
+++ b/packages/cli/src/tokens/design-tokens/default/primitives/modes/size/large.json
@@ -0,0 +1,16 @@
+{
+  "size": {
+    "_mode-font-size": {
+      "$type": "dimension",
+      "$value": "21"
+    },
+    "_base": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_step": {
+      "$type": "dimension",
+      "$value": "4"
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/cli/src/tokens/design-tokens/default/primitives/modes/size/medium.json b/packages/cli/src/tokens/design-tokens/default/primitives/modes/size/medium.json
new file mode 100644
index 0000000000..d4efdd9613
--- /dev/null
+++ b/packages/cli/src/tokens/design-tokens/default/primitives/modes/size/medium.json
@@ -0,0 +1,16 @@
+{
+  "size": {
+    "_mode-font-size": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_base": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_step": {
+      "$type": "dimension",
+      "$value": "4"
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/cli/src/tokens/design-tokens/default/primitives/modes/size/small.json b/packages/cli/src/tokens/design-tokens/default/primitives/modes/size/small.json
new file mode 100644
index 0000000000..5c9bb578f4
--- /dev/null
+++ b/packages/cli/src/tokens/design-tokens/default/primitives/modes/size/small.json
@@ -0,0 +1,16 @@
+{
+  "size": {
+    "_mode-font-size": {
+      "$type": "dimension",
+      "$value": "16"
+    },
+    "_base": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_step": {
+      "$type": "dimension",
+      "$value": "4"
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/cli/src/tokens/design-tokens/default/primitives/modes/typography/size/large.json b/packages/cli/src/tokens/design-tokens/default/primitives/modes/typography/size/large.json
new file mode 100644
index 0000000000..3c59494ea5
--- /dev/null
+++ b/packages/cli/src/tokens/design-tokens/default/primitives/modes/typography/size/large.json
@@ -0,0 +1,100 @@
+{
+  "line-height": {
+    "sm": {
+      "$type": "lineHeights",
+      "$value": "130%"
+    },
+    "md": {
+      "$type": "lineHeights",
+      "$value": "150%"
+    },
+    "lg": {
+      "$type": "lineHeights",
+      "$value": "170%"
+    }
+  },
+  "font-size": {
+    "1": {
+      "$type": "fontSizes",
+      "$value": "13"
+    },
+    "2": {
+      "$type": "fontSizes",
+      "$value": "14"
+    },
+    "3": {
+      "$type": "fontSizes",
+      "$value": "16"
+    },
+    "4": {
+      "$type": "fontSizes",
+      "$value": "18"
+    },
+    "5": {
+      "$type": "fontSizes",
+      "$value": "21"
+    },
+    "6": {
+      "$type": "fontSizes",
+      "$value": "24"
+    },
+    "7": {
+      "$type": "fontSizes",
+      "$value": "30"
+    },
+    "8": {
+      "$type": "fontSizes",
+      "$value": "36"
+    },
+    "9": {
+      "$type": "fontSizes",
+      "$value": "48"
+    },
+    "10": {
+      "$type": "fontSizes",
+      "$value": "60"
+    },
+    "11": {
+      "$type": "fontSizes",
+      "$value": "72"
+    }
+  },
+  "letter-spacing": {
+    "1": {
+      "$type": "letterSpacing",
+      "$value": "-1%"
+    },
+    "2": {
+      "$type": "letterSpacing",
+      "$value": "-0.5%"
+    },
+    "3": {
+      "$type": "letterSpacing",
+      "$value": "-0.25%"
+    },
+    "4": {
+      "$type": "letterSpacing",
+      "$value": "-0.15%"
+    },
+    "5": {
+      "$type": "letterSpacing",
+      "$value": "0%"
+    },
+    "6": {
+      "$type": "letterSpacing",
+      "$value": "0.15%"
+    },
+    "7": {
+      "$type": "letterSpacing",
+      "$value": "0.25%"
+    },
+    "8": {
+      "$type": "letterSpacing",
+      "$value": "0.5%"
+    },
+    "9": {
+      "$type": "letterSpacing",
+      "$value": "1.5%"
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/cli/src/tokens/design-tokens/default/primitives/size/default.json b/packages/cli/src/tokens/design-tokens/default/primitives/modes/typography/size/medium.json
similarity index 55%
rename from packages/cli/src/tokens/design-tokens/default/primitives/size/default.json
rename to packages/cli/src/tokens/design-tokens/default/primitives/modes/typography/size/medium.json
index 4af117ff8b..05994a0310 100644
--- a/packages/cli/src/tokens/design-tokens/default/primitives/size/default.json
+++ b/packages/cli/src/tokens/design-tokens/default/primitives/modes/typography/size/medium.json
@@ -1,130 +1,60 @@
 {
   "line-height": {
     "sm": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "lineHeights",
       "$value": "130%"
     },
     "md": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "lineHeights",
       "$value": "150%"
     },
     "lg": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "lineHeights",
       "$value": "170%"
     }
   },
   "font-size": {
     "1": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "12"
     },
     "2": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "13"
     },
     "3": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "14"
     },
     "4": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "16"
     },
     "5": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "18"
     },
     "6": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "21"
     },
     "7": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "24"
     },
     "8": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "30"
     },
     "9": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "36"
     },
     "10": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "48"
     },
     "11": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "fontSizes",
       "$value": "60"
     }
@@ -163,11 +93,6 @@
       "$value": "0.5%"
     },
     "9": {
-      "$extensions": {
-        "studio.tokens": {
-          "modify": {}
-        }
-      },
       "$type": "letterSpacing",
       "$value": "1.5%"
     }
diff --git a/packages/cli/src/tokens/design-tokens/default/primitives/modes/typography/size/small.json b/packages/cli/src/tokens/design-tokens/default/primitives/modes/typography/size/small.json
new file mode 100644
index 0000000000..1958cf4f62
--- /dev/null
+++ b/packages/cli/src/tokens/design-tokens/default/primitives/modes/typography/size/small.json
@@ -0,0 +1,100 @@
+{
+  "line-height": {
+    "sm": {
+      "$type": "lineHeights",
+      "$value": "130%"
+    },
+    "md": {
+      "$type": "lineHeights",
+      "$value": "150%"
+    },
+    "lg": {
+      "$type": "lineHeights",
+      "$value": "170%"
+    }
+  },
+  "font-size": {
+    "1": {
+      "$type": "fontSizes",
+      "$value": "11"
+    },
+    "2": {
+      "$type": "fontSizes",
+      "$value": "12"
+    },
+    "3": {
+      "$type": "fontSizes",
+      "$value": "13"
+    },
+    "4": {
+      "$type": "fontSizes",
+      "$value": "14"
+    },
+    "5": {
+      "$type": "fontSizes",
+      "$value": "16"
+    },
+    "6": {
+      "$type": "fontSizes",
+      "$value": "18"
+    },
+    "7": {
+      "$type": "fontSizes",
+      "$value": "21"
+    },
+    "8": {
+      "$type": "fontSizes",
+      "$value": "24"
+    },
+    "9": {
+      "$type": "fontSizes",
+      "$value": "30"
+    },
+    "10": {
+      "$type": "fontSizes",
+      "$value": "36"
+    },
+    "11": {
+      "$type": "fontSizes",
+      "$value": "48"
+    }
+  },
+  "letter-spacing": {
+    "1": {
+      "$type": "letterSpacing",
+      "$value": "-1%"
+    },
+    "2": {
+      "$type": "letterSpacing",
+      "$value": "-0.5%"
+    },
+    "3": {
+      "$type": "letterSpacing",
+      "$value": "-0.25%"
+    },
+    "4": {
+      "$type": "letterSpacing",
+      "$value": "-0.15%"
+    },
+    "5": {
+      "$type": "letterSpacing",
+      "$value": "0%"
+    },
+    "6": {
+      "$type": "letterSpacing",
+      "$value": "0.15%"
+    },
+    "7": {
+      "$type": "letterSpacing",
+      "$value": "0.25%"
+    },
+    "8": {
+      "$type": "letterSpacing",
+      "$value": "0.5%"
+    },
+    "9": {
+      "$type": "letterSpacing",
+      "$value": "1.5%"
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/cli/src/tokens/design-tokens/default/semantic/style.json b/packages/cli/src/tokens/design-tokens/default/semantic/style.json
index 519bb79aad..922bf52adc 100644
--- a/packages/cli/src/tokens/design-tokens/default/semantic/style.json
+++ b/packages/cli/src/tokens/design-tokens/default/semantic/style.json
@@ -248,177 +248,181 @@
       "$type": "borderRadius",
       "$value": "{border-radius.3}"
     },
-    "default": {
+    "xl": {
       "$type": "borderRadius",
       "$value": "{border-radius.4}"
     },
-    "full": {
+    "default": {
       "$type": "borderRadius",
       "$value": "{border-radius.5}"
+    },
+    "full": {
+      "$type": "borderRadius",
+      "$value": "{border-radius.6}"
     }
   },
   "spacing": {
     "0": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*0"
+      "$value": "{size.0}"
     },
     "1": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*1"
+      "$value": "{size.1}"
     },
     "2": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*2"
+      "$value": "{size.2}"
     },
     "3": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*3"
+      "$value": "{size.3}"
     },
     "4": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*4"
+      "$value": "{size.4}"
     },
     "5": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*5"
+      "$value": "{size.5}"
     },
     "6": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*6"
+      "$value": "{size.6}"
     },
     "7": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*7"
+      "$value": "{size.7}"
     },
     "8": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*8"
+      "$value": "{size.8}"
     },
     "9": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*9"
+      "$value": "{size.9}"
     },
     "10": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*10"
+      "$value": "{size.10}"
     },
     "11": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*11"
+      "$value": "{size.11}"
     },
     "12": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*12"
+      "$value": "{size.12}"
     },
     "13": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*13"
+      "$value": "{size.13}"
     },
     "14": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*14"
+      "$value": "{size.14}"
     },
     "15": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*15"
+      "$value": "{size.15}"
     },
     "18": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*18"
+      "$value": "{size.18}"
     },
     "22": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*22"
+      "$value": "{size.22}"
     },
     "26": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*26"
+      "$value": "{size.26}"
     },
     "30": {
       "$type": "dimension",
-      "$value": "{spacing.scale}*30"
+      "$value": "{size.30}"
     }
   },
   "sizing": {
     "0": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*0"
+      "$value": "{size.0}"
     },
     "1": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*1"
+      "$value": "{size.1}"
     },
     "2": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*2"
+      "$value": "{size.2}"
     },
     "3": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*3"
+      "$value": "{size.3}"
     },
     "4": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*4"
+      "$value": "{size.4}"
     },
     "5": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*5"
+      "$value": "{size.5}"
     },
     "6": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*6"
+      "$value": "{size.6}"
     },
     "7": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*7"
+      "$value": "{size.7}"
     },
     "8": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*8"
+      "$value": "{size.8}"
     },
     "9": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*9"
+      "$value": "{size.9}"
     },
     "10": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*10"
+      "$value": "{size.10}"
     },
     "11": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*11"
+      "$value": "{size.11}"
     },
     "12": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*12"
+      "$value": "{size.12}"
     },
     "13": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*13"
+      "$value": "{size.13}"
     },
     "14": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*14"
+      "$value": "{size.14}"
     },
     "15": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*15"
+      "$value": "{size.15}"
     },
     "18": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*18"
+      "$value": "{size.18}"
     },
     "22": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*22"
+      "$value": "{size.22}"
     },
     "26": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*26"
+      "$value": "{size.26}"
     },
     "30": {
       "$type": "dimension",
-      "$value": "{sizing.scale}*30"
+      "$value": "{size.30}"
     }
   },
   "border-width": {
diff --git a/packages/cli/src/tokens/design-tokens/template/$metadata.json b/packages/cli/src/tokens/design-tokens/template/$metadata.json
index 1c07009558..069756bce4 100644
--- a/packages/cli/src/tokens/design-tokens/template/$metadata.json
+++ b/packages/cli/src/tokens/design-tokens/template/$metadata.json
@@ -1,8 +1,13 @@
 {
   "tokenSetOrder": [
     "primitives/globals",
-    "primitives/size/default",
-    "primitives/size/compact",
+    "primitives/modes/size/small",
+    "primitives/modes/size/medium",
+    "primitives/modes/size/large",
+    "primitives/modes/size/global",
+    "primitives/modes/typography/size/small",
+    "primitives/modes/typography/size/medium",
+    "primitives/modes/typography/size/large",
     "primitives/modes/typography/primary/<theme>",
     "primitives/modes/typography/secondary/<theme>",
     "primitives/modes/color-scheme/dark/global",
diff --git a/packages/cli/src/tokens/design-tokens/template/$themes.json b/packages/cli/src/tokens/design-tokens/template/$themes.json
index e5fe977724..2f752556dd 100644
--- a/packages/cli/src/tokens/design-tokens/template/$themes.json
+++ b/packages/cli/src/tokens/design-tokens/template/$themes.json
@@ -1,25 +1,99 @@
 [
+  {
+    "id": "fb11567729c298ca37c9da4e3a27716a23480824",
+    "name": "small",
+    "$figmaStyleReferences": {},
+    "selectedTokenSets": {
+      "primitives/modes/size/small": "source",
+      "primitives/modes/size/global": "enabled",
+      "primitives/modes/typography/size/small": "enabled"
+    },
+    "$figmaCollectionId": "VariableCollectionId:42212:29109",
+    "$figmaModeId": "42212:0",
+    "$figmaVariableReferences": {
+      "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307",
+      "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c",
+      "font-size.3": "99a88b4e9d69ba35a19ae733ed990af16f029905",
+      "font-size.4": "f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa",
+      "font-size.5": "1fd182f82f9efc97b48f22b71ec8870fc1566a18",
+      "font-size.6": "d28187087fe109a7f5d495114aebe1751cfd0845",
+      "font-size.7": "b190a03d589d92020807dbf745d13571ad71a4bb",
+      "font-size.8": "babc299be5efc9c8e66afbd72142be00e6afbceb",
+      "font-size.9": "d9aae308744b6d063bcaa7c954f850ff8eba01be",
+      "font-size.10": "02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b",
+      "font-size.11": "31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6",
+      "size.0": "049b87c9edfef73597e88c8433dfb70e9dc4f8cb",
+      "size.1": "6e4139d5cb0282165c92e441bb565562dc9afa1d",
+      "size.2": "d786893051954a518025ea8817dde0c0713ebd8d",
+      "size.3": "cba1a001249a81cbd052ea5732bb84c4fa2f9dd9",
+      "size.4": "bcb8061aa8c70013a486c5c1bceeac04ce2678c1",
+      "size.5": "405596765ee5bbb371a9479e527b49ba43580d19",
+      "size.6": "e588d32982145a109bbd86da57ebae6a149f91eb",
+      "size.7": "1ea2aa22663dc27dfe70c10744480c9eec930269",
+      "size.8": "c1cca6be5007a623b4fe731524847b4f040eee9e",
+      "size.9": "7a01b7eba8fe698062080a2aa7c6f203e05a5e7c",
+      "size.10": "3e2e0e198db8e89a7d716bbee4dc887934dff5ed",
+      "size.11": "050087517351340be3a7f65b249a9ae8d01d6286",
+      "size.12": "47204f9bb7937097f4b6388c4a5addbe913318a4",
+      "size.13": "e2ffb69847997d9b93bea8b47d22e6337adf65ce",
+      "size.14": "f910478b6a4e6d247cb265b1e9468031d5fe183b",
+      "size.15": "8ddb06202f770e4a2c1cf9d74789c21447b92240",
+      "size.18": "1244373e39adca00c6e5d2dafe4e54ffcdf78e35",
+      "size.22": "4e33c13746c0edf17066d8b3c34551730019e36b",
+      "size.26": "a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a",
+      "size.30": "88af5667364d808a1d4ae656ea6f82ef64073a75",
+      "size._mode-font-size": "40350aed54e6bc94c3460bf6f94141b6f4b9adc1",
+      "size._base": "b20d311a4235705c45973df78540c01cb0f4b490",
+      "size._step": "f8db745fb109a80fb926cf08c9e3a019ab026823"
+    },
+    "group": "Size"
+  },
   {
     "id": "8b2c8cc86611a34b135cb22948666779361fd729",
-    "name": "default",
+    "name": "medium",
     "$figmaStyleReferences": {},
     "selectedTokenSets": {
-      "primitives/size/default": "enabled"
+      "primitives/modes/size/medium": "source",
+      "primitives/modes/size/global": "enabled",
+      "primitives/modes/typography/size/medium": "enabled"
     },
-    "$figmaCollectionId": "VariableCollectionId:36248:20757",
-    "$figmaModeId": "36248:0",
+    "$figmaCollectionId": "VariableCollectionId:42212:29109",
+    "$figmaModeId": "42212:1",
     "$figmaVariableReferences": {
-      "font-size.1": "b16053371d400f6e865a57698519b78d6adb8aa6",
-      "font-size.2": "547170dd150be6b3a74de1bc2ee421ba40b9ed9a",
-      "font-size.3": "c7a841c5694c94f85089aa425f0de4010e5fe71d",
-      "font-size.4": "9499f40cb3873ccfa136f943dbf479e1ed0980eb",
-      "font-size.5": "428e13183c9e1c21a4ec5e651e4baba947a38bd9",
-      "font-size.6": "01dce7fd83742c2986baeda3c2202f9345acf5fa",
-      "font-size.7": "54633f9ab840c502b0984cb20888276c2f021360",
-      "font-size.8": "a298f78a4f1ed7171546a06ce6f74196867f462a",
-      "font-size.9": "7f1382abad418b3941b79731e871b641abebbcf7",
-      "font-size.10": "38a0bcc2952ba92e893293eaa1ca024bdc23d0d0",
-      "font-size.11": "347bbb6ecf0d21b6046a55b265e141749f069451"
+      "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307",
+      "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c",
+      "font-size.3": "99a88b4e9d69ba35a19ae733ed990af16f029905",
+      "font-size.4": "f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa",
+      "font-size.5": "1fd182f82f9efc97b48f22b71ec8870fc1566a18",
+      "font-size.6": "d28187087fe109a7f5d495114aebe1751cfd0845",
+      "font-size.7": "b190a03d589d92020807dbf745d13571ad71a4bb",
+      "font-size.8": "babc299be5efc9c8e66afbd72142be00e6afbceb",
+      "font-size.9": "d9aae308744b6d063bcaa7c954f850ff8eba01be",
+      "font-size.10": "02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b",
+      "font-size.11": "31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6",
+      "size.0": "049b87c9edfef73597e88c8433dfb70e9dc4f8cb",
+      "size.1": "6e4139d5cb0282165c92e441bb565562dc9afa1d",
+      "size.2": "d786893051954a518025ea8817dde0c0713ebd8d",
+      "size.3": "cba1a001249a81cbd052ea5732bb84c4fa2f9dd9",
+      "size.4": "bcb8061aa8c70013a486c5c1bceeac04ce2678c1",
+      "size.5": "405596765ee5bbb371a9479e527b49ba43580d19",
+      "size.6": "e588d32982145a109bbd86da57ebae6a149f91eb",
+      "size.7": "1ea2aa22663dc27dfe70c10744480c9eec930269",
+      "size.8": "c1cca6be5007a623b4fe731524847b4f040eee9e",
+      "size.9": "7a01b7eba8fe698062080a2aa7c6f203e05a5e7c",
+      "size.10": "3e2e0e198db8e89a7d716bbee4dc887934dff5ed",
+      "size.11": "050087517351340be3a7f65b249a9ae8d01d6286",
+      "size.12": "47204f9bb7937097f4b6388c4a5addbe913318a4",
+      "size.13": "e2ffb69847997d9b93bea8b47d22e6337adf65ce",
+      "size.14": "f910478b6a4e6d247cb265b1e9468031d5fe183b",
+      "size.15": "8ddb06202f770e4a2c1cf9d74789c21447b92240",
+      "size.18": "1244373e39adca00c6e5d2dafe4e54ffcdf78e35",
+      "size.22": "4e33c13746c0edf17066d8b3c34551730019e36b",
+      "size.26": "a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a",
+      "size.30": "88af5667364d808a1d4ae656ea6f82ef64073a75",
+      "size._mode-font-size": "40350aed54e6bc94c3460bf6f94141b6f4b9adc1",
+      "size._base": "b20d311a4235705c45973df78540c01cb0f4b490",
+      "size._step": "f8db745fb109a80fb926cf08c9e3a019ab026823"
     },
     "group": "Size"
   },
@@ -37,396 +111,396 @@
     "$figmaCollectionId": "VariableCollectionId:34811:5472",
     "$figmaModeId": "34811:0",
     "$figmaVariableReferences": {
-      "global.blue.1": "d2e976cd95db5f973022cda9eae917880c578bf5",
-      "global.blue.2": "6efca915ae1423d0e87d7c079e83b73e686fcb7c",
-      "global.blue.3": "f7c9f82022921b32806b05b1673ec1eff1922caf",
-      "global.blue.4": "b66d168b8341bad3580057ab160b2a68f78a6751",
-      "global.blue.5": "c4d707a44f6a05f0afc2cf38227a2b7dd831b2c2",
-      "global.blue.6": "bf90321d66b5f23a9674abe61d201b5b22e1c5e3",
-      "global.blue.7": "73ca300a3e953c8a21a20d98c1b8260dda4158cc",
-      "global.blue.8": "1ab6d1daae5bf5884441caf6ea35fa1f07a286ba",
-      "global.blue.9": "211e589c88fb34338c947c5c2f896b091b74465b",
-      "global.blue.10": "121ccd2a2015367a673b75c3873529157e82dc20",
-      "global.blue.11": "3ab48b84a41294a61d8bf26ee94464d0eafe6d9d",
-      "global.blue.12": "609a567c46e4692f43a557c3e67d58cc2bbd58ec",
-      "global.blue.13": "6269bf6afb50eae3e7c0215587e958819d70ed31",
-      "global.blue.contrast-1": "048c60fefccd796aceb1be19f7c7c4e7b90314a5",
-      "global.blue.contrast-2": "124c90f211a5c6538b1c3ed4aa24a4b559e2c338",
-      "global.green.1": "21baaf539ad57f62ec027af9e731fc5cff300187",
-      "global.green.2": "4696a51cea562bf7f84dcc9f264d0f9eaa877dd3",
-      "global.green.3": "f8549c79365a6b40e30f42cf16b18ed05d311c67",
-      "global.green.4": "3fd785b8c63d92ac246edc7a6d0e9adaabd517d1",
-      "global.green.5": "69255626d13508556bf2186137083da28d0bccb9",
-      "global.green.6": "6246b6916964dac245ac858e0f6f4d06caedd736",
-      "global.green.7": "05cce6768a8004925423dc0c08a0268bb43b2285",
-      "global.green.8": "07c6852ef7e4ae2a0d19e7757fa2af95e9800d83",
-      "global.green.9": "e175abcfa9dfc96399034f818e025a67089aa503",
-      "global.green.10": "303fecabc57e1f2ce8f3745117e23c097e2d9f84",
-      "global.green.11": "8ec4ef83c3dcdc6507ac4b8b0eec5fa71171a78d",
-      "global.green.12": "88d9df8106e7f966821dc83eed240729e67799f7",
-      "global.green.13": "bb4fde53803d4d5bd25a41163735a0d4f5084453",
-      "global.green.contrast-1": "977e787643bfd3599543dc801a16a98e60460f00",
-      "global.green.contrast-2": "653fffab2eedce78f45fded4018dabbcf5a6e27d",
-      "global.orange.1": "d2736659ea237d39db008a9867ebc1f979258ab0",
-      "global.orange.2": "bf837a33dad5cb56377433f7d211c216521f99ac",
-      "global.orange.3": "daacca314f9f7e0d8d611bda915ed34e951c5cc3",
-      "global.orange.4": "028fcd766bb47a840e3680743a4b1b968f8ba589",
-      "global.orange.5": "c047e222f1608bd986cd82764912dc6ff6fe9cbb",
-      "global.orange.6": "6f145b85a03a2e79e9e0a35d07f6ab1c241b5858",
-      "global.orange.7": "7093451903265583f5855c0e1962374beebacd65",
-      "global.orange.8": "e899cbc99b9f38064e4a312a5814a9dc124e07c3",
-      "global.orange.9": "4c7427cad93dc658f7c6f27b58dc943e5acedab8",
-      "global.orange.10": "911b6af07576df622589a1db30b8a0fe0fa04fa5",
-      "global.orange.11": "1bbad517144ebcced79c86defdb6a540b0af5275",
-      "global.orange.12": "7765ab682e6d3152a607f24a778094e249e553ad",
-      "global.orange.13": "658d19fb443ba020301d03b0727e03e90a664fe6",
-      "global.orange.contrast-1": "f31e6c57d8ceeb39f8080ff5df5b451f9422f2f6",
-      "global.orange.contrast-2": "4e62f3169595a36902ff21deb86ad42c32f45e63",
-      "global.purple.1": "dd8f892e5a1fc74e47d3d5895de1447bbb5026c0",
-      "global.purple.2": "fa7784771907554b0557e70775ed6c03622af95c",
-      "global.purple.3": "f3bc265da4067eecb5318367b9ed193f9e52e230",
-      "global.purple.4": "1b0e7b776a60b19f8184ed6c3cc1926a017bda54",
-      "global.purple.5": "820e27336928810b405aa0d4dd94bfd024e67682",
-      "global.purple.6": "07049c4831c9c3842e7e3bb0277cd133dd64ae7a",
-      "global.purple.7": "6efaacc6201883ce8bdd3b9e94a66206f99b4d1e",
-      "global.purple.8": "9d9fb5c6a3193f5540e7bbe41513615a39491c46",
-      "global.purple.9": "be1ce5d3aa562dc2a476e6b6fc6f4c059b0f5faf",
-      "global.purple.10": "6753c42d3fb1ddb7d9aac5f015e6ccda24091e76",
-      "global.purple.11": "a528da4e5225d47a6d26e50a2009bbdcf9ef876e",
-      "global.purple.12": "782a06967ff4c93ed7468d3ccebf73d62a43efe2",
-      "global.purple.13": "4a1221c6a31c0476875e6bd80bf75cbde6d51a35",
-      "global.purple.contrast-1": "6fce2fb6cdb93a3b6b61edb95f7d10eff40882e2",
-      "global.purple.contrast-2": "811e5c3fc69bb90d346847f30094d29ccd0b3db6",
-      "global.red.1": "96c68e54995f519fdf85445dcba73c823a579442",
-      "global.red.2": "a492455376e3ffa0445a86f8bed5d878082d0ded",
-      "global.red.3": "f09888e754814c7eb3da40b8cbcc43465d100402",
-      "global.red.4": "8c92ed293cab5e3ada6ff417c1aeba6830891b0f",
-      "global.red.5": "5e9dd03b4adeb98b153ebd8930288930e9dc4a9f",
-      "global.red.6": "7db609be5449de86faeecc7a1869d9e350a03db1",
-      "global.red.7": "2a99034da70ba21a84f2aca985f5dacad795e811",
-      "global.red.8": "d5eea18bfb7f83a051ada8289d0ceeb7be06b941",
-      "global.red.9": "886a217145edb0171192fa640aaca7109b5b36ce",
-      "global.red.10": "07f68ea7dfee0791d705c01049a19f9fa3c6b108",
-      "global.red.11": "2079aa95e35987b5d92f4c196914593ff5caa431",
-      "global.red.12": "f3a1e09ca133a5d52f211bbb3db4511855983a0f",
-      "global.red.13": "05dc77b8bcdd7ab509dbfa86aa37c437e23a8de8",
-      "global.red.contrast-1": "05438cf0d5eb4ff71816be72fd0546bc95102d08",
-      "global.red.contrast-2": "0f9d07cabfb0949b64117ae400b952d1959ec3cf",
-      "global.yellow.1": "4231d28e78f570ed9053d6068d0293469e92b4db",
-      "global.yellow.2": "c146ca42d73274a1eb9e8214c7e1825b58345990",
-      "global.yellow.3": "ee96ea63fef9e012e1e6bddf9c2d3a87f0503453",
-      "global.yellow.4": "fc20ef057799403bb22896e33cf5595a9aac190e",
-      "global.yellow.5": "065b8de035987446b17cfde34d1245f8eed50235",
-      "global.yellow.6": "774f57ed67d97bbe5e3f11dcd757dc34ec6c84fc",
-      "global.yellow.7": "78d4026f5b7b91586016ddf6b8723e02b55da764",
-      "global.yellow.8": "35d27b18dd3a6092aecb451a292892c7c96c6361",
-      "global.yellow.9": "47d1637b66c599a657029d26963a5a1cee5804c0",
-      "global.yellow.10": "62827494321f097c0ff2b963637e7b1d37e4163f",
-      "global.yellow.11": "49010b99b75a390a26dfdf803b65042fe7b7e53e",
-      "global.yellow.12": "f8b2622cba8f2cbee6d6240cac1137e854d3050e",
-      "global.yellow.13": "6514ade3d2c015c683d951cf6b03c8217228433d",
-      "global.yellow.contrast-1": "fcaaef2dc0beddd4288a912c721171e4714d5226",
-      "global.yellow.contrast-2": "f661a97ace0954d438bad585023deeb0165081ac",
-      "theme.accent.1": "d52b72226250022733f314bc8ead41572b126abd",
-      "theme.accent.2": "dc35ce341ba6f193ce37631c83279e78e96b1e00",
-      "theme.accent.3": "dbe9c0eb94666afef8645ae01eef110fa7a94c36",
-      "theme.accent.4": "7deb737bf18966280d225bab457186dd95fb694b",
-      "theme.accent.5": "35a935fe6585bbd349f392b18a9cb6fcbb0ed666",
-      "theme.accent.6": "0102cde532947fa8a5eb9da5213501856ce4702d",
-      "theme.accent.7": "82012177fc59e1c2dd9ea9e6728af8fd300f381d",
-      "theme.accent.8": "3e6962baa29099a62270718c344ed66f9711a634",
-      "theme.accent.9": "fda497a59cdcceb9df3c6c0765308bffc4be8595",
-      "theme.accent.10": "f8d74b59e6c4f89dddfc57dd3a4ee73454231c8c",
-      "theme.accent.11": "847312fe87ea8b3a0bba34662c3372aa83d3526e",
-      "theme.accent.12": "d9781a9caf862ea8e09d02f10be907f8ff7ce891",
-      "theme.accent.13": "4fcb160a1b672776226f840a44d3749bd4a4c4c6",
-      "theme.accent.contrast-1": "342c3a0d3de3bd5b6cda4e89c78a896fcd9cd530",
-      "theme.accent.contrast-2": "bca5125d3e4a96337ab1b25035e68d3e5cd27a81",
-      "theme.neutral.1": "02755d3dd4e7ebaea075944bc2a4502d346b475b",
-      "theme.neutral.2": "146e546ea2be6a410f061d542a24a7684b40f17e",
-      "theme.neutral.3": "859860a647701181cee797ad3d70153b053fdd7f",
-      "theme.neutral.4": "f5092b9e8510b70cf8b94fe14a7a162341f6bbfd",
-      "theme.neutral.5": "c5dc3272132a61f373d511ea92a2ed518b43576f",
-      "theme.neutral.6": "4423cbf12f66158729adf1456ca4177dea1200df",
-      "theme.neutral.7": "25ee049c4db70428ba675d99071ebe4ef2cdda40",
-      "theme.neutral.8": "02185938d8e50b3acc9a36239a90541b4b6580fd",
-      "theme.neutral.9": "f4b65659159b353f10394e0f0aa61736c01c8026",
-      "theme.neutral.10": "7901ac5870871964e43643953b05fc07265b9bb4",
-      "theme.neutral.11": "dfdd24d70731740de7cfc4916dd6543c01d615ae",
-      "theme.neutral.12": "9408ff0d3f36083029c3a06fc987bb9fd2780c96",
-      "theme.neutral.13": "d825832b7fcefb06cd19eac5fea4c233c96164a5",
-      "theme.neutral.contrast-1": "9bdd92adf9f2f83a27b5cf7e19055f93b186b65f",
-      "theme.neutral.contrast-2": "7f71bb222c7098e5caffcfc603b6b99c4a5f453f",
-      "theme.brand1.1": "73570b1f89d361af53b6eb532bc0c9f2112a2baa",
-      "theme.brand1.2": "a1437e3c4349012cb1f5b6fb3a0f56d5ed3eb9dc",
-      "theme.brand1.3": "7014722a24a3f873aa897ddeeb8c3882dfec4267",
-      "theme.brand1.4": "81cfb0f114932a40eb41684f83573850711acbef",
-      "theme.brand1.5": "f05bc8d0ed8d0c3f735d93483d1283638865176e",
-      "theme.brand1.6": "0688f3c65b4181e68eda40c8d6ba3bd2eee5badf",
-      "theme.brand1.7": "88ef738ace65037867a42ad484dcbbdc5a0c0a77",
-      "theme.brand1.8": "98d3ae310dcdea69c94e43ac20bd9dfa2adaae22",
-      "theme.brand1.9": "d9a221d510a56a78980874bd291cc9dea4c97e2c",
-      "theme.brand1.10": "b886fa30176051b9456ab4b4a34debe5c9667d79",
-      "theme.brand1.11": "994d19b7cef1f40b11a978631ca94c4b0707406e",
-      "theme.brand1.12": "f5cb1628a343712257736433cb42c77b8113a21a",
-      "theme.brand1.13": "29be7eb2fee04896cfe87f92cb8d09fc5d48f51f",
-      "theme.brand1.contrast-1": "f0ffcc8c155e95c529eae14b47a6364b557ebff5",
-      "theme.brand1.contrast-2": "89b04ae3ce595f7530278417b537199366a41d41",
-      "theme.brand2.1": "e08cf1d2e974717ddef05a1d39a704535ca25a10",
-      "theme.brand2.2": "22831bfb7978d6bbf6c09198c83734859cf301b3",
-      "theme.brand2.3": "d14a0e23f438e4aa0b798ad60198ac82762c5bb2",
-      "theme.brand2.4": "e3bf7f2f31637ea5962f4ed56f50152f62c66cb4",
-      "theme.brand2.5": "86bc6c62983f233084ab57e7efa9bfecc2c16db6",
-      "theme.brand2.6": "cf3c477176a3650fa8a9a1a6fde0f160d133debc",
-      "theme.brand2.7": "16b2aa7dfdbd797f9ed81a5d11accd3e9d341655",
-      "theme.brand2.8": "2fa517046d58487bee694b4e25ba819f83a73c2c",
-      "theme.brand2.9": "42785506cd1e0d593188d16a914e4a1586037c85",
-      "theme.brand2.10": "890e735a1b0ab501a0a6c7d001716fef3a5d03e8",
-      "theme.brand2.11": "791f5386532aa339d490e61fade5e280a7e4adbf",
-      "theme.brand2.12": "29ad08762620f5b2e0db62adf0fca3f213a57652",
-      "theme.brand2.13": "e21e95040ab27ea1957f736b8bbb680888ab2dd9",
-      "theme.brand2.contrast-1": "43657231f2a748c39e991bd4def426fd92870d90",
-      "theme.brand2.contrast-2": "86b64fd7f9e5d551d79033604836292d1667e693",
-      "theme.brand3.1": "f450f5c9c8f290222b864701c143e58f7001bd3a",
-      "theme.brand3.2": "0827723d668edfbc28b4a4aa9be72402c1786b87",
-      "theme.brand3.3": "f481425004549dc4ff859868038a69dc78c25b74",
-      "theme.brand3.4": "221862a5d2ac801403116848d52964ec5c6021d2",
-      "theme.brand3.5": "805c3c51ad913d8e16e8dff1f1df1c4266a758ed",
-      "theme.brand3.6": "e972c0442d48992624acf2ec00e84da20ef4a8ae",
-      "theme.brand3.7": "73ba47c550a1d47ca3c59c40689a4bd719fbfee5",
-      "theme.brand3.8": "7cf379ebe954cafce51c959771dd7fd5ed2d9685",
-      "theme.brand3.9": "41b3d1e83076ae5aaabd4dc62e72a0f7ff22be18",
-      "theme.brand3.10": "68ba9400b19a07bb2f014d3084c5e8c9b7f83e5a",
-      "theme.brand3.11": "5322730cf8f9a6c0fd85e95ee596eeaaf42348f3",
-      "theme.brand3.12": "8192e3fa401baf9b8c28fb7f89b0133b582f7b96",
-      "theme.brand3.13": "2cc0080a3df4c4811a6341510176762cb4540b05",
-      "theme.brand3.contrast-1": "a1275a3384a4d01fe032abfdf18936874c3e2208",
-      "theme.brand3.contrast-2": "524ea845c8c1e6dc3e05b4e8b4c49b2770cb6447",
-      "theme2.accent.1": "0fb0b77a41528ad94572eb3b409dc9a84a06034c",
-      "theme2.accent.2": "e7ad00556548cadde8f43af2e1350b383bee9afc",
-      "theme2.accent.3": "004bf2b41a4b5675765858a4e6581fb27085ea8d",
-      "theme2.accent.4": "4e650a7db1990371ac81113d5d925da2d19b4803",
-      "theme2.accent.5": "ff423b04cad473a7f471d480b457d8e629169c08",
-      "theme2.accent.6": "3d921beb722fb2fa2b700c5527ca3601847fa0d0",
-      "theme2.accent.7": "5bfb9bbae717415bc7d04b92ca67c1202fe89a97",
-      "theme2.accent.8": "87e1efaa3766ef374ff07c4822d17d31ac1f0dcd",
-      "theme2.accent.9": "24f319a4eb21943c7b496e9524972ef816d37851",
-      "theme2.accent.10": "295b5958443c7ae169b20852dc0c2bf28b3082fc",
-      "theme2.accent.11": "02e00ac8e2c15ab837d7e3eb7f7d4ec35c734c5f",
-      "theme2.accent.12": "e8eaa15fdecd4f8763c8d613673a68455bf4ba79",
-      "theme2.accent.13": "2da73a55c208024893f51903b8e4d1086e51b402",
-      "theme2.accent.contrast-1": "69d8f5efc0464b9dc46d4559f6c4c63f3b178524",
-      "theme2.accent.contrast-2": "c653c3b1cae365d61758dbf7a20be55e7f7e3929",
-      "theme2.neutral.1": "c255bb972d1a0cdef886b080b10920c295076162",
-      "theme2.neutral.2": "6aab85649aa5ee41e26a6a30e34eee1d9666a723",
-      "theme2.neutral.3": "261e25578ec0b953f52f3ad695aa640232af1e93",
-      "theme2.neutral.4": "bda06909ff48ed52390267ff56c8a5e24d94072c",
-      "theme2.neutral.5": "b640b85d1b7589224b31f13c1298f2eb7e34109c",
-      "theme2.neutral.6": "4bedeb4aeaf217ca0f234e721f5c3018d18679cd",
-      "theme2.neutral.7": "b8ae8fe38bd25646fe4ab6b135a3d0b4ebfe1a09",
-      "theme2.neutral.8": "20ff7324c6590e88410a8df11d2e4eac219e6b40",
-      "theme2.neutral.9": "ca35f86b8d225bc8d282c38f0118914183e496b7",
-      "theme2.neutral.10": "170c5343f26d7130010e6e6ea8896640b746324a",
-      "theme2.neutral.11": "d23fc8baa639efb8d1879893ffbcf4ccf21b09ea",
-      "theme2.neutral.12": "1e24159f68dc90a3839d68de4c25551bc90e7d2d",
-      "theme2.neutral.13": "55ae06a13c6dd5496df542e694dd91d50826206c",
-      "theme2.neutral.contrast-1": "5d2f1c09d43b315a8680e22c8201c52158ba2f60",
-      "theme2.neutral.contrast-2": "166c166b76231a8a8ed84212ecfaf1d5568955c2",
-      "theme2.brand1.1": "36919d02364b7601f02e4944d454a06047caac38",
-      "theme2.brand1.2": "074f294271716ae4048662eff67e5c349624b91d",
-      "theme2.brand1.3": "953054a71143dfb2b0a1908ca33e9440a9424931",
-      "theme2.brand1.4": "5bd1ef0fe4bee2392fc6ea98f71857c0b4f5d7f4",
-      "theme2.brand1.5": "b6569bacb1b4fa586269c0b4bd232246869f55b4",
-      "theme2.brand1.6": "fd55e933a227e1f83495f6ea283ccb98210507f3",
-      "theme2.brand1.7": "675968cbc559c08c7a44b27720d2364b5b4c155a",
-      "theme2.brand1.8": "0c9d37aa84f6a3cf054a6e06eb8337b1babd7b7e",
-      "theme2.brand1.9": "3522eab9ebfc2ae5c91a580feaf70465e9748f89",
-      "theme2.brand1.10": "3e61a3494660d174df6bab736a87675ab62ff87e",
-      "theme2.brand1.11": "3d4c53b43568c37b4ea9c2635cf5958fc739bf64",
-      "theme2.brand1.12": "a706bba785733f72521a3c632e25df975f98a08c",
-      "theme2.brand1.13": "f9ed3353c4e61b94c8a74e2c2fd72397cedc408f",
-      "theme2.brand1.contrast-1": "093c525a697bcde5ba27edf9b468b2e9407b82e6",
-      "theme2.brand1.contrast-2": "e78c591644329c8e13ee835622fd953bd0d9b414",
-      "theme2.brand2.1": "513d52765402e5c084a20c23ed21a2d739109b35",
-      "theme2.brand2.2": "0ee7ac0a9763ab782ec40b93a043a3d10c999ff9",
-      "theme2.brand2.3": "1c943c957030b1afcd70e01530035db77f0ebc34",
-      "theme2.brand2.4": "73adbc11588a4d41a0358fd7a327678af7138191",
-      "theme2.brand2.5": "1d3384f44d226abebb3b43b9988a11dff93333de",
-      "theme2.brand2.6": "3e1fd231892a974c1d338217072c2e9abdc7e904",
-      "theme2.brand2.7": "b3d2b34807b4775678254f1bbb893e7bf7a40908",
-      "theme2.brand2.8": "987afc969a5de78dc72208980c939bedc1ad88b4",
-      "theme2.brand2.9": "e82328a15d454b8a03ac04813136a8239e99b85d",
-      "theme2.brand2.10": "6d006ead8798823fed87eacfd2dc51695b0825ad",
-      "theme2.brand2.11": "58a1ebcebbd1df26bc50e8d52d39ed3711c8c3a7",
-      "theme2.brand2.12": "5b729c155ebffd620d57c33e291660f11b1884fa",
-      "theme2.brand2.13": "14c388ee4151f1e1f7ac2952658dcb89cab56370",
-      "theme2.brand2.contrast-1": "25e59715d734c2451c357e141d1443ea1b6ef8e1",
-      "theme2.brand2.contrast-2": "80c31c85c0cb53db0b10b27230b9294b11bdf781",
-      "theme2.brand3.1": "871caba07e4fcb0fe56cfb939379ada95b487a05",
-      "theme2.brand3.2": "61f7371f2e403d7254b021c7711fcdf2e0dd131b",
-      "theme2.brand3.3": "c96a53b053fbd2ce612be43442568044e25287da",
-      "theme2.brand3.4": "1375f6d1141d514228812dd9c7b2bcf6fd68ec75",
-      "theme2.brand3.5": "245734869366fea1a8a0f6e921e2427ad42b196e",
-      "theme2.brand3.6": "95e8129218f51648fb283da8643f36e8013f38eb",
-      "theme2.brand3.7": "4d6259705c8938fa22307738cac8bad63d37a418",
-      "theme2.brand3.8": "a607b57ddeff2406b433212ec8f0d3e63e23b7eb",
-      "theme2.brand3.9": "f29d2dce85293e7bfc18561d47306c7b9af5e20c",
-      "theme2.brand3.10": "bc5f8d97862c89b6a0e196e49603918f742bec42",
-      "theme2.brand3.11": "92396787b7970ddbd54f3a90b2542baa0b0fb240",
-      "theme2.brand3.12": "31cc5bc290a45d598d2a76539cf8810ea1be23db",
-      "theme2.brand3.13": "934d8791f5ec56b0f9f7d66718d2d8ceeb800290",
-      "theme2.brand3.contrast-1": "d0b9f91f14ff9aaa2db5372121cca90c226bda8f",
-      "theme2.brand3.contrast-2": "227ccf89ba5a96077b4d8b01a2fbd22d20e6f79e",
-      "theme3.accent.1": "132fb5d63bccf85eec74d52f58168c2fcb6812eb",
-      "theme3.accent.2": "3f4e21108b386def2282032e177d8fd95e9f1516",
-      "theme3.accent.3": "2d2e9685d77f95ef4baf464074850d85434ad089",
-      "theme3.accent.4": "6ff0d10c9a867dd532481632a48ac46f7dc150b4",
-      "theme3.accent.5": "a6b563baa90f48a143e243722919277f4e8777c9",
-      "theme3.accent.6": "aee1ab02d6f26f794c188ab0750ebb471b4fd287",
-      "theme3.accent.7": "da186ab5e171ac2eb404f61aab48647a09cfa4d9",
-      "theme3.accent.8": "ddfae10be79c38d10e3f2ea42bd9870856289c12",
-      "theme3.accent.9": "29b508d91806fb16696c9c9f2f8aef4966b657c7",
-      "theme3.accent.10": "255c7aac88789361a3f9b699ba595cd48cda03c2",
-      "theme3.accent.11": "d2289929b1ef239557f210e172bbd9b9084bd34d",
-      "theme3.accent.12": "dde1a134e5c31d42f87a2e580dbfe7592040b189",
-      "theme3.accent.13": "1227295d4e7ca8b9de9248914963c04ce8cc6abb",
-      "theme3.accent.contrast-1": "c1f2b4d265400761869f6417ef88333dbe31fd1a",
-      "theme3.accent.contrast-2": "48efaed97f288eea572b93716bbe7f1672685d51",
-      "theme3.neutral.1": "8e481f34224402c499fba721e16a505be822505c",
-      "theme3.neutral.2": "0898a1bd135887d2779719667323b45a9c3d7ccb",
-      "theme3.neutral.3": "e8ebc0368a8115c7cd89e4e98e2f040efe6c16f4",
-      "theme3.neutral.4": "6173ea56b12a16f8829a87cbdc0a24a7350e64d8",
-      "theme3.neutral.5": "7f630ac9dedaf310503d9b395905c995e40c21d1",
-      "theme3.neutral.6": "89d2041eb09ab17c8457c184b96ca0b01a80f4c6",
-      "theme3.neutral.7": "8402eb4c8de46e5123d8a7b20bde16aa8ffa9790",
-      "theme3.neutral.8": "21264b862ab346f6390ab48bf68cfbd964efafac",
-      "theme3.neutral.9": "778ec32f5eeea4eaaffec175dadb68ce90dfd720",
-      "theme3.neutral.10": "f58cbf613c5a6257dba98cc59dd2ad51bf02fcd9",
-      "theme3.neutral.11": "07d7a9a2e9448df420658af3d8c475351fc33bc8",
-      "theme3.neutral.12": "308ddb9f2d0743d9fe3345e5f50a8447f4083904",
-      "theme3.neutral.13": "5a323daca113be2822a72f3af559bdcd8087ad01",
-      "theme3.neutral.contrast-1": "70a0bdb0cbaacc96b475e66ed97d12a9d391e446",
-      "theme3.neutral.contrast-2": "c05b6627300b464c809361f2bb504b3d451c93eb",
-      "theme3.brand1.1": "58700838ae14694f658b17caffc3a6bde8e09ddd",
-      "theme3.brand1.2": "6aef41980dab253e3f8e957e33ddfb0c2d533617",
-      "theme3.brand1.3": "be95375487f58c8a7538555da81522411128b9d6",
-      "theme3.brand1.4": "f96cd256a3efbbb96ee868387eb4681bc70d5a0a",
-      "theme3.brand1.5": "539e83d3c5a49c0567f402ec99b83322ed16b633",
-      "theme3.brand1.6": "aeafd6862355ece376c7a3ab03ceff13772df393",
-      "theme3.brand1.7": "c3736170e73d0ecdd9121757a67de0f5ccc99364",
-      "theme3.brand1.8": "74db46d942135cf8a6272d0661226ff4db357a65",
-      "theme3.brand1.9": "ca57e3bcfbd33c9de64800e921460fcd1825f151",
-      "theme3.brand1.10": "55c7be22dea5b3fd4328fdbf7c03baa1c2fa32d3",
-      "theme3.brand1.11": "030fd156073f6dfa5e7a021e564e927b3f53f29e",
-      "theme3.brand1.12": "445aceeeec43efa647aabc4cbe389e45832356f5",
-      "theme3.brand1.13": "57842ca518ca9009c062125e5d3a1d7746020d58",
-      "theme3.brand1.contrast-1": "26fe0deba0b7146eb3490ca852b58d6aa643ea44",
-      "theme3.brand1.contrast-2": "48ceb0ab56c187002a88cb1dcee33d4bfad4a97a",
-      "theme3.brand2.1": "460d5088957295632487555d20c10dca06a6ea05",
-      "theme3.brand2.2": "ff287959c873cfcc1888720be6d91aea877d9a68",
-      "theme3.brand2.3": "d91a3d17a7cdeb10f9e9988b44ac461c76dc9568",
-      "theme3.brand2.4": "4d155f607110e803c461206d7e24f7051784cedc",
-      "theme3.brand2.5": "cfb41ba2cbbe1c83a0dc16e7f4b081f29c5d0f7c",
-      "theme3.brand2.6": "3f5792a831cdaa994ad6927ad0bf57b8cd9777d1",
-      "theme3.brand2.7": "0e99e04cd5a9ab9472607508ad7fc833ae6796dd",
-      "theme3.brand2.8": "160fef7205a3c238cb2f14f0da4ecf6b7ea8a3f3",
-      "theme3.brand2.9": "528681cf7b160e65dbec1bcc454088507b28f2ee",
-      "theme3.brand2.10": "e1a2cc7e1c580a7679c5af7e2ff1cb9039753665",
-      "theme3.brand2.11": "dbb2a985a978f3e47341927d30947ccf75bb8dce",
-      "theme3.brand2.12": "bbb51698627c8148c2beb759d3a4733301a6b349",
-      "theme3.brand2.13": "394a02a61ea6ecfbb4fb2701b9235d957e7b0665",
-      "theme3.brand2.contrast-1": "0ec1bd55604198a50f0f870f87209197a5e7a569",
-      "theme3.brand2.contrast-2": "85c6322ce3f5e5f63e99e622e9b512ebc1e4f452",
-      "theme3.brand3.1": "3feea8279430c4dbee70f40f5296014e5a11e04b",
-      "theme3.brand3.2": "ddbd5ddf9c83b2f041bca4e2d4e2d1fb37a5b6d0",
-      "theme3.brand3.3": "58bc0406c55e77fb4c2214bb33bbd4b0e51e74e8",
-      "theme3.brand3.4": "8d759ea5b827956f7223b7581a2196662a547f7d",
-      "theme3.brand3.5": "be6b0efa1bac85b0d55a8a70ae1e1e9934f0dcb3",
-      "theme3.brand3.6": "92138309c1869af785c1cf64af4ae5a427c14145",
-      "theme3.brand3.7": "df39ad18f709cf3c009a725714560a8fc14c3b3f",
-      "theme3.brand3.8": "1f0d1a5ac410ad2a8570ad3c10888ec7bb14f175",
-      "theme3.brand3.9": "2344a7da17d567bfc04eff8ef2c09e5eebb3afaa",
-      "theme3.brand3.10": "56154d268ad5950c91063bdc83fee957e9a1446b",
-      "theme3.brand3.11": "001d5c3ea636425b42726fe7430cf593b24b7484",
-      "theme3.brand3.12": "b36e3b599fb51eb9b51867c08e0bd692ca62c435",
-      "theme3.brand3.13": "132a9b23adaf8d94615b4349caf0f605a458e1d6",
-      "theme3.brand3.contrast-1": "fe6c53ca7f578fd4f83d92e6033c5a858b9d5f78",
-      "theme3.brand3.contrast-2": "f572aca35d0a457536431a9e5bb7d227e211ffb1",
-      "theme4.accent.1": "e6128d1057ae1729db69e86fcf3f9fdcd2fc28fc",
-      "theme4.accent.2": "ebbec4009b0ba2c77ab80b997d92fb84e13c5c4c",
-      "theme4.accent.3": "8e69d88517841c8d4b170b4b48249e66b92867ec",
-      "theme4.accent.4": "50e2b87d6477abcbe449f358b91542b97ff838ac",
-      "theme4.accent.5": "f2f0b36f96f98e26c4f560f5924170f062c87284",
-      "theme4.accent.6": "59df4127aa71516e08211c7f6a90558acd567c0d",
-      "theme4.accent.7": "31ecc8955fc4be67cc101975a568309b6535f3b1",
-      "theme4.accent.8": "ce584e08a0c5139c9ee62c4c2868cc025a78267d",
-      "theme4.accent.9": "3fa9829eddf21475c2d620af8910819473445528",
-      "theme4.accent.10": "1ac981a555e761c0bf7ae2a956de98a465bb3d7a",
-      "theme4.accent.11": "a86fe97224c0405e3cfb137af7dbd952cb183239",
-      "theme4.accent.12": "4c5663ea2a91a991c254c86934cddecf1e655b1f",
-      "theme4.accent.13": "5c910fbb0133018c4056cfff8311f5bad8998896",
-      "theme4.accent.contrast-1": "041f2e8ac8cb76d2d7f7222482be9a06c338b582",
-      "theme4.accent.contrast-2": "dedb8c375640c1e53e1dc36c55b30503e78ae877",
-      "theme4.neutral.1": "6f6fa1dd012379e4d757df05864a0fbe1f855203",
-      "theme4.neutral.2": "accc1773e4a6b12ed74c4e5a8abc1c195700654a",
-      "theme4.neutral.3": "461da31ccd5f4f1fb91af6d9915f37d87482c2f9",
-      "theme4.neutral.4": "df7e980b0af23a5e054b4c048ee8d80cad0f6e4f",
-      "theme4.neutral.5": "8e551858c9ca2b30e90ffa5d79298e501b5ed649",
-      "theme4.neutral.6": "83f4c5c5ca22a9ac43decdabc753a5024402a5d7",
-      "theme4.neutral.7": "522ced94271a95baa1d25acf52ff684be0f1d77d",
-      "theme4.neutral.8": "e22ee4c75e122fbf6aba47a34c7163a78105f7a2",
-      "theme4.neutral.9": "fd87c27cca0ded08209cc05bbb149ffd2187134d",
-      "theme4.neutral.10": "964636ac87470acd5f7210e4b5dbb52c0705659c",
-      "theme4.neutral.11": "ed6761e8418976ec7680dacc6cbd3edc82a7f657",
-      "theme4.neutral.12": "f403e08b71765897eeaae9a48702fab3ce434143",
-      "theme4.neutral.13": "0ecd9d3c798cd6f949e885fc08607b3aef84ea09",
-      "theme4.neutral.contrast-1": "ed17e712479ba782d7d4dfc7bfcf6c54d79682ce",
-      "theme4.neutral.contrast-2": "cea440ca533367f59d1a126082e7cf0d1fec26ee",
-      "theme4.brand1.1": "901b8c8228f27de15bae9fa7d4d882bc3455547f",
-      "theme4.brand1.2": "75578940c1df954175cff42d5625802ace260240",
-      "theme4.brand1.3": "9cc8fd6035e2c15d21ffffe705af250216f212e2",
-      "theme4.brand1.4": "864da60a56059b1956508c53f20e25243e435abf",
-      "theme4.brand1.5": "778bf27873647876bad8c959b758b4c4849c35ea",
-      "theme4.brand1.6": "2fe71bf997bc336353a19994a6cf4cf31e4e42ad",
-      "theme4.brand1.7": "2f603cfd31fe616fc548012de29139abeec6560d",
-      "theme4.brand1.8": "7a0579cda3b49408ffa8a6e096038431d001ad3c",
-      "theme4.brand1.9": "349ba555b41f265b351594eca7cd43c509f68e1c",
-      "theme4.brand1.10": "42169e1675f11417ee9685c5529f2fb2737f8482",
-      "theme4.brand1.11": "e23f4e36e915245f53e4b76dc3298ac6b73c177f",
-      "theme4.brand1.12": "32d74c192e5d24dde22ca65b33cdec3e786b565e",
-      "theme4.brand1.13": "3126b95249ab31c43d591e3b90b99ebf16d50c21",
-      "theme4.brand1.contrast-1": "a9ba67a78aa9696666845c653d0d144bcc9fe9c1",
-      "theme4.brand1.contrast-2": "769e0a1857a0642c9f6b8b885de7084864ce765c",
-      "theme4.brand2.1": "ac189a7701607b18ef787f143ddf0b1b1a65c29e",
-      "theme4.brand2.2": "59adf58a4abec62a7e2cbd53edbe1edd68bdae4b",
-      "theme4.brand2.3": "76779bb02c02e730e97ca642ac119929a72d652d",
-      "theme4.brand2.4": "1d8d4cc869a56d39adda25bfb027a2c7b9dbea5f",
-      "theme4.brand2.5": "96c6b83e1995b62a4534c836bd84533aec15f3af",
-      "theme4.brand2.6": "42612b5fb369f4d621c3a7239fd1cf45b90387e8",
-      "theme4.brand2.7": "70534cac5fbff2180904375fe9f070ab3276dc5b",
-      "theme4.brand2.8": "0155caf30c446dfd057ce212f0473e6dece805c2",
-      "theme4.brand2.9": "622a88c2ca4b98f4f0783fb0253114a1a6065fc1",
-      "theme4.brand2.10": "f867893e825cbb1775c8eef44c271c084f8d0ebe",
-      "theme4.brand2.11": "583283a1ba82dc96f34178ecf7450088f95f430c",
-      "theme4.brand2.12": "08cb04cf1c51e66805a1e70cdbb78bace9bac304",
-      "theme4.brand2.13": "ae97d3d0166b20048dafa062361cf59d1a28a864",
-      "theme4.brand2.contrast-1": "f5d872f82804db0c50216022c8332d1b74be91d0",
-      "theme4.brand2.contrast-2": "5db61cd5c46a259cd282b786a04cc44243ff1394",
-      "theme4.brand3.1": "d60b0707c445e51ace1f3f4bb8276f56919c3690",
-      "theme4.brand3.2": "65e79f077d198a99ae0df002d1d4440e2f588052",
-      "theme4.brand3.3": "5f3bf4f93fe7b3f38e2761d7379104dd16b9db02",
-      "theme4.brand3.4": "21c33a792d9c5a06b7c79699bc98c758f3a0dd6f",
-      "theme4.brand3.5": "1a37ee89516a69edbf63f956f74c5cd16f54ca71",
-      "theme4.brand3.6": "5dec69761aa89634468818a415bb1720875326a9",
-      "theme4.brand3.7": "d286463978c14231bc7c5230d35f99673103e73b",
-      "theme4.brand3.8": "261c6aac6d043453dc80c5c040634cb0bb3e2265",
-      "theme4.brand3.9": "fe38b16a93720573bd5ae37af09ea6889c4b3ed6",
-      "theme4.brand3.10": "d38dca8b3e99cbaa05b549273916e190833c0c5f",
-      "theme4.brand3.11": "d0ed2d7f386310dcd4b8b0e04861f304006e6799",
-      "theme4.brand3.12": "a138f939d4fa65e9df86bf97b050e0b8d011347e",
-      "theme4.brand3.13": "65a981b2d19ab06857ce1add4c4890e2a97fb117",
-      "theme4.brand3.contrast-1": "61ffa3f921c9c346bc22448c458ba59a585be1cb",
-      "theme4.brand3.contrast-2": "dcdfe1ec7245c3ee88fe149188d299456324b7a6"
+      "global.blue.1": "dd517edf25415d3e7e8ef9d4c475d2ffd91010cf",
+      "global.blue.2": "7c02efe97a8cabda31ee7cda062cf1b310754d3c",
+      "global.blue.3": "fed26d10a7ecee120271a77e77314670a5393cd8",
+      "global.blue.4": "fc8bd6a68021ff7a12826ef1b38ea9b6d7bc0721",
+      "global.blue.5": "13254ab1a381e0ac0bde54a5530ed725d6f97f50",
+      "global.blue.6": "26570042fa7e173740d95d2ec6b1efaefa08d294",
+      "global.blue.7": "0045f521a7777ee8d239371e424d66c6ad4ddb3f",
+      "global.blue.8": "25eb7e322a9f3c4a5828eedbd25dff555cb839d6",
+      "global.blue.9": "a92bebafe3b7a6b783e01ba945b88e9c932fb1aa",
+      "global.blue.10": "7f56354ac561c996f14dbcce435574014ffcc852",
+      "global.blue.11": "ae370599f50484dc6b3696d3b7fc5370a3966727",
+      "global.blue.12": "813916e33547cf6e1c1bdf2816c16df784e7edf7",
+      "global.blue.13": "01f776d856453d73f67d32c7c013d4e7c6b3886c",
+      "global.blue.contrast-1": "d3f6f9fdad7f58d2239bc1e2c6e1231450bd56f3",
+      "global.blue.contrast-2": "f9eef3d65e164ab28f3a3e91e6b087df67dc2d74",
+      "global.green.1": "dcde27f0a574b4d9c0727bd47d5463263bd29573",
+      "global.green.2": "885c232b006131bd4924a3d0fd72cb083768f877",
+      "global.green.3": "61f07a76324934185a8376b4ef840dbe1e71cfb8",
+      "global.green.4": "e276144c06d0838f2d64e49ee88e6ec311490f1b",
+      "global.green.5": "f9fa345ffdf46416a0aa156f2572b9ef0e822bf9",
+      "global.green.6": "a72410907192a276b12b5958f06f3a36ed6b7d31",
+      "global.green.7": "56df2e5ba2be3f4cbc70e800e155ae8e4802fa47",
+      "global.green.8": "3e8ad6d9a49c712751e5f6be0c65626f95e0ca27",
+      "global.green.9": "b8855e570a5bac67aaccb864082859627683a6e9",
+      "global.green.10": "7785f07c96b32c2f7692b8cfe3778219aa1b1e09",
+      "global.green.11": "e0d9df5f1512684d0aaf47feac4e235feca1f939",
+      "global.green.12": "264fc26342afc627c3cfa69dcb0d0225811af424",
+      "global.green.13": "788f48f4f836d7fd5b765b2948de9f5fc8edfb10",
+      "global.green.contrast-1": "2b5f680b934570a3432a9da58d8f74a548d80a04",
+      "global.green.contrast-2": "f1254eb0671dc5d29aefbf72f4849a8dfaef330b",
+      "global.orange.1": "ece4cdd30aa9c6a2c7611f61e35afddb09c676b3",
+      "global.orange.2": "cb8f1b685dc12c234eb2f45456244a8b0e23ba90",
+      "global.orange.3": "a1a15c28e0f07bb1585e5389a1ff9f9c1e596db2",
+      "global.orange.4": "049e3746f86c7fc881eeaa6fb3e33aa887a7635a",
+      "global.orange.5": "0640635313b5fb59b4f5a2249203a0fc233b17d0",
+      "global.orange.6": "003322d3985c6d3d2a9ddadad730b9a5a56a5f58",
+      "global.orange.7": "748e533334b41a9336b2370fa11ddea669ec32c7",
+      "global.orange.8": "db73da539cbead13ee3dde09a757ffe4af93b7f6",
+      "global.orange.9": "9fbf02cc2555acf122c04e837ff9fc97e1f793a7",
+      "global.orange.10": "24de48afbaac61e39122cd3ff115e98cd444a60c",
+      "global.orange.11": "34f171ba8c1870dc6f29904e5f3852355001e88d",
+      "global.orange.12": "71261b0cd54f0cf930985f68a4b885f034a61ec0",
+      "global.orange.13": "99b2c0fc4544f5236febcc661eea76d0478c66af",
+      "global.orange.contrast-1": "e5f9d006605063bfe319445d951543248dd7bc78",
+      "global.orange.contrast-2": "48826368141124fa9339694b67e67ea293db1478",
+      "global.purple.1": "6abe5333395d7dc53df3bfeceed151d22dcbd994",
+      "global.purple.2": "592508782333bb3e827cdebfaa8427b35bc6cd8a",
+      "global.purple.3": "73c49b2ddb51b266b099b012d9c0b8b62fb78229",
+      "global.purple.4": "415d17261522f5e461a3c2554c842cb9786c437e",
+      "global.purple.5": "ce8f27d9d7f1b9e93e0e4626a942b71d5583aafa",
+      "global.purple.6": "4933edbf63410ee163249ddd73dd4da0e4147e02",
+      "global.purple.7": "9508cbfacdefcc39b3399733b562ad8e8c1b52e4",
+      "global.purple.8": "df686da1e44f1a27d014fa283a7819999d189872",
+      "global.purple.9": "c282e4042e62210ccdcdbc5b9ced6c888e630f17",
+      "global.purple.10": "05ac3138b88999cac82afa20042b1cdf94a50599",
+      "global.purple.11": "6896f74156a48009b2e3f5597164a31d68be0fdc",
+      "global.purple.12": "56ff5c008f2e0b006629594fdb4c3c6b8cbbe21a",
+      "global.purple.13": "805812d6acd11f9f737701885dd5e291763c0fad",
+      "global.purple.contrast-1": "18ea20abf130abe59be66e5b837479dbeabdf617",
+      "global.purple.contrast-2": "d521fcd6887a43db85238b712d856dc019b2e59c",
+      "global.red.1": "913edfca0efd5a81275f7f17c46e1577520fbef9",
+      "global.red.2": "31358f631dcc12550654dcd2b89ffd54d7498bf3",
+      "global.red.3": "2bd0b085cf2e88e7133d24f7eacc3b76f5b1e79e",
+      "global.red.4": "4e7dd7a094cc25aa947baa85142c73e605963826",
+      "global.red.5": "fb8e7f8a7c2e05a6dc18062dcf01886dc52804ad",
+      "global.red.6": "edcaa1fd5866df697f71f4dbeef0bdbfb3762164",
+      "global.red.7": "b995eb42b75427ad43c86ca4eef237bd54bd2d4e",
+      "global.red.8": "a525a2ff829efe7484f1935d7395efc906da4417",
+      "global.red.9": "015dffb91b04d4dfd0a02ceb9bd358aee8bbca9f",
+      "global.red.10": "d84277c9c402d942aed486e1ca823d543dc70ee1",
+      "global.red.11": "d198c7c432a9f5e1eb7d5cea49d1d370703509ef",
+      "global.red.12": "2fcbb34f57509f7f1e974f5130ab8e3100303738",
+      "global.red.13": "58da26665cac0b5cf61dce3d8446b3342ffbf644",
+      "global.red.contrast-1": "d94bad65598e8043d391085c34ed7fd86e32eb70",
+      "global.red.contrast-2": "d8e8d2cfdf8db4eee4fb2adfbfe0e44bfe2fb028",
+      "global.yellow.1": "f3765b7e1821a9499b4a19880542e59c6056fed1",
+      "global.yellow.2": "1b2448280da7a309e2b660f495f6547fb655893f",
+      "global.yellow.3": "717b6ac0e3eea6943441998b81168faeed0202ce",
+      "global.yellow.4": "524f3996ee68000bb94c2cf24dec73018e7ca358",
+      "global.yellow.5": "b40c053a08de62f9826c348a3c349e1be9080a5f",
+      "global.yellow.6": "e7d13a86206c7588ddd9303c89705472bcd793ca",
+      "global.yellow.7": "572d91f824feccab6cba8218570e386009432983",
+      "global.yellow.8": "4110ff9298f31e59a2386b83812ce8f3e7d34778",
+      "global.yellow.9": "00df2d0c35fba08dfb5165b57f95cabfb77c223f",
+      "global.yellow.10": "b726f5c168b5fb1255e32e44310fe28d847cf5d4",
+      "global.yellow.11": "dd5b139cdcb3eafc1e719af1a05697c998674540",
+      "global.yellow.12": "594aff1f36f4c624c9a663252bd5012d0cdf2382",
+      "global.yellow.13": "42b56b31da03fb921ae790d16ec631974aa0da42",
+      "global.yellow.contrast-1": "9c7a8a93692c87e9e48becad87145561ffcac68b",
+      "global.yellow.contrast-2": "73890dba6b4fd3e464ae50e5a5ec95106da21c87",
+      "theme.accent.1": "37b1e800f6868cdce08ac479446d96ead4a5ad99",
+      "theme.accent.2": "9f71364caf3c7f497b2e2d7cab62cc379e6abdb0",
+      "theme.accent.3": "9db67b3550dcf11473bfb0c26a8027b1d74fbdf5",
+      "theme.accent.4": "69d329ca65c4f7cc195f0a68f632ac47489f08c0",
+      "theme.accent.5": "c2012a1ba40d2f805e6c124cbc8d4a46c448d6d0",
+      "theme.accent.6": "9cfdb845820df9049dc4dd0fa3cf7222caa644a5",
+      "theme.accent.7": "dd10bc2ef082ad5b162cfeaba1b9ceaa01c15b09",
+      "theme.accent.8": "1b28be1959be3bfa71807e0ad2afb4e9c9643acd",
+      "theme.accent.9": "2734c18384aec3e0ed706a59129f5fa01b340aaa",
+      "theme.accent.10": "122f93c1665acfe3e459060b9abdb0026f3ab365",
+      "theme.accent.11": "ed5fead52851ebb5ddd20bbe642bc3742e68c6a4",
+      "theme.accent.12": "3368fd085971dbb590d90f471ac32c5a06e95e10",
+      "theme.accent.13": "2667c7cb1106db2a444714b3ac227472cc46e65d",
+      "theme.accent.contrast-1": "155d5e9c920f5d1650dc746cefce1dd16da778f1",
+      "theme.accent.contrast-2": "2ff06b93dc62672e881e55c7ba4cf36e387b6b61",
+      "theme.brand1.1": "40c3b63282037abdd3dac5311edc911430ce25c4",
+      "theme.brand1.2": "2fd724e0e787673518684727471d342a21b9c5d2",
+      "theme.brand1.3": "d4ad7a9433a759feb5cc427f733d019bbc00d3d5",
+      "theme.brand1.4": "56eff07995c1f00d5272d897781493471e5ffbf0",
+      "theme.brand1.5": "925b460bdd866925256c5b5e734240e9d90f949d",
+      "theme.brand1.6": "1b4e9752ba5b4b4a0abb5f141f794563f967e776",
+      "theme.brand1.7": "e22f26d140b43a2d7e2fa4ea8268ca39952f868d",
+      "theme.brand1.8": "9a19b8e1336a635c573d92492f92e83d13f07cbd",
+      "theme.brand1.9": "1cc80411ea76c9277f611c964e59dad13f7aa02e",
+      "theme.brand1.10": "ceaf10acf22ab84f1e8b77a3be91583c596cd6da",
+      "theme.brand1.11": "1b8851ec40caf5ddf59aec3e57bf8480ca49e882",
+      "theme.brand1.12": "9835a9fc08e70b7f152ca843fdf2b82b312b957a",
+      "theme.brand1.13": "00e214631cbb40d4e84a90518ce9b02bf984aabc",
+      "theme.brand1.contrast-1": "f53f8a702640115a03359a395a33d4ad5c350c8e",
+      "theme.brand1.contrast-2": "29f452f47590b0bef1e82c9da2186720aef1a872",
+      "theme.brand2.1": "b86f873cf0f86080221a360798b733d61712ad52",
+      "theme.brand2.2": "50538d5e42f9ecfd0de8f62c4dfb491739cf5ed9",
+      "theme.brand2.3": "ec4f3cea527fdfdca94da972ab3c94c435bb5836",
+      "theme.brand2.4": "2202a9ef613d42225b2d609d8c9d485d00adaf0f",
+      "theme.brand2.5": "15e47211c25268f6f9994c97aaaf0e086ebb6e55",
+      "theme.brand2.6": "f96c89adf18d76fbfdeb2fe210976c87f2f7e303",
+      "theme.brand2.7": "53db22438418c95aecd0c764252898741dec6d37",
+      "theme.brand2.8": "6262d7d3fa090fc95b14a68dfe5c204c234ed2c0",
+      "theme.brand2.9": "fed1c2100696817978aa25ba01221331d924a1a3",
+      "theme.brand2.10": "e40a532bfdfee96d6cb3a781c0e02eee6cf6394b",
+      "theme.brand2.11": "a1adb6d98f82364119d0f6409a1092abdbef1af5",
+      "theme.brand2.12": "539b8bd72b860a014dc056448f10132f5d09bf9a",
+      "theme.brand2.13": "8c9143d5a4bb43a3be1b1f01be8488384300d0aa",
+      "theme.brand2.contrast-1": "80cc232d42df7377b232d431e13d6c6b2df09230",
+      "theme.brand2.contrast-2": "9b5c7aa2bee3476c8667bb659328ff93d726f929",
+      "theme.brand3.1": "6786e906850b06a063969256a17e9cdd0aa98aa1",
+      "theme.brand3.2": "3f5ba136df1099b4fda3c2442d27f27c097e666f",
+      "theme.brand3.3": "571da4c51c5b3fbf2371549ad14678818ceaf63a",
+      "theme.brand3.4": "8a43dff1a05d230d21c96c0b3157abc7bd5f8be8",
+      "theme.brand3.5": "d710a840b12725117ab622fe9f80547491441f81",
+      "theme.brand3.6": "19085ece681b7e35ac2e3c1d50b3eb3dd6191740",
+      "theme.brand3.7": "51f5bda9f0b0eb6e09143af85685ccb6bfd8dfbc",
+      "theme.brand3.8": "ac3d2a52c1c37884a30e1a85c48197e156b592f3",
+      "theme.brand3.9": "ef2d4391eed44633531a0779bd49d709771534d5",
+      "theme.brand3.10": "c150f20b88c078ae9b6e7f4157e2ac65c3db11a7",
+      "theme.brand3.11": "69d196428c6f940f74a0508d138b29a745381602",
+      "theme.brand3.12": "fba13306c9d7357bb99e2a448415be65a7eb26ec",
+      "theme.brand3.13": "6ee9e6d022a1237aebac91ae8770d07147d642a6",
+      "theme.brand3.contrast-1": "6e28e5c92d219ea997e6c65dc57f0ae5baa63aed",
+      "theme.brand3.contrast-2": "0dd5ad319b0476af0e6cc77a2ee71bd324df0138",
+      "theme.neutral.1": "49f3f7dcd97720b55cb55cafbef8e65161c6e246",
+      "theme.neutral.2": "deb2f080832608c19f4b0ac1418edd396ecaf637",
+      "theme.neutral.3": "809dc8a6af6b5075cb55cbb09d2328f5414b4ec1",
+      "theme.neutral.4": "962bf41543c644deefb67d361ee2b199351e9d35",
+      "theme.neutral.5": "5cbc5c0510d0d17489c2ad00fe5a4c462e0ef084",
+      "theme.neutral.6": "c5a8e957410a637aec8ba8eb5b32e45b80c1d4b9",
+      "theme.neutral.7": "28afbff5768b2879e5659ca2f0887401221e81d8",
+      "theme.neutral.8": "edf90f692d8b788936c2b3b280ec8891a14047bb",
+      "theme.neutral.9": "bb0e54e8233d3f1ecb792a0152eb3f591e1cbf39",
+      "theme.neutral.10": "b67296cb12190eb70348763b0b2c3c7f7afe64d4",
+      "theme.neutral.11": "9f5a5dceead4c369ac4d5556a0b549f9d915a71f",
+      "theme.neutral.12": "44d383d90608117050a92a62537d5da1e9b3da80",
+      "theme.neutral.13": "6b536cf41965ebcb19b045bc50d3181d77201e66",
+      "theme.neutral.contrast-1": "f9068189d8270a254461be9bff5b204bffd03e46",
+      "theme.neutral.contrast-2": "cca9e904268f3bf32964b15154c5d0cef18701df",
+      "theme2.accent.1": "2f64011355f62645ab6ab44ad97d5772b2e7200e",
+      "theme2.accent.2": "d4fb316c6e087c24316e101f2052e5df09a60058",
+      "theme2.accent.3": "988e3645ea8003e615554f7dbdc069842984c366",
+      "theme2.accent.4": "5570d592da1d4ae869563c6930f19a7c967b0936",
+      "theme2.accent.5": "9e2b8621995e803dea68d960580a7ea68abc1c7d",
+      "theme2.accent.6": "95669422c5a0b0197d40b216d41172267bc29d61",
+      "theme2.accent.7": "efdf52eba5acad5638559fe772b252ffe86b3575",
+      "theme2.accent.8": "e9b00517184e44898312805f2ec3c6f114d38f3b",
+      "theme2.accent.9": "e71a1277ae987b35585d1feb2962d076573cfcfa",
+      "theme2.accent.10": "ee1f87cc7cf9881421f7280a820fc23199be4b2d",
+      "theme2.accent.11": "f9921000ae9959c45138c9d119abe93eb3c64ef7",
+      "theme2.accent.12": "5d9fd1354d65e84b7f188ab5e844b222021024d5",
+      "theme2.accent.13": "2a4413ed9070acc1c508a3a73940d83558a74fc5",
+      "theme2.accent.contrast-1": "f543f6d5d25c74e5eb276f1f42c50ec9fed85030",
+      "theme2.accent.contrast-2": "0fa4818d903dc182c7742a72b3be063684489c34",
+      "theme2.brand1.1": "a8d000c62995470a79b0156fd0421dcd514e70fa",
+      "theme2.brand1.2": "5bfaceea4000d3d664eabbaf721961a6e8c7ae0c",
+      "theme2.brand1.3": "0a1aa361f8e304b18bf784dbec0f286a3da675e8",
+      "theme2.brand1.4": "bef88663a46559b8da4cdc1ca45430fd60b4e905",
+      "theme2.brand1.5": "3011dddefde500fc5d204e07275b05f3e472a38d",
+      "theme2.brand1.6": "ace5b2b3c62d49526d3f7e327c5d88cc317bde37",
+      "theme2.brand1.7": "a5e3d2e79ec34766113ebd8ad4d283ddf423125e",
+      "theme2.brand1.8": "f004434bd4a84bc033c867c49cd88be581704129",
+      "theme2.brand1.9": "01458cf3e0714ac5a016fca0fbe44068f5af05e9",
+      "theme2.brand1.10": "65a0b30fcbdfdbf3c67b5749da1df916365e6409",
+      "theme2.brand1.11": "de2f70045efc5023b26a15edae9b9b2d8cc17b09",
+      "theme2.brand1.12": "fc01a923fb40d0858b43b1892eba466057e2a83b",
+      "theme2.brand1.13": "78d34c38298e2ec7f264459a944c134e5bf62f1d",
+      "theme2.brand1.contrast-1": "5673bb9d4f72c84a2a249481ec9ab7c06d903875",
+      "theme2.brand1.contrast-2": "4a0e853d2b3cbc25aa31846ef25f3b13fe5d8f0f",
+      "theme2.brand2.1": "10274acd66feac271d409279a71c0a2ad6caf7ea",
+      "theme2.brand2.2": "ddf944ea081912493b45f0791e67677c0ef403a4",
+      "theme2.brand2.3": "962ac2aa7db4521f040f5d97edd5d4647c07b740",
+      "theme2.brand2.4": "79cdc893a2fca6475f92443c2dcac0c997495304",
+      "theme2.brand2.5": "369cb86440c681407d44e1e8fc9861973eea6814",
+      "theme2.brand2.6": "0f5dd4bb0263d52222f6596e231be404705f63b9",
+      "theme2.brand2.7": "682f59b0b3ed03278e0f8e3eba20a5398f5e7d19",
+      "theme2.brand2.8": "4b5bac9a704e83788c839beab7527323890b3b15",
+      "theme2.brand2.9": "47ecc41de6ca5b6d5f39d941951c549f4f1ca232",
+      "theme2.brand2.10": "0817f4f486973f964d2e10b8636aecd84fe969e8",
+      "theme2.brand2.11": "c9b60d1a58d905e0587656f9ffb9d116d7d0b05e",
+      "theme2.brand2.12": "92453b395642b74d8f181c87aaabff01a923d9dc",
+      "theme2.brand2.13": "3facebfc40e5b72abb0b8fff4330e4ba89d281cb",
+      "theme2.brand2.contrast-1": "842c3e2a9b61c3c4ef4d3ea0a0fe4af34bc5d39e",
+      "theme2.brand2.contrast-2": "1f30b250ed5c4beafd3c046081205ece8d5a993b",
+      "theme2.brand3.1": "5a08fd8cef6624ba1d4babc407a6f8bfa04ba88d",
+      "theme2.brand3.2": "7e7d6092616f696f3e5effab29184bb759f0f87b",
+      "theme2.brand3.3": "5aa74db6830dc80bf0b5bc669fc36ee16d48e356",
+      "theme2.brand3.4": "91757aa4202bf6797a12cd644415167427626afe",
+      "theme2.brand3.5": "0962e20e675bf48ccfc57cc4341c48d4a2296539",
+      "theme2.brand3.6": "20a8b8c1d458b34ee86b0b48587ebe71f81b5146",
+      "theme2.brand3.7": "55c599b50579f10b37e304c5a2339172a6edf28b",
+      "theme2.brand3.8": "d9ddbc7933ed99fba231058ee90462c8a24ba7e0",
+      "theme2.brand3.9": "02c4425c68152d5ff39e11541f1f50b433fc714b",
+      "theme2.brand3.10": "d545e53227a3d2014bb13d1f703afee4f67873f6",
+      "theme2.brand3.11": "c5416f8f8df544b8abf41442eb065a7375910a58",
+      "theme2.brand3.12": "ba47c69ce1d41613a67cc5480b926e5cb679096f",
+      "theme2.brand3.13": "2f984bbb8726b101252be7f829ca2f65771f9204",
+      "theme2.brand3.contrast-1": "07fb6af225d562e513411f57ef53f87fc62546c4",
+      "theme2.brand3.contrast-2": "e4ac05251acb7ac3c60daca240a7ddde6aeef217",
+      "theme2.neutral.1": "a500fdcfff49ba736031aa36cc493f7e0d18ac47",
+      "theme2.neutral.2": "015e83e744fed5b7d8956ac4fcb8aa4692709d8b",
+      "theme2.neutral.3": "4367ff7fe8afb814f0a7ad0ab4928d8e8f43291c",
+      "theme2.neutral.4": "95fe7e9397f9929c44c7f2aa3363d4378feaa221",
+      "theme2.neutral.5": "68ab2823c8aa3ee691bae544aa233ef65bacc389",
+      "theme2.neutral.6": "26288e527dabfe6bfc4a2c827ab7c38f2166543e",
+      "theme2.neutral.7": "0328eaf1b415561b7d4a89f888315be086d6ded1",
+      "theme2.neutral.8": "73003b5ad5f46768b5a7dba81cc9c86418e32912",
+      "theme2.neutral.9": "2a8fce219443883ec55e64e4b896c2f5b748fcac",
+      "theme2.neutral.10": "8f2225db56cc2b1828516a9d1e7dec5b49b6e27c",
+      "theme2.neutral.11": "188b6ed882c6de07dd489daefd54e8f7f9223f89",
+      "theme2.neutral.12": "afb61e14735eaa8b159f5748edad40f5d206ea43",
+      "theme2.neutral.13": "53453acc3e553cde404cabbf3516123fb85e8ba7",
+      "theme2.neutral.contrast-1": "039ffcdd527658f63e3382002c5a215012bf448f",
+      "theme2.neutral.contrast-2": "410c9b306711111fec682a6aeb5071e9a0a48358",
+      "theme3.accent.1": "d38c307a1ff56f09e35b5f207ecdcb6835af7921",
+      "theme3.accent.2": "a363408e7553d696b8631e5823244286355c8342",
+      "theme3.accent.3": "fc201974800a9a8f87b6216f85968ad6a9f62e11",
+      "theme3.accent.4": "b074ca4bd76a6f015c84f9c95e96306827590c85",
+      "theme3.accent.5": "03128e90530a4227368c13c8cecac8cb327b66cd",
+      "theme3.accent.6": "84ea06d938c4e4d7f877957467f72052ad204d0d",
+      "theme3.accent.7": "95f594b02445ffd99e211b55ef15c657449fb2ca",
+      "theme3.accent.8": "57008bcd414d89131636c8507bf50dd1eaa9e13e",
+      "theme3.accent.9": "758910874694647e34f4aabab3b057d05dc90a07",
+      "theme3.accent.10": "28807493071818759feeabd9d835311aba5426cc",
+      "theme3.accent.11": "ee36740caec697fa7ca44364e1f57161c681615e",
+      "theme3.accent.12": "20b687b318823f2f84b01e76085d92fe7f3dbbf9",
+      "theme3.accent.13": "11bf3ef7f32a91af7a166070355102482773e7e5",
+      "theme3.accent.contrast-1": "7e8674a3c7565b60b390c4454bf92e050acc0b6d",
+      "theme3.accent.contrast-2": "df85b3465d62c97b1b2fb9442f23ec0b8a2d2f91",
+      "theme3.brand1.1": "abe09266ac7bd5f0eed4ae5ec03123421f440ba1",
+      "theme3.brand1.2": "35f47793df65af517969aa2c46052b2d1612bcb9",
+      "theme3.brand1.3": "8f28340527870912aeeec0c3583d4b3eaed1740b",
+      "theme3.brand1.4": "6e54250965c8c7e3b8980b11bd2b4a36cf7367ff",
+      "theme3.brand1.5": "a03cef0c11dc323b58e179a0b5a36827a0faac1c",
+      "theme3.brand1.6": "fc72d4325e7bff7d23ea85e1581ad88e1d0dd47e",
+      "theme3.brand1.7": "2b2d1e837c5a6ad5c319e3e87efb24b837dbbbfa",
+      "theme3.brand1.8": "a6b63fcdbf0d8140b83ba0323225fbb08663116b",
+      "theme3.brand1.9": "11896395b099827f2bb1b6ef5f8ba09b1be68413",
+      "theme3.brand1.10": "262f22e1829dff31b62e396cccb1a4fd95889d67",
+      "theme3.brand1.11": "516abcec55bd09eb5d5c3a0a4f3b6d7499dc93b3",
+      "theme3.brand1.12": "011f0a5a8de5f3b8b377621333544e679c8da755",
+      "theme3.brand1.13": "2fe4b94433beff11640a282fd8e8b6b3863c4fc6",
+      "theme3.brand1.contrast-1": "3145c17b212097bcff23cdc7c3cd2904af02fd09",
+      "theme3.brand1.contrast-2": "15b5e33c1637d7c680f70665983be34f27b3970e",
+      "theme3.brand2.1": "0298818507c5ebbbce2674eb3e7ed7a30b2c40e2",
+      "theme3.brand2.2": "ac1beb533031e8f21c626cc3d905bd9491765ad3",
+      "theme3.brand2.3": "f5dde0bcc50b17bf36a6d1259d529a9e26fc2564",
+      "theme3.brand2.4": "e4b8d0070ad7c43554ab483d57a8237f0b1472b3",
+      "theme3.brand2.5": "31e23dd478e4d7276908608e44c979d70f94b6f9",
+      "theme3.brand2.6": "d1ef6cae3633f5b25c31b724af1feabb27fa5d53",
+      "theme3.brand2.7": "4890f1174c6d34c21a7b366eaf021312066c8dbc",
+      "theme3.brand2.8": "efe536fd63c878dbf4a38b46c10799fa987fdf13",
+      "theme3.brand2.9": "09371c662ad127e286b24cd33f7201a8a34c4ec2",
+      "theme3.brand2.10": "28cc5b43e6cb8fdede70d112f5d2f8dcc82d8daf",
+      "theme3.brand2.11": "2a6fe5164e1bc7fe07fafee3eaee32276b79c73e",
+      "theme3.brand2.12": "f8f2b50e837213c579f35df98a0c83385996942b",
+      "theme3.brand2.13": "94498b50e5794d2e84d9646f2ea93ee2c3ac8844",
+      "theme3.brand2.contrast-1": "fe3e8398f3e56cf0c8022571327ab199a4f8c007",
+      "theme3.brand2.contrast-2": "f134a0cb66185c12e29301ba9f02559daae87360",
+      "theme3.brand3.1": "090c69633dd4e6463d3a7ce36e98fc7ffd588ec8",
+      "theme3.brand3.2": "67d73ceb341fee038f89818ef833929078323691",
+      "theme3.brand3.3": "6f34bd1bdb3b30a6987450290f5280273a5ae2ca",
+      "theme3.brand3.4": "1955ac5e9cf47e9cf7691ef201bd72c04d2f971a",
+      "theme3.brand3.5": "12628a7846b0de54bff70254df0685307c610227",
+      "theme3.brand3.6": "36b483e741831d24824ad77ca1f57d4403f30d68",
+      "theme3.brand3.7": "82072f8bb897bab1d750cc5b46f7099a13ab13d4",
+      "theme3.brand3.8": "4cf9983631699b65cc821a8aa3b4963608110dd0",
+      "theme3.brand3.9": "b7aac2ff3b0e598ddbe500deec5e87b4e8bf5e61",
+      "theme3.brand3.10": "e6f5484ff15d215fff9f13685309dd46658b3ec9",
+      "theme3.brand3.11": "fcecef71d1506d21f566d63378f4dc08c002da87",
+      "theme3.brand3.12": "cae0bfc3d8dbedb50413bc84c43c28a6c1db3d8a",
+      "theme3.brand3.13": "461f52840a3bea45e7cb51d61e2712492014776f",
+      "theme3.brand3.contrast-1": "bd3474d73e04fdbe7af13a22ee6b4828b181f804",
+      "theme3.brand3.contrast-2": "8e81e990a03ee29990333070aefa0c09f03b2b4f",
+      "theme3.neutral.1": "33b270849c83cc55d7078113b3f592ea2f012d22",
+      "theme3.neutral.2": "21a9109770a36b0478cdf08bd2a9902b93c7e422",
+      "theme3.neutral.3": "f153d19c81e0856869f517faccb85fafa1474780",
+      "theme3.neutral.4": "c9384c6796d1a017a26025c0a022de662eeeec55",
+      "theme3.neutral.5": "15ae8547b7b1d9a1d0c302c888b34aac2b97a852",
+      "theme3.neutral.6": "66bc1cd69ecee6bd17af529962de108f9d10b515",
+      "theme3.neutral.7": "aea95aa6ad0236e2f8c76ca1ee7e396fde4748da",
+      "theme3.neutral.8": "e09d07db695ce460b2a49ca97551a614d5e0a698",
+      "theme3.neutral.9": "bad51faab3c21efef5f6503816cedb68b7872d21",
+      "theme3.neutral.10": "00159e98f88af49f9d0e877f05f8d3f6fcac05d1",
+      "theme3.neutral.11": "60a196a16075f370ac9041c67cc7d346cef1ac82",
+      "theme3.neutral.12": "c6980f5c1971277827ab7c9ab2e3a371a776b77f",
+      "theme3.neutral.13": "6ce38238fae73c852720ceca1951c88222bdb6fb",
+      "theme3.neutral.contrast-1": "63f469d713b43e259c2f7a92c29fe77f105827ca",
+      "theme3.neutral.contrast-2": "c0c49111899eace71c99697660129eec432123b8",
+      "theme4.accent.1": "b94d361e037484c3ae399ded1d187283d55f10ef",
+      "theme4.accent.2": "e9cd45fd8df5034c00b898438e4dc7aeac7a6e65",
+      "theme4.accent.3": "359fc9ba64f93f7adfa11183e93861fd26fb3146",
+      "theme4.accent.4": "f73f48332dca975cbd6c46c159791c6c24b3c487",
+      "theme4.accent.5": "4864183f6678aa9e45981bfc8d7639bfdd4be8d6",
+      "theme4.accent.6": "192cd505fc57ae56602d52a04dd5599587b00c16",
+      "theme4.accent.7": "0b75090d0ed98ebcc45610a9217c2b05bb406c0b",
+      "theme4.accent.8": "f509314f4327416702e5582ef68c4671bb16f4a2",
+      "theme4.accent.9": "6b5b7c5ad1c0fbeee5df4640a4f1b8b3f6116eb3",
+      "theme4.accent.10": "6c55ec39dd80df1389f48f03268198bb6bc71f97",
+      "theme4.accent.11": "dd9e5fc20d0493f2ecceef4cebd9c7ec4ada881f",
+      "theme4.accent.12": "d1167dce4570d80bce22dafb732a32b315ff0bb3",
+      "theme4.accent.13": "61acc8748c930a3d5cc9b0060d44ee8b5ae6b114",
+      "theme4.accent.contrast-1": "245c8b35966c1ec2f4091c7a2fa0ce76e664631f",
+      "theme4.accent.contrast-2": "3b17a5b36a3475aeaa78f59405f6dd0ffadb0b3d",
+      "theme4.brand1.1": "728731664d86bd17f5bac12308ce5450531b5c74",
+      "theme4.brand1.2": "5ba95742466e1b70bc89e2d1c76acb24ab56fea0",
+      "theme4.brand1.3": "52b3c72a5e3c4f78096a393b8626dc06209d479d",
+      "theme4.brand1.4": "bb666fcd9015b858a2fbf46edbadb71d38c9f0b5",
+      "theme4.brand1.5": "c32af23fae104f9facd74b9447856c36c9cfb47d",
+      "theme4.brand1.6": "57e770263443fc70e4ecafd63fce5dc59ea00164",
+      "theme4.brand1.7": "a3acb803db652bbbb018890387aaa2f9e08639e0",
+      "theme4.brand1.8": "091d024e9ef26271bc3a89fe4bea03219522477c",
+      "theme4.brand1.9": "7fd8513003747ad8d179a0791fee49f0e877f7e2",
+      "theme4.brand1.10": "1363af08ed448fb40039aa02ef056c2385526c76",
+      "theme4.brand1.11": "6f5f2a23e629597dd635f704ad7d34161b917b54",
+      "theme4.brand1.12": "858afdf1eb4c476fe79e4037d909031963c7b304",
+      "theme4.brand1.13": "88cf010bb981c405ecdcb8cb5ccd775af35bc22e",
+      "theme4.brand1.contrast-1": "cd8ed6e75957cdfa1154b46691b64ea6a6d16a3b",
+      "theme4.brand1.contrast-2": "d8182e02e1b4203fd21f1a481c6e688ef478392d",
+      "theme4.brand2.1": "948616fe7ba469c3cb0061092e86ce5670eae7b9",
+      "theme4.brand2.2": "1193155e6cd6c19b7c6bf1358b798c5d4da1a09b",
+      "theme4.brand2.3": "93789c38b77ec5d389a54f8ffd697ff49a16e3b9",
+      "theme4.brand2.4": "3ef2643a7bb101703c5642a53cbc43522be09e7a",
+      "theme4.brand2.5": "3ae3e1eeda46cfb463880431e8f6b1ad2f739e23",
+      "theme4.brand2.6": "c4adcc9643196444a660089b57e8522f520a0850",
+      "theme4.brand2.7": "4b89a155c41df63138d3915c650af41e21d5ff4b",
+      "theme4.brand2.8": "9aa7e5b48074ed5315bb6833a8d8debf4058aa58",
+      "theme4.brand2.9": "787085ab249a56065ca56aaa60f7956f8e8abaef",
+      "theme4.brand2.10": "9c0aac2455acc27cd5486c89a72bd6f3059cea01",
+      "theme4.brand2.11": "99431ac022f0f7868c9de621f76f4d0330574582",
+      "theme4.brand2.12": "b6cf5ea26af47cbee3bb3a09195ba596334c2a5a",
+      "theme4.brand2.13": "4a2e2ec9c3c346fa745b76f3110a1e0eb86a60dc",
+      "theme4.brand2.contrast-1": "085a96bcc3aef1f8cc979b1edbc9e524125ed171",
+      "theme4.brand2.contrast-2": "ad5b8765fac15c29494e863a7ee19b3dee791dd4",
+      "theme4.brand3.1": "96d4d72f9bd1fdb7e0fadf7dcfa3aa9870dd5e27",
+      "theme4.brand3.2": "08a493d34f3f4706b3d1aae98e59b8464b3dc7f4",
+      "theme4.brand3.3": "f2ad00ddd1a3baee092b8e91eb8f1a8eeb546578",
+      "theme4.brand3.4": "6185e04c378d1d32ca26f9744574a293031229ae",
+      "theme4.brand3.5": "a9b4ed0d5d119a4c35951c072f96a4dd860c3db7",
+      "theme4.brand3.6": "d55e672d03ee64f5dc2d9d0a23540bc2d31db4dd",
+      "theme4.brand3.7": "e6fcd78dd49be815a6bfd6cf037af1751a63e5ec",
+      "theme4.brand3.8": "3518a440c48286e46333a8028c8ee84b483267a2",
+      "theme4.brand3.9": "cced8b70522fe05d4e9e2584e868d8f311e29f97",
+      "theme4.brand3.10": "d88475d1d17b505403ba3d04f42b5082c01982e3",
+      "theme4.brand3.11": "597657c0a299c191d0d17c6addf13626523605c8",
+      "theme4.brand3.12": "0751b8236684d45f87ba71d49ab5b852fa04fc6b",
+      "theme4.brand3.13": "0d9f093a6ee7e55bec0a490d57d02096120f9ed3",
+      "theme4.brand3.contrast-1": "3708b8da4ff5531b466de83d48c4d810911b2917",
+      "theme4.brand3.contrast-2": "c548f38f06d8cf995a438161164235a1ab0c13a6",
+      "theme4.neutral.1": "c2f5d55292fbfaad343c72581ff5d1d986cacf67",
+      "theme4.neutral.2": "5c8411f92ba062a4c79f5e6c075070c211b9b1ca",
+      "theme4.neutral.3": "13028625e4c16380e6e93d4ed1bf878af7afa179",
+      "theme4.neutral.4": "2e5a263faa3f869ff846c0259352c51f8db947fd",
+      "theme4.neutral.5": "2588721fb41ec8caf32b3fd59a759e714877471a",
+      "theme4.neutral.6": "33b9221acd6a9f868e7d8e08d53fb19290ff1f23",
+      "theme4.neutral.7": "197856f85b247d12aff2031289c4f78bab011c1e",
+      "theme4.neutral.8": "2485dab85ea2984243a115c32f7cbd8a2ad0e230",
+      "theme4.neutral.9": "623876b6e561f9c70f2774cd0a720312d5455d01",
+      "theme4.neutral.10": "c49c757d6201c1e9b169adf9257e45e2800121fc",
+      "theme4.neutral.11": "4c6f60c427612a423d4f3dc14c3d657b909f9464",
+      "theme4.neutral.12": "7ce200271b8637445a4535b0f6c705333505c66a",
+      "theme4.neutral.13": "275fb9064daad4aaff0d9566d7fecc0fe06c4a61",
+      "theme4.neutral.contrast-1": "32c6644de3dd362587818305bc26e09bde3bd228",
+      "theme4.neutral.contrast-2": "e340052fa710acf0e3323735084eaf8ccaf69bda"
     },
     "group": "Color scheme"
   },
@@ -444,396 +518,396 @@
     "$figmaCollectionId": "VariableCollectionId:34811:5472",
     "$figmaModeId": "34811:1",
     "$figmaVariableReferences": {
-      "global.blue.1": "d2e976cd95db5f973022cda9eae917880c578bf5",
-      "global.blue.2": "6efca915ae1423d0e87d7c079e83b73e686fcb7c",
-      "global.blue.3": "f7c9f82022921b32806b05b1673ec1eff1922caf",
-      "global.blue.4": "b66d168b8341bad3580057ab160b2a68f78a6751",
-      "global.blue.5": "c4d707a44f6a05f0afc2cf38227a2b7dd831b2c2",
-      "global.blue.6": "bf90321d66b5f23a9674abe61d201b5b22e1c5e3",
-      "global.blue.7": "73ca300a3e953c8a21a20d98c1b8260dda4158cc",
-      "global.blue.8": "1ab6d1daae5bf5884441caf6ea35fa1f07a286ba",
-      "global.blue.9": "211e589c88fb34338c947c5c2f896b091b74465b",
-      "global.blue.10": "121ccd2a2015367a673b75c3873529157e82dc20",
-      "global.blue.11": "3ab48b84a41294a61d8bf26ee94464d0eafe6d9d",
-      "global.blue.12": "609a567c46e4692f43a557c3e67d58cc2bbd58ec",
-      "global.blue.13": "6269bf6afb50eae3e7c0215587e958819d70ed31",
-      "global.blue.contrast-1": "048c60fefccd796aceb1be19f7c7c4e7b90314a5",
-      "global.blue.contrast-2": "124c90f211a5c6538b1c3ed4aa24a4b559e2c338",
-      "global.green.1": "21baaf539ad57f62ec027af9e731fc5cff300187",
-      "global.green.2": "4696a51cea562bf7f84dcc9f264d0f9eaa877dd3",
-      "global.green.3": "f8549c79365a6b40e30f42cf16b18ed05d311c67",
-      "global.green.4": "3fd785b8c63d92ac246edc7a6d0e9adaabd517d1",
-      "global.green.5": "69255626d13508556bf2186137083da28d0bccb9",
-      "global.green.6": "6246b6916964dac245ac858e0f6f4d06caedd736",
-      "global.green.7": "05cce6768a8004925423dc0c08a0268bb43b2285",
-      "global.green.8": "07c6852ef7e4ae2a0d19e7757fa2af95e9800d83",
-      "global.green.9": "e175abcfa9dfc96399034f818e025a67089aa503",
-      "global.green.10": "303fecabc57e1f2ce8f3745117e23c097e2d9f84",
-      "global.green.11": "8ec4ef83c3dcdc6507ac4b8b0eec5fa71171a78d",
-      "global.green.12": "88d9df8106e7f966821dc83eed240729e67799f7",
-      "global.green.13": "bb4fde53803d4d5bd25a41163735a0d4f5084453",
-      "global.green.contrast-1": "977e787643bfd3599543dc801a16a98e60460f00",
-      "global.green.contrast-2": "653fffab2eedce78f45fded4018dabbcf5a6e27d",
-      "global.orange.1": "d2736659ea237d39db008a9867ebc1f979258ab0",
-      "global.orange.2": "bf837a33dad5cb56377433f7d211c216521f99ac",
-      "global.orange.3": "daacca314f9f7e0d8d611bda915ed34e951c5cc3",
-      "global.orange.4": "028fcd766bb47a840e3680743a4b1b968f8ba589",
-      "global.orange.5": "c047e222f1608bd986cd82764912dc6ff6fe9cbb",
-      "global.orange.6": "6f145b85a03a2e79e9e0a35d07f6ab1c241b5858",
-      "global.orange.7": "7093451903265583f5855c0e1962374beebacd65",
-      "global.orange.8": "e899cbc99b9f38064e4a312a5814a9dc124e07c3",
-      "global.orange.9": "4c7427cad93dc658f7c6f27b58dc943e5acedab8",
-      "global.orange.10": "911b6af07576df622589a1db30b8a0fe0fa04fa5",
-      "global.orange.11": "1bbad517144ebcced79c86defdb6a540b0af5275",
-      "global.orange.12": "7765ab682e6d3152a607f24a778094e249e553ad",
-      "global.orange.13": "658d19fb443ba020301d03b0727e03e90a664fe6",
-      "global.orange.contrast-1": "f31e6c57d8ceeb39f8080ff5df5b451f9422f2f6",
-      "global.orange.contrast-2": "4e62f3169595a36902ff21deb86ad42c32f45e63",
-      "global.purple.1": "dd8f892e5a1fc74e47d3d5895de1447bbb5026c0",
-      "global.purple.2": "fa7784771907554b0557e70775ed6c03622af95c",
-      "global.purple.3": "f3bc265da4067eecb5318367b9ed193f9e52e230",
-      "global.purple.4": "1b0e7b776a60b19f8184ed6c3cc1926a017bda54",
-      "global.purple.5": "820e27336928810b405aa0d4dd94bfd024e67682",
-      "global.purple.6": "07049c4831c9c3842e7e3bb0277cd133dd64ae7a",
-      "global.purple.7": "6efaacc6201883ce8bdd3b9e94a66206f99b4d1e",
-      "global.purple.8": "9d9fb5c6a3193f5540e7bbe41513615a39491c46",
-      "global.purple.9": "be1ce5d3aa562dc2a476e6b6fc6f4c059b0f5faf",
-      "global.purple.10": "6753c42d3fb1ddb7d9aac5f015e6ccda24091e76",
-      "global.purple.11": "a528da4e5225d47a6d26e50a2009bbdcf9ef876e",
-      "global.purple.12": "782a06967ff4c93ed7468d3ccebf73d62a43efe2",
-      "global.purple.13": "4a1221c6a31c0476875e6bd80bf75cbde6d51a35",
-      "global.purple.contrast-1": "6fce2fb6cdb93a3b6b61edb95f7d10eff40882e2",
-      "global.purple.contrast-2": "811e5c3fc69bb90d346847f30094d29ccd0b3db6",
-      "global.red.1": "96c68e54995f519fdf85445dcba73c823a579442",
-      "global.red.2": "a492455376e3ffa0445a86f8bed5d878082d0ded",
-      "global.red.3": "f09888e754814c7eb3da40b8cbcc43465d100402",
-      "global.red.4": "8c92ed293cab5e3ada6ff417c1aeba6830891b0f",
-      "global.red.5": "5e9dd03b4adeb98b153ebd8930288930e9dc4a9f",
-      "global.red.6": "7db609be5449de86faeecc7a1869d9e350a03db1",
-      "global.red.7": "2a99034da70ba21a84f2aca985f5dacad795e811",
-      "global.red.8": "d5eea18bfb7f83a051ada8289d0ceeb7be06b941",
-      "global.red.9": "886a217145edb0171192fa640aaca7109b5b36ce",
-      "global.red.10": "07f68ea7dfee0791d705c01049a19f9fa3c6b108",
-      "global.red.11": "2079aa95e35987b5d92f4c196914593ff5caa431",
-      "global.red.12": "f3a1e09ca133a5d52f211bbb3db4511855983a0f",
-      "global.red.13": "05dc77b8bcdd7ab509dbfa86aa37c437e23a8de8",
-      "global.red.contrast-1": "05438cf0d5eb4ff71816be72fd0546bc95102d08",
-      "global.red.contrast-2": "0f9d07cabfb0949b64117ae400b952d1959ec3cf",
-      "global.yellow.1": "4231d28e78f570ed9053d6068d0293469e92b4db",
-      "global.yellow.2": "c146ca42d73274a1eb9e8214c7e1825b58345990",
-      "global.yellow.3": "ee96ea63fef9e012e1e6bddf9c2d3a87f0503453",
-      "global.yellow.4": "fc20ef057799403bb22896e33cf5595a9aac190e",
-      "global.yellow.5": "065b8de035987446b17cfde34d1245f8eed50235",
-      "global.yellow.6": "774f57ed67d97bbe5e3f11dcd757dc34ec6c84fc",
-      "global.yellow.7": "78d4026f5b7b91586016ddf6b8723e02b55da764",
-      "global.yellow.8": "35d27b18dd3a6092aecb451a292892c7c96c6361",
-      "global.yellow.9": "47d1637b66c599a657029d26963a5a1cee5804c0",
-      "global.yellow.10": "62827494321f097c0ff2b963637e7b1d37e4163f",
-      "global.yellow.11": "49010b99b75a390a26dfdf803b65042fe7b7e53e",
-      "global.yellow.12": "f8b2622cba8f2cbee6d6240cac1137e854d3050e",
-      "global.yellow.13": "6514ade3d2c015c683d951cf6b03c8217228433d",
-      "global.yellow.contrast-1": "fcaaef2dc0beddd4288a912c721171e4714d5226",
-      "global.yellow.contrast-2": "f661a97ace0954d438bad585023deeb0165081ac",
-      "theme.accent.1": "d52b72226250022733f314bc8ead41572b126abd",
-      "theme.accent.2": "dc35ce341ba6f193ce37631c83279e78e96b1e00",
-      "theme.accent.3": "dbe9c0eb94666afef8645ae01eef110fa7a94c36",
-      "theme.accent.4": "7deb737bf18966280d225bab457186dd95fb694b",
-      "theme.accent.5": "35a935fe6585bbd349f392b18a9cb6fcbb0ed666",
-      "theme.accent.6": "0102cde532947fa8a5eb9da5213501856ce4702d",
-      "theme.accent.7": "82012177fc59e1c2dd9ea9e6728af8fd300f381d",
-      "theme.accent.8": "3e6962baa29099a62270718c344ed66f9711a634",
-      "theme.accent.9": "fda497a59cdcceb9df3c6c0765308bffc4be8595",
-      "theme.accent.10": "f8d74b59e6c4f89dddfc57dd3a4ee73454231c8c",
-      "theme.accent.11": "847312fe87ea8b3a0bba34662c3372aa83d3526e",
-      "theme.accent.12": "d9781a9caf862ea8e09d02f10be907f8ff7ce891",
-      "theme.accent.13": "4fcb160a1b672776226f840a44d3749bd4a4c4c6",
-      "theme.accent.contrast-1": "342c3a0d3de3bd5b6cda4e89c78a896fcd9cd530",
-      "theme.accent.contrast-2": "bca5125d3e4a96337ab1b25035e68d3e5cd27a81",
-      "theme.neutral.1": "02755d3dd4e7ebaea075944bc2a4502d346b475b",
-      "theme.neutral.2": "146e546ea2be6a410f061d542a24a7684b40f17e",
-      "theme.neutral.3": "859860a647701181cee797ad3d70153b053fdd7f",
-      "theme.neutral.4": "f5092b9e8510b70cf8b94fe14a7a162341f6bbfd",
-      "theme.neutral.5": "c5dc3272132a61f373d511ea92a2ed518b43576f",
-      "theme.neutral.6": "4423cbf12f66158729adf1456ca4177dea1200df",
-      "theme.neutral.7": "25ee049c4db70428ba675d99071ebe4ef2cdda40",
-      "theme.neutral.8": "02185938d8e50b3acc9a36239a90541b4b6580fd",
-      "theme.neutral.9": "f4b65659159b353f10394e0f0aa61736c01c8026",
-      "theme.neutral.10": "7901ac5870871964e43643953b05fc07265b9bb4",
-      "theme.neutral.11": "dfdd24d70731740de7cfc4916dd6543c01d615ae",
-      "theme.neutral.12": "9408ff0d3f36083029c3a06fc987bb9fd2780c96",
-      "theme.neutral.13": "d825832b7fcefb06cd19eac5fea4c233c96164a5",
-      "theme.neutral.contrast-1": "9bdd92adf9f2f83a27b5cf7e19055f93b186b65f",
-      "theme.neutral.contrast-2": "7f71bb222c7098e5caffcfc603b6b99c4a5f453f",
-      "theme.brand1.1": "73570b1f89d361af53b6eb532bc0c9f2112a2baa",
-      "theme.brand1.2": "a1437e3c4349012cb1f5b6fb3a0f56d5ed3eb9dc",
-      "theme.brand1.3": "7014722a24a3f873aa897ddeeb8c3882dfec4267",
-      "theme.brand1.4": "81cfb0f114932a40eb41684f83573850711acbef",
-      "theme.brand1.5": "f05bc8d0ed8d0c3f735d93483d1283638865176e",
-      "theme.brand1.6": "0688f3c65b4181e68eda40c8d6ba3bd2eee5badf",
-      "theme.brand1.7": "88ef738ace65037867a42ad484dcbbdc5a0c0a77",
-      "theme.brand1.8": "98d3ae310dcdea69c94e43ac20bd9dfa2adaae22",
-      "theme.brand1.9": "d9a221d510a56a78980874bd291cc9dea4c97e2c",
-      "theme.brand1.10": "b886fa30176051b9456ab4b4a34debe5c9667d79",
-      "theme.brand1.11": "994d19b7cef1f40b11a978631ca94c4b0707406e",
-      "theme.brand1.12": "f5cb1628a343712257736433cb42c77b8113a21a",
-      "theme.brand1.13": "29be7eb2fee04896cfe87f92cb8d09fc5d48f51f",
-      "theme.brand1.contrast-1": "f0ffcc8c155e95c529eae14b47a6364b557ebff5",
-      "theme.brand1.contrast-2": "89b04ae3ce595f7530278417b537199366a41d41",
-      "theme.brand2.1": "e08cf1d2e974717ddef05a1d39a704535ca25a10",
-      "theme.brand2.2": "22831bfb7978d6bbf6c09198c83734859cf301b3",
-      "theme.brand2.3": "d14a0e23f438e4aa0b798ad60198ac82762c5bb2",
-      "theme.brand2.4": "e3bf7f2f31637ea5962f4ed56f50152f62c66cb4",
-      "theme.brand2.5": "86bc6c62983f233084ab57e7efa9bfecc2c16db6",
-      "theme.brand2.6": "cf3c477176a3650fa8a9a1a6fde0f160d133debc",
-      "theme.brand2.7": "16b2aa7dfdbd797f9ed81a5d11accd3e9d341655",
-      "theme.brand2.8": "2fa517046d58487bee694b4e25ba819f83a73c2c",
-      "theme.brand2.9": "42785506cd1e0d593188d16a914e4a1586037c85",
-      "theme.brand2.10": "890e735a1b0ab501a0a6c7d001716fef3a5d03e8",
-      "theme.brand2.11": "791f5386532aa339d490e61fade5e280a7e4adbf",
-      "theme.brand2.12": "29ad08762620f5b2e0db62adf0fca3f213a57652",
-      "theme.brand2.13": "e21e95040ab27ea1957f736b8bbb680888ab2dd9",
-      "theme.brand2.contrast-1": "43657231f2a748c39e991bd4def426fd92870d90",
-      "theme.brand2.contrast-2": "86b64fd7f9e5d551d79033604836292d1667e693",
-      "theme.brand3.1": "f450f5c9c8f290222b864701c143e58f7001bd3a",
-      "theme.brand3.2": "0827723d668edfbc28b4a4aa9be72402c1786b87",
-      "theme.brand3.3": "f481425004549dc4ff859868038a69dc78c25b74",
-      "theme.brand3.4": "221862a5d2ac801403116848d52964ec5c6021d2",
-      "theme.brand3.5": "805c3c51ad913d8e16e8dff1f1df1c4266a758ed",
-      "theme.brand3.6": "e972c0442d48992624acf2ec00e84da20ef4a8ae",
-      "theme.brand3.7": "73ba47c550a1d47ca3c59c40689a4bd719fbfee5",
-      "theme.brand3.8": "7cf379ebe954cafce51c959771dd7fd5ed2d9685",
-      "theme.brand3.9": "41b3d1e83076ae5aaabd4dc62e72a0f7ff22be18",
-      "theme.brand3.10": "68ba9400b19a07bb2f014d3084c5e8c9b7f83e5a",
-      "theme.brand3.11": "5322730cf8f9a6c0fd85e95ee596eeaaf42348f3",
-      "theme.brand3.12": "8192e3fa401baf9b8c28fb7f89b0133b582f7b96",
-      "theme.brand3.13": "2cc0080a3df4c4811a6341510176762cb4540b05",
-      "theme.brand3.contrast-1": "a1275a3384a4d01fe032abfdf18936874c3e2208",
-      "theme.brand3.contrast-2": "524ea845c8c1e6dc3e05b4e8b4c49b2770cb6447",
-      "theme2.accent.1": "0fb0b77a41528ad94572eb3b409dc9a84a06034c",
-      "theme2.accent.2": "e7ad00556548cadde8f43af2e1350b383bee9afc",
-      "theme2.accent.3": "004bf2b41a4b5675765858a4e6581fb27085ea8d",
-      "theme2.accent.4": "4e650a7db1990371ac81113d5d925da2d19b4803",
-      "theme2.accent.5": "ff423b04cad473a7f471d480b457d8e629169c08",
-      "theme2.accent.6": "3d921beb722fb2fa2b700c5527ca3601847fa0d0",
-      "theme2.accent.7": "5bfb9bbae717415bc7d04b92ca67c1202fe89a97",
-      "theme2.accent.8": "87e1efaa3766ef374ff07c4822d17d31ac1f0dcd",
-      "theme2.accent.9": "24f319a4eb21943c7b496e9524972ef816d37851",
-      "theme2.accent.10": "295b5958443c7ae169b20852dc0c2bf28b3082fc",
-      "theme2.accent.11": "02e00ac8e2c15ab837d7e3eb7f7d4ec35c734c5f",
-      "theme2.accent.12": "e8eaa15fdecd4f8763c8d613673a68455bf4ba79",
-      "theme2.accent.13": "2da73a55c208024893f51903b8e4d1086e51b402",
-      "theme2.accent.contrast-1": "69d8f5efc0464b9dc46d4559f6c4c63f3b178524",
-      "theme2.accent.contrast-2": "c653c3b1cae365d61758dbf7a20be55e7f7e3929",
-      "theme2.neutral.1": "c255bb972d1a0cdef886b080b10920c295076162",
-      "theme2.neutral.2": "6aab85649aa5ee41e26a6a30e34eee1d9666a723",
-      "theme2.neutral.3": "261e25578ec0b953f52f3ad695aa640232af1e93",
-      "theme2.neutral.4": "bda06909ff48ed52390267ff56c8a5e24d94072c",
-      "theme2.neutral.5": "b640b85d1b7589224b31f13c1298f2eb7e34109c",
-      "theme2.neutral.6": "4bedeb4aeaf217ca0f234e721f5c3018d18679cd",
-      "theme2.neutral.7": "b8ae8fe38bd25646fe4ab6b135a3d0b4ebfe1a09",
-      "theme2.neutral.8": "20ff7324c6590e88410a8df11d2e4eac219e6b40",
-      "theme2.neutral.9": "ca35f86b8d225bc8d282c38f0118914183e496b7",
-      "theme2.neutral.10": "170c5343f26d7130010e6e6ea8896640b746324a",
-      "theme2.neutral.11": "d23fc8baa639efb8d1879893ffbcf4ccf21b09ea",
-      "theme2.neutral.12": "1e24159f68dc90a3839d68de4c25551bc90e7d2d",
-      "theme2.neutral.13": "55ae06a13c6dd5496df542e694dd91d50826206c",
-      "theme2.neutral.contrast-1": "5d2f1c09d43b315a8680e22c8201c52158ba2f60",
-      "theme2.neutral.contrast-2": "166c166b76231a8a8ed84212ecfaf1d5568955c2",
-      "theme2.brand1.1": "36919d02364b7601f02e4944d454a06047caac38",
-      "theme2.brand1.2": "074f294271716ae4048662eff67e5c349624b91d",
-      "theme2.brand1.3": "953054a71143dfb2b0a1908ca33e9440a9424931",
-      "theme2.brand1.4": "5bd1ef0fe4bee2392fc6ea98f71857c0b4f5d7f4",
-      "theme2.brand1.5": "b6569bacb1b4fa586269c0b4bd232246869f55b4",
-      "theme2.brand1.6": "fd55e933a227e1f83495f6ea283ccb98210507f3",
-      "theme2.brand1.7": "675968cbc559c08c7a44b27720d2364b5b4c155a",
-      "theme2.brand1.8": "0c9d37aa84f6a3cf054a6e06eb8337b1babd7b7e",
-      "theme2.brand1.9": "3522eab9ebfc2ae5c91a580feaf70465e9748f89",
-      "theme2.brand1.10": "3e61a3494660d174df6bab736a87675ab62ff87e",
-      "theme2.brand1.11": "3d4c53b43568c37b4ea9c2635cf5958fc739bf64",
-      "theme2.brand1.12": "a706bba785733f72521a3c632e25df975f98a08c",
-      "theme2.brand1.13": "f9ed3353c4e61b94c8a74e2c2fd72397cedc408f",
-      "theme2.brand1.contrast-1": "093c525a697bcde5ba27edf9b468b2e9407b82e6",
-      "theme2.brand1.contrast-2": "e78c591644329c8e13ee835622fd953bd0d9b414",
-      "theme2.brand2.1": "513d52765402e5c084a20c23ed21a2d739109b35",
-      "theme2.brand2.2": "0ee7ac0a9763ab782ec40b93a043a3d10c999ff9",
-      "theme2.brand2.3": "1c943c957030b1afcd70e01530035db77f0ebc34",
-      "theme2.brand2.4": "73adbc11588a4d41a0358fd7a327678af7138191",
-      "theme2.brand2.5": "1d3384f44d226abebb3b43b9988a11dff93333de",
-      "theme2.brand2.6": "3e1fd231892a974c1d338217072c2e9abdc7e904",
-      "theme2.brand2.7": "b3d2b34807b4775678254f1bbb893e7bf7a40908",
-      "theme2.brand2.8": "987afc969a5de78dc72208980c939bedc1ad88b4",
-      "theme2.brand2.9": "e82328a15d454b8a03ac04813136a8239e99b85d",
-      "theme2.brand2.10": "6d006ead8798823fed87eacfd2dc51695b0825ad",
-      "theme2.brand2.11": "58a1ebcebbd1df26bc50e8d52d39ed3711c8c3a7",
-      "theme2.brand2.12": "5b729c155ebffd620d57c33e291660f11b1884fa",
-      "theme2.brand2.13": "14c388ee4151f1e1f7ac2952658dcb89cab56370",
-      "theme2.brand2.contrast-1": "25e59715d734c2451c357e141d1443ea1b6ef8e1",
-      "theme2.brand2.contrast-2": "80c31c85c0cb53db0b10b27230b9294b11bdf781",
-      "theme2.brand3.1": "871caba07e4fcb0fe56cfb939379ada95b487a05",
-      "theme2.brand3.2": "61f7371f2e403d7254b021c7711fcdf2e0dd131b",
-      "theme2.brand3.3": "c96a53b053fbd2ce612be43442568044e25287da",
-      "theme2.brand3.4": "1375f6d1141d514228812dd9c7b2bcf6fd68ec75",
-      "theme2.brand3.5": "245734869366fea1a8a0f6e921e2427ad42b196e",
-      "theme2.brand3.6": "95e8129218f51648fb283da8643f36e8013f38eb",
-      "theme2.brand3.7": "4d6259705c8938fa22307738cac8bad63d37a418",
-      "theme2.brand3.8": "a607b57ddeff2406b433212ec8f0d3e63e23b7eb",
-      "theme2.brand3.9": "f29d2dce85293e7bfc18561d47306c7b9af5e20c",
-      "theme2.brand3.10": "bc5f8d97862c89b6a0e196e49603918f742bec42",
-      "theme2.brand3.11": "92396787b7970ddbd54f3a90b2542baa0b0fb240",
-      "theme2.brand3.12": "31cc5bc290a45d598d2a76539cf8810ea1be23db",
-      "theme2.brand3.13": "934d8791f5ec56b0f9f7d66718d2d8ceeb800290",
-      "theme2.brand3.contrast-1": "d0b9f91f14ff9aaa2db5372121cca90c226bda8f",
-      "theme2.brand3.contrast-2": "227ccf89ba5a96077b4d8b01a2fbd22d20e6f79e",
-      "theme3.accent.1": "132fb5d63bccf85eec74d52f58168c2fcb6812eb",
-      "theme3.accent.2": "3f4e21108b386def2282032e177d8fd95e9f1516",
-      "theme3.accent.3": "2d2e9685d77f95ef4baf464074850d85434ad089",
-      "theme3.accent.4": "6ff0d10c9a867dd532481632a48ac46f7dc150b4",
-      "theme3.accent.5": "a6b563baa90f48a143e243722919277f4e8777c9",
-      "theme3.accent.6": "aee1ab02d6f26f794c188ab0750ebb471b4fd287",
-      "theme3.accent.7": "da186ab5e171ac2eb404f61aab48647a09cfa4d9",
-      "theme3.accent.8": "ddfae10be79c38d10e3f2ea42bd9870856289c12",
-      "theme3.accent.9": "29b508d91806fb16696c9c9f2f8aef4966b657c7",
-      "theme3.accent.10": "255c7aac88789361a3f9b699ba595cd48cda03c2",
-      "theme3.accent.11": "d2289929b1ef239557f210e172bbd9b9084bd34d",
-      "theme3.accent.12": "dde1a134e5c31d42f87a2e580dbfe7592040b189",
-      "theme3.accent.13": "1227295d4e7ca8b9de9248914963c04ce8cc6abb",
-      "theme3.accent.contrast-1": "c1f2b4d265400761869f6417ef88333dbe31fd1a",
-      "theme3.accent.contrast-2": "48efaed97f288eea572b93716bbe7f1672685d51",
-      "theme3.neutral.1": "8e481f34224402c499fba721e16a505be822505c",
-      "theme3.neutral.2": "0898a1bd135887d2779719667323b45a9c3d7ccb",
-      "theme3.neutral.3": "e8ebc0368a8115c7cd89e4e98e2f040efe6c16f4",
-      "theme3.neutral.4": "6173ea56b12a16f8829a87cbdc0a24a7350e64d8",
-      "theme3.neutral.5": "7f630ac9dedaf310503d9b395905c995e40c21d1",
-      "theme3.neutral.6": "89d2041eb09ab17c8457c184b96ca0b01a80f4c6",
-      "theme3.neutral.7": "8402eb4c8de46e5123d8a7b20bde16aa8ffa9790",
-      "theme3.neutral.8": "21264b862ab346f6390ab48bf68cfbd964efafac",
-      "theme3.neutral.9": "778ec32f5eeea4eaaffec175dadb68ce90dfd720",
-      "theme3.neutral.10": "f58cbf613c5a6257dba98cc59dd2ad51bf02fcd9",
-      "theme3.neutral.11": "07d7a9a2e9448df420658af3d8c475351fc33bc8",
-      "theme3.neutral.12": "308ddb9f2d0743d9fe3345e5f50a8447f4083904",
-      "theme3.neutral.13": "5a323daca113be2822a72f3af559bdcd8087ad01",
-      "theme3.neutral.contrast-1": "70a0bdb0cbaacc96b475e66ed97d12a9d391e446",
-      "theme3.neutral.contrast-2": "c05b6627300b464c809361f2bb504b3d451c93eb",
-      "theme3.brand1.1": "58700838ae14694f658b17caffc3a6bde8e09ddd",
-      "theme3.brand1.2": "6aef41980dab253e3f8e957e33ddfb0c2d533617",
-      "theme3.brand1.3": "be95375487f58c8a7538555da81522411128b9d6",
-      "theme3.brand1.4": "f96cd256a3efbbb96ee868387eb4681bc70d5a0a",
-      "theme3.brand1.5": "539e83d3c5a49c0567f402ec99b83322ed16b633",
-      "theme3.brand1.6": "aeafd6862355ece376c7a3ab03ceff13772df393",
-      "theme3.brand1.7": "c3736170e73d0ecdd9121757a67de0f5ccc99364",
-      "theme3.brand1.8": "74db46d942135cf8a6272d0661226ff4db357a65",
-      "theme3.brand1.9": "ca57e3bcfbd33c9de64800e921460fcd1825f151",
-      "theme3.brand1.10": "55c7be22dea5b3fd4328fdbf7c03baa1c2fa32d3",
-      "theme3.brand1.11": "030fd156073f6dfa5e7a021e564e927b3f53f29e",
-      "theme3.brand1.12": "445aceeeec43efa647aabc4cbe389e45832356f5",
-      "theme3.brand1.13": "57842ca518ca9009c062125e5d3a1d7746020d58",
-      "theme3.brand1.contrast-1": "26fe0deba0b7146eb3490ca852b58d6aa643ea44",
-      "theme3.brand1.contrast-2": "48ceb0ab56c187002a88cb1dcee33d4bfad4a97a",
-      "theme3.brand2.1": "460d5088957295632487555d20c10dca06a6ea05",
-      "theme3.brand2.2": "ff287959c873cfcc1888720be6d91aea877d9a68",
-      "theme3.brand2.3": "d91a3d17a7cdeb10f9e9988b44ac461c76dc9568",
-      "theme3.brand2.4": "4d155f607110e803c461206d7e24f7051784cedc",
-      "theme3.brand2.5": "cfb41ba2cbbe1c83a0dc16e7f4b081f29c5d0f7c",
-      "theme3.brand2.6": "3f5792a831cdaa994ad6927ad0bf57b8cd9777d1",
-      "theme3.brand2.7": "0e99e04cd5a9ab9472607508ad7fc833ae6796dd",
-      "theme3.brand2.8": "160fef7205a3c238cb2f14f0da4ecf6b7ea8a3f3",
-      "theme3.brand2.9": "528681cf7b160e65dbec1bcc454088507b28f2ee",
-      "theme3.brand2.10": "e1a2cc7e1c580a7679c5af7e2ff1cb9039753665",
-      "theme3.brand2.11": "dbb2a985a978f3e47341927d30947ccf75bb8dce",
-      "theme3.brand2.12": "bbb51698627c8148c2beb759d3a4733301a6b349",
-      "theme3.brand2.13": "394a02a61ea6ecfbb4fb2701b9235d957e7b0665",
-      "theme3.brand2.contrast-1": "0ec1bd55604198a50f0f870f87209197a5e7a569",
-      "theme3.brand2.contrast-2": "85c6322ce3f5e5f63e99e622e9b512ebc1e4f452",
-      "theme3.brand3.1": "3feea8279430c4dbee70f40f5296014e5a11e04b",
-      "theme3.brand3.2": "ddbd5ddf9c83b2f041bca4e2d4e2d1fb37a5b6d0",
-      "theme3.brand3.3": "58bc0406c55e77fb4c2214bb33bbd4b0e51e74e8",
-      "theme3.brand3.4": "8d759ea5b827956f7223b7581a2196662a547f7d",
-      "theme3.brand3.5": "be6b0efa1bac85b0d55a8a70ae1e1e9934f0dcb3",
-      "theme3.brand3.6": "92138309c1869af785c1cf64af4ae5a427c14145",
-      "theme3.brand3.7": "df39ad18f709cf3c009a725714560a8fc14c3b3f",
-      "theme3.brand3.8": "1f0d1a5ac410ad2a8570ad3c10888ec7bb14f175",
-      "theme3.brand3.9": "2344a7da17d567bfc04eff8ef2c09e5eebb3afaa",
-      "theme3.brand3.10": "56154d268ad5950c91063bdc83fee957e9a1446b",
-      "theme3.brand3.11": "001d5c3ea636425b42726fe7430cf593b24b7484",
-      "theme3.brand3.12": "b36e3b599fb51eb9b51867c08e0bd692ca62c435",
-      "theme3.brand3.13": "132a9b23adaf8d94615b4349caf0f605a458e1d6",
-      "theme3.brand3.contrast-1": "fe6c53ca7f578fd4f83d92e6033c5a858b9d5f78",
-      "theme3.brand3.contrast-2": "f572aca35d0a457536431a9e5bb7d227e211ffb1",
-      "theme4.accent.1": "e6128d1057ae1729db69e86fcf3f9fdcd2fc28fc",
-      "theme4.accent.2": "ebbec4009b0ba2c77ab80b997d92fb84e13c5c4c",
-      "theme4.accent.3": "8e69d88517841c8d4b170b4b48249e66b92867ec",
-      "theme4.accent.4": "50e2b87d6477abcbe449f358b91542b97ff838ac",
-      "theme4.accent.5": "f2f0b36f96f98e26c4f560f5924170f062c87284",
-      "theme4.accent.6": "59df4127aa71516e08211c7f6a90558acd567c0d",
-      "theme4.accent.7": "31ecc8955fc4be67cc101975a568309b6535f3b1",
-      "theme4.accent.8": "ce584e08a0c5139c9ee62c4c2868cc025a78267d",
-      "theme4.accent.9": "3fa9829eddf21475c2d620af8910819473445528",
-      "theme4.accent.10": "1ac981a555e761c0bf7ae2a956de98a465bb3d7a",
-      "theme4.accent.11": "a86fe97224c0405e3cfb137af7dbd952cb183239",
-      "theme4.accent.12": "4c5663ea2a91a991c254c86934cddecf1e655b1f",
-      "theme4.accent.13": "5c910fbb0133018c4056cfff8311f5bad8998896",
-      "theme4.accent.contrast-1": "041f2e8ac8cb76d2d7f7222482be9a06c338b582",
-      "theme4.accent.contrast-2": "dedb8c375640c1e53e1dc36c55b30503e78ae877",
-      "theme4.neutral.1": "6f6fa1dd012379e4d757df05864a0fbe1f855203",
-      "theme4.neutral.2": "accc1773e4a6b12ed74c4e5a8abc1c195700654a",
-      "theme4.neutral.3": "461da31ccd5f4f1fb91af6d9915f37d87482c2f9",
-      "theme4.neutral.4": "df7e980b0af23a5e054b4c048ee8d80cad0f6e4f",
-      "theme4.neutral.5": "8e551858c9ca2b30e90ffa5d79298e501b5ed649",
-      "theme4.neutral.6": "83f4c5c5ca22a9ac43decdabc753a5024402a5d7",
-      "theme4.neutral.7": "522ced94271a95baa1d25acf52ff684be0f1d77d",
-      "theme4.neutral.8": "e22ee4c75e122fbf6aba47a34c7163a78105f7a2",
-      "theme4.neutral.9": "fd87c27cca0ded08209cc05bbb149ffd2187134d",
-      "theme4.neutral.10": "964636ac87470acd5f7210e4b5dbb52c0705659c",
-      "theme4.neutral.11": "ed6761e8418976ec7680dacc6cbd3edc82a7f657",
-      "theme4.neutral.12": "f403e08b71765897eeaae9a48702fab3ce434143",
-      "theme4.neutral.13": "0ecd9d3c798cd6f949e885fc08607b3aef84ea09",
-      "theme4.neutral.contrast-1": "ed17e712479ba782d7d4dfc7bfcf6c54d79682ce",
-      "theme4.neutral.contrast-2": "cea440ca533367f59d1a126082e7cf0d1fec26ee",
-      "theme4.brand1.1": "901b8c8228f27de15bae9fa7d4d882bc3455547f",
-      "theme4.brand1.2": "75578940c1df954175cff42d5625802ace260240",
-      "theme4.brand1.3": "9cc8fd6035e2c15d21ffffe705af250216f212e2",
-      "theme4.brand1.4": "864da60a56059b1956508c53f20e25243e435abf",
-      "theme4.brand1.5": "778bf27873647876bad8c959b758b4c4849c35ea",
-      "theme4.brand1.6": "2fe71bf997bc336353a19994a6cf4cf31e4e42ad",
-      "theme4.brand1.7": "2f603cfd31fe616fc548012de29139abeec6560d",
-      "theme4.brand1.8": "7a0579cda3b49408ffa8a6e096038431d001ad3c",
-      "theme4.brand1.9": "349ba555b41f265b351594eca7cd43c509f68e1c",
-      "theme4.brand1.10": "42169e1675f11417ee9685c5529f2fb2737f8482",
-      "theme4.brand1.11": "e23f4e36e915245f53e4b76dc3298ac6b73c177f",
-      "theme4.brand1.12": "32d74c192e5d24dde22ca65b33cdec3e786b565e",
-      "theme4.brand1.13": "3126b95249ab31c43d591e3b90b99ebf16d50c21",
-      "theme4.brand1.contrast-1": "a9ba67a78aa9696666845c653d0d144bcc9fe9c1",
-      "theme4.brand1.contrast-2": "769e0a1857a0642c9f6b8b885de7084864ce765c",
-      "theme4.brand2.1": "ac189a7701607b18ef787f143ddf0b1b1a65c29e",
-      "theme4.brand2.2": "59adf58a4abec62a7e2cbd53edbe1edd68bdae4b",
-      "theme4.brand2.3": "76779bb02c02e730e97ca642ac119929a72d652d",
-      "theme4.brand2.4": "1d8d4cc869a56d39adda25bfb027a2c7b9dbea5f",
-      "theme4.brand2.5": "96c6b83e1995b62a4534c836bd84533aec15f3af",
-      "theme4.brand2.6": "42612b5fb369f4d621c3a7239fd1cf45b90387e8",
-      "theme4.brand2.7": "70534cac5fbff2180904375fe9f070ab3276dc5b",
-      "theme4.brand2.8": "0155caf30c446dfd057ce212f0473e6dece805c2",
-      "theme4.brand2.9": "622a88c2ca4b98f4f0783fb0253114a1a6065fc1",
-      "theme4.brand2.10": "f867893e825cbb1775c8eef44c271c084f8d0ebe",
-      "theme4.brand2.11": "583283a1ba82dc96f34178ecf7450088f95f430c",
-      "theme4.brand2.12": "08cb04cf1c51e66805a1e70cdbb78bace9bac304",
-      "theme4.brand2.13": "ae97d3d0166b20048dafa062361cf59d1a28a864",
-      "theme4.brand2.contrast-1": "f5d872f82804db0c50216022c8332d1b74be91d0",
-      "theme4.brand2.contrast-2": "5db61cd5c46a259cd282b786a04cc44243ff1394",
-      "theme4.brand3.1": "d60b0707c445e51ace1f3f4bb8276f56919c3690",
-      "theme4.brand3.2": "65e79f077d198a99ae0df002d1d4440e2f588052",
-      "theme4.brand3.3": "5f3bf4f93fe7b3f38e2761d7379104dd16b9db02",
-      "theme4.brand3.4": "21c33a792d9c5a06b7c79699bc98c758f3a0dd6f",
-      "theme4.brand3.5": "1a37ee89516a69edbf63f956f74c5cd16f54ca71",
-      "theme4.brand3.6": "5dec69761aa89634468818a415bb1720875326a9",
-      "theme4.brand3.7": "d286463978c14231bc7c5230d35f99673103e73b",
-      "theme4.brand3.8": "261c6aac6d043453dc80c5c040634cb0bb3e2265",
-      "theme4.brand3.9": "fe38b16a93720573bd5ae37af09ea6889c4b3ed6",
-      "theme4.brand3.10": "d38dca8b3e99cbaa05b549273916e190833c0c5f",
-      "theme4.brand3.11": "d0ed2d7f386310dcd4b8b0e04861f304006e6799",
-      "theme4.brand3.12": "a138f939d4fa65e9df86bf97b050e0b8d011347e",
-      "theme4.brand3.13": "65a981b2d19ab06857ce1add4c4890e2a97fb117",
-      "theme4.brand3.contrast-1": "61ffa3f921c9c346bc22448c458ba59a585be1cb",
-      "theme4.brand3.contrast-2": "dcdfe1ec7245c3ee88fe149188d299456324b7a6"
+      "global.blue.1": "dd517edf25415d3e7e8ef9d4c475d2ffd91010cf",
+      "global.blue.2": "7c02efe97a8cabda31ee7cda062cf1b310754d3c",
+      "global.blue.3": "fed26d10a7ecee120271a77e77314670a5393cd8",
+      "global.blue.4": "fc8bd6a68021ff7a12826ef1b38ea9b6d7bc0721",
+      "global.blue.5": "13254ab1a381e0ac0bde54a5530ed725d6f97f50",
+      "global.blue.6": "26570042fa7e173740d95d2ec6b1efaefa08d294",
+      "global.blue.7": "0045f521a7777ee8d239371e424d66c6ad4ddb3f",
+      "global.blue.8": "25eb7e322a9f3c4a5828eedbd25dff555cb839d6",
+      "global.blue.9": "a92bebafe3b7a6b783e01ba945b88e9c932fb1aa",
+      "global.blue.10": "7f56354ac561c996f14dbcce435574014ffcc852",
+      "global.blue.11": "ae370599f50484dc6b3696d3b7fc5370a3966727",
+      "global.blue.12": "813916e33547cf6e1c1bdf2816c16df784e7edf7",
+      "global.blue.13": "01f776d856453d73f67d32c7c013d4e7c6b3886c",
+      "global.blue.contrast-1": "d3f6f9fdad7f58d2239bc1e2c6e1231450bd56f3",
+      "global.blue.contrast-2": "f9eef3d65e164ab28f3a3e91e6b087df67dc2d74",
+      "global.green.1": "dcde27f0a574b4d9c0727bd47d5463263bd29573",
+      "global.green.2": "885c232b006131bd4924a3d0fd72cb083768f877",
+      "global.green.3": "61f07a76324934185a8376b4ef840dbe1e71cfb8",
+      "global.green.4": "e276144c06d0838f2d64e49ee88e6ec311490f1b",
+      "global.green.5": "f9fa345ffdf46416a0aa156f2572b9ef0e822bf9",
+      "global.green.6": "a72410907192a276b12b5958f06f3a36ed6b7d31",
+      "global.green.7": "56df2e5ba2be3f4cbc70e800e155ae8e4802fa47",
+      "global.green.8": "3e8ad6d9a49c712751e5f6be0c65626f95e0ca27",
+      "global.green.9": "b8855e570a5bac67aaccb864082859627683a6e9",
+      "global.green.10": "7785f07c96b32c2f7692b8cfe3778219aa1b1e09",
+      "global.green.11": "e0d9df5f1512684d0aaf47feac4e235feca1f939",
+      "global.green.12": "264fc26342afc627c3cfa69dcb0d0225811af424",
+      "global.green.13": "788f48f4f836d7fd5b765b2948de9f5fc8edfb10",
+      "global.green.contrast-1": "2b5f680b934570a3432a9da58d8f74a548d80a04",
+      "global.green.contrast-2": "f1254eb0671dc5d29aefbf72f4849a8dfaef330b",
+      "global.orange.1": "ece4cdd30aa9c6a2c7611f61e35afddb09c676b3",
+      "global.orange.2": "cb8f1b685dc12c234eb2f45456244a8b0e23ba90",
+      "global.orange.3": "a1a15c28e0f07bb1585e5389a1ff9f9c1e596db2",
+      "global.orange.4": "049e3746f86c7fc881eeaa6fb3e33aa887a7635a",
+      "global.orange.5": "0640635313b5fb59b4f5a2249203a0fc233b17d0",
+      "global.orange.6": "003322d3985c6d3d2a9ddadad730b9a5a56a5f58",
+      "global.orange.7": "748e533334b41a9336b2370fa11ddea669ec32c7",
+      "global.orange.8": "db73da539cbead13ee3dde09a757ffe4af93b7f6",
+      "global.orange.9": "9fbf02cc2555acf122c04e837ff9fc97e1f793a7",
+      "global.orange.10": "24de48afbaac61e39122cd3ff115e98cd444a60c",
+      "global.orange.11": "34f171ba8c1870dc6f29904e5f3852355001e88d",
+      "global.orange.12": "71261b0cd54f0cf930985f68a4b885f034a61ec0",
+      "global.orange.13": "99b2c0fc4544f5236febcc661eea76d0478c66af",
+      "global.orange.contrast-1": "e5f9d006605063bfe319445d951543248dd7bc78",
+      "global.orange.contrast-2": "48826368141124fa9339694b67e67ea293db1478",
+      "global.purple.1": "6abe5333395d7dc53df3bfeceed151d22dcbd994",
+      "global.purple.2": "592508782333bb3e827cdebfaa8427b35bc6cd8a",
+      "global.purple.3": "73c49b2ddb51b266b099b012d9c0b8b62fb78229",
+      "global.purple.4": "415d17261522f5e461a3c2554c842cb9786c437e",
+      "global.purple.5": "ce8f27d9d7f1b9e93e0e4626a942b71d5583aafa",
+      "global.purple.6": "4933edbf63410ee163249ddd73dd4da0e4147e02",
+      "global.purple.7": "9508cbfacdefcc39b3399733b562ad8e8c1b52e4",
+      "global.purple.8": "df686da1e44f1a27d014fa283a7819999d189872",
+      "global.purple.9": "c282e4042e62210ccdcdbc5b9ced6c888e630f17",
+      "global.purple.10": "05ac3138b88999cac82afa20042b1cdf94a50599",
+      "global.purple.11": "6896f74156a48009b2e3f5597164a31d68be0fdc",
+      "global.purple.12": "56ff5c008f2e0b006629594fdb4c3c6b8cbbe21a",
+      "global.purple.13": "805812d6acd11f9f737701885dd5e291763c0fad",
+      "global.purple.contrast-1": "18ea20abf130abe59be66e5b837479dbeabdf617",
+      "global.purple.contrast-2": "d521fcd6887a43db85238b712d856dc019b2e59c",
+      "global.red.1": "913edfca0efd5a81275f7f17c46e1577520fbef9",
+      "global.red.2": "31358f631dcc12550654dcd2b89ffd54d7498bf3",
+      "global.red.3": "2bd0b085cf2e88e7133d24f7eacc3b76f5b1e79e",
+      "global.red.4": "4e7dd7a094cc25aa947baa85142c73e605963826",
+      "global.red.5": "fb8e7f8a7c2e05a6dc18062dcf01886dc52804ad",
+      "global.red.6": "edcaa1fd5866df697f71f4dbeef0bdbfb3762164",
+      "global.red.7": "b995eb42b75427ad43c86ca4eef237bd54bd2d4e",
+      "global.red.8": "a525a2ff829efe7484f1935d7395efc906da4417",
+      "global.red.9": "015dffb91b04d4dfd0a02ceb9bd358aee8bbca9f",
+      "global.red.10": "d84277c9c402d942aed486e1ca823d543dc70ee1",
+      "global.red.11": "d198c7c432a9f5e1eb7d5cea49d1d370703509ef",
+      "global.red.12": "2fcbb34f57509f7f1e974f5130ab8e3100303738",
+      "global.red.13": "58da26665cac0b5cf61dce3d8446b3342ffbf644",
+      "global.red.contrast-1": "d94bad65598e8043d391085c34ed7fd86e32eb70",
+      "global.red.contrast-2": "d8e8d2cfdf8db4eee4fb2adfbfe0e44bfe2fb028",
+      "global.yellow.1": "f3765b7e1821a9499b4a19880542e59c6056fed1",
+      "global.yellow.2": "1b2448280da7a309e2b660f495f6547fb655893f",
+      "global.yellow.3": "717b6ac0e3eea6943441998b81168faeed0202ce",
+      "global.yellow.4": "524f3996ee68000bb94c2cf24dec73018e7ca358",
+      "global.yellow.5": "b40c053a08de62f9826c348a3c349e1be9080a5f",
+      "global.yellow.6": "e7d13a86206c7588ddd9303c89705472bcd793ca",
+      "global.yellow.7": "572d91f824feccab6cba8218570e386009432983",
+      "global.yellow.8": "4110ff9298f31e59a2386b83812ce8f3e7d34778",
+      "global.yellow.9": "00df2d0c35fba08dfb5165b57f95cabfb77c223f",
+      "global.yellow.10": "b726f5c168b5fb1255e32e44310fe28d847cf5d4",
+      "global.yellow.11": "dd5b139cdcb3eafc1e719af1a05697c998674540",
+      "global.yellow.12": "594aff1f36f4c624c9a663252bd5012d0cdf2382",
+      "global.yellow.13": "42b56b31da03fb921ae790d16ec631974aa0da42",
+      "global.yellow.contrast-1": "9c7a8a93692c87e9e48becad87145561ffcac68b",
+      "global.yellow.contrast-2": "73890dba6b4fd3e464ae50e5a5ec95106da21c87",
+      "theme.accent.1": "37b1e800f6868cdce08ac479446d96ead4a5ad99",
+      "theme.accent.2": "9f71364caf3c7f497b2e2d7cab62cc379e6abdb0",
+      "theme.accent.3": "9db67b3550dcf11473bfb0c26a8027b1d74fbdf5",
+      "theme.accent.4": "69d329ca65c4f7cc195f0a68f632ac47489f08c0",
+      "theme.accent.5": "c2012a1ba40d2f805e6c124cbc8d4a46c448d6d0",
+      "theme.accent.6": "9cfdb845820df9049dc4dd0fa3cf7222caa644a5",
+      "theme.accent.7": "dd10bc2ef082ad5b162cfeaba1b9ceaa01c15b09",
+      "theme.accent.8": "1b28be1959be3bfa71807e0ad2afb4e9c9643acd",
+      "theme.accent.9": "2734c18384aec3e0ed706a59129f5fa01b340aaa",
+      "theme.accent.10": "122f93c1665acfe3e459060b9abdb0026f3ab365",
+      "theme.accent.11": "ed5fead52851ebb5ddd20bbe642bc3742e68c6a4",
+      "theme.accent.12": "3368fd085971dbb590d90f471ac32c5a06e95e10",
+      "theme.accent.13": "2667c7cb1106db2a444714b3ac227472cc46e65d",
+      "theme.accent.contrast-1": "155d5e9c920f5d1650dc746cefce1dd16da778f1",
+      "theme.accent.contrast-2": "2ff06b93dc62672e881e55c7ba4cf36e387b6b61",
+      "theme.brand1.1": "40c3b63282037abdd3dac5311edc911430ce25c4",
+      "theme.brand1.2": "2fd724e0e787673518684727471d342a21b9c5d2",
+      "theme.brand1.3": "d4ad7a9433a759feb5cc427f733d019bbc00d3d5",
+      "theme.brand1.4": "56eff07995c1f00d5272d897781493471e5ffbf0",
+      "theme.brand1.5": "925b460bdd866925256c5b5e734240e9d90f949d",
+      "theme.brand1.6": "1b4e9752ba5b4b4a0abb5f141f794563f967e776",
+      "theme.brand1.7": "e22f26d140b43a2d7e2fa4ea8268ca39952f868d",
+      "theme.brand1.8": "9a19b8e1336a635c573d92492f92e83d13f07cbd",
+      "theme.brand1.9": "1cc80411ea76c9277f611c964e59dad13f7aa02e",
+      "theme.brand1.10": "ceaf10acf22ab84f1e8b77a3be91583c596cd6da",
+      "theme.brand1.11": "1b8851ec40caf5ddf59aec3e57bf8480ca49e882",
+      "theme.brand1.12": "9835a9fc08e70b7f152ca843fdf2b82b312b957a",
+      "theme.brand1.13": "00e214631cbb40d4e84a90518ce9b02bf984aabc",
+      "theme.brand1.contrast-1": "f53f8a702640115a03359a395a33d4ad5c350c8e",
+      "theme.brand1.contrast-2": "29f452f47590b0bef1e82c9da2186720aef1a872",
+      "theme.brand2.1": "b86f873cf0f86080221a360798b733d61712ad52",
+      "theme.brand2.2": "50538d5e42f9ecfd0de8f62c4dfb491739cf5ed9",
+      "theme.brand2.3": "ec4f3cea527fdfdca94da972ab3c94c435bb5836",
+      "theme.brand2.4": "2202a9ef613d42225b2d609d8c9d485d00adaf0f",
+      "theme.brand2.5": "15e47211c25268f6f9994c97aaaf0e086ebb6e55",
+      "theme.brand2.6": "f96c89adf18d76fbfdeb2fe210976c87f2f7e303",
+      "theme.brand2.7": "53db22438418c95aecd0c764252898741dec6d37",
+      "theme.brand2.8": "6262d7d3fa090fc95b14a68dfe5c204c234ed2c0",
+      "theme.brand2.9": "fed1c2100696817978aa25ba01221331d924a1a3",
+      "theme.brand2.10": "e40a532bfdfee96d6cb3a781c0e02eee6cf6394b",
+      "theme.brand2.11": "a1adb6d98f82364119d0f6409a1092abdbef1af5",
+      "theme.brand2.12": "539b8bd72b860a014dc056448f10132f5d09bf9a",
+      "theme.brand2.13": "8c9143d5a4bb43a3be1b1f01be8488384300d0aa",
+      "theme.brand2.contrast-1": "80cc232d42df7377b232d431e13d6c6b2df09230",
+      "theme.brand2.contrast-2": "9b5c7aa2bee3476c8667bb659328ff93d726f929",
+      "theme.brand3.1": "6786e906850b06a063969256a17e9cdd0aa98aa1",
+      "theme.brand3.2": "3f5ba136df1099b4fda3c2442d27f27c097e666f",
+      "theme.brand3.3": "571da4c51c5b3fbf2371549ad14678818ceaf63a",
+      "theme.brand3.4": "8a43dff1a05d230d21c96c0b3157abc7bd5f8be8",
+      "theme.brand3.5": "d710a840b12725117ab622fe9f80547491441f81",
+      "theme.brand3.6": "19085ece681b7e35ac2e3c1d50b3eb3dd6191740",
+      "theme.brand3.7": "51f5bda9f0b0eb6e09143af85685ccb6bfd8dfbc",
+      "theme.brand3.8": "ac3d2a52c1c37884a30e1a85c48197e156b592f3",
+      "theme.brand3.9": "ef2d4391eed44633531a0779bd49d709771534d5",
+      "theme.brand3.10": "c150f20b88c078ae9b6e7f4157e2ac65c3db11a7",
+      "theme.brand3.11": "69d196428c6f940f74a0508d138b29a745381602",
+      "theme.brand3.12": "fba13306c9d7357bb99e2a448415be65a7eb26ec",
+      "theme.brand3.13": "6ee9e6d022a1237aebac91ae8770d07147d642a6",
+      "theme.brand3.contrast-1": "6e28e5c92d219ea997e6c65dc57f0ae5baa63aed",
+      "theme.brand3.contrast-2": "0dd5ad319b0476af0e6cc77a2ee71bd324df0138",
+      "theme.neutral.1": "49f3f7dcd97720b55cb55cafbef8e65161c6e246",
+      "theme.neutral.2": "deb2f080832608c19f4b0ac1418edd396ecaf637",
+      "theme.neutral.3": "809dc8a6af6b5075cb55cbb09d2328f5414b4ec1",
+      "theme.neutral.4": "962bf41543c644deefb67d361ee2b199351e9d35",
+      "theme.neutral.5": "5cbc5c0510d0d17489c2ad00fe5a4c462e0ef084",
+      "theme.neutral.6": "c5a8e957410a637aec8ba8eb5b32e45b80c1d4b9",
+      "theme.neutral.7": "28afbff5768b2879e5659ca2f0887401221e81d8",
+      "theme.neutral.8": "edf90f692d8b788936c2b3b280ec8891a14047bb",
+      "theme.neutral.9": "bb0e54e8233d3f1ecb792a0152eb3f591e1cbf39",
+      "theme.neutral.10": "b67296cb12190eb70348763b0b2c3c7f7afe64d4",
+      "theme.neutral.11": "9f5a5dceead4c369ac4d5556a0b549f9d915a71f",
+      "theme.neutral.12": "44d383d90608117050a92a62537d5da1e9b3da80",
+      "theme.neutral.13": "6b536cf41965ebcb19b045bc50d3181d77201e66",
+      "theme.neutral.contrast-1": "f9068189d8270a254461be9bff5b204bffd03e46",
+      "theme.neutral.contrast-2": "cca9e904268f3bf32964b15154c5d0cef18701df",
+      "theme2.accent.1": "2f64011355f62645ab6ab44ad97d5772b2e7200e",
+      "theme2.accent.2": "d4fb316c6e087c24316e101f2052e5df09a60058",
+      "theme2.accent.3": "988e3645ea8003e615554f7dbdc069842984c366",
+      "theme2.accent.4": "5570d592da1d4ae869563c6930f19a7c967b0936",
+      "theme2.accent.5": "9e2b8621995e803dea68d960580a7ea68abc1c7d",
+      "theme2.accent.6": "95669422c5a0b0197d40b216d41172267bc29d61",
+      "theme2.accent.7": "efdf52eba5acad5638559fe772b252ffe86b3575",
+      "theme2.accent.8": "e9b00517184e44898312805f2ec3c6f114d38f3b",
+      "theme2.accent.9": "e71a1277ae987b35585d1feb2962d076573cfcfa",
+      "theme2.accent.10": "ee1f87cc7cf9881421f7280a820fc23199be4b2d",
+      "theme2.accent.11": "f9921000ae9959c45138c9d119abe93eb3c64ef7",
+      "theme2.accent.12": "5d9fd1354d65e84b7f188ab5e844b222021024d5",
+      "theme2.accent.13": "2a4413ed9070acc1c508a3a73940d83558a74fc5",
+      "theme2.accent.contrast-1": "f543f6d5d25c74e5eb276f1f42c50ec9fed85030",
+      "theme2.accent.contrast-2": "0fa4818d903dc182c7742a72b3be063684489c34",
+      "theme2.brand1.1": "a8d000c62995470a79b0156fd0421dcd514e70fa",
+      "theme2.brand1.2": "5bfaceea4000d3d664eabbaf721961a6e8c7ae0c",
+      "theme2.brand1.3": "0a1aa361f8e304b18bf784dbec0f286a3da675e8",
+      "theme2.brand1.4": "bef88663a46559b8da4cdc1ca45430fd60b4e905",
+      "theme2.brand1.5": "3011dddefde500fc5d204e07275b05f3e472a38d",
+      "theme2.brand1.6": "ace5b2b3c62d49526d3f7e327c5d88cc317bde37",
+      "theme2.brand1.7": "a5e3d2e79ec34766113ebd8ad4d283ddf423125e",
+      "theme2.brand1.8": "f004434bd4a84bc033c867c49cd88be581704129",
+      "theme2.brand1.9": "01458cf3e0714ac5a016fca0fbe44068f5af05e9",
+      "theme2.brand1.10": "65a0b30fcbdfdbf3c67b5749da1df916365e6409",
+      "theme2.brand1.11": "de2f70045efc5023b26a15edae9b9b2d8cc17b09",
+      "theme2.brand1.12": "fc01a923fb40d0858b43b1892eba466057e2a83b",
+      "theme2.brand1.13": "78d34c38298e2ec7f264459a944c134e5bf62f1d",
+      "theme2.brand1.contrast-1": "5673bb9d4f72c84a2a249481ec9ab7c06d903875",
+      "theme2.brand1.contrast-2": "4a0e853d2b3cbc25aa31846ef25f3b13fe5d8f0f",
+      "theme2.brand2.1": "10274acd66feac271d409279a71c0a2ad6caf7ea",
+      "theme2.brand2.2": "ddf944ea081912493b45f0791e67677c0ef403a4",
+      "theme2.brand2.3": "962ac2aa7db4521f040f5d97edd5d4647c07b740",
+      "theme2.brand2.4": "79cdc893a2fca6475f92443c2dcac0c997495304",
+      "theme2.brand2.5": "369cb86440c681407d44e1e8fc9861973eea6814",
+      "theme2.brand2.6": "0f5dd4bb0263d52222f6596e231be404705f63b9",
+      "theme2.brand2.7": "682f59b0b3ed03278e0f8e3eba20a5398f5e7d19",
+      "theme2.brand2.8": "4b5bac9a704e83788c839beab7527323890b3b15",
+      "theme2.brand2.9": "47ecc41de6ca5b6d5f39d941951c549f4f1ca232",
+      "theme2.brand2.10": "0817f4f486973f964d2e10b8636aecd84fe969e8",
+      "theme2.brand2.11": "c9b60d1a58d905e0587656f9ffb9d116d7d0b05e",
+      "theme2.brand2.12": "92453b395642b74d8f181c87aaabff01a923d9dc",
+      "theme2.brand2.13": "3facebfc40e5b72abb0b8fff4330e4ba89d281cb",
+      "theme2.brand2.contrast-1": "842c3e2a9b61c3c4ef4d3ea0a0fe4af34bc5d39e",
+      "theme2.brand2.contrast-2": "1f30b250ed5c4beafd3c046081205ece8d5a993b",
+      "theme2.brand3.1": "5a08fd8cef6624ba1d4babc407a6f8bfa04ba88d",
+      "theme2.brand3.2": "7e7d6092616f696f3e5effab29184bb759f0f87b",
+      "theme2.brand3.3": "5aa74db6830dc80bf0b5bc669fc36ee16d48e356",
+      "theme2.brand3.4": "91757aa4202bf6797a12cd644415167427626afe",
+      "theme2.brand3.5": "0962e20e675bf48ccfc57cc4341c48d4a2296539",
+      "theme2.brand3.6": "20a8b8c1d458b34ee86b0b48587ebe71f81b5146",
+      "theme2.brand3.7": "55c599b50579f10b37e304c5a2339172a6edf28b",
+      "theme2.brand3.8": "d9ddbc7933ed99fba231058ee90462c8a24ba7e0",
+      "theme2.brand3.9": "02c4425c68152d5ff39e11541f1f50b433fc714b",
+      "theme2.brand3.10": "d545e53227a3d2014bb13d1f703afee4f67873f6",
+      "theme2.brand3.11": "c5416f8f8df544b8abf41442eb065a7375910a58",
+      "theme2.brand3.12": "ba47c69ce1d41613a67cc5480b926e5cb679096f",
+      "theme2.brand3.13": "2f984bbb8726b101252be7f829ca2f65771f9204",
+      "theme2.brand3.contrast-1": "07fb6af225d562e513411f57ef53f87fc62546c4",
+      "theme2.brand3.contrast-2": "e4ac05251acb7ac3c60daca240a7ddde6aeef217",
+      "theme2.neutral.1": "a500fdcfff49ba736031aa36cc493f7e0d18ac47",
+      "theme2.neutral.2": "015e83e744fed5b7d8956ac4fcb8aa4692709d8b",
+      "theme2.neutral.3": "4367ff7fe8afb814f0a7ad0ab4928d8e8f43291c",
+      "theme2.neutral.4": "95fe7e9397f9929c44c7f2aa3363d4378feaa221",
+      "theme2.neutral.5": "68ab2823c8aa3ee691bae544aa233ef65bacc389",
+      "theme2.neutral.6": "26288e527dabfe6bfc4a2c827ab7c38f2166543e",
+      "theme2.neutral.7": "0328eaf1b415561b7d4a89f888315be086d6ded1",
+      "theme2.neutral.8": "73003b5ad5f46768b5a7dba81cc9c86418e32912",
+      "theme2.neutral.9": "2a8fce219443883ec55e64e4b896c2f5b748fcac",
+      "theme2.neutral.10": "8f2225db56cc2b1828516a9d1e7dec5b49b6e27c",
+      "theme2.neutral.11": "188b6ed882c6de07dd489daefd54e8f7f9223f89",
+      "theme2.neutral.12": "afb61e14735eaa8b159f5748edad40f5d206ea43",
+      "theme2.neutral.13": "53453acc3e553cde404cabbf3516123fb85e8ba7",
+      "theme2.neutral.contrast-1": "039ffcdd527658f63e3382002c5a215012bf448f",
+      "theme2.neutral.contrast-2": "410c9b306711111fec682a6aeb5071e9a0a48358",
+      "theme3.accent.1": "d38c307a1ff56f09e35b5f207ecdcb6835af7921",
+      "theme3.accent.2": "a363408e7553d696b8631e5823244286355c8342",
+      "theme3.accent.3": "fc201974800a9a8f87b6216f85968ad6a9f62e11",
+      "theme3.accent.4": "b074ca4bd76a6f015c84f9c95e96306827590c85",
+      "theme3.accent.5": "03128e90530a4227368c13c8cecac8cb327b66cd",
+      "theme3.accent.6": "84ea06d938c4e4d7f877957467f72052ad204d0d",
+      "theme3.accent.7": "95f594b02445ffd99e211b55ef15c657449fb2ca",
+      "theme3.accent.8": "57008bcd414d89131636c8507bf50dd1eaa9e13e",
+      "theme3.accent.9": "758910874694647e34f4aabab3b057d05dc90a07",
+      "theme3.accent.10": "28807493071818759feeabd9d835311aba5426cc",
+      "theme3.accent.11": "ee36740caec697fa7ca44364e1f57161c681615e",
+      "theme3.accent.12": "20b687b318823f2f84b01e76085d92fe7f3dbbf9",
+      "theme3.accent.13": "11bf3ef7f32a91af7a166070355102482773e7e5",
+      "theme3.accent.contrast-1": "7e8674a3c7565b60b390c4454bf92e050acc0b6d",
+      "theme3.accent.contrast-2": "df85b3465d62c97b1b2fb9442f23ec0b8a2d2f91",
+      "theme3.brand1.1": "abe09266ac7bd5f0eed4ae5ec03123421f440ba1",
+      "theme3.brand1.2": "35f47793df65af517969aa2c46052b2d1612bcb9",
+      "theme3.brand1.3": "8f28340527870912aeeec0c3583d4b3eaed1740b",
+      "theme3.brand1.4": "6e54250965c8c7e3b8980b11bd2b4a36cf7367ff",
+      "theme3.brand1.5": "a03cef0c11dc323b58e179a0b5a36827a0faac1c",
+      "theme3.brand1.6": "fc72d4325e7bff7d23ea85e1581ad88e1d0dd47e",
+      "theme3.brand1.7": "2b2d1e837c5a6ad5c319e3e87efb24b837dbbbfa",
+      "theme3.brand1.8": "a6b63fcdbf0d8140b83ba0323225fbb08663116b",
+      "theme3.brand1.9": "11896395b099827f2bb1b6ef5f8ba09b1be68413",
+      "theme3.brand1.10": "262f22e1829dff31b62e396cccb1a4fd95889d67",
+      "theme3.brand1.11": "516abcec55bd09eb5d5c3a0a4f3b6d7499dc93b3",
+      "theme3.brand1.12": "011f0a5a8de5f3b8b377621333544e679c8da755",
+      "theme3.brand1.13": "2fe4b94433beff11640a282fd8e8b6b3863c4fc6",
+      "theme3.brand1.contrast-1": "3145c17b212097bcff23cdc7c3cd2904af02fd09",
+      "theme3.brand1.contrast-2": "15b5e33c1637d7c680f70665983be34f27b3970e",
+      "theme3.brand2.1": "0298818507c5ebbbce2674eb3e7ed7a30b2c40e2",
+      "theme3.brand2.2": "ac1beb533031e8f21c626cc3d905bd9491765ad3",
+      "theme3.brand2.3": "f5dde0bcc50b17bf36a6d1259d529a9e26fc2564",
+      "theme3.brand2.4": "e4b8d0070ad7c43554ab483d57a8237f0b1472b3",
+      "theme3.brand2.5": "31e23dd478e4d7276908608e44c979d70f94b6f9",
+      "theme3.brand2.6": "d1ef6cae3633f5b25c31b724af1feabb27fa5d53",
+      "theme3.brand2.7": "4890f1174c6d34c21a7b366eaf021312066c8dbc",
+      "theme3.brand2.8": "efe536fd63c878dbf4a38b46c10799fa987fdf13",
+      "theme3.brand2.9": "09371c662ad127e286b24cd33f7201a8a34c4ec2",
+      "theme3.brand2.10": "28cc5b43e6cb8fdede70d112f5d2f8dcc82d8daf",
+      "theme3.brand2.11": "2a6fe5164e1bc7fe07fafee3eaee32276b79c73e",
+      "theme3.brand2.12": "f8f2b50e837213c579f35df98a0c83385996942b",
+      "theme3.brand2.13": "94498b50e5794d2e84d9646f2ea93ee2c3ac8844",
+      "theme3.brand2.contrast-1": "fe3e8398f3e56cf0c8022571327ab199a4f8c007",
+      "theme3.brand2.contrast-2": "f134a0cb66185c12e29301ba9f02559daae87360",
+      "theme3.brand3.1": "090c69633dd4e6463d3a7ce36e98fc7ffd588ec8",
+      "theme3.brand3.2": "67d73ceb341fee038f89818ef833929078323691",
+      "theme3.brand3.3": "6f34bd1bdb3b30a6987450290f5280273a5ae2ca",
+      "theme3.brand3.4": "1955ac5e9cf47e9cf7691ef201bd72c04d2f971a",
+      "theme3.brand3.5": "12628a7846b0de54bff70254df0685307c610227",
+      "theme3.brand3.6": "36b483e741831d24824ad77ca1f57d4403f30d68",
+      "theme3.brand3.7": "82072f8bb897bab1d750cc5b46f7099a13ab13d4",
+      "theme3.brand3.8": "4cf9983631699b65cc821a8aa3b4963608110dd0",
+      "theme3.brand3.9": "b7aac2ff3b0e598ddbe500deec5e87b4e8bf5e61",
+      "theme3.brand3.10": "e6f5484ff15d215fff9f13685309dd46658b3ec9",
+      "theme3.brand3.11": "fcecef71d1506d21f566d63378f4dc08c002da87",
+      "theme3.brand3.12": "cae0bfc3d8dbedb50413bc84c43c28a6c1db3d8a",
+      "theme3.brand3.13": "461f52840a3bea45e7cb51d61e2712492014776f",
+      "theme3.brand3.contrast-1": "bd3474d73e04fdbe7af13a22ee6b4828b181f804",
+      "theme3.brand3.contrast-2": "8e81e990a03ee29990333070aefa0c09f03b2b4f",
+      "theme3.neutral.1": "33b270849c83cc55d7078113b3f592ea2f012d22",
+      "theme3.neutral.2": "21a9109770a36b0478cdf08bd2a9902b93c7e422",
+      "theme3.neutral.3": "f153d19c81e0856869f517faccb85fafa1474780",
+      "theme3.neutral.4": "c9384c6796d1a017a26025c0a022de662eeeec55",
+      "theme3.neutral.5": "15ae8547b7b1d9a1d0c302c888b34aac2b97a852",
+      "theme3.neutral.6": "66bc1cd69ecee6bd17af529962de108f9d10b515",
+      "theme3.neutral.7": "aea95aa6ad0236e2f8c76ca1ee7e396fde4748da",
+      "theme3.neutral.8": "e09d07db695ce460b2a49ca97551a614d5e0a698",
+      "theme3.neutral.9": "bad51faab3c21efef5f6503816cedb68b7872d21",
+      "theme3.neutral.10": "00159e98f88af49f9d0e877f05f8d3f6fcac05d1",
+      "theme3.neutral.11": "60a196a16075f370ac9041c67cc7d346cef1ac82",
+      "theme3.neutral.12": "c6980f5c1971277827ab7c9ab2e3a371a776b77f",
+      "theme3.neutral.13": "6ce38238fae73c852720ceca1951c88222bdb6fb",
+      "theme3.neutral.contrast-1": "63f469d713b43e259c2f7a92c29fe77f105827ca",
+      "theme3.neutral.contrast-2": "c0c49111899eace71c99697660129eec432123b8",
+      "theme4.accent.1": "b94d361e037484c3ae399ded1d187283d55f10ef",
+      "theme4.accent.2": "e9cd45fd8df5034c00b898438e4dc7aeac7a6e65",
+      "theme4.accent.3": "359fc9ba64f93f7adfa11183e93861fd26fb3146",
+      "theme4.accent.4": "f73f48332dca975cbd6c46c159791c6c24b3c487",
+      "theme4.accent.5": "4864183f6678aa9e45981bfc8d7639bfdd4be8d6",
+      "theme4.accent.6": "192cd505fc57ae56602d52a04dd5599587b00c16",
+      "theme4.accent.7": "0b75090d0ed98ebcc45610a9217c2b05bb406c0b",
+      "theme4.accent.8": "f509314f4327416702e5582ef68c4671bb16f4a2",
+      "theme4.accent.9": "6b5b7c5ad1c0fbeee5df4640a4f1b8b3f6116eb3",
+      "theme4.accent.10": "6c55ec39dd80df1389f48f03268198bb6bc71f97",
+      "theme4.accent.11": "dd9e5fc20d0493f2ecceef4cebd9c7ec4ada881f",
+      "theme4.accent.12": "d1167dce4570d80bce22dafb732a32b315ff0bb3",
+      "theme4.accent.13": "61acc8748c930a3d5cc9b0060d44ee8b5ae6b114",
+      "theme4.accent.contrast-1": "245c8b35966c1ec2f4091c7a2fa0ce76e664631f",
+      "theme4.accent.contrast-2": "3b17a5b36a3475aeaa78f59405f6dd0ffadb0b3d",
+      "theme4.brand1.1": "728731664d86bd17f5bac12308ce5450531b5c74",
+      "theme4.brand1.2": "5ba95742466e1b70bc89e2d1c76acb24ab56fea0",
+      "theme4.brand1.3": "52b3c72a5e3c4f78096a393b8626dc06209d479d",
+      "theme4.brand1.4": "bb666fcd9015b858a2fbf46edbadb71d38c9f0b5",
+      "theme4.brand1.5": "c32af23fae104f9facd74b9447856c36c9cfb47d",
+      "theme4.brand1.6": "57e770263443fc70e4ecafd63fce5dc59ea00164",
+      "theme4.brand1.7": "a3acb803db652bbbb018890387aaa2f9e08639e0",
+      "theme4.brand1.8": "091d024e9ef26271bc3a89fe4bea03219522477c",
+      "theme4.brand1.9": "7fd8513003747ad8d179a0791fee49f0e877f7e2",
+      "theme4.brand1.10": "1363af08ed448fb40039aa02ef056c2385526c76",
+      "theme4.brand1.11": "6f5f2a23e629597dd635f704ad7d34161b917b54",
+      "theme4.brand1.12": "858afdf1eb4c476fe79e4037d909031963c7b304",
+      "theme4.brand1.13": "88cf010bb981c405ecdcb8cb5ccd775af35bc22e",
+      "theme4.brand1.contrast-1": "cd8ed6e75957cdfa1154b46691b64ea6a6d16a3b",
+      "theme4.brand1.contrast-2": "d8182e02e1b4203fd21f1a481c6e688ef478392d",
+      "theme4.brand2.1": "948616fe7ba469c3cb0061092e86ce5670eae7b9",
+      "theme4.brand2.2": "1193155e6cd6c19b7c6bf1358b798c5d4da1a09b",
+      "theme4.brand2.3": "93789c38b77ec5d389a54f8ffd697ff49a16e3b9",
+      "theme4.brand2.4": "3ef2643a7bb101703c5642a53cbc43522be09e7a",
+      "theme4.brand2.5": "3ae3e1eeda46cfb463880431e8f6b1ad2f739e23",
+      "theme4.brand2.6": "c4adcc9643196444a660089b57e8522f520a0850",
+      "theme4.brand2.7": "4b89a155c41df63138d3915c650af41e21d5ff4b",
+      "theme4.brand2.8": "9aa7e5b48074ed5315bb6833a8d8debf4058aa58",
+      "theme4.brand2.9": "787085ab249a56065ca56aaa60f7956f8e8abaef",
+      "theme4.brand2.10": "9c0aac2455acc27cd5486c89a72bd6f3059cea01",
+      "theme4.brand2.11": "99431ac022f0f7868c9de621f76f4d0330574582",
+      "theme4.brand2.12": "b6cf5ea26af47cbee3bb3a09195ba596334c2a5a",
+      "theme4.brand2.13": "4a2e2ec9c3c346fa745b76f3110a1e0eb86a60dc",
+      "theme4.brand2.contrast-1": "085a96bcc3aef1f8cc979b1edbc9e524125ed171",
+      "theme4.brand2.contrast-2": "ad5b8765fac15c29494e863a7ee19b3dee791dd4",
+      "theme4.brand3.1": "96d4d72f9bd1fdb7e0fadf7dcfa3aa9870dd5e27",
+      "theme4.brand3.2": "08a493d34f3f4706b3d1aae98e59b8464b3dc7f4",
+      "theme4.brand3.3": "f2ad00ddd1a3baee092b8e91eb8f1a8eeb546578",
+      "theme4.brand3.4": "6185e04c378d1d32ca26f9744574a293031229ae",
+      "theme4.brand3.5": "a9b4ed0d5d119a4c35951c072f96a4dd860c3db7",
+      "theme4.brand3.6": "d55e672d03ee64f5dc2d9d0a23540bc2d31db4dd",
+      "theme4.brand3.7": "e6fcd78dd49be815a6bfd6cf037af1751a63e5ec",
+      "theme4.brand3.8": "3518a440c48286e46333a8028c8ee84b483267a2",
+      "theme4.brand3.9": "cced8b70522fe05d4e9e2584e868d8f311e29f97",
+      "theme4.brand3.10": "d88475d1d17b505403ba3d04f42b5082c01982e3",
+      "theme4.brand3.11": "597657c0a299c191d0d17c6addf13626523605c8",
+      "theme4.brand3.12": "0751b8236684d45f87ba71d49ab5b852fa04fc6b",
+      "theme4.brand3.13": "0d9f093a6ee7e55bec0a490d57d02096120f9ed3",
+      "theme4.brand3.contrast-1": "3708b8da4ff5531b466de83d48c4d810911b2917",
+      "theme4.brand3.contrast-2": "c548f38f06d8cf995a438161164235a1ab0c13a6",
+      "theme4.neutral.1": "c2f5d55292fbfaad343c72581ff5d1d986cacf67",
+      "theme4.neutral.2": "5c8411f92ba062a4c79f5e6c075070c211b9b1ca",
+      "theme4.neutral.3": "13028625e4c16380e6e93d4ed1bf878af7afa179",
+      "theme4.neutral.4": "2e5a263faa3f869ff846c0259352c51f8db947fd",
+      "theme4.neutral.5": "2588721fb41ec8caf32b3fd59a759e714877471a",
+      "theme4.neutral.6": "33b9221acd6a9f868e7d8e08d53fb19290ff1f23",
+      "theme4.neutral.7": "197856f85b247d12aff2031289c4f78bab011c1e",
+      "theme4.neutral.8": "2485dab85ea2984243a115c32f7cbd8a2ad0e230",
+      "theme4.neutral.9": "623876b6e561f9c70f2774cd0a720312d5455d01",
+      "theme4.neutral.10": "c49c757d6201c1e9b169adf9257e45e2800121fc",
+      "theme4.neutral.11": "4c6f60c427612a423d4f3dc14c3d657b909f9464",
+      "theme4.neutral.12": "7ce200271b8637445a4535b0f6c705333505c66a",
+      "theme4.neutral.13": "275fb9064daad4aaff0d9566d7fecc0fe06c4a61",
+      "theme4.neutral.contrast-1": "32c6644de3dd362587818305bc26e09bde3bd228",
+      "theme4.neutral.contrast-2": "e340052fa710acf0e3323735084eaf8ccaf69bda"
     },
     "group": "Color scheme"
   },
@@ -850,22 +924,22 @@
     "$figmaCollectionId": "VariableCollectionId:36248:20769",
     "$figmaModeId": "36248:2",
     "$figmaVariableReferences": {
-      "theme.main": "9174e6d60ed7d6623e421a0988f820c1a7f2250a",
-      "theme.bold": "a57da4cc8cc7792647427645bc7a82d47baf169b",
-      "theme.extra-bold": "dcb1be01a5ce6911037472bbf6acaa2294328939",
-      "theme.regular": "d7e8e6e1f4142bd0834100dc8c55db3d48b7dad3",
-      "theme2.main": "7efa525773ed529cfeb44e208412f02539868535",
-      "theme2.bold": "3af4338852fc67331cf46c429493ccc5f7e09899",
-      "theme2.extra-bold": "b4ec11d393468420a89988b9a11979aeeea32c50",
-      "theme2.regular": "770eecc1f59894aa05daaa4574006edd0bc19529",
-      "theme3.main": "6b919b0ce118a48cf25f2cf53cd6ca94e331dab4",
-      "theme3.bold": "8fe6e478921033220a21655828013550681b9175",
-      "theme3.extra-bold": "04a9383032fc947df209ce5a52c297bff61009f3",
-      "theme3.regular": "9385ba58901520303252a58b18d7955ea57650ba",
-      "theme4.main": "2d539c0fa9fbc88058883128836c4594461b3c1a",
-      "theme4.bold": "2010969b3ffe51783d659df9af2d166b55d849e4",
-      "theme4.extra-bold": "49f3e119c208232b3c256ea67e4e75bedb299f93",
-      "theme4.regular": "e70adb5d7271966796fbc7bbe993b1c06bf5b7b6"
+      "theme.main": "3115e7a7f4a4e0f1911d99ef4d522e0887ac5223",
+      "theme.bold": "ab83898db3340a55c1e915ab47b661d2365b338b",
+      "theme.extra-bold": "d9a17188e216a05d471153541a45fc88f68bfef3",
+      "theme.regular": "4400e63185e0c19f8a2365152df982a6179b4d5a",
+      "theme2.main": "55b12052328ab00ea64c5fe94d1d9e2bbb1da341",
+      "theme2.bold": "7eafc8d19cf7b6232d6f9cdb8cf401e77e6f72a1",
+      "theme2.extra-bold": "b7a10fd5f41f0f7aeea5d5e88648bd2903f06bc4",
+      "theme2.regular": "705a1438f3b255d81ce5aefcf8d40d61a6812808",
+      "theme3.main": "7dcbe062b5131210159810d3b938e1a28f4915a9",
+      "theme3.bold": "8e3d428df1dce0d24ac42e332d7d1a03d5922210",
+      "theme3.extra-bold": "9dc806c56e3c177bf088fdfca8ad55cdfa9e44a8",
+      "theme3.regular": "d63d058c3ba107fa5f6da14e224953637d9f56bd",
+      "theme4.main": "ab5586d2bec723f05ce9fbb05afc3dbc51c8c730",
+      "theme4.bold": "13fe7655f986529b6fb83e3bee425d0352b86a97",
+      "theme4.extra-bold": "da11c47b19a9299595c8a2fa2ed416a16505d1e6",
+      "theme4.regular": "1111f810e28c1c3e4fe0733bf7df715f0a3ab0ec"
     },
     "group": "Typography"
   },
@@ -882,22 +956,22 @@
     "$figmaCollectionId": "VariableCollectionId:36248:20769",
     "$figmaModeId": "36248:3",
     "$figmaVariableReferences": {
-      "theme.main": "9174e6d60ed7d6623e421a0988f820c1a7f2250a",
-      "theme.bold": "a57da4cc8cc7792647427645bc7a82d47baf169b",
-      "theme.extra-bold": "dcb1be01a5ce6911037472bbf6acaa2294328939",
-      "theme.regular": "d7e8e6e1f4142bd0834100dc8c55db3d48b7dad3",
-      "theme2.main": "7efa525773ed529cfeb44e208412f02539868535",
-      "theme2.bold": "3af4338852fc67331cf46c429493ccc5f7e09899",
-      "theme2.extra-bold": "b4ec11d393468420a89988b9a11979aeeea32c50",
-      "theme2.regular": "770eecc1f59894aa05daaa4574006edd0bc19529",
-      "theme3.main": "6b919b0ce118a48cf25f2cf53cd6ca94e331dab4",
-      "theme3.bold": "8fe6e478921033220a21655828013550681b9175",
-      "theme3.extra-bold": "04a9383032fc947df209ce5a52c297bff61009f3",
-      "theme3.regular": "9385ba58901520303252a58b18d7955ea57650ba",
-      "theme4.main": "2d539c0fa9fbc88058883128836c4594461b3c1a",
-      "theme4.bold": "2010969b3ffe51783d659df9af2d166b55d849e4",
-      "theme4.extra-bold": "49f3e119c208232b3c256ea67e4e75bedb299f93",
-      "theme4.regular": "e70adb5d7271966796fbc7bbe993b1c06bf5b7b6"
+      "theme.main": "3115e7a7f4a4e0f1911d99ef4d522e0887ac5223",
+      "theme.bold": "ab83898db3340a55c1e915ab47b661d2365b338b",
+      "theme.extra-bold": "d9a17188e216a05d471153541a45fc88f68bfef3",
+      "theme.regular": "4400e63185e0c19f8a2365152df982a6179b4d5a",
+      "theme2.main": "55b12052328ab00ea64c5fe94d1d9e2bbb1da341",
+      "theme2.bold": "7eafc8d19cf7b6232d6f9cdb8cf401e77e6f72a1",
+      "theme2.extra-bold": "b7a10fd5f41f0f7aeea5d5e88648bd2903f06bc4",
+      "theme2.regular": "705a1438f3b255d81ce5aefcf8d40d61a6812808",
+      "theme3.main": "7dcbe062b5131210159810d3b938e1a28f4915a9",
+      "theme3.bold": "8e3d428df1dce0d24ac42e332d7d1a03d5922210",
+      "theme3.extra-bold": "9dc806c56e3c177bf088fdfca8ad55cdfa9e44a8",
+      "theme3.regular": "d63d058c3ba107fa5f6da14e224953637d9f56bd",
+      "theme4.main": "ab5586d2bec723f05ce9fbb05afc3dbc51c8c730",
+      "theme4.bold": "13fe7655f986529b6fb83e3bee425d0352b86a97",
+      "theme4.extra-bold": "da11c47b19a9299595c8a2fa2ed416a16505d1e6",
+      "theme4.regular": "1111f810e28c1c3e4fe0733bf7df715f0a3ab0ec"
     },
     "group": "Typography"
   },
@@ -911,92 +985,92 @@
     "$figmaCollectionId": "VariableCollectionId:36528:61712",
     "$figmaModeId": "36528:0",
     "$figmaVariableReferences": {
-      "color.accent.1": "d57e9b1b26f7ec0af7a590ebcc81414ec4c9dedd",
-      "color.accent.2": "de3963c909e278c1442f0f746002763506bdc3f3",
-      "color.accent.3": "f20e35c5c0229b54a8a7a3c656dea1948b2750b4",
-      "color.accent.4": "6ca5193143ecedb87966d55482cd754c31b80382",
-      "color.accent.5": "c557bada980622750ae29bbbf685505587c31fa4",
-      "color.accent.6": "885fe85f40884fea07f87859c3fe8939d808e33c",
-      "color.accent.7": "a391ced167abf6b10a9a35705507761dd9256a67",
-      "color.accent.8": "1373dd7a8a00fb2a0e4e49dcd1128f788c02214a",
-      "color.accent.9": "198e233c4e85adca1483b9221d6cfc12ab6ef3d4",
-      "color.accent.10": "7350ab90fca66ae7c9bdb3106532bdd110415669",
-      "color.accent.11": "153245fd66c8d8ce55f8017e2376c3168a9d547b",
-      "color.accent.12": "2d7025a144106aa3c54e9fe84d9d0d716701dd4b",
-      "color.accent.13": "ae0f3073e6acc5d8da8ea854779b79d64cdd8e91",
-      "color.accent.contrast-1": "ddc1c50254633de2e5a78e65a17db3d86a6f0cfe",
-      "color.accent.contrast-2": "2e9a64d28cec56c1f4ade66a88809eb21954fcfc",
-      "color.neutral.1": "f943fe804a635e951ea5f3b18c336b94d1ced599",
-      "color.neutral.2": "f2a916f3c3bd96e0d64fe62702e30877b3d19136",
-      "color.neutral.3": "8d54f45aef90401d3bea38fa2523a831bc006cb6",
-      "color.neutral.4": "84bb3e674bb40e8e9637adb19a227c8651e025ba",
-      "color.neutral.5": "afebc11336fac619672ddba1b483c402f78c93a6",
-      "color.neutral.6": "eef38f4886935887f7c5baa39a978fbb8dfe4be5",
-      "color.neutral.7": "d066cfef2a53014313d0b46295ded18ae71fe70e",
-      "color.neutral.8": "196277919b1c8989cb48d64669ecb3b8a078c1df",
-      "color.neutral.9": "212fe4731bd0cb224a4b2e4c8c2d92b460afca86",
-      "color.neutral.10": "03ba954f0063c6559435d7cd4c4dbc6a1a10f55d",
-      "color.neutral.11": "4772ca780405fbdda5cb1625c8cb7a10cf0417dd",
-      "color.neutral.12": "30b1838bcfe59c82f64f04f98a9ccaeb704a8412",
-      "color.neutral.13": "4e8e8df56aa5f03ea656a71efc353876d001947b",
-      "color.neutral.contrast-1": "f20564539bd756fa841c98f3b52bf0fe05e1ec13",
-      "color.neutral.contrast-2": "6c748de83d2148555e00f26d1dd3ebc71bfe0ede",
-      "color.brand1.1": "30544dbd7c178f2b72a2c2fbf0ea1276e18f037e",
-      "color.brand1.2": "5060c8828379ec1adf652b31f5c2ae4690a1e024",
-      "color.brand1.3": "3230c2ba7bf52fd0c429ec81c857aebb46496f2a",
-      "color.brand1.4": "6576d5212c0d0378ef57c4edec16fa8a176e3be8",
-      "color.brand1.5": "10e252f6922ac5bbe1f72e439d394a3ce84c93a4",
-      "color.brand1.6": "84b3e5cc897f35a223de2b01e2eda4fb15e11631",
-      "color.brand1.7": "77694e097bd34d4a25888be0ca113a8fe02ede16",
-      "color.brand1.8": "a83d0826876f839f9dc5627220764c734e978a87",
-      "color.brand1.9": "acd169a4d73a501980675431ce23b57a98d6b0cd",
-      "color.brand1.10": "8310acfbdb5cef3731bdf8faba3fbf10c0cd6c66",
-      "color.brand1.11": "45746549fa426171180413d990023fa8c1c60eb4",
-      "color.brand1.12": "50378981d7ebb638fe058ad39cb7c688a631109e",
-      "color.brand1.13": "a2edc2db18b135675e32db3cf90fe50253440cec",
-      "color.brand1.contrast-1": "43f0b5cbce3e75a647d527906306e48533025768",
-      "color.brand1.contrast-2": "6c20bf21b03696de2bc8f0455be55e671ef3b56c",
-      "color.brand2.1": "fc8fdeb8820145da52224b88b291ef88bc890e55",
-      "color.brand2.2": "12d9f6d498398621d2dc9b416110b5af6538a2a5",
-      "color.brand2.3": "9a62bb1426e9f76535fc069d92095c2376d52454",
-      "color.brand2.4": "1ae643be25f27d318418830e503fccae2f6a5e80",
-      "color.brand2.5": "fbbf04c09d55b3ae872cc1bce7e126738494e259",
-      "color.brand2.6": "5d1afc7dd9f8b2ee8fa39c732ae006fdf9b8b214",
-      "color.brand2.7": "7c47ea9ad43ae0144db373baac73102b4f8dcae2",
-      "color.brand2.8": "648e47a7cd96d49c0a125c6296a97634b730784a",
-      "color.brand2.9": "2621e2ebac70764ea3bfb686730434908bd0327b",
-      "color.brand2.10": "e79b44b0ff43729fb6cbd1b50adac2fc597470f0",
-      "color.brand2.11": "49a79dcb670ec93eb9166441803254d757b94da6",
-      "color.brand2.12": "914b0986fedc41fd2d29390d34a17d53f1024692",
-      "color.brand2.13": "754bfcd9e21a9e06c6734c619e8e25e81914915e",
-      "color.brand2.contrast-1": "5871ed180680ffea0daaabd78052610a513cb8d3",
-      "color.brand2.contrast-2": "1b9e87679ef1553d0f1724a13b051aef0e45f77f",
-      "color.brand3.1": "5071a0ae81ab5bdcefc8ef86b561f698d842878a",
-      "color.brand3.2": "45d5c9e753c173757161e3526064c79ba2e43800",
-      "color.brand3.3": "413bc192ec41b1766fb00517c3ade123a00f0148",
-      "color.brand3.4": "32ff692b53565a413c43d0041b77dc7e0581b02a",
-      "color.brand3.5": "a87d187b5964c4c9e9809b3f7ecd1548ffdf2838",
-      "color.brand3.6": "dd2325e32e34b154de2af87db33f23da526d6965",
-      "color.brand3.7": "86e9ce4f29014334ae0dc007f73382038c1b3069",
-      "color.brand3.8": "569b4608622bcdba7174d9f2e7e39333b8d2203b",
-      "color.brand3.9": "b88890541720aed26c694cbbae82fd35656fe46f",
-      "color.brand3.10": "4dad7b7a4336a116d3ab5591d31d915c709ed7b8",
-      "color.brand3.11": "e5b1f59a67184ce3aa2e4caf2b6af5cf390663d2",
-      "color.brand3.12": "bef58c17112627f6d67ce188d0ab68c2c682abb3",
-      "color.brand3.13": "fbc9c17885e8248cd59157b6d07a8fe3a9386c55",
-      "color.brand3.contrast-1": "6bcf7be039ae7e1fae1bd2bd37c850e43273477d",
-      "color.brand3.contrast-2": "0cfbc6301ffe1e7bcc7cfb9dbc39765ccceaeb94",
-      "font.family": "32f399ee0e608727f1c4d02e8ceb892a6c3e79e0",
-      "font-weight.medium": "d48aac48a9fecf0dbe2e5c7b68427961007eac36",
-      "font-weight.semibold": "d684180ad99ad0b200080b18529a25476554343f",
-      "font-weight.regular": "82250a86efe7517071ff39e79b2579c5b57a6083",
-      "border-radius.1": "430e4e34456fbd05b0a5a818a553626419608b2b",
-      "border-radius.2": "d5832eb066c8b0a3dc25cded408a4d9f445432e2",
-      "border-radius.3": "785c1cfff3d8b21a3a29744f5a0f45f1f3ec0827",
-      "border-radius.4": "84a4998341610ba4b0013144a7f14d9d2533cb9d",
-      "border-radius.5": "c1d38a59c2eb078642aafd112e1a23cc3107e2b1",
-      "border-radius.base": "80b5d08a35a320b9bd2d4ecdbe2ccf0086315b88",
-      "border-radius.scale": "692a8c1f2038457a196ba0e077cdc70c6bad5e77"
+      "color.accent.1": "bb6257b934955e05f153da4cc5e353b4b2df3127",
+      "color.accent.2": "bdccc136452e6c4114bd9e3b5c0fb933576b4ae0",
+      "color.accent.3": "b410669e83ee37226ce365fe796ee532ae84ea25",
+      "color.accent.4": "9c14474b3f854cc3c5828190a400b639f65fae84",
+      "color.accent.5": "e5bb7e0eea0f6806cf09f1456eaa49bd048757a2",
+      "color.accent.6": "2603c282dfb86578c8164a71a567adf2cb06fed1",
+      "color.accent.7": "731db18159af231bd50cf47567bc1ed2a894bc61",
+      "color.accent.8": "e5cf6f4743fffae64b9d134b9338d0c0c6ee7726",
+      "color.accent.9": "36109fcf7963c0353864debc4915e0489e4d78bc",
+      "color.accent.10": "eae5a1dfe65a2285c116accca1bb1cb8a6d4fb11",
+      "color.accent.11": "946f06c3dc73530929155e14f5f112eff4da8451",
+      "color.accent.12": "07f5c3ba24dc42682a5ce156ef84c9e541ca1802",
+      "color.accent.13": "c489fe3dcdf56f1db0d9d666b065aa6ff9a23697",
+      "color.accent.contrast-1": "3c0d0134e9530334726bedf62590d0b3191ce2eb",
+      "color.accent.contrast-2": "c27b494360f1d3deaad33cd0a414fc9830e25f78",
+      "color.neutral.1": "0f1633d28f50a84ecea80975ee36570518f48532",
+      "color.neutral.2": "cae0ae64c7de413a53c6d6b492f14c40c2cadbed",
+      "color.neutral.3": "71579ae7256503b488bcab196a822a7355e1f353",
+      "color.neutral.4": "4d1f67f9049ec8f089ed1f8f9c3df363cd8aa95e",
+      "color.neutral.5": "f440cfe3983b196c8a185c00184ddb3ae0790209",
+      "color.neutral.6": "468bb68931ea4c48e836c0506c223a3968124a81",
+      "color.neutral.7": "14233eeb14414467f5171978ef9a85cef9087ec9",
+      "color.neutral.8": "5e01bdb828aa00b620cb17f34fe9e87f7e2a7665",
+      "color.neutral.9": "b6460ec7bdc513e5f26e166ad4dcdcd3f6ff4601",
+      "color.neutral.10": "618baa31b3d348a5d4ecd9579b0ab0642eeba5a7",
+      "color.neutral.11": "f1c52c5f28db6ef4e3e4b4ec85bf1625d0268cd6",
+      "color.neutral.12": "0f7c757ddb0a18264c4abd37e19a7eb11860cc28",
+      "color.neutral.13": "459224b8535e062d45b657be410b7523262f234b",
+      "color.neutral.contrast-1": "750ee1c27f207a4eff2727eb523f5ba1747294c2",
+      "color.neutral.contrast-2": "24aac7a87fd06aefd1828b376acb8ad429e32c90",
+      "color.brand1.1": "7bfb8dccf77c9c280e74d7bc9a76e0085b3cf935",
+      "color.brand1.2": "9b9ed395466b3bb1e66773eb3392f1fdc2f8e205",
+      "color.brand1.3": "3ec393e9b60824148b86bc48b6290f02d4ee31d1",
+      "color.brand1.4": "d0e8b15d90d3e3dd26d806d44bf42c4dd9824621",
+      "color.brand1.5": "858a40452ed07480e9f874bc10a28000723d2f34",
+      "color.brand1.6": "837e203793e020a7cba76d2745f86c9766c91658",
+      "color.brand1.7": "f7a92918d7b5705790e986b8c5f0ecea65e91f20",
+      "color.brand1.8": "575c50bf0a1dd7d79ea59080f54ad147b2db9f77",
+      "color.brand1.9": "20dbfaea51cd3601a6d3f82e2b9229d3b12a5dcc",
+      "color.brand1.10": "49454c9b2cc9a4a8a2b6bdffed2281eb7f09746f",
+      "color.brand1.11": "39f2abc553d27bfa78e224582aa44cd184db84bb",
+      "color.brand1.12": "293027f81777ec903bdfdaec4957a73a0e5993b9",
+      "color.brand1.13": "08088d473b0c57bfb797def3dc7d2967c5d62d6b",
+      "color.brand1.contrast-1": "f13eb32a7ef6a3768bd5c55423205ba9f464bf1c",
+      "color.brand1.contrast-2": "cc133729d16670186a8105eca1bd027858c9a77c",
+      "color.brand2.1": "2e05123e540f75230ff96e856abee021f5f025f5",
+      "color.brand2.2": "f39fac737c61553897d3096fe5a811537f897739",
+      "color.brand2.3": "ae542451356e3b0dfb56eb627e4625fffe7aa34f",
+      "color.brand2.4": "ce22770b0e4d62ca018e2e0cb00c72360d0d8d9b",
+      "color.brand2.5": "e2f0d4b91c6577ab8153686853bd39f24a60a43c",
+      "color.brand2.6": "a85aad2f881a0c8cf1177c5a08d3ee37d400d7e5",
+      "color.brand2.7": "0ca92a91cd03f484b0548e98f912eee17cdc0e36",
+      "color.brand2.8": "4c8e8dc311256b438c2c13fea1c196d7ea979230",
+      "color.brand2.9": "2cf02b1a3f6723810e99e513e12e06f1a74b739f",
+      "color.brand2.10": "7ec47a915af862a9378c760fcb2e7ad00ce4ed81",
+      "color.brand2.11": "ba8798e89ccc17a6b4ecf564ea028e911a3ec8d5",
+      "color.brand2.12": "14de39a06157e3d4ced60864c069fccdb6692428",
+      "color.brand2.13": "b95148cff6c4361be6a8a1c083937d8fcd7b67d2",
+      "color.brand2.contrast-1": "1d0e00cd6ed4f86ee32f5d4cd5130c20d3e058d3",
+      "color.brand2.contrast-2": "8670efea2abb74c9f8331bdd6255bbdb3212267e",
+      "color.brand3.1": "33289f03c5cb470e6cbda355dc788e9cfd9e5f7a",
+      "color.brand3.2": "dda6448d71685b304970d2a1d0af8bfd2c074ccc",
+      "color.brand3.3": "558529e0304dd6cabebec7b14b3bd51e8257164d",
+      "color.brand3.4": "89101c3173d9f7d53fd029b80501963987b833e3",
+      "color.brand3.5": "f59df683abd512f170a4adecf93505ce7f9acf4a",
+      "color.brand3.6": "7567a70d0706acd52fad04c134503b4968f12543",
+      "color.brand3.7": "243ed5baa9ad1c38dbe459d93e8e65b3f8286df4",
+      "color.brand3.8": "e38e626678c9fda161a8a96f0a3dd94cc36ac320",
+      "color.brand3.9": "103462740226f7fc0227ebc17964fcc156554ab5",
+      "color.brand3.10": "fc238a9637698494c3cd92bb3c5e00fd19a074d0",
+      "color.brand3.11": "25acffa859a4cd7f2adf4f1a23205b6abaa24d8a",
+      "color.brand3.12": "c844abfe7c9cdcea93c1398931f4abbdb6d5dcae",
+      "color.brand3.13": "e63ed3fc811b8cd891fa1a3e1e34d4f568171063",
+      "color.brand3.contrast-1": "73412bcd741619c722f22a1e0e06c2bb9c0ce334",
+      "color.brand3.contrast-2": "d47a4fd762451acc18bdbdcc2d6870597b1de541",
+      "font.family": "fa2c3afcab1f4853338e726e201eea8819db5178",
+      "font-weight.medium": "6f5a46ad95e7df91b6e6a25eaa1dfc39fcb01d30",
+      "font-weight.semibold": "a00b83f142c4ae882cd40b572cf768e743f61985",
+      "font-weight.regular": "a074286c348acc2e5dc4139dc7f3687f4f553528",
+      "border-radius.1": "49a08e40f52a3468c01e7f1a9845ffd6d7f8c9e7",
+      "border-radius.2": "818278cc4030b5e44b39c0e4e379f0b801cd0f81",
+      "border-radius.3": "30809b71d0dae2a5d5f34ac2b0e618f6c6431905",
+      "border-radius.4": "0d1d33cd41105813ce5bb1371515aa2c60cb71cd",
+      "border-radius.5": "6ea837cf433ca98546e6f60fa14142008f8b095c",
+      "border-radius.base": "c83c4b8a36d4c4754d0cce2cd586a3d727a97447",
+      "border-radius.scale": "d931b3e2435a7e8399465120cbb1a43022e3c7f8"
     },
     "group": "Theme"
   },
@@ -1004,13 +1078,13 @@
     "id": "541629445ef90ad5363f9e88f52a1ccb617e6f84",
     "name": "Semantic",
     "$figmaStyleReferences": {
-      "typography.heading.2xl": "S:25216af21a5e11bb86329e19b8816c2f71dd5b68,",
-      "typography.heading.xl": "S:e17f16aba334c6eea3d0b4cbe47859500e0a2018,",
-      "typography.heading.lg": "S:7a128bed08569912da8ca9b44b381ab941917e34,",
-      "typography.heading.md": "S:816c4fba6146f4a2c6129bf4d3bd51015696e71c,",
-      "typography.heading.sm": "S:5e864c2b70508c966c687ab7c3ab99df73cd131e,",
-      "typography.heading.xs": "S:bd9ed34ab139345ca55d684177fb3149cb42e876,",
-      "typography.heading.2xs": "S:9b1cebab040d686bf6673eab8221df4dcbff6e97,",
+      "typography.heading.2xl": "S:032324cc59541e45a1fffff6e3472b549af87a8f,",
+      "typography.heading.xl": "S:817ed230a6d18f2e0ecea297d81e32c07680300a,",
+      "typography.heading.lg": "S:3d965475e8be1da1f64f5f3f64d6d1803b29a585,",
+      "typography.heading.md": "S:98e2a2c34f6412191ffaa7d4a8b16b9a91e28140,",
+      "typography.heading.sm": "S:5e58843efec03edcc9b088af07af10820dbb0d86,",
+      "typography.heading.xs": "S:16fd587fcd534707332d4c7f692c1bd2072ce928,",
+      "typography.heading.2xs": "S:ef963a714ae665815b43a58f7b118f6c5f737cbd,",
       "typography.ingress.lg": "S:9037768d79b5bdbc3fc890ba11992e1522c105d1,",
       "typography.ingress.md": "S:3ab2a5a35b1d1ba00b3b2ad0b4e499dca262d26d,",
       "typography.ingress.sm": "S:f6daf4018e1fa3736ec070e8c04c8441474ba7f4,",
@@ -1019,21 +1093,21 @@
       "typography.label.md": "S:0b62f2c8a74888d1eb798014280bc3ecabc6e104,",
       "typography.label.sm": "S:d1864bfa5e9bec09d7f0f6ea711caa1ada82cad7,",
       "typography.label.xs": "S:0652ab75d388540fb362274838118fb253d37f04,",
-      "typography.body.lg": "S:42d3202aa348967d4d4046be746682b1318e8826,",
-      "typography.body.md": "S:5e8d3a4bd3997abdc4a8a76082e0d949c5891e2c,",
-      "typography.body.sm": "S:de31401c8d7f73467955d800490fab0bf172c482,",
-      "typography.body.xs": "S:26167e4e2b321a4844fa38f364005235950841b1,",
-      "typography.body.short.lg": "S:7dad346ebcaa03090132ed5fd62898c0daabd25e,",
-      "typography.body.short.md": "S:0a06e65c767198aa82639640cb71db59b9aab1c2,",
-      "typography.body.short.sm": "S:5c98110f9bd67c47333848c1958aaf77d3a40fa7,",
-      "typography.body.short.xs": "S:4fc178eb7023119c4352f0668f6cab7e5431d835,",
-      "typography.body.long.lg": "S:9c7c3d2db94806ed5154997d1e2891cb561fce22,",
-      "typography.body.long.md": "S:6c1e607695a6580e03cbfafc19d1ccd0cf101975,",
-      "typography.body.long.sm": "S:130b4703250b813d4caa3a80cf6c99298e9751fe,",
-      "typography.body.long.xs": "S:11866ebed76712786f3d96b29a24f4a582bc85d0,",
-      "typography.body.xl": "S:1a95070f47e0fba591efbefe237e2ba65410008c,",
-      "typography.body.short.xl": "S:ac182b4d24bf241219aa8846020a9d2941074aa1,",
-      "typography.body.long.xl": "S:a8ea778d52402dfe5ee1cabd6ae616d886e9ee2c,",
+      "typography.body.lg": "S:540d29e51b912c610343a904f91d7b73aca0bbaa,",
+      "typography.body.md": "S:c76ac1b8e1090b7a4d6704bc52c1727c81e248b4,",
+      "typography.body.sm": "S:4a4e19b557ec997f465c3ce84d0c6ed263121beb,",
+      "typography.body.xs": "S:19cb2747588bf756f4d67ec3f788218afe7ac5bc,",
+      "typography.body.short.lg": "S:30616311caf61cd04b55bbb0db5ba07f28f0cf76,",
+      "typography.body.short.md": "S:dc957066c452f5eb4f1062343b6cee89993d0786,",
+      "typography.body.short.sm": "S:47ab7109a13b95d75e8f30f2c626e440e11b64dc,",
+      "typography.body.short.xs": "S:405ecd3d0de5af8d3ec1d8abc9277c5a28d9bfb0,",
+      "typography.body.long.lg": "S:ae200f21eeca5cbb40f00ef8c2fe69185a8da1e5,",
+      "typography.body.long.md": "S:76ac3b4b923720798ff77d96d59c196b59a816bb,",
+      "typography.body.long.sm": "S:1631c5a08e97d1344c72b3677eebc503e9fb5fcd,",
+      "typography.body.long.xs": "S:da9257304b4503a9e5d82e7b9a398dc2e974e65d,",
+      "typography.body.xl": "S:1410ee2c9b0d27c973801fc1d1c68cdf7cde3989,",
+      "typography.body.short.xl": "S:c07504db4dd7e1f2ef88301628cfddeeb2c4e049,",
+      "typography.body.long.xl": "S:18d731d3facf88b63ceda977a0923289b2375fe8,",
       "shadow.xs": "S:15d2411391bc522973094bb8ef03ae9c97284a6d,",
       "shadow.sm": "S:a0f04eea29a42b7a02f2d9cdc74370cee6938577,",
       "shadow.md": "S:264c137ed468ebafe3317250f31a9615eea0ee19,",
@@ -1052,191 +1126,191 @@
     "$figmaCollectionId": "VariableCollectionId:34811:5976",
     "$figmaModeId": "34811:5",
     "$figmaVariableReferences": {
-      "color.accent.background-default": "66c251d95021cbe5b4637c3a5ae207332f5837cc",
-      "color.accent.background-subtle": "a2f1ed081e377e79c001ad43116e6f0c8499a38b",
-      "color.accent.surface-default": "7c238950d0ffd3e2981889d9ae76d73091daf3a4",
-      "color.accent.surface-hover": "db062df391a602d0d1a51190d7689769a673aab1",
-      "color.accent.surface-active": "3049055bdf19f8deb8cfb76c95c44dd988b83508",
-      "color.accent.border-subtle": "921c4cf372d04b7700eae984c8b26575d8ae354c",
-      "color.accent.border-default": "35e12d2ba2c4f4e879e1e3ff45a7df2d4e403e70",
-      "color.accent.border-strong": "e95942abac0bc93a9ae6fafa5515ac1dd374b229",
-      "color.accent.base-default": "38cbe65bbe3cfb034b8967c8c386745106ef9ae7",
-      "color.accent.base-hover": "7da14d831efb79dd5b98bba555b5a65b522daa00",
-      "color.accent.base-active": "dbf60c3000071d90a423895b2382b8908501e8ab",
-      "color.accent.text-subtle": "3bbd197b66cc66bbd3d2900744851388be4b72ea",
-      "color.accent.text-default": "89c3f327c6cc20255cfeaa457dc77c9a44cd0555",
-      "color.accent.contrast-default": "fa3f09b27fdafc843530a2251462b1f77b8ab251",
-      "color.accent.contrast-subtle": "c4ecc93f40a4724c3840977a5d1dfd546d2ddd4f",
-      "color.neutral.background-default": "a14d8e1346e348ee1be85410149c19e584899964",
-      "color.neutral.background-subtle": "b059c374e82aa3e339fc323e6a83db552d3c7968",
-      "color.neutral.surface-default": "099a511e5c8ea126a8273e92930e978f18c64065",
-      "color.neutral.surface-hover": "37e22bf3f1d830720d49e733d952ea2b077e1fb7",
-      "color.neutral.surface-active": "fddf14a7e2deaef8988f5ab45f0bf50ca0aef977",
-      "color.neutral.border-subtle": "5be93e75750ef2a5f640cc6a7404b7a2ccb90c3a",
-      "color.neutral.border-default": "ccc01af38a2b91e7758242e1eadaf1a755a9e9b3",
-      "color.neutral.border-strong": "959c32c89390bb423014cee8e547a0e1da721dbf",
-      "color.neutral.base-default": "f09cf9d8cb875eb731f4aa191a7dc2db7d8bad59",
-      "color.neutral.base-hover": "f780175ea1372f615d1567f0bb397284ac64e4d0",
-      "color.neutral.base-active": "667d7e21dc171b6eb0683b610c58c47c44622326",
-      "color.neutral.text-subtle": "da42f02ad3dc2c442a8c668d21c8d28dd270cb0a",
-      "color.neutral.text-default": "51c3c7e277e3eb002b570a2570a8cb732d5db4a4",
-      "color.neutral.contrast-default": "2e68685b1271425be19b202b3d5ba4622337eb9a",
-      "color.neutral.contrast-subtle": "43448c41aa963679dc3d548bd0ccbfa402d74043",
-      "color.brand1.background-default": "73d773aa6ab6d7a4001710974ed2ae4e5b4d4dea",
-      "color.brand1.background-subtle": "12838f40de64e9a8a158291376878d511f471124",
-      "color.brand1.surface-default": "84f026c5c7f6e393de59660e84af9c908832f62a",
-      "color.brand1.surface-hover": "298bf20662330889cbdc4f0dcdb811581ea41ae3",
-      "color.brand1.surface-active": "3a32e777d515ba58db04298a7873366cc510ea0b",
-      "color.brand1.border-subtle": "45db94769aecd7c8ad94efc5e324c11826060b90",
-      "color.brand1.border-default": "326af5585ae9d7d99ce1678290ce5f96da940cd1",
-      "color.brand1.border-strong": "f52c94f6123beba9b11fd213f6dcd1e9ec70b252",
-      "color.brand1.base-default": "485cfaf467d4836411697a9026e6a39f6d278e41",
-      "color.brand1.base-hover": "b9906747d0ba47f6f3c6ca3388b38555434fd6bf",
-      "color.brand1.base-active": "a0e90e1c9a2b08cdcffc56071c7a0a9cbca86ae8",
-      "color.brand1.text-subtle": "3b60d9bf398baa6237d43f2d7bff5b5cadf559b5",
-      "color.brand1.text-default": "53809d4b416a36b60d7bca35a02b519b7023e3b8",
-      "color.brand1.contrast-default": "a633c2e98b11f0230d75fe414ec279b978c6a8bb",
-      "color.brand1.contrast-subtle": "fb3e9c06af93acfefb6849622a5803bad388d117",
-      "color.brand2.background-default": "debb911b43b14ba32c857a8631a686c821ff8e1a",
-      "color.brand2.background-subtle": "5a3d464fa9cd7b9300b21c588868c4dbeef2c984",
-      "color.brand2.surface-default": "13afd12e87c4aba5f6099d94cc5e328ba806b97d",
-      "color.brand2.surface-hover": "f98c24c1bdf2cec85c1dcfa13c688b140102a463",
-      "color.brand2.surface-active": "05d9d0fa8aa67dbfcde76d9ac0169ace038a3c4b",
-      "color.brand2.border-subtle": "3fbf2fd3ae6dc2f08303006d2a62e594e4c3cca9",
-      "color.brand2.border-default": "4122faec7f97ae6a7ea984523a92bb4162f7277c",
-      "color.brand2.border-strong": "05e2cf3bfa822a26a52562b9eac8550dbcce6740",
-      "color.brand2.base-default": "87957522a4114a16bc1f4423fbdd4e91dc9441d4",
-      "color.brand2.base-hover": "3a7cd9fab4b14a7e2efa1e5170ddc1b85567a3a5",
-      "color.brand2.base-active": "777859efebd75dcdf2b6361f62b917f5da5b7c5a",
-      "color.brand2.text-subtle": "c1aceba99760fba360791e6c82aabf37dd438535",
-      "color.brand2.text-default": "ee9de0142ee0ddfbde31c8a8574da4e711d439ce",
-      "color.brand2.contrast-default": "9bf8de2d66b75ee276405df1fe2ff6f1c4892ed4",
-      "color.brand2.contrast-subtle": "c7ad5188a72f7f27bbefeb94ab1a984b0e0295f1",
-      "color.brand3.background-default": "8c9a903d152a10227296dcde025422f3dbbb92c1",
-      "color.brand3.background-subtle": "85ccd36d46b652b631d39e3b2228a237aeb8164a",
-      "color.brand3.surface-default": "7c436164280f689d766d356996a92696ccc27de6",
-      "color.brand3.surface-hover": "232948bd98dddd0f88d545f1635730be173f9123",
-      "color.brand3.surface-active": "1507c48a662ebbaf2c50701b2d2f5b2310f43d80",
-      "color.brand3.border-subtle": "fb4d7a26e0232159d7c3bf62ff5bdc5e9e4674dc",
-      "color.brand3.border-default": "df8d094b36d903399a6ec179ccfde126783b25b5",
-      "color.brand3.border-strong": "2809dda2b6abaff224999f8e093160e3a9f91924",
-      "color.brand3.base-default": "ffcb94d90e5e13d4bf5ae0a750c0e93767ebc920",
-      "color.brand3.base-hover": "94e996642bdc4aa1e9bb2b1fa44340efe34ccdc7",
-      "color.brand3.base-active": "234a0c65c34d913231c6fdd789295357b01c6ba1",
-      "color.brand3.text-subtle": "5b15adf9dac2101dd116d072a44fc84388939913",
-      "color.brand3.text-default": "1b799658b64445c0da0ad06290c2fbc8eb05e1bf",
-      "color.brand3.contrast-default": "9b12ad3d91e9141043b115fd078a7f68c208659e",
-      "color.brand3.contrast-subtle": "403287e2fe083d594828a6aff27198a6ce67ba4c",
-      "color.success.background-default": "3ceba0df8a643ce1b4e837d43c404d6de26d4de9",
-      "color.success.background-subtle": "52863dd8c98275b4c407f89dd4904319735ad522",
-      "color.success.surface-default": "27b8203a7d882771922916639d39480b1983564f",
-      "color.success.surface-hover": "af6ccbd049931d4fc522ea043c279d829dc5ba21",
-      "color.success.surface-active": "cfc21d99bfad388345eed3fc5c1f7e4837a70cc3",
-      "color.success.border-subtle": "683928dcb1b06c0356109399563232aa4a68d1b8",
-      "color.success.border-default": "040fd6ac84243c18792ee1d5598373d8027373f3",
-      "color.success.border-strong": "3dc165d5189acd77df27c8a9480ee499bb0612b4",
-      "color.success.base-default": "f616aa19217d3e83d6df9cd30dc28e2a7e656a2a",
-      "color.success.base-hover": "e2be90f26ba5e3b395cfd987878fd17969272f3e",
-      "color.success.base-active": "0a54a342f41c8f894b66c409b44e6b4c141fcdc6",
-      "color.success.text-subtle": "67587ca42f04d11dffb12f6dbce1760b18a157c4",
-      "color.success.text-default": "49a31f6095fd75d4a3a36378f62f8a2789494917",
-      "color.success.contrast-default": "bd062599c0d058161c5c7bb29eeede7dc876befd",
-      "color.success.contrast-subtle": "c7cc75502bd1c7813c03eee29da050d2014fc5f0",
-      "color.danger.background-default": "3194ec8ad659d59d435cd58827b8c827aa3301cf",
-      "color.danger.background-subtle": "267ae0499bdc74fcc791c131c69565f55b10429b",
-      "color.danger.surface-default": "7400f5d25c05c68ba9a039ed5b08c5562a5cd994",
-      "color.danger.surface-hover": "0561b7bcb37ce638403eb04b117734eec1ca5ca0",
-      "color.danger.surface-active": "caf64c5e05ab286bba71a178638717dc8e886702",
-      "color.danger.border-subtle": "36991a1abbb5fc74b52713fa4172e9c726ac8107",
-      "color.danger.border-default": "659c4d5adc45304a585ec470abeeee569e71e8be",
-      "color.danger.border-strong": "96718dd9d79684713bf62fd71673e5a684de4a11",
-      "color.danger.base-default": "625c866ee6cccefbd9b87e55949bfc3dfd5042f4",
-      "color.danger.base-hover": "77444f414064689dc36b09769f24e045c5fcb8f7",
-      "color.danger.base-active": "5900b4260bb4f15b0c61c084fadf02ce460ddd34",
-      "color.danger.text-subtle": "e5fd38d47890f34bbee7412cad76dc7b90243d20",
-      "color.danger.text-default": "33e5f472d3b5fe130205d3066717abbc28ce6d65",
-      "color.danger.contrast-default": "88f5cd336fe710432188750706bb00bac226a9ab",
-      "color.danger.contrast-subtle": "2fc3dcbb4218d387eece257a8b155ada3e029cf7",
-      "color.info.background-default": "02b63f18e8bbdcc0f0504fbee86ca9648b2deba4",
-      "color.info.background-subtle": "f718aca85f2448496c0dc530285c86a9f47f89fc",
-      "color.info.surface-default": "004c4e39590f3abb7450bc3df2b3c12c36d5b34e",
-      "color.info.surface-hover": "a68f7bef48ab04ccb2e7a745a616f7b538ab7f64",
-      "color.info.surface-active": "ae3e87f9597b0a64794006c45647c2732c56e1a9",
-      "color.info.border-subtle": "1ffe5b7397c8c48e8d0fb6fd0eeb59285b28f98e",
-      "color.info.border-default": "9fb559c8d69aafd6041b6adf27ee4b5150b23135",
-      "color.info.border-strong": "206eff3e32f6af6d26335a280d850158b755e2ec",
-      "color.info.base-default": "feb210508bae532bf42216079e751fc65f4da3d5",
-      "color.info.base-hover": "ecaef5c4585fc82252e08b16564edd49f9f062aa",
-      "color.info.base-active": "cc66305f6468e696f3a6c7979562297260246e54",
-      "color.info.text-subtle": "07dee568fa3099152d013b09cd5d402f65097ac1",
-      "color.info.text-default": "21ae56444ff058938849b5f5c08d03bb67bddc87",
-      "color.info.contrast-default": "068e1de6e216e5867756c595768cc19c88a72fb3",
-      "color.info.contrast-subtle": "311fee45f4dc4c1da777e8466a7804fc01e1cba0",
-      "color.warning.background-default": "8a24ea3a30c6e03949d6987a73d9edbe19845a63",
-      "color.warning.background-subtle": "886ac34f2b62bad18ff6d1db1d21b244de75d39a",
-      "color.warning.surface-default": "df6f221752893a5b07aec9a8bfe8daffc4f55701",
-      "color.warning.surface-hover": "36c1d0b22d55a954f09c871597c5b3452758c814",
-      "color.warning.surface-active": "48020179179256549802a6e6ec84c134a2311aad",
-      "color.warning.border-subtle": "ae15a8dcba3c24264c7dcc3384c225bcdf3cedf3",
-      "color.warning.border-default": "e9704a59f7b73f3d6ee23249f8060436bac2921b",
-      "color.warning.border-strong": "83e16e373c2ddcb3265848d8ba2420c5fe7381eb",
-      "color.warning.base-default": "def95b13b807f2f8b6202875cf419d0bb044d8e4",
-      "color.warning.base-hover": "c4ee486b084195feeb822eec2de63bfdec2652bb",
-      "color.warning.base-active": "31de29f6538369494931e147a88cd941ebe77927",
-      "color.warning.text-subtle": "7d85d91b3fbc7cb0749d7e928b305c74e62e69f0",
-      "color.warning.text-default": "11f3f1d983db49b036aacb16dc5d3ca5e0143da0",
-      "color.warning.contrast-default": "3d38f3079fb9fd155567ec24c7fde25f68c40f42",
-      "color.warning.contrast-subtle": "efb708d66f25610b35df2fe9bd9088e80e31a0a3",
-      "color.focus.inner": "1ec8f76f658042889b1eb4b08f3ce9bca1b7e603",
-      "color.focus.outer": "09e04f0bfff8fdc309db58a0131b5d07dae6b4f8",
-      "disabled.opacity": "d94940d06b80e1cb6184ae12c5793a1ef95420ba",
-      "border-radius.sm": "7b2af5d22e01253d20184bf5c3f872a18d41a315",
-      "border-radius.md": "76f37e1c3307e179fa0144249c3b801d1c23e748",
-      "border-radius.lg": "ac79c81ad8072fd4377a13a6e856d494c693fcf3",
-      "border-radius.default": "7b61c03456ebcf335bed7486c7897986b688765b",
-      "border-radius.full": "402d1c89e9770719d5da3e2379344604f3021569",
-      "spacing.0": "fc789f9fa08a555a4338d53405faa463dfa51689",
-      "spacing.1": "f81609d4dc6bf19d758713001ca33e4e21acbd7a",
-      "spacing.2": "d82d6e63323d5e1f85f5fd1aa54eceeb5ff2a2f3",
-      "spacing.3": "c5a4e25af9039b4acad5cbcb0e94a943749581fa",
-      "spacing.4": "7a5145dc0a51281b0bfd3f3fb6e5ed10cd9417e1",
-      "spacing.5": "40212f8732f50e07f964501e0b1cac6a048fc4b3",
-      "spacing.6": "de02657f819059c9662e0483cb5c72a791c92d54",
-      "spacing.7": "e07a8229201269455cca1b1e9470db01b734e39d",
-      "spacing.8": "4f7fe750dcd834dff2fe3e078e6e0254075ff964",
-      "spacing.9": "1bd207f4b560e03eda66f4e5eaa1d19c0bbb9e96",
-      "spacing.10": "f3c977fecf87ba580b25064e561ace2a83a5cbbf",
-      "spacing.11": "2be74c0dfc1979fd9ce0b49b8c53c53a56370be6",
-      "spacing.12": "2b0132c4846c3a9b2862d9f329cfb2d89a770389",
-      "spacing.13": "1bbc0e046202b27851a43a8a1a3f5fa3563055e3",
-      "spacing.14": "3c4f5e0d3c9bf5bae8d4ec4e80aa6870fb981949",
-      "spacing.15": "4c422183731c26d1b23374de723ff8dd33d6aef9",
-      "spacing.18": "bae761488a8ed986d6f16f5c85d4b0288adfaf9d",
-      "spacing.22": "47e296f76dddf426d3bee3ee57b396b8e92c0d80",
-      "spacing.26": "76c0b07e99cf5c17c6fcbaac3647d5252eacc47e",
-      "spacing.30": "0b93c3be3be96b775da6124c0ecedf204c9932ee",
-      "sizing.0": "0bfae9839e97fb781011b375b2989c0a008b2926",
-      "sizing.1": "7fc2e57eb7ded152643f4ade413e869f4a214a47",
-      "sizing.2": "2d0a58bf3c81352b74a34ebbd611548cdb2272b7",
-      "sizing.3": "5009660a30c96488347ce9d7b94394bbe39d5905",
-      "sizing.4": "e8d58ae6810755487b782187c9691e201d1eb983",
-      "sizing.5": "542fe70a17972f40dc49d18dc7aadf4875126e0c",
-      "sizing.6": "567efe7ca0b8770bf54794808463231d34aaaeb3",
-      "sizing.7": "c39fb992ed34f572ee86c8beec208269e5db1bb5",
-      "sizing.8": "facf189ce70035a4e4ee3fb01e2c3befa670f902",
-      "sizing.9": "a7d15015cd1186905eaa58d7d81c1e250be88d8a",
-      "sizing.10": "49e7167c90caa65bb4b3417f0bc4b0ad37369e2c",
-      "sizing.11": "f4384af9689b97ce7c5e4d793bb49c41ee7c5612",
-      "sizing.12": "f1c93cbcc8f16d18aa43d6aa834aad56625c71d1",
-      "sizing.13": "57b58c97b74b1909c0cb7cab45889f4059631034",
-      "sizing.14": "e9bc584fdd894132bbed815c612167a72f251d3c",
-      "sizing.15": "e754e5ea2bd68fa728d0b8dc37502d01caa073b9",
-      "sizing.18": "c51587654660af6561cb244bbc1a7a6461321cfe",
-      "sizing.22": "9477b31528ea339ae1350b93a50987e5afc92b76",
-      "sizing.26": "42a8170ee551cacaf2e833e6576f271ddbf7b0ab",
-      "sizing.30": "49baf0928082114475f780cb1496f14ed43d29c6",
-      "border-width.default": "ac5b6181d17de3d25249c91674dce4fef8711216",
-      "border-width.highlight": "dd40bb1cb729138762c0bfa29d26adb58b726354"
+      "color.accent.background-default": "f49a8ae82b185007b22920fbae7187b691eeaf3a",
+      "color.accent.background-subtle": "5e3b9a411452fa4d0f73919246ca9453c304f141",
+      "color.accent.surface-default": "85ffd2bc928286dfa2cec7d4349da6d84b3e0426",
+      "color.accent.surface-hover": "7a0286bd72986f196347d16f2ed155c0759c56c5",
+      "color.accent.surface-active": "0031b42b668339ad217dc08b036a59b2a2b2a069",
+      "color.accent.border-subtle": "84694789f949bc1d07d460243d3341eec4b1cd6c",
+      "color.accent.border-default": "317d067f4c5bfc87838186650d63e63ccb56581d",
+      "color.accent.border-strong": "4015a7bc35a14071719a14db948a0a23b2fe9920",
+      "color.accent.base-default": "5204f502e749b07bcfcab201677d8ecdc42a6bd0",
+      "color.accent.base-hover": "0da3eb03b4acf2b9e69bb214ce9ce850035fa55b",
+      "color.accent.base-active": "cabe1ca5c92be03ff0f8ecc641f61e062f9205d0",
+      "color.accent.text-subtle": "c61420d1591cb3054b7b674d8b5e66a3da32f45d",
+      "color.accent.text-default": "69c1ab821f155ef310a787a582bd7044cc2024c2",
+      "color.accent.contrast-default": "a005e23a4c703e2562b36d0857d100615d63b7ba",
+      "color.accent.contrast-subtle": "17cd3a87dbdb6d98f4812df22a01c9bf7c9e6eb7",
+      "color.neutral.background-default": "d6f9694139ef613a1180e0aadb285c5c45f91399",
+      "color.neutral.background-subtle": "8a721b17adff4e28757ebc6b0042a5516520f366",
+      "color.neutral.surface-default": "e2c03a3b331f3012faa7f51d417ecff359f234e3",
+      "color.neutral.surface-hover": "4e5e3c9e72aa0168ae419bf666cea5bb7537b618",
+      "color.neutral.surface-active": "89b0801103ecac86ae0e61dc676eff413add2156",
+      "color.neutral.border-subtle": "7a663945c2fe3ae09c99372033dad23536950bf9",
+      "color.neutral.border-default": "932b3ead32982e760e6568c8491898992638dcb3",
+      "color.neutral.border-strong": "276e20279f9511a113dcacc611530e66db461953",
+      "color.neutral.base-default": "da07e09de9853d80eeea4eb76c916b84d1a95ab1",
+      "color.neutral.base-hover": "395a68dd4d680f70a1c9d69a5c293b455a9dc133",
+      "color.neutral.base-active": "1e91d5c7998403e54a410cc7c0afcbdc23e67876",
+      "color.neutral.text-subtle": "353b7978d08eb6a48bbadb41fa6ea0b14423c935",
+      "color.neutral.text-default": "5fbef256bec38be70d71aa18f7829e8425c17231",
+      "color.neutral.contrast-default": "2bf90ab84530df97211233a74a3f64360ecbba9c",
+      "color.neutral.contrast-subtle": "c73acc58f560f3a1b38d38d427cfe2587210d524",
+      "color.brand1.background-default": "daa99d6c64bfa1627651be4ff35c01fb4feebf17",
+      "color.brand1.background-subtle": "7932cc19647fd645e41edcf31e58af032d498bff",
+      "color.brand1.surface-default": "8f148ef8f46b44be191cade330704a6176582d16",
+      "color.brand1.surface-hover": "5ebcedaa73262b30ee59ac40fd7468d3a174b6a6",
+      "color.brand1.surface-active": "4317f602cb1ffb1b2c563987489c28b26ea5d0d5",
+      "color.brand1.border-subtle": "334ed85302e055bb93afbb44b498537e3df75927",
+      "color.brand1.border-default": "1242c2a3d782a857d3f85db244ee44b0e0891271",
+      "color.brand1.border-strong": "9c82a36fa0b8539c0abd4d81901c20b762558036",
+      "color.brand1.base-default": "47ecca40a9dc8e9a661b76b59ac9d5823757e314",
+      "color.brand1.base-hover": "53ea6eafe6df0a541fb6126ef776d3a8310d9a4b",
+      "color.brand1.base-active": "e999cacdf408310d97ce33739b1ec154ff3c5e98",
+      "color.brand1.text-subtle": "38331588055038d86eddadad9e50b500647ab4db",
+      "color.brand1.text-default": "3a69d217642b5cefd8daf62eec49f44f2afa5825",
+      "color.brand1.contrast-default": "acc41cb4669ed5ddb8cd6f3226dd9624b222b217",
+      "color.brand1.contrast-subtle": "85f3a92d7440c4e4cf72f1da86d8429590710d38",
+      "color.brand2.background-default": "acc174832ad87ef85cc066ea8cbdbb5dc656bb5d",
+      "color.brand2.background-subtle": "e2c3e574128bd48db220a9962cbf2c3015601be1",
+      "color.brand2.surface-default": "d1d41d19926b2d39440cdc8461eafb258b5c7faa",
+      "color.brand2.surface-hover": "c9a889bc802d0344dedbbe43cd27605579f1c44b",
+      "color.brand2.surface-active": "f56d9b334f7f62457e7eed8ae9e9e6e4c4492d25",
+      "color.brand2.border-subtle": "448d523fdcc10f45b55ba43a2bff1ca3bc5765ad",
+      "color.brand2.border-default": "34777cd0990f07bd7fc196317da4a6ee31521b53",
+      "color.brand2.border-strong": "6e235de42672393a939b9ef9ea8e484ef682c230",
+      "color.brand2.base-default": "5f32c610bc8bf60e61b04ff61dfe673ae22f7ba9",
+      "color.brand2.base-hover": "3ec7ddfcababaa174c79ee38b92574e61deb3996",
+      "color.brand2.base-active": "46cbfdf8ee73045a58f8ffdf3170415c3d8f597b",
+      "color.brand2.text-subtle": "f18fe585ef084bd062194b8310e5a95d6859b7e2",
+      "color.brand2.text-default": "3425c43c78c9b23116bb307bf283f7da90193e53",
+      "color.brand2.contrast-default": "6be545988d38c38a43887779afcab1a955dc0376",
+      "color.brand2.contrast-subtle": "602c4e1f274f2e6ec679f0260fb36ba4747837b1",
+      "color.brand3.background-default": "cedcec3bec005fc536b5f6c6e24e2bd75cc8aced",
+      "color.brand3.background-subtle": "255f5334bc3cb8355f16a73f152d28c934062a2d",
+      "color.brand3.surface-default": "12ef1bf674d809053f040809b2cf56bbded54cbf",
+      "color.brand3.surface-hover": "b09c83201802a5f1f8c9d797361fd4c942a969e3",
+      "color.brand3.surface-active": "4e9e95a169f99f705a9a3f882191b3cf71e2eed7",
+      "color.brand3.border-subtle": "1dff48ff9dd8ac8a0ef302eddd3a83da1765872d",
+      "color.brand3.border-default": "70c761581f64c4f690f67f43159fc55f38856c7c",
+      "color.brand3.border-strong": "4f9848c3cf803ad5b647ab217a6eb3c837437801",
+      "color.brand3.base-default": "1a321626904ec635608a09ba289c525ae3cf8b76",
+      "color.brand3.base-hover": "c3d125bc82e588db5efb5268f4800c841cbd1cd8",
+      "color.brand3.base-active": "6b629dcc25826eaf4089a93598d47591e665b780",
+      "color.brand3.text-subtle": "ffb4ac12f250b94f85254fab2ea936bcb17e7567",
+      "color.brand3.text-default": "df525269b6c216c5211c61e5eb411f007d1c49ac",
+      "color.brand3.contrast-default": "03cdf3563a32c9314726705e0c331842ab2b3e60",
+      "color.brand3.contrast-subtle": "c22ec18ade8eaf0e37caa17f6ffd42182e979de1",
+      "color.success.background-default": "05ab00df7037fc1de4625e3e2a0e99bedcdd9f85",
+      "color.success.background-subtle": "b3735ad2a6b23e4f9c8441c232df673d8d314845",
+      "color.success.surface-default": "61f83be49fd5050bb7ed42d62f7f27a39556a083",
+      "color.success.surface-hover": "5a35761501c289fd8f16a9058a296c3e8d07de2a",
+      "color.success.surface-active": "95ad2224fbbc245291a9147baf6995073cd6f0d1",
+      "color.success.border-subtle": "f698c4465ad9121225a0a36e4a1637b6700aad35",
+      "color.success.border-default": "808f16caff59826cfd00b20f19ef083c66c29abf",
+      "color.success.border-strong": "f5f3364fcf4264af8da43d2b9c3a141704ae8df9",
+      "color.success.base-default": "8e30684d0b1aa92677d77e3ad4752e38fa7e89f1",
+      "color.success.base-hover": "6ae405b2bb491a9a70168b30831140a2ddbfd1b7",
+      "color.success.base-active": "523431bbfc284985dd5dcf0264a6671d6aa7395c",
+      "color.success.text-subtle": "4e39ae5eb65355087ff23a941627dcec33871a88",
+      "color.success.text-default": "7839ffaf51cf696e80b43994fecef03c8b6d30d5",
+      "color.success.contrast-default": "623434d11c686ee908e8b8a1b92e1003a171c37d",
+      "color.success.contrast-subtle": "added0c656770c52d3d4871773740ef90a7094eb",
+      "color.danger.background-default": "566615a9d7cc071382ed88bdb6b407251ea56d41",
+      "color.danger.background-subtle": "74644bb0df2c26c7de3d348e0d5ed74a80f1c87f",
+      "color.danger.surface-default": "1749ef78dd030f3350976c469c2de04a33016808",
+      "color.danger.surface-hover": "aa318b1c5b7b31427fb2f3bdb6d7a2d89994d44f",
+      "color.danger.surface-active": "ac29ead842824e61df9a702f1b319fbc266f314e",
+      "color.danger.border-subtle": "c347bec0633f44c67ab76dd464e0c174d140a437",
+      "color.danger.border-default": "164fb9e59f8e7a3cb60d92a6caee8e825c95a33a",
+      "color.danger.border-strong": "7091762d2494da0d79e9681a0ee67656e8869ffc",
+      "color.danger.base-default": "8d25aaea9c03d35b769d40dfea6486dd18a99ad6",
+      "color.danger.base-hover": "ea2cc0a4e3ce8ef2bc113b2f38344e9ca74e10af",
+      "color.danger.base-active": "cf8652537239ef17c09fbadcfb8d3c12beb6ee1a",
+      "color.danger.text-subtle": "aebac14e197ff73ff2438f3c4ba6ed13e3f6afb5",
+      "color.danger.text-default": "7db406326afa5a5bb00bf68b12123e64530f5c63",
+      "color.danger.contrast-default": "e8edda99009eae8aef5bb7e7538c990b766439e0",
+      "color.danger.contrast-subtle": "370acca07c8c26e070bfeab6e6bf423ec0b7effc",
+      "color.info.background-default": "0fa5b671b5e304a9044c6e1a9e76f88daa60292f",
+      "color.info.background-subtle": "672bd0ce8ae3b0edebbf74f40b53bbaee1cb9083",
+      "color.info.surface-default": "6344f85031e43a952f90156935f901442be233ed",
+      "color.info.surface-hover": "020d6366c9e5a8886599c316b29f949a49053940",
+      "color.info.surface-active": "801ae4b9235d2bb1461ebf1b50c0d95c4f6a3ba3",
+      "color.info.border-subtle": "9319cfbfa7693a72d5e2d56d555bdb2ecca791d5",
+      "color.info.border-default": "5c1b4386d9a4a78f47f1dd8782867134c10af39d",
+      "color.info.border-strong": "4935cbc668d90b17192905e24ea842d406a1804e",
+      "color.info.base-default": "f4d7cf1dcac3038f6f3ff1f97ca919ed22510a7e",
+      "color.info.base-hover": "bc9591cbbbffff9523f210df94efdcd2241b848e",
+      "color.info.base-active": "073fe124f096447e2bc7fd0fbb26fefc5c8019c2",
+      "color.info.text-subtle": "469fd37a9f5a9326fa79f673da580531f864a801",
+      "color.info.text-default": "5fa4d18382f7d4a23c98ecb3d1a5af6530cd6017",
+      "color.info.contrast-default": "5d20ef679fafa42e691bba582e7f1a748967918f",
+      "color.info.contrast-subtle": "dbbbf393822c99d5f07fa500baddc470094ef3f3",
+      "color.warning.background-default": "0b67c817cb26096be9a15654f2089d06a77490fd",
+      "color.warning.background-subtle": "9808b3e7df39e86997ca7157d2684484cf0ccaf3",
+      "color.warning.surface-default": "0a1b03a23074d996758ae0daaafd80751234499a",
+      "color.warning.surface-hover": "e84de2b9c1d1b0fdd9310a236863ad7d7febae49",
+      "color.warning.surface-active": "175d21478a345bb2a736a92fe42d4c9c75c02af9",
+      "color.warning.border-subtle": "44ddecf5d46ff4903f0e7eceb9f1cea475c38fbf",
+      "color.warning.border-default": "acca5bde6fd1238e9ce4414d18248ca4741f5234",
+      "color.warning.border-strong": "24525067da8384f6e541787ac6fa2ddcc88c50d8",
+      "color.warning.base-default": "645912b9cf20404f89520dbe3fab060755a40aea",
+      "color.warning.base-hover": "7add6b5bba5500d738c72e98bddd043221591c99",
+      "color.warning.base-active": "1581c75ed7144a8f5d2f8ec851b4183559df1da8",
+      "color.warning.text-subtle": "5caaee96e45f0a32a430c7e5dc495a8e9fdc7bb8",
+      "color.warning.text-default": "72a826e2cbae00a765d085c59fce739d872b6198",
+      "color.warning.contrast-default": "35c4bdd207c9e4331d4fb547d95834365fe5bf28",
+      "color.warning.contrast-subtle": "a17743c65773a4291b16901247c8f024143807d1",
+      "color.focus.inner": "c45b468ce89293d0b4c4f4183720d2fc90416551",
+      "color.focus.outer": "872f0d2f20cdcb0fe1a2e0b5b40d2cec3f3ace7d",
+      "disabled.opacity": "1c95cc4644615162e7bc8ac0067c0b8072a97f08",
+      "border-radius.sm": "9606ceeb8d4b35421cb1c2bdc48e8ba05b09cc83",
+      "border-radius.md": "08d9503892f1f01b66af7a781f5e81dc3fd06291",
+      "border-radius.lg": "f7fe1acfc7bed3ae47422fec14092a2711ef4874",
+      "border-radius.default": "e99d20caea8093553730161d4ebf6fa9aa681292",
+      "border-radius.full": "9831c1aca7d8eb11f9de57be7cd94b8988fa2e51",
+      "spacing.0": "e4c027108e976e7445987508e778dbe8e8ee5833",
+      "spacing.1": "0b870c5292502f63d2a365ea7b030eb06b43a9fc",
+      "spacing.2": "e3a7c1493246f040fa93855e14359fde89f164c3",
+      "spacing.3": "53ad02ae7abd3485062d2886475628a7992a90d6",
+      "spacing.4": "7d9488cc8efd89063bda739138a0634a83aa7c6a",
+      "spacing.5": "af033b22c1147dbfcb232281e68859638f20c01b",
+      "spacing.6": "9028c011f865b693922efcd801afbbd842d2acb8",
+      "spacing.7": "a40599c092cbce38c7c320388a38d3cbe515c213",
+      "spacing.8": "4385ae0d6e2863a8f4907c3ee3f0632d100b3051",
+      "spacing.9": "79dc687e8ea5f26b7aa76c8ec37bd7d51867b90c",
+      "spacing.10": "e4c98c19b7545e303023afffa9ab0fb7735b83ac",
+      "spacing.11": "33dab1037b99bf8780dea23d4f8e12b09af582fe",
+      "spacing.12": "e99634edbc1c63dd2c4e419030125458028426dd",
+      "spacing.13": "9d7e1bd702db758da588739ef20770db442915fa",
+      "spacing.14": "f245a960ab54fa5131de8738a2276ce757453e21",
+      "spacing.15": "987f5e8ee83802a581bf82678d3794105576d1ad",
+      "spacing.18": "b7fab5db3181b125dd3f9f52866f6dae8f1a9049",
+      "spacing.22": "11a4d8f45febf0879bc1bf227f7018354bb66392",
+      "spacing.26": "2ef862de1233b596b3018bd754eee9d835446db8",
+      "spacing.30": "c5ef4bf93c018990f44e123e6a9a232ec5dcb752",
+      "sizing.0": "4f65a110da39ed4633499d20f91b379c507d4ffe",
+      "sizing.1": "97fbbb81aeb04de57c26be706a91d70766c424e0",
+      "sizing.2": "da64ee4de05efd21668e4a536d8369396a49d888",
+      "sizing.3": "825946cc7f646ea701e71fffa5e883aa058b80e5",
+      "sizing.4": "6029b5de443f5aacf812d0eb1f5e0ec18262b82a",
+      "sizing.5": "d6f8eb9811df0616b396ad419d7d0ca3789acfe1",
+      "sizing.6": "bc6285d2224432c23925ee2e1d74544949396ec9",
+      "sizing.7": "2ebe860b5d95dbc773d5460c8e6971d7ef32d065",
+      "sizing.8": "d5bac0b66ef345e31e65f129f92cd12cbe51183a",
+      "sizing.9": "dadf9ee4de2ea059ac8adbe570b4e0b48aa21838",
+      "sizing.10": "c45e5df2dfa5239cf8b793cd7641a3503c8a665c",
+      "sizing.11": "84d99912949240980a2b48bd45ff9eeb03d11ef6",
+      "sizing.12": "71558a6b40639ddcd55777bac3bd806f9aca1fbb",
+      "sizing.13": "b3cad2901e3d7fdda1e711dba31e3b7b69be5aea",
+      "sizing.14": "8461ac8fe41eb5e285023db218448f9341e83c45",
+      "sizing.15": "4c4fbccd82976364f95afaa5e381627ab82ed83c",
+      "sizing.18": "80a02e216a0805a4dee7abd969dc1a4db3c14d62",
+      "sizing.22": "fda234ee88af037cef92b62dccb3be2f0189dc5b",
+      "sizing.26": "96df3827a42a8c8748f7595a74e13266570f38b0",
+      "sizing.30": "03b9a1270a83a6002d9769d5f14e9ac1892cab27",
+      "border-width.default": "5483d851813a13e1fe846d272e13a9a51d19516a",
+      "border-width.highlight": "dca26e935c516ffbfa6f007a2ef0710fe1aaf6ff"
     },
     "group": "Semantic"
   },
@@ -1247,26 +1321,26 @@
     "selectedTokenSets": {
       "semantic/modes/main-color/accent": "enabled"
     },
-    "group": "Main color",
-    "$figmaCollectionId": "VariableCollectionId:39565:11412",
-    "$figmaModeId": "39565:0",
+    "$figmaCollectionId": "VariableCollectionId:40350:32139",
+    "$figmaModeId": "40350:0",
     "$figmaVariableReferences": {
-      "color.main.background-default": "92f8b7f8b7afbeaebc0a365677e0fe473a95e779",
-      "color.main.background-subtle": "5ec9853c64c0bf579811844f9ddd3f9f79313ea8",
-      "color.main.surface-default": "40e90956298c5f4dfb8b81398a5ecac69770ac73",
-      "color.main.surface-hover": "2ee4310c57fff571e92a16ef29380c1bca4b33df",
-      "color.main.surface-active": "d103e7e2cb8032783d4dd8a7ee0966f072f6d749",
-      "color.main.border-subtle": "7e193b333d0a8b453108e382ccd78ecbbdd34b4c",
-      "color.main.border-default": "7c48595d10406971830d156a051aa090f6b706dc",
-      "color.main.border-strong": "2cccfe76cf5dcbb8b4ecfa017e335d22c2e5fddd",
-      "color.main.base-default": "55d583c3cf002c0d52bf2ffd4d20fa8c959e1583",
-      "color.main.base-hover": "090c928bff8d4933897c57796d864fa03414a8b5",
-      "color.main.base-active": "5b30095661fe79ebfaecbd315b210768a6d11f3f",
-      "color.main.text-subtle": "e4aeefe967c506b658a3d8d37412e9cfa9eefd2a",
-      "color.main.text-default": "a27ceb7e7fc77cf1752c32f38682c0f978f071b6",
-      "color.main.contrast-default": "8d0d89ad2e6ffdf3527dc382ab045b74ae14b336",
-      "color.main.contrast-subtle": "0b0fd08a219c9be5b8471f32d552c9ab8df692cd"
-    }
+      "color.main.background-default": "5a1c10917bd3dd0c93b581f52dc865498aaf058f",
+      "color.main.background-subtle": "2dda43c74eed383ea9b678916cb563ed4111d318",
+      "color.main.surface-default": "db7c9a7ccf77b7ce8e2f19a14c49418c2104f5f5",
+      "color.main.surface-hover": "6c5c6346ffeb84e5af8887003565fe3344de51d4",
+      "color.main.surface-active": "4227430e1958272eb53e814430f04684344fba13",
+      "color.main.border-subtle": "9bae92e2405beecec84ec286150fa96871efcc5d",
+      "color.main.border-default": "62e3b53501a9bd77eb48bb47951db9e4ad54a819",
+      "color.main.border-strong": "e10f137a2f9787e3bd19250b16cb3ac15da675f6",
+      "color.main.base-default": "53ef4e7f5f8780b76b0e59fda870a5aa378bd47e",
+      "color.main.base-hover": "f73f6fb0581b2107c0fc9c4cab2bf86bba71a768",
+      "color.main.base-active": "0960e79a0ebfce1a9a672af7cda70f44226990b3",
+      "color.main.text-subtle": "7c4155a9ba2fff44aaa1f38bc024a0320644b849",
+      "color.main.text-default": "5c36cac71fd419cac01079812cdc5a21e671f9d1",
+      "color.main.contrast-default": "93c3b64301733412617e795dceb3e912b2d91f20",
+      "color.main.contrast-subtle": "9ff40f41b57e858dda52bd167f0f7a5f3dbf981e"
+    },
+    "group": "Main color"
   },
   {
     "id": "596501d7-2669-46cf-bce2-29327b877f8b",
@@ -1275,26 +1349,26 @@
     "selectedTokenSets": {
       "semantic/modes/support-color/brand1": "enabled"
     },
-    "group": "Support color",
-    "$figmaCollectionId": "VariableCollectionId:39565:11413",
-    "$figmaModeId": "39565:1",
+    "$figmaCollectionId": "VariableCollectionId:40350:32140",
+    "$figmaModeId": "40350:1",
     "$figmaVariableReferences": {
-      "color.support.background-default": "25ba68dc998bc327c88671133d4262ec394139d4",
-      "color.support.background-subtle": "eb164a0d4d10f11e3c4f37ccd198800aed39c621",
-      "color.support.surface-default": "694cd7bca2aa6083db516be18b4bac01f31c81b8",
-      "color.support.surface-hover": "98ce193291c40a28778d36acac9190b5211cc7f6",
-      "color.support.surface-active": "a13b2066a5da7b85f9d77ab4615e41e34e3088d9",
-      "color.support.border-subtle": "b53f0ec6758d50bdb6e48baa52d993636b9e511d",
-      "color.support.border-default": "69637a721e7f66a8d52dcbde1bb193eef91d3b86",
-      "color.support.border-strong": "5f992123eed2b20fbefc56d5f7f8feb5289f7d4d",
-      "color.support.base-default": "5f01656f2162deb399cd9a1ec364c445e285a8ee",
-      "color.support.base-hover": "09127b4763cf88b60c59d410e04184d4ae15021d",
-      "color.support.base-active": "76679cf4a7c03f70ccde31c0ad278b84240c6358",
-      "color.support.text-subtle": "5d80aded184f5ecf4ef6722b320b999542b45304",
-      "color.support.text-default": "67498e3aab54acbd17359cc358d8ade53a372963",
-      "color.support.contrast-default": "5efa95b7eb7bb1eb4dd499243ecadd637d405e1e",
-      "color.support.contrast-subtle": "8877c9d01a93b1beb827a49de54766fca3b46198"
-    }
+      "color.support.background-default": "3de6663f7c078f73a5f0b712ff7da5d32927af20",
+      "color.support.background-subtle": "5370d4d84ab5b88b7b9a9dcc59265cdfa982708a",
+      "color.support.surface-default": "cae32dc4ddd4b08799c28570400c5ff67d612f02",
+      "color.support.surface-hover": "64b794a11777dcd20e989241cb328510deee796d",
+      "color.support.surface-active": "92b89fa58489c3b5666de70bdccbc527fe1a1b05",
+      "color.support.border-subtle": "b7e94885482f0f56d5b219a447fbd08fa7da50cf",
+      "color.support.border-default": "ad8559a81a1c0f5e1484c568decfe6ce46a429fd",
+      "color.support.border-strong": "2c16121859bc2e9d2fe97eeb2f8874ece31a4962",
+      "color.support.base-default": "c09530c7b01a114cdbff4ec05b66e9b2c09f8263",
+      "color.support.base-hover": "450b5f59a4747b72801225e816e9a22702ebd47a",
+      "color.support.base-active": "5cf788e1b97453219736627cc110ecacb1f2eac9",
+      "color.support.text-subtle": "82b874ab403889814c58c83d95b5dca7e0a39301",
+      "color.support.text-default": "67e0c8e254ef6dfdbf6ae96ca8d6393d23122765",
+      "color.support.contrast-default": "e251a7a2fb54fc06e907c6cfed1426895a437993",
+      "color.support.contrast-subtle": "128d9b8eae01f0cdfe53c87560181ed6a67a8d69"
+    },
+    "group": "Support color"
   },
   {
     "id": "8e1913e5-92aa-40ca-917c-9f458ec6d31d",
@@ -1303,26 +1377,26 @@
     "selectedTokenSets": {
       "semantic/modes/support-color/brand2": "enabled"
     },
-    "group": "Support color",
-    "$figmaCollectionId": "VariableCollectionId:39565:11413",
-    "$figmaModeId": "39565:2",
+    "$figmaCollectionId": "VariableCollectionId:40350:32140",
+    "$figmaModeId": "40350:2",
     "$figmaVariableReferences": {
-      "color.support.background-default": "25ba68dc998bc327c88671133d4262ec394139d4",
-      "color.support.background-subtle": "eb164a0d4d10f11e3c4f37ccd198800aed39c621",
-      "color.support.surface-default": "694cd7bca2aa6083db516be18b4bac01f31c81b8",
-      "color.support.surface-hover": "98ce193291c40a28778d36acac9190b5211cc7f6",
-      "color.support.surface-active": "a13b2066a5da7b85f9d77ab4615e41e34e3088d9",
-      "color.support.border-subtle": "b53f0ec6758d50bdb6e48baa52d993636b9e511d",
-      "color.support.border-default": "69637a721e7f66a8d52dcbde1bb193eef91d3b86",
-      "color.support.border-strong": "5f992123eed2b20fbefc56d5f7f8feb5289f7d4d",
-      "color.support.base-default": "5f01656f2162deb399cd9a1ec364c445e285a8ee",
-      "color.support.base-hover": "09127b4763cf88b60c59d410e04184d4ae15021d",
-      "color.support.base-active": "76679cf4a7c03f70ccde31c0ad278b84240c6358",
-      "color.support.text-subtle": "5d80aded184f5ecf4ef6722b320b999542b45304",
-      "color.support.text-default": "67498e3aab54acbd17359cc358d8ade53a372963",
-      "color.support.contrast-default": "5efa95b7eb7bb1eb4dd499243ecadd637d405e1e",
-      "color.support.contrast-subtle": "8877c9d01a93b1beb827a49de54766fca3b46198"
-    }
+      "color.support.background-default": "3de6663f7c078f73a5f0b712ff7da5d32927af20",
+      "color.support.background-subtle": "5370d4d84ab5b88b7b9a9dcc59265cdfa982708a",
+      "color.support.surface-default": "cae32dc4ddd4b08799c28570400c5ff67d612f02",
+      "color.support.surface-hover": "64b794a11777dcd20e989241cb328510deee796d",
+      "color.support.surface-active": "92b89fa58489c3b5666de70bdccbc527fe1a1b05",
+      "color.support.border-subtle": "b7e94885482f0f56d5b219a447fbd08fa7da50cf",
+      "color.support.border-default": "ad8559a81a1c0f5e1484c568decfe6ce46a429fd",
+      "color.support.border-strong": "2c16121859bc2e9d2fe97eeb2f8874ece31a4962",
+      "color.support.base-default": "c09530c7b01a114cdbff4ec05b66e9b2c09f8263",
+      "color.support.base-hover": "450b5f59a4747b72801225e816e9a22702ebd47a",
+      "color.support.base-active": "5cf788e1b97453219736627cc110ecacb1f2eac9",
+      "color.support.text-subtle": "82b874ab403889814c58c83d95b5dca7e0a39301",
+      "color.support.text-default": "67e0c8e254ef6dfdbf6ae96ca8d6393d23122765",
+      "color.support.contrast-default": "e251a7a2fb54fc06e907c6cfed1426895a437993",
+      "color.support.contrast-subtle": "128d9b8eae01f0cdfe53c87560181ed6a67a8d69"
+    },
+    "group": "Support color"
   },
   {
     "id": "ef789a3b-a857-4c48-ba89-23d8560ccd73",
@@ -1331,25 +1405,74 @@
     "selectedTokenSets": {
       "semantic/modes/support-color/brand3": "enabled"
     },
-    "group": "Support color",
-    "$figmaCollectionId": "VariableCollectionId:39565:11413",
-    "$figmaModeId": "39565:3",
+    "$figmaCollectionId": "VariableCollectionId:40350:32140",
+    "$figmaModeId": "40350:3",
+    "$figmaVariableReferences": {
+      "color.support.background-default": "3de6663f7c078f73a5f0b712ff7da5d32927af20",
+      "color.support.background-subtle": "5370d4d84ab5b88b7b9a9dcc59265cdfa982708a",
+      "color.support.surface-default": "cae32dc4ddd4b08799c28570400c5ff67d612f02",
+      "color.support.surface-hover": "64b794a11777dcd20e989241cb328510deee796d",
+      "color.support.surface-active": "92b89fa58489c3b5666de70bdccbc527fe1a1b05",
+      "color.support.border-subtle": "b7e94885482f0f56d5b219a447fbd08fa7da50cf",
+      "color.support.border-default": "ad8559a81a1c0f5e1484c568decfe6ce46a429fd",
+      "color.support.border-strong": "2c16121859bc2e9d2fe97eeb2f8874ece31a4962",
+      "color.support.base-default": "c09530c7b01a114cdbff4ec05b66e9b2c09f8263",
+      "color.support.base-hover": "450b5f59a4747b72801225e816e9a22702ebd47a",
+      "color.support.base-active": "5cf788e1b97453219736627cc110ecacb1f2eac9",
+      "color.support.text-subtle": "82b874ab403889814c58c83d95b5dca7e0a39301",
+      "color.support.text-default": "67e0c8e254ef6dfdbf6ae96ca8d6393d23122765",
+      "color.support.contrast-default": "e251a7a2fb54fc06e907c6cfed1426895a437993",
+      "color.support.contrast-subtle": "128d9b8eae01f0cdfe53c87560181ed6a67a8d69"
+    },
+    "group": "Support color"
+  },
+  {
+    "id": "d49b9eebeb48a4f165a74b7261733d0a73370f0e",
+    "name": "large",
+    "$figmaStyleReferences": {},
+    "selectedTokenSets": {
+      "primitives/modes/size/large": "source",
+      "primitives/modes/size/global": "enabled",
+      "primitives/modes/typography/size/large": "enabled"
+    },
+    "$figmaCollectionId": "VariableCollectionId:42212:29109",
+    "$figmaModeId": "42212:2",
     "$figmaVariableReferences": {
-      "color.support.background-default": "25ba68dc998bc327c88671133d4262ec394139d4",
-      "color.support.background-subtle": "eb164a0d4d10f11e3c4f37ccd198800aed39c621",
-      "color.support.surface-default": "694cd7bca2aa6083db516be18b4bac01f31c81b8",
-      "color.support.surface-hover": "98ce193291c40a28778d36acac9190b5211cc7f6",
-      "color.support.surface-active": "a13b2066a5da7b85f9d77ab4615e41e34e3088d9",
-      "color.support.border-subtle": "b53f0ec6758d50bdb6e48baa52d993636b9e511d",
-      "color.support.border-default": "69637a721e7f66a8d52dcbde1bb193eef91d3b86",
-      "color.support.border-strong": "5f992123eed2b20fbefc56d5f7f8feb5289f7d4d",
-      "color.support.base-default": "5f01656f2162deb399cd9a1ec364c445e285a8ee",
-      "color.support.base-hover": "09127b4763cf88b60c59d410e04184d4ae15021d",
-      "color.support.base-active": "76679cf4a7c03f70ccde31c0ad278b84240c6358",
-      "color.support.text-subtle": "5d80aded184f5ecf4ef6722b320b999542b45304",
-      "color.support.text-default": "67498e3aab54acbd17359cc358d8ade53a372963",
-      "color.support.contrast-default": "5efa95b7eb7bb1eb4dd499243ecadd637d405e1e",
-      "color.support.contrast-subtle": "8877c9d01a93b1beb827a49de54766fca3b46198"
-    }
+      "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307",
+      "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c",
+      "font-size.3": "99a88b4e9d69ba35a19ae733ed990af16f029905",
+      "font-size.4": "f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa",
+      "font-size.5": "1fd182f82f9efc97b48f22b71ec8870fc1566a18",
+      "font-size.6": "d28187087fe109a7f5d495114aebe1751cfd0845",
+      "font-size.7": "b190a03d589d92020807dbf745d13571ad71a4bb",
+      "font-size.8": "babc299be5efc9c8e66afbd72142be00e6afbceb",
+      "font-size.9": "d9aae308744b6d063bcaa7c954f850ff8eba01be",
+      "font-size.10": "02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b",
+      "font-size.11": "31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6",
+      "size.0": "049b87c9edfef73597e88c8433dfb70e9dc4f8cb",
+      "size.1": "6e4139d5cb0282165c92e441bb565562dc9afa1d",
+      "size.2": "d786893051954a518025ea8817dde0c0713ebd8d",
+      "size.3": "cba1a001249a81cbd052ea5732bb84c4fa2f9dd9",
+      "size.4": "bcb8061aa8c70013a486c5c1bceeac04ce2678c1",
+      "size.5": "405596765ee5bbb371a9479e527b49ba43580d19",
+      "size.6": "e588d32982145a109bbd86da57ebae6a149f91eb",
+      "size.7": "1ea2aa22663dc27dfe70c10744480c9eec930269",
+      "size.8": "c1cca6be5007a623b4fe731524847b4f040eee9e",
+      "size.9": "7a01b7eba8fe698062080a2aa7c6f203e05a5e7c",
+      "size.10": "3e2e0e198db8e89a7d716bbee4dc887934dff5ed",
+      "size.11": "050087517351340be3a7f65b249a9ae8d01d6286",
+      "size.12": "47204f9bb7937097f4b6388c4a5addbe913318a4",
+      "size.13": "e2ffb69847997d9b93bea8b47d22e6337adf65ce",
+      "size.14": "f910478b6a4e6d247cb265b1e9468031d5fe183b",
+      "size.15": "8ddb06202f770e4a2c1cf9d74789c21447b92240",
+      "size.18": "1244373e39adca00c6e5d2dafe4e54ffcdf78e35",
+      "size.22": "4e33c13746c0edf17066d8b3c34551730019e36b",
+      "size.26": "a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a",
+      "size.30": "88af5667364d808a1d4ae656ea6f82ef64073a75",
+      "size._mode-font-size": "40350aed54e6bc94c3460bf6f94141b6f4b9adc1",
+      "size._base": "b20d311a4235705c45973df78540c01cb0f4b490",
+      "size._step": "f8db745fb109a80fb926cf08c9e3a019ab026823"
+    },
+    "group": "Size"
   }
 ]
\ No newline at end of file
diff --git a/packages/cli/src/tokens/design-tokens/template/themes/theme-base-file.json b/packages/cli/src/tokens/design-tokens/template/themes/theme-base-file.json
index 5fd9587af1..89d4f17101 100644
--- a/packages/cli/src/tokens/design-tokens/template/themes/theme-base-file.json
+++ b/packages/cli/src/tokens/design-tokens/template/themes/theme-base-file.json
@@ -23,31 +23,35 @@
   "border-radius": {
     "1": {
       "$type": "borderRadius",
-      "$value": "min( {border-radius.base} , {border-radius.scale} *1)"
+      "$value": "min({border-radius.base}*0.5,{border-radius.scale})"
     },
     "2": {
       "$type": "borderRadius",
-      "$value": "min( {border-radius.base} , {border-radius.scale} *2)"
+      "$value": "min({border-radius.base},{border-radius.scale}*2)"
     },
     "3": {
       "$type": "borderRadius",
-      "$value": "min( {border-radius.base} , {border-radius.scale} *5)"
+      "$value": "min({border-radius.base}*2,{border-radius.scale}*5)"
     },
     "4": {
       "$type": "borderRadius",
-      "$value": "{border-radius.base}"
+      "$value": "min({border-radius.base}*3,{border-radius.scale}*7)"
     },
     "5": {
+      "$type": "borderRadius",
+      "$value": "{border-radius.base}"
+    },
+    "6": {
       "$type": "borderRadius",
       "$value": "9999"
     },
     "base": {
       "$type": "borderRadius",
-      "$value": "<base-border-radius>"
+      "$value": "4"
     },
     "scale": {
       "$type": "borderRadius",
       "$value": "4"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/cli/src/tokens/template.ts b/packages/cli/src/tokens/template.ts
index c9e20eafd6..32183df7bf 100644
--- a/packages/cli/src/tokens/template.ts
+++ b/packages/cli/src/tokens/template.ts
@@ -29,7 +29,8 @@ export const updateTemplates = async () => {
   // Copy default files
   await fs.cp(...argsFromToPaths('Figma'), options);
   await fs.cp(...argsFromToPaths('primitives/globals.json'), options);
-  await fs.cp(...argsFromToPaths('primitives/size/default.json'), options);
+  await fs.cp(...argsFromToPaths('primitives/modes/size'), options);
+  await fs.cp(...argsFromToPaths('primitives/modes/typography/size'), options);
   await fs.cp(...argsFromToPaths('semantic/style.json'), options);
 
   /*
diff --git a/packages/cli/src/tokens/write/generate$metadata.ts b/packages/cli/src/tokens/write/generate$metadata.ts
index b21246ce0c..156350055f 100644
--- a/packages/cli/src/tokens/write/generate$metadata.ts
+++ b/packages/cli/src/tokens/write/generate$metadata.ts
@@ -11,7 +11,13 @@ export function generateMetadataJson(schemes: ColorSchemes, themes: string[], co
   return {
     tokenSetOrder: [
       'primitives/globals',
-      'primitives/size/default',
+      'primitives/modes/size/small',
+      'primitives/modes/size/medium',
+      'primitives/modes/size/large',
+      'primitives/modes/size/global',
+      'primitives/modes/typography/size/small',
+      'primitives/modes/typography/size/medium',
+      'primitives/modes/typography/size/large',
       ...themes.map((theme) => `primitives/modes/typography/primary/${theme}`),
       ...themes.map((theme) => `primitives/modes/typography/secondary/${theme}`),
       ...schemes.flatMap((scheme) => [
diff --git a/packages/cli/src/tokens/write/generate$themes.ts b/packages/cli/src/tokens/write/generate$themes.ts
index 5cb6b934bc..51c773c9e2 100644
--- a/packages/cli/src/tokens/write/generate$themes.ts
+++ b/packages/cli/src/tokens/write/generate$themes.ts
@@ -14,6 +14,7 @@ type ColorSchemes = Array<ColorScheme>;
 type ThemeObject_ = ThemeObject & {
   $figmaCollectionId?: string;
   $figmaModeId?: string;
+  $figmaVariableReferences?: Record<string, string>;
 };
 
 export function generateThemesJson(colorSchemes: ColorSchemes, themes: string[], colors: Colors): ThemeObject_[] {
@@ -32,10 +33,148 @@ function generateSizeGroup(): ThemeObject_[] {
   return [
     {
       id: '8b2c8cc86611a34b135cb22948666779361fd729',
-      name: 'Default',
-      $figmaCollectionId: 'VariableCollectionId:36248:20757',
+      name: 'medium',
+      $figmaStyleReferences: {},
       selectedTokenSets: {
-        'primitives/size/default': TokenSetStatus.ENABLED,
+        'primitives/modes/size/medium': TokenSetStatus.SOURCE,
+        'primitives/modes/size/global': TokenSetStatus.ENABLED,
+        'primitives/modes/typography/size/medium': TokenSetStatus.ENABLED,
+      },
+      $figmaCollectionId: 'VariableCollectionId:42212:29109',
+      $figmaModeId: '42212:1',
+      $figmaVariableReferences: {
+        'font-size.1': '0918a6e18af0d0626e986d0d974c3710c9543307',
+        'font-size.2': 'd83453adb39699bc5dac07323a8521c42298658c',
+        'font-size.3': '99a88b4e9d69ba35a19ae733ed990af16f029905',
+        'font-size.4': 'f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa',
+        'font-size.5': '1fd182f82f9efc97b48f22b71ec8870fc1566a18',
+        'font-size.6': 'd28187087fe109a7f5d495114aebe1751cfd0845',
+        'font-size.7': 'b190a03d589d92020807dbf745d13571ad71a4bb',
+        'font-size.8': 'babc299be5efc9c8e66afbd72142be00e6afbceb',
+        'font-size.9': 'd9aae308744b6d063bcaa7c954f850ff8eba01be',
+        'font-size.10': '02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b',
+        'font-size.11': '31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6',
+        'size.0': '049b87c9edfef73597e88c8433dfb70e9dc4f8cb',
+        'size.1': '6e4139d5cb0282165c92e441bb565562dc9afa1d',
+        'size.2': 'd786893051954a518025ea8817dde0c0713ebd8d',
+        'size.3': 'cba1a001249a81cbd052ea5732bb84c4fa2f9dd9',
+        'size.4': 'bcb8061aa8c70013a486c5c1bceeac04ce2678c1',
+        'size.5': '405596765ee5bbb371a9479e527b49ba43580d19',
+        'size.6': 'e588d32982145a109bbd86da57ebae6a149f91eb',
+        'size.7': '1ea2aa22663dc27dfe70c10744480c9eec930269',
+        'size.8': 'c1cca6be5007a623b4fe731524847b4f040eee9e',
+        'size.9': '7a01b7eba8fe698062080a2aa7c6f203e05a5e7c',
+        'size.10': '3e2e0e198db8e89a7d716bbee4dc887934dff5ed',
+        'size.11': '050087517351340be3a7f65b249a9ae8d01d6286',
+        'size.12': '47204f9bb7937097f4b6388c4a5addbe913318a4',
+        'size.13': 'e2ffb69847997d9b93bea8b47d22e6337adf65ce',
+        'size.14': 'f910478b6a4e6d247cb265b1e9468031d5fe183b',
+        'size.15': '8ddb06202f770e4a2c1cf9d74789c21447b92240',
+        'size.18': '1244373e39adca00c6e5d2dafe4e54ffcdf78e35',
+        'size.22': '4e33c13746c0edf17066d8b3c34551730019e36b',
+        'size.26': 'a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a',
+        'size.30': '88af5667364d808a1d4ae656ea6f82ef64073a75',
+        'size._mode-font-size': '40350aed54e6bc94c3460bf6f94141b6f4b9adc1',
+        'size._base': 'b20d311a4235705c45973df78540c01cb0f4b490',
+        'size._step': 'f8db745fb109a80fb926cf08c9e3a019ab026823',
+      },
+      group: 'Size',
+    },
+    {
+      id: 'd49b9eebeb48a4f165a74b7261733d0a73370f0e',
+      name: 'large',
+      $figmaStyleReferences: {},
+      selectedTokenSets: {
+        'primitives/modes/size/large': TokenSetStatus.SOURCE,
+        'primitives/modes/size/global': TokenSetStatus.ENABLED,
+        'primitives/modes/typography/size/large': TokenSetStatus.ENABLED,
+      },
+      $figmaCollectionId: 'VariableCollectionId:42212:29109',
+      $figmaModeId: '42212:2',
+      $figmaVariableReferences: {
+        'font-size.1': '0918a6e18af0d0626e986d0d974c3710c9543307',
+        'font-size.2': 'd83453adb39699bc5dac07323a8521c42298658c',
+        'font-size.3': '99a88b4e9d69ba35a19ae733ed990af16f029905',
+        'font-size.4': 'f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa',
+        'font-size.5': '1fd182f82f9efc97b48f22b71ec8870fc1566a18',
+        'font-size.6': 'd28187087fe109a7f5d495114aebe1751cfd0845',
+        'font-size.7': 'b190a03d589d92020807dbf745d13571ad71a4bb',
+        'font-size.8': 'babc299be5efc9c8e66afbd72142be00e6afbceb',
+        'font-size.9': 'd9aae308744b6d063bcaa7c954f850ff8eba01be',
+        'font-size.10': '02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b',
+        'font-size.11': '31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6',
+        'size.0': '049b87c9edfef73597e88c8433dfb70e9dc4f8cb',
+        'size.1': '6e4139d5cb0282165c92e441bb565562dc9afa1d',
+        'size.2': 'd786893051954a518025ea8817dde0c0713ebd8d',
+        'size.3': 'cba1a001249a81cbd052ea5732bb84c4fa2f9dd9',
+        'size.4': 'bcb8061aa8c70013a486c5c1bceeac04ce2678c1',
+        'size.5': '405596765ee5bbb371a9479e527b49ba43580d19',
+        'size.6': 'e588d32982145a109bbd86da57ebae6a149f91eb',
+        'size.7': '1ea2aa22663dc27dfe70c10744480c9eec930269',
+        'size.8': 'c1cca6be5007a623b4fe731524847b4f040eee9e',
+        'size.9': '7a01b7eba8fe698062080a2aa7c6f203e05a5e7c',
+        'size.10': '3e2e0e198db8e89a7d716bbee4dc887934dff5ed',
+        'size.11': '050087517351340be3a7f65b249a9ae8d01d6286',
+        'size.12': '47204f9bb7937097f4b6388c4a5addbe913318a4',
+        'size.13': 'e2ffb69847997d9b93bea8b47d22e6337adf65ce',
+        'size.14': 'f910478b6a4e6d247cb265b1e9468031d5fe183b',
+        'size.15': '8ddb06202f770e4a2c1cf9d74789c21447b92240',
+        'size.18': '1244373e39adca00c6e5d2dafe4e54ffcdf78e35',
+        'size.22': '4e33c13746c0edf17066d8b3c34551730019e36b',
+        'size.26': 'a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a',
+        'size.30': '88af5667364d808a1d4ae656ea6f82ef64073a75',
+        'size._mode-font-size': '40350aed54e6bc94c3460bf6f94141b6f4b9adc1',
+        'size._base': 'b20d311a4235705c45973df78540c01cb0f4b490',
+        'size._step': 'f8db745fb109a80fb926cf08c9e3a019ab026823',
+      },
+      group: 'Size',
+    },
+    {
+      id: 'fb11567729c298ca37c9da4e3a27716a23480824',
+      name: 'small',
+      $figmaStyleReferences: {},
+      selectedTokenSets: {
+        'primitives/modes/size/small': TokenSetStatus.SOURCE,
+        'primitives/modes/size/global': TokenSetStatus.ENABLED,
+        'primitives/modes/typography/size/small': TokenSetStatus.ENABLED,
+      },
+      $figmaCollectionId: 'VariableCollectionId:42212:29109',
+      $figmaModeId: '42212:0',
+      $figmaVariableReferences: {
+        'font-size.1': '0918a6e18af0d0626e986d0d974c3710c9543307',
+        'font-size.2': 'd83453adb39699bc5dac07323a8521c42298658c',
+        'font-size.3': '99a88b4e9d69ba35a19ae733ed990af16f029905',
+        'font-size.4': 'f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa',
+        'font-size.5': '1fd182f82f9efc97b48f22b71ec8870fc1566a18',
+        'font-size.6': 'd28187087fe109a7f5d495114aebe1751cfd0845',
+        'font-size.7': 'b190a03d589d92020807dbf745d13571ad71a4bb',
+        'font-size.8': 'babc299be5efc9c8e66afbd72142be00e6afbceb',
+        'font-size.9': 'd9aae308744b6d063bcaa7c954f850ff8eba01be',
+        'font-size.10': '02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b',
+        'font-size.11': '31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6',
+        'size.0': '049b87c9edfef73597e88c8433dfb70e9dc4f8cb',
+        'size.1': '6e4139d5cb0282165c92e441bb565562dc9afa1d',
+        'size.2': 'd786893051954a518025ea8817dde0c0713ebd8d',
+        'size.3': 'cba1a001249a81cbd052ea5732bb84c4fa2f9dd9',
+        'size.4': 'bcb8061aa8c70013a486c5c1bceeac04ce2678c1',
+        'size.5': '405596765ee5bbb371a9479e527b49ba43580d19',
+        'size.6': 'e588d32982145a109bbd86da57ebae6a149f91eb',
+        'size.7': '1ea2aa22663dc27dfe70c10744480c9eec930269',
+        'size.8': 'c1cca6be5007a623b4fe731524847b4f040eee9e',
+        'size.9': '7a01b7eba8fe698062080a2aa7c6f203e05a5e7c',
+        'size.10': '3e2e0e198db8e89a7d716bbee4dc887934dff5ed',
+        'size.11': '050087517351340be3a7f65b249a9ae8d01d6286',
+        'size.12': '47204f9bb7937097f4b6388c4a5addbe913318a4',
+        'size.13': 'e2ffb69847997d9b93bea8b47d22e6337adf65ce',
+        'size.14': 'f910478b6a4e6d247cb265b1e9468031d5fe183b',
+        'size.15': '8ddb06202f770e4a2c1cf9d74789c21447b92240',
+        'size.18': '1244373e39adca00c6e5d2dafe4e54ffcdf78e35',
+        'size.22': '4e33c13746c0edf17066d8b3c34551730019e36b',
+        'size.26': 'a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a',
+        'size.30': '88af5667364d808a1d4ae656ea6f82ef64073a75',
+        'size._mode-font-size': '40350aed54e6bc94c3460bf6f94141b6f4b9adc1',
+        'size._base': 'b20d311a4235705c45973df78540c01cb0f4b490',
+        'size._step': 'f8db745fb109a80fb926cf08c9e3a019ab026823',
       },
       group: 'Size',
     },
diff --git a/packages/css/src/alert.css b/packages/css/src/alert.css
index 0accf42928..f4b87568ec 100644
--- a/packages/css/src/alert.css
+++ b/packages/css/src/alert.css
@@ -6,9 +6,9 @@
   --dsc-alert-icon-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75'/%3E%3C/svg%3E");
   --dsc-alert-border-radius: var(--ds-border-radius-md);
   --dsc-alert-color: var(--ds-color-info-text-default);
-  --dsc-alert-gap: var(--ds-spacing-2);
-  --dsc-alert-icon-size: var(--ds-sizing-7);
-  --dsc-alert-padding: var(--ds-spacing-6);
+  --dsc-alert-gap: var(--ds-size-2);
+  --dsc-alert-icon-size: var(--ds-size-7);
+  --dsc-alert-padding: var(--ds-size-6);
 
   background: var(--dsc-alert-background);
   border-radius: var(--dsc-alert-border-radius);
diff --git a/packages/css/src/avatar.css b/packages/css/src/avatar.css
index bbfd6513be..872dce7fe4 100644
--- a/packages/css/src/avatar.css
+++ b/packages/css/src/avatar.css
@@ -2,8 +2,8 @@
   --dsc-avatar-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' fill='none' viewBox='0 0 24 24' focusable='false' role='img'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M8.25 7.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0M12 2.25a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5M8.288 17.288A5.25 5.25 0 0 1 17.25 21a.75.75 0 0 0 1.5 0 6.75 6.75 0 0 0-13.5 0 .75.75 0 0 0 1.5 0 5.25 5.25 0 0 1 1.538-3.712' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
   --dsc-avatar-background: var(--ds-color-base-default);
   --dsc-avatar-color: var(--ds-color-contrast-default);
-  --dsc-avatar-size: var(--ds-sizing-12);
-  --dsc-avatar-padding: var(--ds-spacing-2);
+  --dsc-avatar-size: var(--ds-size-12);
+  --dsc-avatar-padding: var(--ds-size-2);
   --dsc-avatar-border-radius: var(--ds-border-radius-full);
 
   align-items: center;
@@ -67,6 +67,6 @@
   }
 
   @media (forced-colors: active) {
-    border: var(--ds-sizing-1) solid CanvasText;
+    border: var(--ds-size-1) solid CanvasText;
   }
 }
diff --git a/packages/css/src/badge.css b/packages/css/src/badge.css
index 9dd1a48dd9..97325f3ffc 100644
--- a/packages/css/src/badge.css
+++ b/packages/css/src/badge.css
@@ -1,8 +1,8 @@
 .ds-badge {
   --dsc-badge-background: var(--ds-color-base-default);
   --dsc-badge-color: var(--ds-color-contrast-default);
-  --dsc-badge-padding: 0 calc(var(--ds-spacing-1) + calc(var(--ds-spacing-1) / 2));
-  --dsc-badge-size: calc(var(--ds-sizing-3) + calc(var(--ds-spacing-1) / 2));
+  --dsc-badge-padding: 0 calc(var(--ds-size-1) + calc(var(--ds-size-1) / 2));
+  --dsc-badge-size: calc(var(--ds-size-3) + calc(var(--ds-size-1) / 2));
 
   &::before {
     content: attr(data-count);
diff --git a/packages/css/src/breadcrumbs.css b/packages/css/src/breadcrumbs.css
index 07b8be2367..bd47f4cc62 100644
--- a/packages/css/src/breadcrumbs.css
+++ b/packages/css/src/breadcrumbs.css
@@ -1,6 +1,6 @@
 .ds-breadcrumbs {
-  --dsc-breadcrumbs-spacing: var(--ds-spacing-2);
-  --dsc-breadcrumbs-chevron-size: var(--ds-sizing-6);
+  --dsc-breadcrumbs-spacing: var(--ds-size-2);
+  --dsc-breadcrumbs-chevron-size: var(--ds-size-6);
   --dsc-breadcrumbs-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");
   --dsc-breadcrumbs-color: var(--ds-color-text-subtle);
 
diff --git a/packages/css/src/button.css b/packages/css/src/button.css
index f0009e5af1..380582e44d 100644
--- a/packages/css/src/button.css
+++ b/packages/css/src/button.css
@@ -5,9 +5,9 @@
   --dsc-button-color: var(--ds-color-contrast-default);
   --dsc-button-color--hover: var(--ds-color-contrast-default);
   --dsc-button-border-color: transparent;
-  --dsc-button-gap: var(--ds-spacing-2);
-  --dsc-button-padding: var(--ds-spacing-2) var(--ds-spacing-4);
-  --dsc-button-size: var(--ds-sizing-12);
+  --dsc-button-gap: var(--ds-size-2);
+  --dsc-button-padding: var(--ds-size-2) var(--ds-size-4);
+  --dsc-button-size: var(--ds-size-12);
 
   &[data-variant='secondary'],
   &[data-variant='tertiary'] {
diff --git a/packages/css/src/card.css b/packages/css/src/card.css
index 8a9bee0b58..903332ed12 100644
--- a/packages/css/src/card.css
+++ b/packages/css/src/card.css
@@ -5,8 +5,8 @@
   --dsc-card-border-color: var(--ds-color-border-subtle);
   --dsc-card-color: var(--ds-color-text-default);
   --dsc-card-border: 1px solid var(--dsc-card-border-color);
-  --dsc-card-gap: var(--ds-spacing-3);
-  --dsc-card-padding: var(--ds-spacing-6);
+  --dsc-card-gap: var(--ds-size-3);
+  --dsc-card-padding: var(--ds-size-6);
 
   &[data-color='neutral'] {
     --dsc-card-background: var(--ds-color-background-default);
diff --git a/packages/css/src/chip.css b/packages/css/src/chip.css
index e613ae3938..f15dda49a4 100644
--- a/packages/css/src/chip.css
+++ b/packages/css/src/chip.css
@@ -12,10 +12,10 @@
   --dsc-chip-input-color: var(--ds-color-border-strong);
   --dsc-chip-input-color--checked: var(--ds-color-base-default);
   --dsc-chip-border-radius: var(--ds-border-radius-full);
-  --dsc-chip-height: var(--ds-sizing-8);
-  --dsc-chip-icon-size: var(--ds-spacing-7);
+  --dsc-chip-height: var(--ds-size-8);
+  --dsc-chip-icon-size: var(--ds-size-7);
   --dsc-chip-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' fill='none' viewBox='0 0 24 24' focusable='false' role='img'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'%3E%3C/path%3E%3C/svg%3E");
-  --dsc-chip-input-size: var(--ds-spacing-6);
+  --dsc-chip-input-size: var(--ds-size-6);
   --gap: calc((var(--dsc-chip-height) - var(--dsc-chip-input-size)) / 2); /* Distance between edge of input and chip */
 
   align-items: center;
@@ -31,7 +31,7 @@
   line-height: var(--ds-line-height-sm);
   margin: 0;
   min-height: var(--dsc-chip-height);
-  padding: 0 var(--ds-spacing-3);
+  padding: 0 var(--ds-size-3);
   text-decoration: none;
 
   @composes ds-focus from './base.css';
diff --git a/packages/css/src/combobox.css b/packages/css/src/combobox.css
index 93741d6b84..2ada981f96 100644
--- a/packages/css/src/combobox.css
+++ b/packages/css/src/combobox.css
@@ -1,7 +1,7 @@
 .ds-combobox {
   display: grid;
   background-color: transparent;
-  gap: var(--ds-spacing-2);
+  gap: var(--ds-size-2);
 }
 
 .ds-combobox [data-floating-ui-portal] {
@@ -10,7 +10,7 @@
 }
 
 .ds-combobox__options-wrapper {
-  padding: var(--ds-spacing-2);
+  padding: var(--ds-size-2);
   background: var(--ds-color-neutral-background-default);
   color: var(--ds-color-neutral-text-default);
   overflow-y: auto;
@@ -28,9 +28,9 @@
   display: flex;
   align-items: center;
   position: relative;
-  gap: var(--ds-spacing-1);
+  gap: var(--ds-size-1);
   cursor: text;
-  padding: var(--ds-spacing-2);
+  padding: var(--ds-size-2);
   border-radius: var(--ds-border-radius-md);
   width: 100%;
   height: auto;
@@ -54,18 +54,18 @@
 }
 
 .ds-combobox--sm .ds-combobox__input__wrapper {
-  min-height: var(--ds-sizing-10);
-  padding: 5px var(--ds-spacing-2);
+  min-height: var(--ds-size-10);
+  padding: 5px var(--ds-size-2);
 }
 
 .ds-combobox--md .ds-combobox__input__wrapper {
-  min-height: var(--ds-sizing-12);
-  padding: 7px var(--ds-spacing-3);
+  min-height: var(--ds-size-12);
+  padding: 7px var(--ds-size-3);
 }
 
 .ds-combobox--lg .ds-combobox__input__wrapper {
-  min-height: var(--ds-sizing-14);
-  padding: 7px var(--ds-spacing-4);
+  min-height: var(--ds-size-14);
+  padding: 7px var(--ds-size-4);
 }
 
 .ds-combobox__input__wrapper .ds-combobox__input:focus {
@@ -81,7 +81,7 @@
   display: flex;
   flex-wrap: wrap;
   width: 100%;
-  gap: var(--ds-spacing-2);
+  gap: var(--ds-size-2);
   align-items: center;
   background-color: transparent;
 }
@@ -103,13 +103,13 @@
   min-width: min-content;
   display: inline-flex;
   flex-direction: row;
-  gap: var(--ds-spacing-1);
+  gap: var(--ds-size-1);
   align-items: center;
 }
 
 .ds-combobox__description {
   color: var(--ds-color-neutral-text-subtle);
-  margin-top: calc(var(--ds-spacing-2) * -1);
+  margin-top: calc(var(--ds-size-2) * -1);
 }
 
 .ds-combobox__clear-button {
@@ -159,7 +159,7 @@
 }
 
 .ds-combobox__error-message {
-  margin-top: var(--ds-spacing-2);
+  margin-top: var(--ds-size-2);
 }
 
 .ds-combobox__error-message:empty {
@@ -168,7 +168,7 @@
 
 .ds-combobox__loading {
   display: flex;
-  gap: var(--ds-spacing-2);
+  gap: var(--ds-size-2);
   align-content: center;
 }
 
@@ -189,20 +189,20 @@
 
 .ds-combobox__empty {
   font-weight: 400;
-  padding: var(--ds-spacing-2) var(--ds-spacing-3);
+  padding: var(--ds-size-2) var(--ds-size-3);
 }
 
 .ds-combobox__custom {
   font-weight: 400;
-  padding: var(--ds-spacing-2) var(--ds-spacing-3);
+  padding: var(--ds-size-2) var(--ds-size-3);
 }
 
 .ds-combobox__option {
   width: 100%;
   display: grid;
   grid-template-columns: 1.2em 1fr;
-  padding: var(--ds-spacing-2) var(--ds-spacing-3);
-  padding-left: var(--ds-spacing-1);
+  padding: var(--ds-size-2) var(--ds-size-3);
+  padding-left: var(--ds-size-1);
   border: none;
   border-left: 5px solid transparent;
   border-radius: var(--ds-border-radius-sm);
@@ -226,7 +226,7 @@
 
 .ds-combobox__option.ds-combobox__option--multiple {
   grid-template-columns: auto 1fr;
-  gap: var(--ds-spacing-2);
+  gap: var(--ds-size-2);
 }
 
 .ds-combobox__option__label {
@@ -235,7 +235,7 @@
   flex-direction: column;
   flex-wrap: wrap;
   cursor: pointer;
-  gap: var(--ds-spacing-1);
+  gap: var(--ds-size-1);
   color: var(--ds-color-neutral-text-default);
 }
 
@@ -244,7 +244,7 @@
 }
 
 .ds-combobox__option__icon-wrapper {
-  width: var(--ds-spacing-6);
+  width: var(--ds-size-6);
   aspect-ratio: 1 / 1;
   border: 2px solid var(--ds-color-neutral-border-default);
   border-radius: var(--ds-border-radius-sm);
@@ -258,15 +258,15 @@
 }
 
 .ds-combobox--sm .ds-combobox__option .ds-combobox__option__icon-wrapper {
-  width: var(--ds-spacing-5);
+  width: var(--ds-size-5);
 }
 
 .ds-combobox--md .ds-combobox__option .ds-combobox__option__icon-wrapper {
-  width: var(--ds-spacing-6);
+  width: var(--ds-size-6);
 }
 
 .ds-combobox--lg .ds-combobox__option .ds-combobox__option__icon-wrapper {
-  width: var(--ds-spacing-7);
+  width: var(--ds-size-7);
 }
 
 .ds-combobox__option__icon-wrapper.ds-combobox__option__icon-wrapper--selected {
@@ -300,7 +300,7 @@
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
-  gap: var(--ds-spacing-1);
+  gap: var(--ds-size-1);
   color: var(--ds-color-neutral-text-subtle);
   font-weight: 400;
 }
diff --git a/packages/css/src/details.css b/packages/css/src/details.css
index e58e678d40..eec669c770 100644
--- a/packages/css/src/details.css
+++ b/packages/css/src/details.css
@@ -1,10 +1,10 @@
 .ds-details {
   --dsc-details-border: 1px solid var(--dsc-details-border-color);
-  --dsc-details-chevron-gap: var(--ds-spacing-2);
-  --dsc-details-chevron-size: var(--ds-spacing-6);
+  --dsc-details-chevron-gap: var(--ds-size-2);
+  --dsc-details-chevron-size: var(--ds-size-6);
   --dsc-details-chevron-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");
-  --dsc-details-padding: var(--ds-spacing-2) var(--ds-spacing-4);
-  --dsc-details-size: var(--ds-sizing-14);
+  --dsc-details-padding: var(--ds-size-2) var(--ds-size-4);
+  --dsc-details-size: var(--ds-size-14);
 
   --dsc-details-background: var(--ds-color-background-default);
   --dsc-details-heading-background--hover: var(--ds-color-surface-default);
@@ -82,7 +82,7 @@
 
   & > :not(summary, u-summary) {
     border-radius: inherit;
-    padding: var(--ds-spacing-5, 1rem);
+    padding: var(--ds-size-5, 1rem);
   }
 
   &[open] > :is(summary, u-summary) {
diff --git a/packages/css/src/dropdown.css b/packages/css/src/dropdown.css
index cde074e480..0aea2ee018 100644
--- a/packages/css/src/dropdown.css
+++ b/packages/css/src/dropdown.css
@@ -1,7 +1,7 @@
 .ds-dropdown {
-  --dsc-dropdown-padding: var(--ds-spacing-3) var(--ds-spacing-2);
-  --dsc-dropdown-item-padding: var(--ds-spacing-2) var(--ds-spacing-4);
-  --dsc-dropdown-item-size: var(--ds-spacing-12);
+  --dsc-dropdown-padding: var(--ds-size-3) var(--ds-size-2);
+  --dsc-dropdown-item-padding: var(--ds-size-2) var(--ds-size-4);
+  --dsc-dropdown-item-size: var(--ds-size-12);
   --dsc-dropdown-background: var(--ds-color-neutral-background-default);
   --dsc-dropdow-border-color: var(--ds-color-neutral-border-subtle);
   --dsc-dropdown-border: 1px solid var(--dsc-dropdow-border-color);
diff --git a/packages/css/src/error-summary.css b/packages/css/src/error-summary.css
index 9aa4ebde8c..1f52ff2db9 100644
--- a/packages/css/src/error-summary.css
+++ b/packages/css/src/error-summary.css
@@ -1,7 +1,7 @@
 .ds-error-summary {
   --dsc-errorsummary-background: var(--ds-color-danger-surface-default);
   --dsc-errorsummary-border-radius: var(--ds-border-radius-lg);
-  --dsc-errorsummary-padding: var(--ds-spacing-6) var(--ds-spacing-8);
+  --dsc-errorsummary-padding: var(--ds-size-6) var(--ds-size-8);
   --dsc-errorsummary-link-color: var(--ds-color-neutral-text-default);
   --dsc-errorsummary-heading-color: var(--ds-color-danger-text-default);
 
@@ -13,7 +13,7 @@
   & :is(h1, h2, h3, h4, h5, h6) {
     color: var(--dsc-errorsummary-heading-color);
     font-size: var(--ds-font-size-plus-1);
-    margin-bottom: var(--ds-spacing-2);
+    margin-bottom: var(--ds-size-2);
   }
 
   & a {
diff --git a/packages/css/src/field.css b/packages/css/src/field.css
index 9cbcb02a2b..89a21c2963 100644
--- a/packages/css/src/field.css
+++ b/packages/css/src/field.css
@@ -2,7 +2,7 @@
   align-items: start;
   display: flex;
   flex-direction: column;
-  gap: var(--ds-spacing-2);
+  gap: var(--ds-size-2);
 
   & [data-field='description'] {
     color: var(--ds-color-neutral-text-subtle); /* TODO: Change to opacity or color-mix(currentColor, trasparent) to ensure contrast when parent element color changes? */
@@ -70,7 +70,7 @@
  */
 .ds-field-affixes {
   --dsc-field-affix-border: 1px solid var(--ds-color-neutral-border-default);
-  --dsc-field-affix-padding-inline: var(--ds-spacing-4);
+  --dsc-field-affix-padding-inline: var(--ds-size-4);
 
   align-self: stretch; /* If ds-field is placed inside a flex container like ds-field, we need to fill width */
   background: var(--ds-color-neutral-background-subtle);
diff --git a/packages/css/src/fieldset.css b/packages/css/src/fieldset.css
index ee003e54c0..a04b5cc598 100644
--- a/packages/css/src/fieldset.css
+++ b/packages/css/src/fieldset.css
@@ -11,12 +11,12 @@
 
   /* Stack everything that is not directly after legend */
   & > * + * {
-    margin-block-start: var(--ds-spacing-4);
+    margin-block-start: var(--ds-size-4);
   }
 
   & > legend + p {
     color: var(--ds-color-neutral-text-subtle);
-    margin-block: var(--ds-spacing-1) 0;
+    margin-block: var(--ds-size-1) 0;
   }
 
   &:disabled > legend,
diff --git a/packages/css/src/helptext.css b/packages/css/src/helptext.css
index bb7b3fae82..87d2366269 100644
--- a/packages/css/src/helptext.css
+++ b/packages/css/src/helptext.css
@@ -1,10 +1,10 @@
 .ds-helptext {
   --dsc-helptext-icon-size: 65%;
   --dsc-helptext-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 14'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4 11a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM4 0c2.2 0 4 1.66 4 3.7 0 .98-.42 1.9-1.17 2.6l-.6.54-.29.29c-.48.46-.87.93-.94 1.41V9.5H3v-.81c0-1.26.84-2.22 1.68-3L5.42 5C5.8 4.65 6 4.2 6 3.7 6 2.66 5.1 1.83 4 1.83c-1.06 0-1.92.75-2 1.7v.15H0C0 1.66 1.8 0 4 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
-  --dsc-helptext-size: var(--ds-sizing-7);
+  --dsc-helptext-size: var(--ds-size-7);
 
   border-radius: var(--ds-border-radius-full);
-  border: max(1px, calc(var(--ds-spacing-1) / 2)) solid; /* Allow border-width to grow with font-size */
+  border: max(1px, calc(var(--ds-size-1) / 2)) solid; /* Allow border-width to grow with font-size */
   box-sizing: border-box;
   height: var(--dsc-helptext-size);
   min-height: 0;
diff --git a/packages/css/src/index.css b/packages/css/src/index.css
index 590bdb88d3..3551f773df 100644
--- a/packages/css/src/index.css
+++ b/packages/css/src/index.css
@@ -40,107 +40,26 @@
 @import url('./badge.css') layer(ds.components);
 @import url('./avatar.css') layer(ds.components);
 
-/* TODO: Will move to tokens as part of #2508 */
 :root {
-  --ds-sizing-base: 18; /* Unitless base font-size 18px */
-  --ds-sizing-step: 4; /* Unitless step size 4px */
-  --ds-sizing-scale: var(--ds-sizing-step) / var(--ds-sizing-base);
-
-  /* Sizing when not supporting round() */
-  --ds-sizing-1: calc(var(--ds-sizing-scale) * 1em);
-  --ds-sizing-2: calc(var(--ds-sizing-scale) * 2em);
-  --ds-sizing-3: calc(var(--ds-sizing-scale) * 3em);
-  --ds-sizing-4: calc(var(--ds-sizing-scale) * 4em);
-  --ds-sizing-5: calc(var(--ds-sizing-scale) * 5em);
-  --ds-sizing-6: calc(var(--ds-sizing-scale) * 6em);
-  --ds-sizing-7: calc(var(--ds-sizing-scale) * 7em);
-  --ds-sizing-8: calc(var(--ds-sizing-scale) * 8em);
-  --ds-sizing-9: calc(var(--ds-sizing-scale) * 9em);
-  --ds-sizing-10: calc(var(--ds-sizing-scale) * 10em);
-  --ds-sizing-11: calc(var(--ds-sizing-scale) * 11em);
-  --ds-sizing-12: calc(var(--ds-sizing-scale) * 12em);
-  --ds-sizing-13: calc(var(--ds-sizing-scale) * 13em);
-  --ds-sizing-14: calc(var(--ds-sizing-scale) * 14em);
-  --ds-sizing-15: calc(var(--ds-sizing-scale) * 15em);
-  --ds-sizing-16: calc(var(--ds-sizing-scale) * 16em);
-  --ds-sizing-17: calc(var(--ds-sizing-scale) * 17em);
-  --ds-sizing-18: calc(var(--ds-sizing-scale) * 18em);
-  --ds-sizing-19: calc(var(--ds-sizing-scale) * 19em);
-  --ds-sizing-20: calc(var(--ds-sizing-scale) * 20em);
-  --ds-sizing-21: calc(var(--ds-sizing-scale) * 21em);
-  --ds-sizing-22: calc(var(--ds-sizing-scale) * 22em);
-  --ds-sizing-23: calc(var(--ds-sizing-scale) * 23em);
-  --ds-sizing-24: calc(var(--ds-sizing-scale) * 24em);
-  --ds-sizing-25: calc(var(--ds-sizing-scale) * 25em);
-  --ds-sizing-26: calc(var(--ds-sizing-scale) * 26em);
-  --ds-sizing-27: calc(var(--ds-sizing-scale) * 27em);
-  --ds-sizing-28: calc(var(--ds-sizing-scale) * 28em);
-  --ds-sizing-29: calc(var(--ds-sizing-scale) * 29em);
-  --ds-sizing-30: calc(var(--ds-sizing-scale) * 30em);
-
-  /* Sizing when supporting round() */
-  @supports (width: round(down, .1em, 1px)) {
-    --ds-sizing-1: round(down, calc(var(--ds-sizing-scale) * 1em), 0.0625rem);
-    --ds-sizing-2: round(down, calc(var(--ds-sizing-scale) * 2em), 0.0625rem);
-    --ds-sizing-3: round(down, calc(var(--ds-sizing-scale) * 3em), 0.0625rem);
-    --ds-sizing-4: round(down, calc(var(--ds-sizing-scale) * 4em), 0.0625rem);
-    --ds-sizing-5: round(down, calc(var(--ds-sizing-scale) * 5em), 0.0625rem);
-    --ds-sizing-6: round(down, calc(var(--ds-sizing-scale) * 6em), 0.0625rem);
-    --ds-sizing-7: round(down, calc(var(--ds-sizing-scale) * 7em), 0.0625rem);
-    --ds-sizing-8: round(down, calc(var(--ds-sizing-scale) * 8em), 0.0625rem);
-    --ds-sizing-9: round(down, calc(var(--ds-sizing-scale) * 9em), 0.0625rem);
-    --ds-sizing-10: round(down, calc(var(--ds-sizing-scale) * 10em), 0.0625rem);
-    --ds-sizing-11: round(down, calc(var(--ds-sizing-scale) * 11em), 0.0625rem);
-    --ds-sizing-12: round(down, calc(var(--ds-sizing-scale) * 12em), 0.0625rem);
-    --ds-sizing-13: round(down, calc(var(--ds-sizing-scale) * 13em), 0.0625rem);
-    --ds-sizing-14: round(down, calc(var(--ds-sizing-scale) * 14em), 0.0625rem);
-    --ds-sizing-15: round(down, calc(var(--ds-sizing-scale) * 15em), 0.0625rem);
-    --ds-sizing-16: round(down, calc(var(--ds-sizing-scale) * 16em), 0.0625rem);
-    --ds-sizing-17: round(down, calc(var(--ds-sizing-scale) * 17em), 0.0625rem);
-    --ds-sizing-18: round(down, calc(var(--ds-sizing-scale) * 18em), 0.0625rem);
-    --ds-sizing-19: round(down, calc(var(--ds-sizing-scale) * 19em), 0.0625rem);
-    --ds-sizing-20: round(down, calc(var(--ds-sizing-scale) * 20em), 0.0625rem);
-    --ds-sizing-21: round(down, calc(var(--ds-sizing-scale) * 21em), 0.0625rem);
-    --ds-sizing-22: round(down, calc(var(--ds-sizing-scale) * 22em), 0.0625rem);
-    --ds-sizing-23: round(down, calc(var(--ds-sizing-scale) * 23em), 0.0625rem);
-    --ds-sizing-24: round(down, calc(var(--ds-sizing-scale) * 24em), 0.0625rem);
-    --ds-sizing-25: round(down, calc(var(--ds-sizing-scale) * 25em), 0.0625rem);
-    --ds-sizing-26: round(down, calc(var(--ds-sizing-scale) * 26em), 0.0625rem);
-    --ds-sizing-27: round(down, calc(var(--ds-sizing-scale) * 27em), 0.0625rem);
-    --ds-sizing-28: round(down, calc(var(--ds-sizing-scale) * 28em), 0.0625rem);
-    --ds-sizing-29: round(down, calc(var(--ds-sizing-scale) * 29em), 0.0625rem);
-    --ds-sizing-30: round(down, calc(var(--ds-sizing-scale) * 30em), 0.0625rem);
-  }
-
-  /* Spacing */
-  --ds-spacing-1: var(--ds-sizing-1);
-  --ds-spacing-2: var(--ds-sizing-2);
-  --ds-spacing-3: var(--ds-sizing-3);
-  --ds-spacing-4: var(--ds-sizing-4);
-  --ds-spacing-5: var(--ds-sizing-5);
-  --ds-spacing-6: var(--ds-sizing-6);
-  --ds-spacing-7: var(--ds-sizing-7);
-  --ds-spacing-8: var(--ds-sizing-8);
-  --ds-spacing-9: var(--ds-sizing-9);
-  --ds-spacing-10: var(--ds-sizing-10);
-  --ds-spacing-11: var(--ds-sizing-11);
-  --ds-spacing-12: var(--ds-sizing-12);
-  --ds-spacing-13: var(--ds-sizing-13);
-  --ds-spacing-14: var(--ds-sizing-14);
-  --ds-spacing-15: var(--ds-sizing-15);
-  --ds-spacing-16: var(--ds-sizing-16);
-  --ds-spacing-17: var(--ds-sizing-17);
-  --ds-spacing-18: var(--ds-sizing-18);
-  --ds-spacing-19: var(--ds-sizing-19);
-  --ds-spacing-20: var(--ds-sizing-20);
-  --ds-spacing-21: var(--ds-sizing-21);
-  --ds-spacing-22: var(--ds-sizing-22);
-  --ds-spacing-23: var(--ds-sizing-23);
-  --ds-spacing-24: var(--ds-sizing-24);
-  --ds-spacing-25: var(--ds-sizing-25);
-  --ds-spacing-26: var(--ds-sizing-26);
-  --ds-spacing-27: var(--ds-sizing-27);
-  --ds-spacing-28: var(--ds-sizing-28);
-  --ds-spacing-29: var(--ds-sizing-29);
-  --ds-spacing-30: var(--ds-sizing-30);
+  /* Temporary size shim as part of https://github.com/digdir/designsystemet/issues/2927 */
+  --ds-size-0: var(--ds-sizing-0);
+  --ds-size-1: var(--ds-sizing-1);
+  --ds-size-2: var(--ds-sizing-2);
+  --ds-size-3: var(--ds-sizing-3);
+  --ds-size-4: var(--ds-sizing-4);
+  --ds-size-5: var(--ds-sizing-5);
+  --ds-size-6: var(--ds-sizing-6);
+  --ds-size-7: var(--ds-sizing-7);
+  --ds-size-8: var(--ds-sizing-8);
+  --ds-size-9: var(--ds-sizing-9);
+  --ds-size-10: var(--ds-sizing-10);
+  --ds-size-11: var(--ds-sizing-11);
+  --ds-size-12: var(--ds-sizing-12);
+  --ds-size-13: var(--ds-sizing-13);
+  --ds-size-14: var(--ds-sizing-14);
+  --ds-size-15: var(--ds-sizing-15);
+  --ds-size-18: var(--ds-sizing-18);
+  --ds-size-22: var(--ds-sizing-22);
+  --ds-size-26: var(--ds-sizing-26);
+  --ds-size-30: var(--ds-sizing-30);
 }
diff --git a/packages/css/src/input.css b/packages/css/src/input.css
index cdc96873dd..07d7c19317 100644
--- a/packages/css/src/input.css
+++ b/packages/css/src/input.css
@@ -7,15 +7,15 @@
   --dsc-input-border-color--invalid: var(--ds-color-danger-border-strong);
   --dsc-input-border-color--readonly: var(--ds-color-neutral-border-subtle);
   --dsc-input-border-color: var(--ds-color-neutral-border-default);
-  --dsc-input-border-width--toggle: max(1px, calc(var(--ds-spacing-1) / 2)); /* Allow border-width to grow with font-size */
+  --dsc-input-border-width--toggle: max(1px, calc(var(--ds-size-1) / 2)); /* Allow border-width to grow with font-size */
   --dsc-input-border-width: 1px;
   --dsc-input-color--checked: var(--ds-color-contrast-default);
   --dsc-input-color--invalid: var(--ds-color-danger-contrast-default);
   --dsc-input-color--readonly: var(--ds-color-neutral-text-subtle);
   --dsc-input-color: var(--ds-color-neutral-text-default);
-  --dsc-input-padding: var(--ds-spacing-2) var(--ds-spacing-3);
-  --dsc-input-size--toggle: var(--ds-sizing-6);
-  --dsc-input-size: var(--ds-sizing-12);
+  --dsc-input-padding: var(--ds-size-2) var(--ds-size-3);
+  --dsc-input-size--toggle: var(--ds-size-6);
+  --dsc-input-size: var(--ds-size-12);
   --dsc-input-stroke: 0.055em;
 
   /* Checkmark with antialiasing is achieved by percentages 48% / 50% / 52% */
@@ -146,7 +146,7 @@
   &[type='checkbox'],
   &[type='radio'] {
     --dsc-input-border-width: var(--dsc-input-border-width--toggle);
-    --dsc-input-padding: calc(var(--ds-sizing-1) / 2);
+    --dsc-input-padding: calc(var(--ds-size-1) / 2);
     --dsc-input-size: var(--dsc-input-size--toggle);
 
     flex-shrink: 0; /* Never shrink a toggle input */
diff --git a/packages/css/src/label.css b/packages/css/src/label.css
index 932311acc7..b5ca2e84f2 100644
--- a/packages/css/src/label.css
+++ b/packages/css/src/label.css
@@ -2,7 +2,7 @@
   --dsc-label--readonly: initial; /* Using technique https://css-tricks.com/the-css-custom-property-toggle-trick/ */
   --dsc-label-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.25A4.75 4.75 0 0 0 7.25 7v2.25H7A1.75 1.75 0 0 0 5.25 11v9c0 .41.34.75.75.75h12a.75.75 0 0 0 .75-.75v-9A1.75 1.75 0 0 0 17 9.25h-.25V7A4.75 4.75 0 0 0 12 2.25m3.25 7V7a3.25 3.25 0 0 0-6.5 0v2.25zM12 13a1.5 1.5 0 0 0-.75 2.8V17a.75.75 0 0 0 1.5 0v-1.2A1.5 1.5 0 0 0 12 13'/%3E%3C/svg%3E");
   --dsc-label-icon-size: 1.2em;
-  --dsc-label-gap: var(--ds-spacing-1);
+  --dsc-label-gap: var(--ds-size-1);
 
   font-weight: var(--ds-font-weight-medium);
   padding-inline-start: var(--dsc-label--readonly) calc(var(--dsc-label-icon-size) + var(--dsc-label-gap));
diff --git a/packages/css/src/list.css b/packages/css/src/list.css
index fe8bee54c1..72a5fc4519 100644
--- a/packages/css/src/list.css
+++ b/packages/css/src/list.css
@@ -1,7 +1,7 @@
 .ds-list {
-  --dsc-list-padding-left: var(--ds-spacing-6);
-  --dsc-list-spacing: var(--ds-spacing-3);
-  --dsc-list-spacing-nested: var(--ds-spacing-2);
+  --dsc-list-padding-left: var(--ds-size-6);
+  --dsc-list-spacing: var(--ds-size-3);
+  --dsc-list-spacing-nested: var(--ds-size-2);
 
   margin: 0;
   padding-left: var(--dsc-list-padding-left);
diff --git a/packages/css/src/modal.css b/packages/css/src/modal.css
index c34858d8d7..3d70187808 100644
--- a/packages/css/src/modal.css
+++ b/packages/css/src/modal.css
@@ -1,12 +1,12 @@
 .ds-modal {
   --dsc-modal-backdrop-background: rgb(0 0 0 / 0.5);
   --dsc-modal-background: var(--ds-color-neutral-background-default);
-  --dsc-modal-close-margin: var(--ds-spacing-3);
+  --dsc-modal-close-margin: var(--ds-size-3);
   --dsc-modal-color: var(--ds-color-neutral-text-default);
   --dsc-modal-divider: 1px solid var(--ds-color-neutral-border-subtle);
   --dsc-modal-max-height: 80vh;
   --dsc-modal-max-width: 40rem;
-  --dsc-modal-padding: var(--ds-spacing-6);
+  --dsc-modal-padding: var(--ds-size-6);
   --close-top-right: calc(var(--dsc-modal-padding) * -1 + var(--dsc-modal-close-margin));
 
   background: var(--dsc-modal-background);
@@ -59,8 +59,8 @@
     &::before {
       content: '';
       background: currentcolor;
-      height: var(--ds-spacing-6);
-      width: var(--ds-spacing-6);
+      height: var(--ds-size-6);
+      width: var(--ds-size-6);
       mask: center / contain no-repeat
         url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' fill='none' viewBox='0 0 24 24' focusable='false' role='img'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'%3E%3C/path%3E%3C/svg%3E");
 
diff --git a/packages/css/src/pagination.css b/packages/css/src/pagination.css
index 102233d772..125fc047e4 100644
--- a/packages/css/src/pagination.css
+++ b/packages/css/src/pagination.css
@@ -1,7 +1,7 @@
 .ds-pagination {
-  --dsc-pagination-gap: var(--ds-spacing-2);
-  --dsc-pagination-ellipsis-width: var(--ds-sizing-12);
-  --dsc-pagination-chevron-size: var(--ds-sizing-6);
+  --dsc-pagination-gap: var(--ds-size-2);
+  --dsc-pagination-ellipsis-width: var(--ds-size-12);
+  --dsc-pagination-chevron-size: var(--ds-size-6);
   --dsc-pagination-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");
 
   & > :is(ol, ul) {
@@ -42,6 +42,6 @@
   }
 
   &[data-compact] {
-    --dsc-pagination-gap: var(--ds-spacing-0);
+    --dsc-pagination-gap: var(--ds-size-0);
   }
 }
diff --git a/packages/css/src/popover.css b/packages/css/src/popover.css
index 46a2383b41..7dc1b6632e 100644
--- a/packages/css/src/popover.css
+++ b/packages/css/src/popover.css
@@ -2,11 +2,11 @@
   --dsc-popover-background: var(--ds-color-surface-default);
   --dsc-popover-border-color: var(--ds-color-border-default);
   --dsc-popover-color: var(--ds-color-text-default);
-  --dsc-popover-arrow-size: var(--ds-spacing-2);
+  --dsc-popover-arrow-size: var(--ds-size-2);
   --dsc-popover-border-radius: var(--ds-border-radius-md);
   --dsc-popover-border: 1px solid var(--dsc-popover-border-color);
   --dsc-popover-max-width: 300px;
-  --dsc-popover-padding: var(--ds-spacing-3) var(--ds-spacing-4);
+  --dsc-popover-padding: var(--ds-size-3) var(--ds-size-4);
 
   background: var(--dsc-popover-background);
   border-radius: var(--dsc-popover-border-radius);
diff --git a/packages/css/src/search.css b/packages/css/src/search.css
index eb136acb69..c69c81e7f3 100644
--- a/packages/css/src/search.css
+++ b/packages/css/src/search.css
@@ -1,10 +1,10 @@
 .ds-search {
-  --dsc-search-padding-inline: var(--ds-spacing-2);
-  --dsc-search-clear-padding: var(--ds-sizing-1);
-  --dsc-search-clear-size: var(--ds-sizing-9);
+  --dsc-search-padding-inline: var(--ds-size-2);
+  --dsc-search-clear-padding: var(--ds-size-1);
+  --dsc-search-clear-size: var(--ds-size-9);
   --dsc-search-clear-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");
   --dsc-search-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M10.5 3.25a7.25 7.25 0 1 0 4.57 12.88l5.41 5.41a.75.75 0 1 0 1.06-1.06l-5.41-5.41A7.25 7.25 0 0 0 10.5 3.25M4.75 10.5a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0'/%3E%3C/svg%3E");
-  --dsc-search-icon-size: var(--ds-sizing-7);
+  --dsc-search-icon-size: var(--ds-size-7);
 
   display: grid;
   align-items: center;
diff --git a/packages/css/src/skiplink.css b/packages/css/src/skiplink.css
index 9ab5feafa1..468c689fb7 100644
--- a/packages/css/src/skiplink.css
+++ b/packages/css/src/skiplink.css
@@ -1,5 +1,5 @@
 .ds-skiplink {
-  --dsc-skiplink-padding: var(--ds-spacing-4);
+  --dsc-skiplink-padding: var(--ds-size-4);
   --dsc-skiplink-background-color: var(--ds-color-surface-hover);
   --dsc-skiplink-color: var(--ds-color-text-default);
 
diff --git a/packages/css/src/spinner.css b/packages/css/src/spinner.css
index a251aaca3d..31315d3217 100644
--- a/packages/css/src/spinner.css
+++ b/packages/css/src/spinner.css
@@ -6,7 +6,7 @@
 
   animation: ds-spinner-rotate-animation linear infinite var(--dsc-spinner-animation-duration);
   box-sizing: border-box;
-  font-size: var(--ds-sizing-11);
+  font-size: var(--ds-size-11);
   height: 1em;
   width: 1em;
 
diff --git a/packages/css/src/table.css b/packages/css/src/table.css
index 2983ef35ae..52062a7f31 100644
--- a/packages/css/src/table.css
+++ b/packages/css/src/table.css
@@ -9,8 +9,8 @@
   --dsc-table-header-background--sorted: var(--ds-color-neutral-background-subtle);
   --dsc-table-header-background: var(--ds-color-neutral-background-default);
   --dsc-table-header-divider: 2px solid var(--ds-color-neutral-border-subtle);
-  --dsc-table-padding: var(--ds-spacing-2) var(--ds-spacing-3);
-  --dsc-table-sort-size: var(--ds-spacing-6);
+  --dsc-table-padding: var(--ds-size-2) var(--ds-size-3);
+  --dsc-table-sort-size: var(--ds-size-6);
 
   border-collapse: separate; /* Using separate mode to enable border-radius */
   border-radius: var(--dsc-table-border-radius);
diff --git a/packages/css/src/tabs.css b/packages/css/src/tabs.css
index 324fb520e5..98be75a955 100644
--- a/packages/css/src/tabs.css
+++ b/packages/css/src/tabs.css
@@ -1,8 +1,8 @@
 .ds-tabs {
   --dsc-tabs-tab-bottom-border-color: transparent;
-  --dsc-tabs-tab-padding: var(--ds-spacing-3) var(--ds-spacing-5);
+  --dsc-tabs-tab-padding: var(--ds-size-3) var(--ds-size-5);
   --dsc-tabs-tab-color: var(--ds-color-neutral-text-subtle);
-  --dsc-tabs-content-padding: var(--ds-spacing-5);
+  --dsc-tabs-content-padding: var(--ds-size-5);
   --dsc-tabs-content-color: var(--ds-color-neutral-text-default);
   --dsc-tabs-list-border-color: var(--ds-color-neutral-border-subtle);
 }
@@ -30,7 +30,7 @@
   flex-direction: row;
   font-family: inherit;
   font-size: inherit;
-  gap: var(--ds-spacing-1);
+  gap: var(--ds-size-1);
   justify-content: center;
   line-height: var(--ds-line-height-sm);
   margin: 0;
diff --git a/packages/css/src/tag.css b/packages/css/src/tag.css
index 50afd04738..6b781b683b 100644
--- a/packages/css/src/tag.css
+++ b/packages/css/src/tag.css
@@ -1,8 +1,8 @@
 .ds-tag {
   --dsc-tag-background: var(--ds-color-surface-default);
   --dsc-tag-color: var(--ds-color-text-default);
-  --dsc-tag-min-height: var(--ds-sizing-8);
-  --dsc-tag-padding: 0 var(--ds-spacing-2);
+  --dsc-tag-min-height: var(--ds-size-8);
+  --dsc-tag-padding: 0 var(--ds-size-2);
 
   align-items: center;
   background: var(--dsc-tag-background);
diff --git a/packages/css/src/textfield.css b/packages/css/src/textfield.css
index c24af5a726..5aa46e07b4 100644
--- a/packages/css/src/textfield.css
+++ b/packages/css/src/textfield.css
@@ -1,12 +1,12 @@
 .ds-textfield {
   display: grid;
-  gap: var(--ds-spacing-2);
+  gap: var(--ds-size-2);
 }
 
 .ds-textfield__adornment {
   color: var(--ds-color-neutral-text-subtle);
   background: var(--ds-color-neutral-background-subtle);
-  padding: 9px var(--ds-spacing-4);
+  padding: 9px var(--ds-size-4);
   border-radius: var(--ds-border-radius-md);
   border: solid 1px var(--ds-color-neutral-border-default);
   box-sizing: border-box;
@@ -20,7 +20,7 @@
   flex: 0 1 auto;
   width: 100%;
   appearance: none;
-  padding: 0 var(--ds-spacing-3);
+  padding: 0 var(--ds-size-3);
   border: solid 1px var(--ds-color-neutral-border-default);
   background: var(--ds-color-neutral-background-default);
   color: var(--ds-color-neutral-text-default);
@@ -53,52 +53,52 @@
 }
 
 .ds-textfield--sm .ds-textfield__adornment {
-  padding: var(--ds-sizing-2) var(--ds-spacing-3);
+  padding: var(--ds-size-2) var(--ds-size-3);
 }
 
 .ds-textfield--md .ds-textfield__adornment {
-  padding: 0.65rem var(--ds-spacing-4);
+  padding: 0.65rem var(--ds-size-4);
 }
 
 .ds-textfield--lg .ds-textfield__adornment {
-  padding: 0.85rem var(--ds-spacing-5);
+  padding: 0.85rem var(--ds-size-5);
 }
 
 .ds-textfield--sm .ds-textfield__field {
-  height: var(--ds-sizing-10);
+  height: var(--ds-size-10);
 }
 
 .ds-textfield--md .ds-textfield__field {
-  height: var(--ds-sizing-12);
+  height: var(--ds-size-12);
 }
 
 .ds-textfield--lg .ds-textfield__field {
-  height: var(--ds-sizing-14);
+  height: var(--ds-size-14);
 }
 
 .ds-textfield--sm .ds-textfield__input {
-  padding: 0 var(--ds-spacing-2);
+  padding: 0 var(--ds-size-2);
 }
 
 .ds-textfield--md .ds-textfield__input {
-  padding: 0 var(--ds-spacing-3);
+  padding: 0 var(--ds-size-3);
 }
 
 .ds-textfield--lg .ds-textfield__input {
-  padding: 0 var(--ds-spacing-4);
+  padding: 0 var(--ds-size-4);
 }
 
 .ds-textfield__label {
   min-width: min-content;
   display: inline-flex;
   flex-direction: row;
-  gap: var(--ds-spacing-1);
+  gap: var(--ds-size-1);
   align-items: center;
 }
 
 .ds-textfield__description {
   color: var(--ds-color-neutral-text-subtle);
-  margin-top: calc(var(--ds-spacing-2) * -1);
+  margin-top: calc(var(--ds-size-2) * -1);
 }
 
 .ds-textfield:has(.ds-textfield__input:disabled) {
diff --git a/packages/css/src/togglegroup.css b/packages/css/src/togglegroup.css
index b644927880..6737001e12 100644
--- a/packages/css/src/togglegroup.css
+++ b/packages/css/src/togglegroup.css
@@ -2,7 +2,7 @@
   --dsc-togglegroup-background: var(--ds-color-background-default);
   /* Todo: Explore the border color here */
   --dsc-togglegroup-border: var(--ds-border-width-default) solid var(--ds-color-neutral-border-default);
-  --dsc-togglegroup-padding: var(--ds-spacing-1);
+  --dsc-togglegroup-padding: var(--ds-size-1);
   --dsc-togglegroup-border-radius: var(--ds-border-radius-default);
 
   background: var(--dsc-togglegroup-background);
diff --git a/packages/css/src/tooltip.css b/packages/css/src/tooltip.css
index 88c419e611..7fea0fc7a1 100644
--- a/packages/css/src/tooltip.css
+++ b/packages/css/src/tooltip.css
@@ -2,8 +2,8 @@
   --dsc-tooltip-background: var(--ds-color-neutral-text-default);
   --dsc-tooltip-color: var(--ds-color-neutral-background-default);
   --dsc-tooltip-border-radius: var(--ds-border-radius-default);
-  --dsc-tooltip-padding: var(--ds-spacing-1) var(--ds-spacing-2);
-  --dsc-tooltip-arrow-size: var(--ds-spacing-2);
+  --dsc-tooltip-padding: var(--ds-size-1) var(--ds-size-2);
+  --dsc-tooltip-arrow-size: var(--ds-size-2);
   --dsc-tooltip-transition-duration: 0.2s;
   --dsc-tooltip-transition-delay: 150ms;
 
diff --git a/packages/css/src/validation-message.css b/packages/css/src/validation-message.css
index 34b003c8ce..5ffb328520 100644
--- a/packages/css/src/validation-message.css
+++ b/packages/css/src/validation-message.css
@@ -1,8 +1,8 @@
 .ds-validation-message {
   /* Default is danger */
   --dsc-validation-message-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7.74 2.47a.75.75 0 0 1 .53-.22h7.46a.75.75 0 0 1 .53.22l5.27 5.27c.14.14.22.33.22.53v7.46a.75.75 0 0 1-.22.53l-5.27 5.27a.75.75 0 0 1-.53.22H8.27a.75.75 0 0 1-.53-.22l-5.27-5.27a.75.75 0 0 1-.22-.53V8.27a.75.75 0 0 1 .22-.53zm1.29 5.5a.75.75 0 0 0-1.06 1.06L10.94 12l-2.97 2.97a.75.75 0 1 0 1.06 1.06L12 13.06l2.97 2.97a.75.75 0 1 0 1.06-1.06L13.06 12l2.97-2.97a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");
-  --dsc-validation-message-icon-size: var(--ds-sizing-7);
-  --dsc-validation-message-gap: var(--ds-spacing-2);
+  --dsc-validation-message-icon-size: var(--ds-size-7);
+  --dsc-validation-message-gap: var(--ds-size-2);
   --dsc-validation-message-color: var(--ds-color-danger-text-subtle);
 
   color: var(--dsc-validation-message-color);
diff --git a/packages/react/src/components/Alert/Alert.stories.tsx b/packages/react/src/components/Alert/Alert.stories.tsx
index 7ceb85ec44..eab646ceed 100644
--- a/packages/react/src/components/Alert/Alert.stories.tsx
+++ b/packages/react/src/components/Alert/Alert.stories.tsx
@@ -30,7 +30,7 @@ export const VariantInfo: Story = (args) => (
       level={2}
       data-size='xs'
       style={{
-        marginBottom: 'var(--ds-spacing-2)',
+        marginBottom: 'var(--ds-size-2)',
       }}
     >
       Har du husket å bestille passtime?
@@ -48,7 +48,7 @@ export const VariantSuccess: Story = (args) => (
       level={2}
       data-size='xs'
       style={{
-        marginBottom: 'var(--ds-spacing-2)',
+        marginBottom: 'var(--ds-size-2)',
       }}
     >
       Gratulerer! Du kan nå starte selskapet ditt
@@ -66,7 +66,7 @@ export const VariantWarning: Story = (args) => (
       level={2}
       data-size='xs'
       style={{
-        marginBottom: 'var(--ds-spacing-2)',
+        marginBottom: 'var(--ds-size-2)',
       }}
     >
       Vi har tekniske problemer
@@ -84,7 +84,7 @@ export const VariantDanger: Story = (args) => (
       level={2}
       data-size='xs'
       style={{
-        marginBottom: 'var(--ds-spacing-2)',
+        marginBottom: 'var(--ds-size-2)',
       }}
     >
       Det har skjedd en feil
@@ -103,7 +103,7 @@ export const MedHeading: Story = (args) => (
       level={2}
       data-size='xs'
       style={{
-        marginBottom: 'var(--ds-spacing-2)',
+        marginBottom: 'var(--ds-size-2)',
       }}
     >
       Har du husket å bestille passtime?
@@ -127,7 +127,7 @@ export const MedLenke: Story = (args) => (
       level={2}
       data-size='xs'
       style={{
-        marginBottom: 'var(--ds-spacing-2)',
+        marginBottom: 'var(--ds-size-2)',
       }}
     >
       Søknadsfristen går ut om 3 dager
@@ -145,7 +145,7 @@ export const UtenAria: Story = (args) => (
       level={2}
       data-size='xs'
       style={{
-        marginBottom: 'var(--ds-spacing-2)',
+        marginBottom: 'var(--ds-size-2)',
       }}
     >
       Nedetid
@@ -163,7 +163,7 @@ export const MedAria: Story = (args) => (
       level={2}
       data-size='xs'
       style={{
-        marginBottom: 'var(--ds-spacing-2)',
+        marginBottom: 'var(--ds-size-2)',
       }}
     >
       Vi klarer ikke lagre skjemaet
diff --git a/packages/react/src/components/Avatar/Avatar.stories.tsx b/packages/react/src/components/Avatar/Avatar.stories.tsx
index 5cd3b16aef..648e298f08 100644
--- a/packages/react/src/components/Avatar/Avatar.stories.tsx
+++ b/packages/react/src/components/Avatar/Avatar.stories.tsx
@@ -14,7 +14,7 @@ const meta: Meta<typeof Avatar> = {
     layout: 'padded',
     customStyles: {
       display: 'flex',
-      gap: 'var(--ds-spacing-2)',
+      gap: 'var(--ds-size-2)',
       justifyContent: 'center',
       alignItems: 'center',
     },
diff --git a/packages/react/src/components/Badge/Badge.stories.tsx b/packages/react/src/components/Badge/Badge.stories.tsx
index d8cca5f566..68b1d52acd 100644
--- a/packages/react/src/components/Badge/Badge.stories.tsx
+++ b/packages/react/src/components/Badge/Badge.stories.tsx
@@ -35,7 +35,7 @@ export const Floating: Story = (args) => (
   <div
     style={{
       display: 'flex',
-      gap: 'var(--ds-spacing-6)',
+      gap: 'var(--ds-size-6)',
     }}
   >
     <Badge.Position placement='top-right'>
@@ -105,7 +105,7 @@ export const CustomPlacement: Story = (args) => (
   <div
     style={{
       display: 'flex',
-      gap: 'var(--ds-spacing-6)',
+      gap: 'var(--ds-size-6)',
     }}
   >
     <Badge.Position
@@ -125,7 +125,7 @@ export const Status: Story = (args) => (
   <div
     style={{
       display: 'flex',
-      gap: 'var(--ds-spacing-4)',
+      gap: 'var(--ds-size-4)',
     }}
   >
     <Badge.Position data-size='sm'>
@@ -168,7 +168,7 @@ export const InButton: Story = (args) => (
   <div
     style={{
       display: 'flex',
-      gap: 'var(--ds-spacing-4)',
+      gap: 'var(--ds-size-4)',
     }}
   >
     <Button icon variant='tertiary'>
diff --git a/packages/react/src/components/Button/Button.stories.tsx b/packages/react/src/components/Button/Button.stories.tsx
index 008ebcb326..360c6c123e 100644
--- a/packages/react/src/components/Button/Button.stories.tsx
+++ b/packages/react/src/components/Button/Button.stories.tsx
@@ -27,7 +27,7 @@ const meta: Meta<typeof Button> = {
       justifyContent: 'center',
       alignItems: 'center',
       flexWrap: 'wrap',
-      gap: 'var(--ds-spacing-4)',
+      gap: 'var(--ds-size-4)',
     },
   },
 };
diff --git a/packages/react/src/components/Card/Card.stories.tsx b/packages/react/src/components/Card/Card.stories.tsx
index 5ec279c678..7e92549f55 100644
--- a/packages/react/src/components/Card/Card.stories.tsx
+++ b/packages/react/src/components/Card/Card.stories.tsx
@@ -29,7 +29,7 @@ export default {
       maxWidth: 800,
       alignItems: 'center',
       display: 'grid',
-      gap: 'var(--ds-spacing-4)',
+      gap: 'var(--ds-size-4)',
       gridTemplateColumns: 'repeat(auto-fit, minmax(280px , 1fr))',
     },
   },
@@ -231,7 +231,7 @@ export const Composed: Story = () => (
   <div
     style={{
       display: 'grid', // Used to test Card.Block border logic
-      gap: 'var(--ds-spacing-4)',
+      gap: 'var(--ds-size-4)',
       gridColumn: '1 / -1',
       gridTemplateColumns: 'repeat(auto-fit, minmax(300px , 1fr))',
       width: '100%',
diff --git a/packages/react/src/components/Checkbox/Checkbox.stories.tsx b/packages/react/src/components/Checkbox/Checkbox.stories.tsx
index f1e82fa65f..ad0566adbb 100644
--- a/packages/react/src/components/Checkbox/Checkbox.stories.tsx
+++ b/packages/react/src/components/Checkbox/Checkbox.stories.tsx
@@ -109,8 +109,8 @@ export const Controlled: StoryFn<UseCheckboxGroupProps> = (args) => {
         <Checkbox label='Hobsyssel' {...getCheckboxProps('hobsyssel')} />
       </Fieldset>
       <ValidationMessage {...validationMessageProps} />
-      <Divider style={{ marginTop: 'var(--ds-spacing-4)' }} />
-      <Paragraph style={{ margin: 'var(--ds-spacing-2) 0' }}>
+      <Divider style={{ marginTop: 'var(--ds-size-4)' }} />
+      <Paragraph style={{ margin: 'var(--ds-size-2) 0' }}>
         Du har valgt: {value.toString()}
       </Paragraph>
       <div style={{ display: 'flex', gap: '1rem' }}>
diff --git a/packages/react/src/components/Chip/Chip.stories.tsx b/packages/react/src/components/Chip/Chip.stories.tsx
index b579815737..788e134aa9 100644
--- a/packages/react/src/components/Chip/Chip.stories.tsx
+++ b/packages/react/src/components/Chip/Chip.stories.tsx
@@ -6,7 +6,7 @@ export default {
   title: 'Komponenter/Chip',
   component: Chip.Radio,
   parameters: {
-    customStyles: { display: 'flex', gap: 'var(--ds-spacing-2)' },
+    customStyles: { display: 'flex', gap: 'var(--ds-size-2)' },
   },
 } satisfies Meta;
 
diff --git a/packages/react/src/components/Combobox/Combobox.stories.tsx b/packages/react/src/components/Combobox/Combobox.stories.tsx
index 7108d35a02..8bdabab66a 100644
--- a/packages/react/src/components/Combobox/Combobox.stories.tsx
+++ b/packages/react/src/components/Combobox/Combobox.stories.tsx
@@ -229,7 +229,7 @@ export const Controlled: StoryFn<typeof Combobox> = (args) => {
         ))}
       </Combobox>
 
-      <Divider style={{ marginTop: 'var(--ds-spacing-4)' }} />
+      <Divider style={{ marginTop: 'var(--ds-size-4)' }} />
 
       <Switch
         label='Multiple'
@@ -240,7 +240,7 @@ export const Controlled: StoryFn<typeof Combobox> = (args) => {
         }}
       />
 
-      <Paragraph style={{ margin: 'var(--ds-spacing-2) 0' }}>
+      <Paragraph style={{ margin: 'var(--ds-size-2) 0' }}>
         Value er: {value.join(', ')}
       </Paragraph>
       <Button
@@ -321,7 +321,7 @@ export const InModal: StoryFn<typeof Combobox> = (args) => {
     <Modal.TriggerContext>
       <Modal.Trigger>Open Modal</Modal.Trigger>
       <Modal style={{ overflow: 'visible' }}>
-        <Heading data-size='xs' style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+        <Heading data-size='xs' style={{ marginBottom: 'var(--ds-size-2)' }}>
           Combobox i Modal
         </Heading>
         <Combobox
@@ -369,7 +369,7 @@ export const WithChipsOutside: StoryFn<typeof Combobox> = (args) => {
           marginBottom: '2rem',
           display: 'flex',
           flexWrap: 'wrap',
-          gap: 'var(--ds-spacing-2)',
+          gap: 'var(--ds-size-2)',
         }}
       >
         {value.map((item, index) => (
diff --git a/packages/react/src/components/ErrorSummary/ErrorSummary.stories.tsx b/packages/react/src/components/ErrorSummary/ErrorSummary.stories.tsx
index 9cb3c16035..f180d2614d 100644
--- a/packages/react/src/components/ErrorSummary/ErrorSummary.stories.tsx
+++ b/packages/react/src/components/ErrorSummary/ErrorSummary.stories.tsx
@@ -66,7 +66,7 @@ export const WithForm: Story = () => (
 );
 
 WithForm.parameters = {
-  customStyles: { display: 'grid', gap: 'var(--ds-spacing-4)' },
+  customStyles: { display: 'grid', gap: 'var(--ds-size-4)' },
 };
 
 export const ShowHide: Story = () => {
@@ -78,7 +78,7 @@ export const ShowHide: Story = () => {
         style={{
           display: 'grid',
           placeItems: 'center',
-          marginBottom: 'var(--ds-spacing-4)',
+          marginBottom: 'var(--ds-size-4)',
         }}
       >
         <Button onClick={() => setShow(!show)}>{show ? 'Skjul' : 'Vis'}</Button>
diff --git a/packages/react/src/components/Input/Input.stories.tsx b/packages/react/src/components/Input/Input.stories.tsx
index 66c3f07f6c..62d34e2e91 100644
--- a/packages/react/src/components/Input/Input.stories.tsx
+++ b/packages/react/src/components/Input/Input.stories.tsx
@@ -59,7 +59,7 @@ export default {
       <div
         style={{
           display: 'flex',
-          gap: 'var(--ds-spacing-2)',
+          gap: 'var(--ds-size-2)',
           flexDirection: 'column',
         }}
       >
@@ -130,7 +130,7 @@ export const Controlled: StoryFn<typeof Input> = (args) => {
       <div>
         <Divider />
 
-        <Paragraph style={{ margin: 'var(--ds-spacing-2) 0' }}>
+        <Paragraph style={{ margin: 'var(--ds-size-2) 0' }}>
           Du har skrevet inn: {value}
         </Paragraph>
         <Button onClick={() => setValue('Kake')}>Jeg vil ha Kake</Button>
diff --git a/packages/react/src/components/List/List.stories.tsx b/packages/react/src/components/List/List.stories.tsx
index a22db3ff30..a94435ffc6 100644
--- a/packages/react/src/components/List/List.stories.tsx
+++ b/packages/react/src/components/List/List.stories.tsx
@@ -28,7 +28,7 @@ export const Sortert: StoryFn<typeof List.Ordered> = (args) => (
     <Heading
       level={2}
       data-size='xs'
-      style={{ marginBottom: 'var(--ds-spacing-2)' }}
+      style={{ marginBottom: 'var(--ds-size-2)' }}
     >
       Slik gjør du:
     </Heading>
@@ -55,7 +55,7 @@ export const Usortert: Story = (args) => (
     <Heading
       level={2}
       data-size='xs'
-      style={{ marginBottom: 'var(--ds-spacing-2)' }}
+      style={{ marginBottom: 'var(--ds-size-2)' }}
     >
       Foreningen har plikt til å ha revisor hvis de har
     </Heading>
@@ -78,7 +78,7 @@ export const Innrykk: Story = (args) => (
       <Heading
         level={3}
         data-size='xs'
-        style={{ marginBottom: 'var(--ds-spacing-2)' }}
+        style={{ marginBottom: 'var(--ds-size-2)' }}
       >
         {' '}
         List Item 1
@@ -93,7 +93,7 @@ export const Innrykk: Story = (args) => (
       <Heading
         level={3}
         data-size='xs'
-        style={{ marginBottom: 'var(--ds-spacing-2)' }}
+        style={{ marginBottom: 'var(--ds-size-2)' }}
       >
         {' '}
         List Item 2
@@ -108,7 +108,7 @@ export const Innrykk: Story = (args) => (
       <Heading
         level={3}
         data-size='xs'
-        style={{ marginBottom: 'var(--ds-spacing-2)' }}
+        style={{ marginBottom: 'var(--ds-size-2)' }}
       >
         List Item 3
       </Heading>
@@ -147,7 +147,7 @@ export const ListeMedOverskrift: Story = (args) => (
       <Heading
         level={2}
         data-size='2xs'
-        style={{ marginBottom: 'var(--ds-spacing-2)' }}
+        style={{ marginBottom: 'var(--ds-size-2)' }}
       >
         List sm og Heading 2xs
       </Heading>
@@ -179,7 +179,7 @@ export const ListeMedOverskrift: Story = (args) => (
       <Heading
         level={2}
         data-size='xs'
-        style={{ marginBottom: 'var(--ds-spacing-2)' }}
+        style={{ marginBottom: 'var(--ds-size-2)' }}
       >
         List md og Heading xs
       </Heading>
@@ -211,7 +211,7 @@ export const ListeMedOverskrift: Story = (args) => (
       <Heading
         level={2}
         data-size='sm'
-        style={{ marginBottom: 'var(--ds-spacing-2)' }}
+        style={{ marginBottom: 'var(--ds-size-2)' }}
       >
         List lg og Heading sm
       </Heading>
diff --git a/packages/react/src/components/Modal/Modal.stories.tsx b/packages/react/src/components/Modal/Modal.stories.tsx
index 6a2a4a7176..0afa841365 100644
--- a/packages/react/src/components/Modal/Modal.stories.tsx
+++ b/packages/react/src/components/Modal/Modal.stories.tsx
@@ -59,10 +59,10 @@ export const Preview: StoryFn<typeof Modal> = (args) => (
       Open Modal
     </Modal.Trigger>
     <Modal {...args}>
-      <Heading style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+      <Heading style={{ marginBottom: 'var(--ds-size-2)' }}>
         Modal header
       </Heading>
-      <Paragraph style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+      <Paragraph style={{ marginBottom: 'var(--ds-size-2)' }}>
         Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis
         doloremque obcaecati assumenda odio ducimus sunt et.
       </Paragraph>
@@ -79,10 +79,10 @@ export const WithoutModalTriggerContext: StoryFn<typeof Modal> = (args) => {
       <Button onClick={() => modalRef.current?.showModal()}>Open Modal</Button>
       <Modal {...args} ref={modalRef}>
         <Paragraph data-size='sm'>Modal subtittel</Paragraph>
-        <Heading style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+        <Heading style={{ marginBottom: 'var(--ds-size-2)' }}>
           Modal header
         </Heading>
-        <Paragraph style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+        <Paragraph style={{ marginBottom: 'var(--ds-size-2)' }}>
           Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis
           doloremque obcaecati assumenda odio ducimus sunt et.
         </Paragraph>
@@ -119,7 +119,7 @@ export const WithHeaderAndFooter: StoryFn<typeof Modal> = () => (
         <Heading>Vi kan legge divider under header</Heading>
       </Modal.Block>
       <Modal.Block>
-        <Paragraph style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+        <Paragraph style={{ marginBottom: 'var(--ds-size-2)' }}>
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
           sodales eros justo. Aenean non mi ipsum. Cras viverra elit nec
           vulputate mattis. Nunc placerat euismod pulvinar. Sed nec fringilla
@@ -155,7 +155,7 @@ export const ModalWithForm: StoryFn<typeof Modal> = () => {
     <Modal.TriggerContext>
       <Modal.Trigger>Open Modal</Modal.Trigger>
       <Modal ref={modalRef} onClose={() => setInput('')} backdropClose>
-        <Heading style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+        <Heading style={{ marginBottom: 'var(--ds-size-2)' }}>
           Modal med skjema
         </Heading>
         <Textfield
@@ -168,8 +168,8 @@ export const ModalWithForm: StoryFn<typeof Modal> = () => {
         <div
           style={{
             display: 'flex',
-            gap: 'var(--ds-spacing-4)',
-            marginTop: 'var(--ds-spacing-4)',
+            gap: 'var(--ds-size-4)',
+            marginTop: 'var(--ds-size-4)',
           }}
         >
           <Button
@@ -193,7 +193,7 @@ export const ModalWithMaxWidth: StoryFn<typeof Modal> = () => (
   <Modal.TriggerContext>
     <Modal.Trigger>Open Modal</Modal.Trigger>
     <Modal style={{ maxWidth: 1200 }}>
-      <Heading style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+      <Heading style={{ marginBottom: 'var(--ds-size-2)' }}>
         Modal med en veldig lang bredde
       </Heading>
       <Paragraph>
diff --git a/packages/react/src/components/Popover/Popover.stories.tsx b/packages/react/src/components/Popover/Popover.stories.tsx
index 6e3f79e4f3..864170cd82 100644
--- a/packages/react/src/components/Popover/Popover.stories.tsx
+++ b/packages/react/src/components/Popover/Popover.stories.tsx
@@ -62,8 +62,8 @@ export const Interactive: StoryFn<typeof Popover> = () => {
         <div
           style={{
             display: 'flex',
-            gap: 'var(--ds-spacing-2)',
-            marginTop: 'var(--ds-spacing-2)',
+            gap: 'var(--ds-size-2)',
+            marginTop: 'var(--ds-size-2)',
           }}
         >
           <Button data-size='sm'>Ja, slett den</Button>
@@ -128,7 +128,7 @@ export const Variants: StoryFn<typeof Popover> = () => {
         style={{
           display: 'flex',
           flexDirection: 'column',
-          gap: 'var(--ds-spacing-2)',
+          gap: 'var(--ds-size-2)',
           flexWrap: 'wrap',
           height: '100%',
           width: '100%',
@@ -203,7 +203,7 @@ export const Controlled: StoryFn<typeof Popover> = () => {
           data-color='danger'
           onClick={() => setOpen(false)}
           data-size='sm'
-          style={{ marginTop: 'var(--ds-spacing-2)' }}
+          style={{ marginTop: 'var(--ds-size-2)' }}
         >
           Slett
         </Button>
@@ -236,7 +236,7 @@ export const WithoutContext: StoryFn<typeof Popover> = () => {
           data-color='danger'
           onClick={() => setOpen(false)}
           data-size='sm'
-          style={{ marginTop: 'var(--ds-spacing-2)' }}
+          style={{ marginTop: 'var(--ds-size-2)' }}
         >
           Slett
         </Button>
diff --git a/packages/react/src/components/Radio/Radio.stories.tsx b/packages/react/src/components/Radio/Radio.stories.tsx
index ca2abf6bd0..3c9a00936a 100644
--- a/packages/react/src/components/Radio/Radio.stories.tsx
+++ b/packages/react/src/components/Radio/Radio.stories.tsx
@@ -98,9 +98,9 @@ export const Controlled: StoryFn<UseRadioGroupProps> = (args) => {
         <Radio label='Snadder' {...getRadioProps('snadder')} />
       </Fieldset>
 
-      <Divider style={{ marginTop: 'var(--ds-spacing-4)' }} />
+      <Divider style={{ marginTop: 'var(--ds-size-4)' }} />
 
-      <Paragraph style={{ marginBlock: 'var(--ds-spacing-2)' }}>
+      <Paragraph style={{ marginBlock: 'var(--ds-size-2)' }}>
         Du har valgt: {value}
       </Paragraph>
       <div style={{ display: 'flex', gap: '1rem' }}>
@@ -127,9 +127,7 @@ export const Inline: StoryFn<typeof Fieldset> = () => (
     <Fieldset.Description>
       Bekreft om du ønsker å bli kontaktet per e-post.
     </Fieldset.Description>
-    <div
-      style={{ display: 'flex', flexWrap: 'wrap', gap: 'var(--ds-spacing-6)' }}
-    >
+    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 'var(--ds-size-6)' }}>
       <Radio name='my-inline' label='Ja' value='ja' />
       <Radio name='my-inline' label='Nei' value='nei' />
     </div>
diff --git a/packages/react/src/components/Search/Search.stories.tsx b/packages/react/src/components/Search/Search.stories.tsx
index 7c44ed5ccb..f4263d1595 100644
--- a/packages/react/src/components/Search/Search.stories.tsx
+++ b/packages/react/src/components/Search/Search.stories.tsx
@@ -32,9 +32,9 @@ export const Controlled: StoryFn<typeof Search> = () => {
         <Search.Button />
       </Search>
 
-      <Divider style={{ marginTop: 'var(--ds-spacing-4)' }} />
+      <Divider style={{ marginTop: 'var(--ds-size-4)' }} />
 
-      <Paragraph style={{ margin: 'var(--ds-spacing-2) 0' }}>
+      <Paragraph style={{ margin: 'var(--ds-size-2) 0' }}>
         Du har skrevet inn: {value}
       </Paragraph>
       <Button onClick={() => setValue('Pizza')}>Jeg vil ha Pizza</Button>
@@ -49,7 +49,7 @@ export const Variants: StoryFn<typeof Search> = () => (
       <Search.Clear />
     </Search>
 
-    <Divider style={{ marginTop: 'var(--ds-spacing-4)' }} />
+    <Divider style={{ marginTop: 'var(--ds-size-4)' }} />
 
     <Search>
       <Search.Input aria-label='Søk' />
@@ -57,7 +57,7 @@ export const Variants: StoryFn<typeof Search> = () => (
       <Search.Button />
     </Search>
 
-    <Divider style={{ marginTop: 'var(--ds-spacing-4)' }} />
+    <Divider style={{ marginTop: 'var(--ds-size-4)' }} />
 
     <Search>
       <Search.Input aria-label='Søk' />
@@ -102,7 +102,7 @@ export const Form: StoryFn<typeof Search> = () => {
         </Search>
       </form>
 
-      <Paragraph data-size='md' style={{ marginTop: 'var(--ds-spacing-2)' }}>
+      <Paragraph data-size='md' style={{ marginTop: 'var(--ds-size-2)' }}>
         Submitted value: {submittedValue}
       </Paragraph>
     </>
diff --git a/packages/react/src/components/Tag/Tag.stories.tsx b/packages/react/src/components/Tag/Tag.stories.tsx
index 60baa3e6f4..88ab534e51 100644
--- a/packages/react/src/components/Tag/Tag.stories.tsx
+++ b/packages/react/src/components/Tag/Tag.stories.tsx
@@ -28,7 +28,7 @@ export const Sizes: StoryFn<typeof Tag> = ({ ...rest }): JSX.Element => {
       style={{
         display: 'flex',
         alignItems: 'center',
-        gap: 'var(--ds-spacing-2)',
+        gap: 'var(--ds-size-2)',
       }}
     >
       {sizes.map((size) => (
diff --git a/packages/react/src/components/Textarea/Textarea.stories.tsx b/packages/react/src/components/Textarea/Textarea.stories.tsx
index a3c15b95ec..f62028931d 100644
--- a/packages/react/src/components/Textarea/Textarea.stories.tsx
+++ b/packages/react/src/components/Textarea/Textarea.stories.tsx
@@ -17,7 +17,7 @@ export default {
         style={{
           display: 'flex',
           flexDirection: 'column',
-          gap: 'var(--ds-spacing-2)',
+          gap: 'var(--ds-size-2)',
           maxWidth: '100%',
           width: parameters.layout === 'padded' ? '' : '20rem',
         }}
@@ -74,9 +74,9 @@ export const Controlled: StoryFn<typeof Textarea> = (args) => {
         {...args}
       />
 
-      <Divider style={{ marginTop: 'var(--ds-spacing-4)' }} />
+      <Divider style={{ marginTop: 'var(--ds-size-4)' }} />
 
-      <Paragraph style={{ margin: 'var(--ds-spacing-2) 0' }}>
+      <Paragraph style={{ margin: 'var(--ds-size-2) 0' }}>
         Du har skrevet inn: {value}
       </Paragraph>
       <Button onClick={() => setValue('Pizza')}>Jeg vil ha Pizza</Button>
diff --git a/packages/react/src/components/Textfield/Textfield.stories.tsx b/packages/react/src/components/Textfield/Textfield.stories.tsx
index 2dca21aa39..2719d2cabb 100644
--- a/packages/react/src/components/Textfield/Textfield.stories.tsx
+++ b/packages/react/src/components/Textfield/Textfield.stories.tsx
@@ -91,9 +91,9 @@ export const Controlled: StoryFn<typeof Textfield> = () => {
         onChange={(e) => setValue(e.target.value)}
       />
 
-      <Divider style={{ marginTop: 'var(--ds-spacing-4)' }} />
+      <Divider style={{ marginTop: 'var(--ds-size-4)' }} />
 
-      <Paragraph style={{ margin: 'var(--ds-spacing-2) 0' }}>
+      <Paragraph style={{ margin: 'var(--ds-size-2) 0' }}>
         Du har skrevet inn: {value}
       </Paragraph>
       <Button onClick={() => setValue('Kake')}>Jeg vil ha Kake</Button>
diff --git a/packages/react/stories/Typography.stories.tsx b/packages/react/stories/Typography.stories.tsx
index 57242113d9..5b35a1be96 100644
--- a/packages/react/stories/Typography.stories.tsx
+++ b/packages/react/stories/Typography.stories.tsx
@@ -13,12 +13,12 @@ export const EksempelTekst: StoryFn = () => (
     <Heading
       level={1}
       data-size='xl'
-      style={{ marginBottom: 'var(--ds-spacing-2)' }}
+      style={{ marginBottom: 'var(--ds-size-2)' }}
     >
       Samordnet registermelding (H1)
     </Heading>
 
-    <Paragraph style={{ marginBottom: 'var(--ds-spacing-2)' }} variant='long'>
+    <Paragraph style={{ marginBottom: 'var(--ds-size-2)' }} variant='long'>
       Her kan du registrere nye virksomheter, som for eksempel
       enkeltpersonforetak, foreninger, aksjeselskap, ansvarlige selskap,
       samvirkeforetak og stiftelser. De aller fleste organisasjonsformene kan
@@ -28,12 +28,12 @@ export const EksempelTekst: StoryFn = () => (
     <Heading
       level={2}
       data-size='lg'
-      style={{ marginBottom: 'var(--ds-spacing-2)' }}
+      style={{ marginBottom: 'var(--ds-size-2)' }}
     >
       Når skal du bruke skjemaet? (H2)
     </Heading>
 
-    <Paragraph style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+    <Paragraph style={{ marginBottom: 'var(--ds-size-2)' }}>
       Denne tjenesten kan du bruke for å melde opplysninger til
       Enhetsregisteret, Foretaksregisteret, Frivillighetsregisteret, NAV
       Aa-registeret, Virksomhets- og foretaksregisteret hos SSB,
@@ -44,12 +44,12 @@ export const EksempelTekst: StoryFn = () => (
     <Heading
       level={3}
       data-size='md'
-      style={{ marginBottom: 'var(--ds-spacing-2)' }}
+      style={{ marginBottom: 'var(--ds-size-2)' }}
     >
       Signering (H3)
     </Heading>
 
-    <Paragraph variant='short' style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+    <Paragraph variant='short' style={{ marginBottom: 'var(--ds-size-2)' }}>
       Når du skal signere meldingen vil du motta en signeringsoppgave i
       meldingsboksen din i Altinn. Meldingen blir ikke sendt til behandling før
       alle har signert.
@@ -58,12 +58,12 @@ export const EksempelTekst: StoryFn = () => (
     <Heading
       level={4}
       data-size='sm'
-      style={{ marginBottom: 'var(--ds-spacing-2)' }}
+      style={{ marginBottom: 'var(--ds-size-2)' }}
     >
       Krav om rolle for signering (H4)
     </Heading>
 
-    <Paragraph style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+    <Paragraph style={{ marginBottom: 'var(--ds-size-2)' }}>
       For å signere på vegne av en virksomhet, trenger du Altinn-rollen Signerer
       av Samordnet registermelding. Du kan se hvilke roller du har for en aktør
       på menypunktet Profil, Skjema og tjenester du har rettighet til. Om du
@@ -74,12 +74,12 @@ export const EksempelTekst: StoryFn = () => (
     <Heading
       level={5}
       data-size='xs'
-      style={{ marginBottom: 'var(--ds-spacing-2)' }}
+      style={{ marginBottom: 'var(--ds-size-2)' }}
     >
       Personvern (H5)
     </Heading>
 
-    <Paragraph variant='short' style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+    <Paragraph variant='short' style={{ marginBottom: 'var(--ds-size-2)' }}>
       Personvernerklæringen gir informasjon om hvilke personopplysninger vi
       behandler, hvordan disse blir behandlet og hvilke rettigheter du har.
     </Paragraph>
@@ -91,12 +91,12 @@ export const EksempelTekstDark: StoryFn = () => (
     <Heading
       level={1}
       data-size='xl'
-      style={{ marginBottom: 'var(--ds-spacing-2)' }}
+      style={{ marginBottom: 'var(--ds-size-2)' }}
     >
       Samordnet registermelding (H1)
     </Heading>
 
-    <Paragraph style={{ marginBottom: 'var(--ds-spacing-2)' }} variant='long'>
+    <Paragraph style={{ marginBottom: 'var(--ds-size-2)' }} variant='long'>
       Her kan du registrere nye virksomheter, som for eksempel
       enkeltpersonforetak, foreninger, aksjeselskap, ansvarlige selskap,
       samvirkeforetak og stiftelser. De aller fleste organisasjonsformene kan
@@ -106,12 +106,12 @@ export const EksempelTekstDark: StoryFn = () => (
     <Heading
       level={2}
       data-size='lg'
-      style={{ marginBottom: 'var(--ds-spacing-2)' }}
+      style={{ marginBottom: 'var(--ds-size-2)' }}
     >
       Når skal du bruke skjemaet? (H2)
     </Heading>
 
-    <Paragraph style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+    <Paragraph style={{ marginBottom: 'var(--ds-size-2)' }}>
       Denne tjenesten kan du bruke for å melde opplysninger til
       Enhetsregisteret, Foretaksregisteret, Frivillighetsregisteret, NAV
       Aa-registeret, Virksomhets- og foretaksregisteret hos SSB,
@@ -122,12 +122,12 @@ export const EksempelTekstDark: StoryFn = () => (
     <Heading
       level={3}
       data-size='md'
-      style={{ marginBottom: 'var(--ds-spacing-2)' }}
+      style={{ marginBottom: 'var(--ds-size-2)' }}
     >
       Signering (H3)
     </Heading>
 
-    <Paragraph variant='short' style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+    <Paragraph variant='short' style={{ marginBottom: 'var(--ds-size-2)' }}>
       Når du skal signere meldingen vil du motta en signeringsoppgave i
       meldingsboksen din i Altinn. Meldingen blir ikke sendt til behandling før
       alle har signert.
@@ -136,12 +136,12 @@ export const EksempelTekstDark: StoryFn = () => (
     <Heading
       level={4}
       data-size='sm'
-      style={{ marginBottom: 'var(--ds-spacing-2)' }}
+      style={{ marginBottom: 'var(--ds-size-2)' }}
     >
       Krav om rolle for signering (H4)
     </Heading>
 
-    <Paragraph style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+    <Paragraph style={{ marginBottom: 'var(--ds-size-2)' }}>
       For å signere på vegne av en virksomhet, trenger du Altinn-rollen Signerer
       av Samordnet registermelding. Du kan se hvilke roller du har for en aktør
       på menypunktet Profil, Skjema og tjenester du har rettighet til. Om du
@@ -152,12 +152,12 @@ export const EksempelTekstDark: StoryFn = () => (
     <Heading
       level={5}
       data-size='xs'
-      style={{ marginBottom: 'var(--ds-spacing-2)' }}
+      style={{ marginBottom: 'var(--ds-size-2)' }}
     >
       Personvern (H5)
     </Heading>
 
-    <Paragraph variant='short' style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+    <Paragraph variant='short' style={{ marginBottom: 'var(--ds-size-2)' }}>
       Personvernerklæringen gir informasjon om hvilke personopplysninger vi
       behandler, hvordan disse blir behandlet og hvilke rettigheter du har.
     </Paragraph>
diff --git a/packages/react/stories/testing.stories.tsx b/packages/react/stories/testing.stories.tsx
index c0f7d83158..5425a57c0d 100644
--- a/packages/react/stories/testing.stories.tsx
+++ b/packages/react/stories/testing.stories.tsx
@@ -51,7 +51,7 @@ export default {
       disable: true,
     },
     customStyles: {
-      padding: 'var(--ds-spacing-4)',
+      padding: 'var(--ds-size-4)',
       background: 'var(--ds-color-neutral-background-default)',
       borderRadius: 'var(--ds-border-radius-md)',
     },
@@ -68,7 +68,7 @@ export const MediumRow: StoryFn<{
         style={{
           display: 'flex',
           alignItems: 'center',
-          gap: 'var(--ds-spacing-2)',
+          gap: 'var(--ds-size-2)',
           background: 'rgba(255 0 0/0.3)',
           flexDirection: direction,
         }}
@@ -96,7 +96,7 @@ export const MediumRow: StoryFn<{
         style={{
           display: 'flex',
           alignItems: 'center',
-          gap: 'var(--ds-spacing-2)',
+          gap: 'var(--ds-size-2)',
           background: 'rgba(255 0 0/0.3)',
           flexDirection: direction,
         }}
@@ -246,7 +246,7 @@ export const Sizes: StoryFn = () => {
       {sizes.map((size) => (
         <div
           key={size}
-          style={{ display: 'flex', gap: 'var(--ds-sizing-2)' }}
+          style={{ display: 'flex', gap: 'var(--ds-size-2)' }}
           data-size={size}
         >
           <Chip.Radio>Radio</Chip.Radio>
@@ -342,10 +342,10 @@ export const Sizes: StoryFn = () => {
           <Modal.TriggerContext>
             <Modal.Trigger>Open Modal</Modal.Trigger>
             <Modal>
-              <Heading style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+              <Heading style={{ marginBottom: 'var(--ds-size-2)' }}>
                 Modal header
               </Heading>
-              <Paragraph style={{ marginBottom: 'var(--ds-spacing-2)' }}>
+              <Paragraph style={{ marginBottom: 'var(--ds-size-2)' }}>
                 Lorem ipsum dolor sit, amet consectetur adipisicing elit.
                 Blanditiis doloremque obcaecati assumenda odio ducimus sunt et.
               </Paragraph>
diff --git a/packages/theme/README.md b/packages/theme/README.md
index 67b74f5c35..aeb34a6a5d 100644
--- a/packages/theme/README.md
+++ b/packages/theme/README.md
@@ -39,7 +39,7 @@ import '@digdir/designsystemet-theme/altinn.css';
 
 ```css
 div {
-  padding: var(--ds-spacing-1);
+  padding: var(--ds-size-1);
 }
 ```
 
diff --git a/packages/theme/brand/altinn.css b/packages/theme/brand/altinn.css
index 8ef6f48bbd..399a41c47d 100644
--- a/packages/theme/brand/altinn.css
+++ b/packages/theme/brand/altinn.css
@@ -605,6 +605,8 @@
 
 @layer ds.theme.semantic {
 :root {
+  --ds-size-base: 18;
+  --ds-size-step: 4;
   --ds-border-radius-base: 0.25rem;
   --ds-border-radius-scale: 0.25rem;
   --ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
@@ -614,48 +616,6 @@
   --ds-border-radius-default: var(--ds-border-radius-base);
   --ds-border-radius-full: 624.9375rem;
   --ds-disabled-opacity: 30%;
-  --ds-spacing-0: calc(var(--ds-spacing-scale)*0);
-  --ds-spacing-1: calc(var(--ds-spacing-scale)*1);
-  --ds-spacing-2: calc(var(--ds-spacing-scale)*2);
-  --ds-spacing-3: calc(var(--ds-spacing-scale)*3);
-  --ds-spacing-4: calc(var(--ds-spacing-scale)*4);
-  --ds-spacing-5: calc(var(--ds-spacing-scale)*5);
-  --ds-spacing-6: calc(var(--ds-spacing-scale)*6);
-  --ds-spacing-7: calc(var(--ds-spacing-scale)*7);
-  --ds-spacing-8: calc(var(--ds-spacing-scale)*8);
-  --ds-spacing-9: calc(var(--ds-spacing-scale)*9);
-  --ds-spacing-10: calc(var(--ds-spacing-scale)*10);
-  --ds-spacing-11: calc(var(--ds-spacing-scale)*11);
-  --ds-spacing-12: calc(var(--ds-spacing-scale)*12);
-  --ds-spacing-13: calc(var(--ds-spacing-scale)*13);
-  --ds-spacing-14: calc(var(--ds-spacing-scale)*14);
-  --ds-spacing-15: calc(var(--ds-spacing-scale)*15);
-  --ds-spacing-18: calc(var(--ds-spacing-scale)*18);
-  --ds-spacing-22: calc(var(--ds-spacing-scale)*22);
-  --ds-spacing-26: calc(var(--ds-spacing-scale)*26);
-  --ds-spacing-30: calc(var(--ds-spacing-scale)*30);
-  --ds-spacing-scale: 0.25rem;
-  --ds-sizing-0: calc(var(--ds-sizing-scale)*0);
-  --ds-sizing-1: calc(var(--ds-sizing-scale)*1);
-  --ds-sizing-2: calc(var(--ds-sizing-scale)*2);
-  --ds-sizing-3: calc(var(--ds-sizing-scale)*3);
-  --ds-sizing-4: calc(var(--ds-sizing-scale)*4);
-  --ds-sizing-5: calc(var(--ds-sizing-scale)*5);
-  --ds-sizing-6: calc(var(--ds-sizing-scale)*6);
-  --ds-sizing-7: calc(var(--ds-sizing-scale)*7);
-  --ds-sizing-8: calc(var(--ds-sizing-scale)*8);
-  --ds-sizing-9: calc(var(--ds-sizing-scale)*9);
-  --ds-sizing-10: calc(var(--ds-sizing-scale)*10);
-  --ds-sizing-11: calc(var(--ds-sizing-scale)*11);
-  --ds-sizing-12: calc(var(--ds-sizing-scale)*12);
-  --ds-sizing-13: calc(var(--ds-sizing-scale)*13);
-  --ds-sizing-14: calc(var(--ds-sizing-scale)*14);
-  --ds-sizing-15: calc(var(--ds-sizing-scale)*15);
-  --ds-sizing-18: calc(var(--ds-sizing-scale)*18);
-  --ds-sizing-22: calc(var(--ds-sizing-scale)*22);
-  --ds-sizing-26: calc(var(--ds-sizing-scale)*26);
-  --ds-sizing-30: calc(var(--ds-sizing-scale)*30);
-  --ds-sizing-scale: 0.25rem;
   --ds-border-width-default: 1px;
   --ds-border-width-highlight: 2px;
   --ds-shadow-xs: 0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12);
@@ -663,6 +623,90 @@
   --ds-shadow-md: 0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12);
   --ds-shadow-lg: 0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14);
   --ds-shadow-xl: 0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16);
+
+  --ds-spacing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-spacing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-spacing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-spacing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-spacing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-spacing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-spacing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-spacing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-spacing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-spacing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-spacing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-spacing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-spacing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-spacing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-spacing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-spacing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-spacing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-spacing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-spacing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-spacing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+  --ds-sizing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-sizing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-sizing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-sizing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-sizing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-sizing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-sizing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-sizing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-sizing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-sizing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-sizing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-sizing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-sizing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-sizing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-sizing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-sizing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-sizing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-sizing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-sizing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-sizing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+
+  @supports (width: round(down, .1em, 1px)) {
+  --ds-spacing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-spacing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-spacing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-spacing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-spacing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-spacing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-spacing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-spacing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-spacing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-spacing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-spacing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-spacing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-spacing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-spacing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-spacing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-spacing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-spacing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-spacing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-spacing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-spacing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  --ds-sizing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-sizing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-sizing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-sizing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-sizing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-sizing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-sizing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-sizing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-sizing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-sizing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-sizing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-sizing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-sizing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-sizing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-sizing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-sizing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-sizing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-sizing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-sizing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-sizing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  }
 }
 
 }
diff --git a/packages/theme/brand/altinn/semantic.css b/packages/theme/brand/altinn/semantic.css
index c42c346c4b..d6fff1f9e0 100644
--- a/packages/theme/brand/altinn/semantic.css
+++ b/packages/theme/brand/altinn/semantic.css
@@ -4,6 +4,8 @@
 
 @layer ds.theme.semantic {
 :root {
+  --ds-size-base: 18;
+  --ds-size-step: 4;
   --ds-border-radius-base: 0.25rem;
   --ds-border-radius-scale: 0.25rem;
   --ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
@@ -13,48 +15,6 @@
   --ds-border-radius-default: var(--ds-border-radius-base);
   --ds-border-radius-full: 624.9375rem;
   --ds-disabled-opacity: 30%;
-  --ds-spacing-0: calc(var(--ds-spacing-scale)*0);
-  --ds-spacing-1: calc(var(--ds-spacing-scale)*1);
-  --ds-spacing-2: calc(var(--ds-spacing-scale)*2);
-  --ds-spacing-3: calc(var(--ds-spacing-scale)*3);
-  --ds-spacing-4: calc(var(--ds-spacing-scale)*4);
-  --ds-spacing-5: calc(var(--ds-spacing-scale)*5);
-  --ds-spacing-6: calc(var(--ds-spacing-scale)*6);
-  --ds-spacing-7: calc(var(--ds-spacing-scale)*7);
-  --ds-spacing-8: calc(var(--ds-spacing-scale)*8);
-  --ds-spacing-9: calc(var(--ds-spacing-scale)*9);
-  --ds-spacing-10: calc(var(--ds-spacing-scale)*10);
-  --ds-spacing-11: calc(var(--ds-spacing-scale)*11);
-  --ds-spacing-12: calc(var(--ds-spacing-scale)*12);
-  --ds-spacing-13: calc(var(--ds-spacing-scale)*13);
-  --ds-spacing-14: calc(var(--ds-spacing-scale)*14);
-  --ds-spacing-15: calc(var(--ds-spacing-scale)*15);
-  --ds-spacing-18: calc(var(--ds-spacing-scale)*18);
-  --ds-spacing-22: calc(var(--ds-spacing-scale)*22);
-  --ds-spacing-26: calc(var(--ds-spacing-scale)*26);
-  --ds-spacing-30: calc(var(--ds-spacing-scale)*30);
-  --ds-spacing-scale: 0.25rem;
-  --ds-sizing-0: calc(var(--ds-sizing-scale)*0);
-  --ds-sizing-1: calc(var(--ds-sizing-scale)*1);
-  --ds-sizing-2: calc(var(--ds-sizing-scale)*2);
-  --ds-sizing-3: calc(var(--ds-sizing-scale)*3);
-  --ds-sizing-4: calc(var(--ds-sizing-scale)*4);
-  --ds-sizing-5: calc(var(--ds-sizing-scale)*5);
-  --ds-sizing-6: calc(var(--ds-sizing-scale)*6);
-  --ds-sizing-7: calc(var(--ds-sizing-scale)*7);
-  --ds-sizing-8: calc(var(--ds-sizing-scale)*8);
-  --ds-sizing-9: calc(var(--ds-sizing-scale)*9);
-  --ds-sizing-10: calc(var(--ds-sizing-scale)*10);
-  --ds-sizing-11: calc(var(--ds-sizing-scale)*11);
-  --ds-sizing-12: calc(var(--ds-sizing-scale)*12);
-  --ds-sizing-13: calc(var(--ds-sizing-scale)*13);
-  --ds-sizing-14: calc(var(--ds-sizing-scale)*14);
-  --ds-sizing-15: calc(var(--ds-sizing-scale)*15);
-  --ds-sizing-18: calc(var(--ds-sizing-scale)*18);
-  --ds-sizing-22: calc(var(--ds-sizing-scale)*22);
-  --ds-sizing-26: calc(var(--ds-sizing-scale)*26);
-  --ds-sizing-30: calc(var(--ds-sizing-scale)*30);
-  --ds-sizing-scale: 0.25rem;
   --ds-border-width-default: 1px;
   --ds-border-width-highlight: 2px;
   --ds-shadow-xs: 0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12);
@@ -62,6 +22,90 @@
   --ds-shadow-md: 0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12);
   --ds-shadow-lg: 0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14);
   --ds-shadow-xl: 0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16);
+
+  --ds-spacing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-spacing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-spacing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-spacing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-spacing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-spacing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-spacing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-spacing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-spacing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-spacing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-spacing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-spacing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-spacing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-spacing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-spacing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-spacing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-spacing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-spacing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-spacing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-spacing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+  --ds-sizing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-sizing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-sizing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-sizing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-sizing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-sizing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-sizing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-sizing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-sizing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-sizing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-sizing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-sizing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-sizing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-sizing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-sizing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-sizing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-sizing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-sizing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-sizing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-sizing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+
+  @supports (width: round(down, .1em, 1px)) {
+  --ds-spacing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-spacing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-spacing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-spacing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-spacing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-spacing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-spacing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-spacing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-spacing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-spacing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-spacing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-spacing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-spacing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-spacing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-spacing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-spacing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-spacing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-spacing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-spacing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-spacing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  --ds-sizing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-sizing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-sizing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-sizing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-sizing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-sizing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-sizing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-sizing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-sizing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-sizing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-sizing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-sizing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-sizing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-sizing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-sizing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-sizing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-sizing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-sizing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-sizing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-sizing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  }
 }
 
 }
diff --git a/packages/theme/brand/digdir.css b/packages/theme/brand/digdir.css
index a51e3cd3d0..4ec3f94e48 100644
--- a/packages/theme/brand/digdir.css
+++ b/packages/theme/brand/digdir.css
@@ -605,6 +605,8 @@
 
 @layer ds.theme.semantic {
 :root {
+  --ds-size-base: 18;
+  --ds-size-step: 4;
   --ds-border-radius-base: 0.25rem;
   --ds-border-radius-scale: 0.25rem;
   --ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
@@ -614,48 +616,6 @@
   --ds-border-radius-default: var(--ds-border-radius-base);
   --ds-border-radius-full: 624.9375rem;
   --ds-disabled-opacity: 30%;
-  --ds-spacing-0: calc(var(--ds-spacing-scale)*0);
-  --ds-spacing-1: calc(var(--ds-spacing-scale)*1);
-  --ds-spacing-2: calc(var(--ds-spacing-scale)*2);
-  --ds-spacing-3: calc(var(--ds-spacing-scale)*3);
-  --ds-spacing-4: calc(var(--ds-spacing-scale)*4);
-  --ds-spacing-5: calc(var(--ds-spacing-scale)*5);
-  --ds-spacing-6: calc(var(--ds-spacing-scale)*6);
-  --ds-spacing-7: calc(var(--ds-spacing-scale)*7);
-  --ds-spacing-8: calc(var(--ds-spacing-scale)*8);
-  --ds-spacing-9: calc(var(--ds-spacing-scale)*9);
-  --ds-spacing-10: calc(var(--ds-spacing-scale)*10);
-  --ds-spacing-11: calc(var(--ds-spacing-scale)*11);
-  --ds-spacing-12: calc(var(--ds-spacing-scale)*12);
-  --ds-spacing-13: calc(var(--ds-spacing-scale)*13);
-  --ds-spacing-14: calc(var(--ds-spacing-scale)*14);
-  --ds-spacing-15: calc(var(--ds-spacing-scale)*15);
-  --ds-spacing-18: calc(var(--ds-spacing-scale)*18);
-  --ds-spacing-22: calc(var(--ds-spacing-scale)*22);
-  --ds-spacing-26: calc(var(--ds-spacing-scale)*26);
-  --ds-spacing-30: calc(var(--ds-spacing-scale)*30);
-  --ds-spacing-scale: 0.25rem;
-  --ds-sizing-0: calc(var(--ds-sizing-scale)*0);
-  --ds-sizing-1: calc(var(--ds-sizing-scale)*1);
-  --ds-sizing-2: calc(var(--ds-sizing-scale)*2);
-  --ds-sizing-3: calc(var(--ds-sizing-scale)*3);
-  --ds-sizing-4: calc(var(--ds-sizing-scale)*4);
-  --ds-sizing-5: calc(var(--ds-sizing-scale)*5);
-  --ds-sizing-6: calc(var(--ds-sizing-scale)*6);
-  --ds-sizing-7: calc(var(--ds-sizing-scale)*7);
-  --ds-sizing-8: calc(var(--ds-sizing-scale)*8);
-  --ds-sizing-9: calc(var(--ds-sizing-scale)*9);
-  --ds-sizing-10: calc(var(--ds-sizing-scale)*10);
-  --ds-sizing-11: calc(var(--ds-sizing-scale)*11);
-  --ds-sizing-12: calc(var(--ds-sizing-scale)*12);
-  --ds-sizing-13: calc(var(--ds-sizing-scale)*13);
-  --ds-sizing-14: calc(var(--ds-sizing-scale)*14);
-  --ds-sizing-15: calc(var(--ds-sizing-scale)*15);
-  --ds-sizing-18: calc(var(--ds-sizing-scale)*18);
-  --ds-sizing-22: calc(var(--ds-sizing-scale)*22);
-  --ds-sizing-26: calc(var(--ds-sizing-scale)*26);
-  --ds-sizing-30: calc(var(--ds-sizing-scale)*30);
-  --ds-sizing-scale: 0.25rem;
   --ds-border-width-default: 1px;
   --ds-border-width-highlight: 2px;
   --ds-shadow-xs: 0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12);
@@ -663,6 +623,90 @@
   --ds-shadow-md: 0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12);
   --ds-shadow-lg: 0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14);
   --ds-shadow-xl: 0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16);
+
+  --ds-spacing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-spacing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-spacing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-spacing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-spacing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-spacing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-spacing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-spacing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-spacing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-spacing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-spacing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-spacing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-spacing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-spacing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-spacing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-spacing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-spacing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-spacing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-spacing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-spacing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+  --ds-sizing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-sizing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-sizing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-sizing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-sizing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-sizing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-sizing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-sizing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-sizing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-sizing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-sizing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-sizing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-sizing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-sizing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-sizing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-sizing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-sizing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-sizing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-sizing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-sizing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+
+  @supports (width: round(down, .1em, 1px)) {
+  --ds-spacing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-spacing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-spacing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-spacing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-spacing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-spacing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-spacing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-spacing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-spacing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-spacing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-spacing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-spacing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-spacing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-spacing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-spacing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-spacing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-spacing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-spacing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-spacing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-spacing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  --ds-sizing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-sizing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-sizing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-sizing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-sizing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-sizing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-sizing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-sizing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-sizing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-sizing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-sizing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-sizing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-sizing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-sizing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-sizing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-sizing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-sizing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-sizing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-sizing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-sizing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  }
 }
 
 }
diff --git a/packages/theme/brand/digdir/semantic.css b/packages/theme/brand/digdir/semantic.css
index c42c346c4b..d6fff1f9e0 100644
--- a/packages/theme/brand/digdir/semantic.css
+++ b/packages/theme/brand/digdir/semantic.css
@@ -4,6 +4,8 @@
 
 @layer ds.theme.semantic {
 :root {
+  --ds-size-base: 18;
+  --ds-size-step: 4;
   --ds-border-radius-base: 0.25rem;
   --ds-border-radius-scale: 0.25rem;
   --ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
@@ -13,48 +15,6 @@
   --ds-border-radius-default: var(--ds-border-radius-base);
   --ds-border-radius-full: 624.9375rem;
   --ds-disabled-opacity: 30%;
-  --ds-spacing-0: calc(var(--ds-spacing-scale)*0);
-  --ds-spacing-1: calc(var(--ds-spacing-scale)*1);
-  --ds-spacing-2: calc(var(--ds-spacing-scale)*2);
-  --ds-spacing-3: calc(var(--ds-spacing-scale)*3);
-  --ds-spacing-4: calc(var(--ds-spacing-scale)*4);
-  --ds-spacing-5: calc(var(--ds-spacing-scale)*5);
-  --ds-spacing-6: calc(var(--ds-spacing-scale)*6);
-  --ds-spacing-7: calc(var(--ds-spacing-scale)*7);
-  --ds-spacing-8: calc(var(--ds-spacing-scale)*8);
-  --ds-spacing-9: calc(var(--ds-spacing-scale)*9);
-  --ds-spacing-10: calc(var(--ds-spacing-scale)*10);
-  --ds-spacing-11: calc(var(--ds-spacing-scale)*11);
-  --ds-spacing-12: calc(var(--ds-spacing-scale)*12);
-  --ds-spacing-13: calc(var(--ds-spacing-scale)*13);
-  --ds-spacing-14: calc(var(--ds-spacing-scale)*14);
-  --ds-spacing-15: calc(var(--ds-spacing-scale)*15);
-  --ds-spacing-18: calc(var(--ds-spacing-scale)*18);
-  --ds-spacing-22: calc(var(--ds-spacing-scale)*22);
-  --ds-spacing-26: calc(var(--ds-spacing-scale)*26);
-  --ds-spacing-30: calc(var(--ds-spacing-scale)*30);
-  --ds-spacing-scale: 0.25rem;
-  --ds-sizing-0: calc(var(--ds-sizing-scale)*0);
-  --ds-sizing-1: calc(var(--ds-sizing-scale)*1);
-  --ds-sizing-2: calc(var(--ds-sizing-scale)*2);
-  --ds-sizing-3: calc(var(--ds-sizing-scale)*3);
-  --ds-sizing-4: calc(var(--ds-sizing-scale)*4);
-  --ds-sizing-5: calc(var(--ds-sizing-scale)*5);
-  --ds-sizing-6: calc(var(--ds-sizing-scale)*6);
-  --ds-sizing-7: calc(var(--ds-sizing-scale)*7);
-  --ds-sizing-8: calc(var(--ds-sizing-scale)*8);
-  --ds-sizing-9: calc(var(--ds-sizing-scale)*9);
-  --ds-sizing-10: calc(var(--ds-sizing-scale)*10);
-  --ds-sizing-11: calc(var(--ds-sizing-scale)*11);
-  --ds-sizing-12: calc(var(--ds-sizing-scale)*12);
-  --ds-sizing-13: calc(var(--ds-sizing-scale)*13);
-  --ds-sizing-14: calc(var(--ds-sizing-scale)*14);
-  --ds-sizing-15: calc(var(--ds-sizing-scale)*15);
-  --ds-sizing-18: calc(var(--ds-sizing-scale)*18);
-  --ds-sizing-22: calc(var(--ds-sizing-scale)*22);
-  --ds-sizing-26: calc(var(--ds-sizing-scale)*26);
-  --ds-sizing-30: calc(var(--ds-sizing-scale)*30);
-  --ds-sizing-scale: 0.25rem;
   --ds-border-width-default: 1px;
   --ds-border-width-highlight: 2px;
   --ds-shadow-xs: 0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12);
@@ -62,6 +22,90 @@
   --ds-shadow-md: 0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12);
   --ds-shadow-lg: 0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14);
   --ds-shadow-xl: 0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16);
+
+  --ds-spacing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-spacing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-spacing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-spacing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-spacing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-spacing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-spacing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-spacing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-spacing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-spacing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-spacing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-spacing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-spacing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-spacing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-spacing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-spacing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-spacing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-spacing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-spacing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-spacing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+  --ds-sizing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-sizing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-sizing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-sizing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-sizing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-sizing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-sizing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-sizing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-sizing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-sizing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-sizing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-sizing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-sizing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-sizing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-sizing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-sizing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-sizing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-sizing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-sizing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-sizing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+
+  @supports (width: round(down, .1em, 1px)) {
+  --ds-spacing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-spacing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-spacing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-spacing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-spacing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-spacing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-spacing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-spacing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-spacing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-spacing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-spacing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-spacing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-spacing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-spacing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-spacing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-spacing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-spacing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-spacing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-spacing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-spacing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  --ds-sizing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-sizing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-sizing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-sizing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-sizing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-sizing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-sizing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-sizing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-sizing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-sizing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-sizing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-sizing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-sizing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-sizing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-sizing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-sizing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-sizing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-sizing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-sizing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-sizing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  }
 }
 
 }
diff --git a/packages/theme/brand/portal.css b/packages/theme/brand/portal.css
index 9f8b3a0b58..ab5e90453e 100644
--- a/packages/theme/brand/portal.css
+++ b/packages/theme/brand/portal.css
@@ -605,6 +605,8 @@
 
 @layer ds.theme.semantic {
 :root {
+  --ds-size-base: 18;
+  --ds-size-step: 4;
   --ds-border-radius-base: 0.25rem;
   --ds-border-radius-scale: 0.25rem;
   --ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
@@ -614,48 +616,6 @@
   --ds-border-radius-default: var(--ds-border-radius-base);
   --ds-border-radius-full: 624.9375rem;
   --ds-disabled-opacity: 30%;
-  --ds-spacing-0: calc(var(--ds-spacing-scale)*0);
-  --ds-spacing-1: calc(var(--ds-spacing-scale)*1);
-  --ds-spacing-2: calc(var(--ds-spacing-scale)*2);
-  --ds-spacing-3: calc(var(--ds-spacing-scale)*3);
-  --ds-spacing-4: calc(var(--ds-spacing-scale)*4);
-  --ds-spacing-5: calc(var(--ds-spacing-scale)*5);
-  --ds-spacing-6: calc(var(--ds-spacing-scale)*6);
-  --ds-spacing-7: calc(var(--ds-spacing-scale)*7);
-  --ds-spacing-8: calc(var(--ds-spacing-scale)*8);
-  --ds-spacing-9: calc(var(--ds-spacing-scale)*9);
-  --ds-spacing-10: calc(var(--ds-spacing-scale)*10);
-  --ds-spacing-11: calc(var(--ds-spacing-scale)*11);
-  --ds-spacing-12: calc(var(--ds-spacing-scale)*12);
-  --ds-spacing-13: calc(var(--ds-spacing-scale)*13);
-  --ds-spacing-14: calc(var(--ds-spacing-scale)*14);
-  --ds-spacing-15: calc(var(--ds-spacing-scale)*15);
-  --ds-spacing-18: calc(var(--ds-spacing-scale)*18);
-  --ds-spacing-22: calc(var(--ds-spacing-scale)*22);
-  --ds-spacing-26: calc(var(--ds-spacing-scale)*26);
-  --ds-spacing-30: calc(var(--ds-spacing-scale)*30);
-  --ds-spacing-scale: 0.25rem;
-  --ds-sizing-0: calc(var(--ds-sizing-scale)*0);
-  --ds-sizing-1: calc(var(--ds-sizing-scale)*1);
-  --ds-sizing-2: calc(var(--ds-sizing-scale)*2);
-  --ds-sizing-3: calc(var(--ds-sizing-scale)*3);
-  --ds-sizing-4: calc(var(--ds-sizing-scale)*4);
-  --ds-sizing-5: calc(var(--ds-sizing-scale)*5);
-  --ds-sizing-6: calc(var(--ds-sizing-scale)*6);
-  --ds-sizing-7: calc(var(--ds-sizing-scale)*7);
-  --ds-sizing-8: calc(var(--ds-sizing-scale)*8);
-  --ds-sizing-9: calc(var(--ds-sizing-scale)*9);
-  --ds-sizing-10: calc(var(--ds-sizing-scale)*10);
-  --ds-sizing-11: calc(var(--ds-sizing-scale)*11);
-  --ds-sizing-12: calc(var(--ds-sizing-scale)*12);
-  --ds-sizing-13: calc(var(--ds-sizing-scale)*13);
-  --ds-sizing-14: calc(var(--ds-sizing-scale)*14);
-  --ds-sizing-15: calc(var(--ds-sizing-scale)*15);
-  --ds-sizing-18: calc(var(--ds-sizing-scale)*18);
-  --ds-sizing-22: calc(var(--ds-sizing-scale)*22);
-  --ds-sizing-26: calc(var(--ds-sizing-scale)*26);
-  --ds-sizing-30: calc(var(--ds-sizing-scale)*30);
-  --ds-sizing-scale: 0.25rem;
   --ds-border-width-default: 1px;
   --ds-border-width-highlight: 2px;
   --ds-shadow-xs: 0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12);
@@ -663,6 +623,90 @@
   --ds-shadow-md: 0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12);
   --ds-shadow-lg: 0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14);
   --ds-shadow-xl: 0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16);
+
+  --ds-spacing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-spacing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-spacing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-spacing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-spacing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-spacing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-spacing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-spacing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-spacing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-spacing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-spacing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-spacing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-spacing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-spacing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-spacing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-spacing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-spacing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-spacing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-spacing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-spacing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+  --ds-sizing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-sizing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-sizing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-sizing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-sizing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-sizing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-sizing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-sizing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-sizing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-sizing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-sizing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-sizing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-sizing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-sizing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-sizing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-sizing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-sizing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-sizing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-sizing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-sizing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+
+  @supports (width: round(down, .1em, 1px)) {
+  --ds-spacing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-spacing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-spacing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-spacing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-spacing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-spacing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-spacing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-spacing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-spacing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-spacing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-spacing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-spacing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-spacing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-spacing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-spacing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-spacing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-spacing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-spacing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-spacing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-spacing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  --ds-sizing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-sizing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-sizing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-sizing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-sizing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-sizing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-sizing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-sizing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-sizing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-sizing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-sizing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-sizing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-sizing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-sizing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-sizing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-sizing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-sizing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-sizing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-sizing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-sizing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  }
 }
 
 }
diff --git a/packages/theme/brand/portal/semantic.css b/packages/theme/brand/portal/semantic.css
index c42c346c4b..d6fff1f9e0 100644
--- a/packages/theme/brand/portal/semantic.css
+++ b/packages/theme/brand/portal/semantic.css
@@ -4,6 +4,8 @@
 
 @layer ds.theme.semantic {
 :root {
+  --ds-size-base: 18;
+  --ds-size-step: 4;
   --ds-border-radius-base: 0.25rem;
   --ds-border-radius-scale: 0.25rem;
   --ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
@@ -13,48 +15,6 @@
   --ds-border-radius-default: var(--ds-border-radius-base);
   --ds-border-radius-full: 624.9375rem;
   --ds-disabled-opacity: 30%;
-  --ds-spacing-0: calc(var(--ds-spacing-scale)*0);
-  --ds-spacing-1: calc(var(--ds-spacing-scale)*1);
-  --ds-spacing-2: calc(var(--ds-spacing-scale)*2);
-  --ds-spacing-3: calc(var(--ds-spacing-scale)*3);
-  --ds-spacing-4: calc(var(--ds-spacing-scale)*4);
-  --ds-spacing-5: calc(var(--ds-spacing-scale)*5);
-  --ds-spacing-6: calc(var(--ds-spacing-scale)*6);
-  --ds-spacing-7: calc(var(--ds-spacing-scale)*7);
-  --ds-spacing-8: calc(var(--ds-spacing-scale)*8);
-  --ds-spacing-9: calc(var(--ds-spacing-scale)*9);
-  --ds-spacing-10: calc(var(--ds-spacing-scale)*10);
-  --ds-spacing-11: calc(var(--ds-spacing-scale)*11);
-  --ds-spacing-12: calc(var(--ds-spacing-scale)*12);
-  --ds-spacing-13: calc(var(--ds-spacing-scale)*13);
-  --ds-spacing-14: calc(var(--ds-spacing-scale)*14);
-  --ds-spacing-15: calc(var(--ds-spacing-scale)*15);
-  --ds-spacing-18: calc(var(--ds-spacing-scale)*18);
-  --ds-spacing-22: calc(var(--ds-spacing-scale)*22);
-  --ds-spacing-26: calc(var(--ds-spacing-scale)*26);
-  --ds-spacing-30: calc(var(--ds-spacing-scale)*30);
-  --ds-spacing-scale: 0.25rem;
-  --ds-sizing-0: calc(var(--ds-sizing-scale)*0);
-  --ds-sizing-1: calc(var(--ds-sizing-scale)*1);
-  --ds-sizing-2: calc(var(--ds-sizing-scale)*2);
-  --ds-sizing-3: calc(var(--ds-sizing-scale)*3);
-  --ds-sizing-4: calc(var(--ds-sizing-scale)*4);
-  --ds-sizing-5: calc(var(--ds-sizing-scale)*5);
-  --ds-sizing-6: calc(var(--ds-sizing-scale)*6);
-  --ds-sizing-7: calc(var(--ds-sizing-scale)*7);
-  --ds-sizing-8: calc(var(--ds-sizing-scale)*8);
-  --ds-sizing-9: calc(var(--ds-sizing-scale)*9);
-  --ds-sizing-10: calc(var(--ds-sizing-scale)*10);
-  --ds-sizing-11: calc(var(--ds-sizing-scale)*11);
-  --ds-sizing-12: calc(var(--ds-sizing-scale)*12);
-  --ds-sizing-13: calc(var(--ds-sizing-scale)*13);
-  --ds-sizing-14: calc(var(--ds-sizing-scale)*14);
-  --ds-sizing-15: calc(var(--ds-sizing-scale)*15);
-  --ds-sizing-18: calc(var(--ds-sizing-scale)*18);
-  --ds-sizing-22: calc(var(--ds-sizing-scale)*22);
-  --ds-sizing-26: calc(var(--ds-sizing-scale)*26);
-  --ds-sizing-30: calc(var(--ds-sizing-scale)*30);
-  --ds-sizing-scale: 0.25rem;
   --ds-border-width-default: 1px;
   --ds-border-width-highlight: 2px;
   --ds-shadow-xs: 0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12);
@@ -62,6 +22,90 @@
   --ds-shadow-md: 0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12);
   --ds-shadow-lg: 0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14);
   --ds-shadow-xl: 0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16);
+
+  --ds-spacing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-spacing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-spacing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-spacing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-spacing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-spacing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-spacing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-spacing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-spacing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-spacing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-spacing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-spacing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-spacing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-spacing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-spacing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-spacing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-spacing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-spacing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-spacing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-spacing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+  --ds-sizing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-sizing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-sizing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-sizing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-sizing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-sizing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-sizing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-sizing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-sizing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-sizing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-sizing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-sizing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-sizing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-sizing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-sizing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-sizing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-sizing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-sizing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-sizing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-sizing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+
+  @supports (width: round(down, .1em, 1px)) {
+  --ds-spacing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-spacing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-spacing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-spacing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-spacing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-spacing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-spacing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-spacing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-spacing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-spacing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-spacing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-spacing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-spacing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-spacing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-spacing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-spacing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-spacing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-spacing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-spacing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-spacing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  --ds-sizing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-sizing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-sizing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-sizing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-sizing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-sizing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-sizing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-sizing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-sizing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-sizing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-sizing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-sizing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-sizing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-sizing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-sizing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-sizing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-sizing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-sizing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-sizing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-sizing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  }
 }
 
 }
diff --git a/packages/theme/brand/uutilsynet.css b/packages/theme/brand/uutilsynet.css
index caa13f8111..2fc1e87d4b 100644
--- a/packages/theme/brand/uutilsynet.css
+++ b/packages/theme/brand/uutilsynet.css
@@ -605,6 +605,8 @@
 
 @layer ds.theme.semantic {
 :root {
+  --ds-size-base: 18;
+  --ds-size-step: 4;
   --ds-border-radius-base: 0.25rem;
   --ds-border-radius-scale: 0.25rem;
   --ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
@@ -614,48 +616,6 @@
   --ds-border-radius-default: var(--ds-border-radius-base);
   --ds-border-radius-full: 624.9375rem;
   --ds-disabled-opacity: 30%;
-  --ds-spacing-0: calc(var(--ds-spacing-scale)*0);
-  --ds-spacing-1: calc(var(--ds-spacing-scale)*1);
-  --ds-spacing-2: calc(var(--ds-spacing-scale)*2);
-  --ds-spacing-3: calc(var(--ds-spacing-scale)*3);
-  --ds-spacing-4: calc(var(--ds-spacing-scale)*4);
-  --ds-spacing-5: calc(var(--ds-spacing-scale)*5);
-  --ds-spacing-6: calc(var(--ds-spacing-scale)*6);
-  --ds-spacing-7: calc(var(--ds-spacing-scale)*7);
-  --ds-spacing-8: calc(var(--ds-spacing-scale)*8);
-  --ds-spacing-9: calc(var(--ds-spacing-scale)*9);
-  --ds-spacing-10: calc(var(--ds-spacing-scale)*10);
-  --ds-spacing-11: calc(var(--ds-spacing-scale)*11);
-  --ds-spacing-12: calc(var(--ds-spacing-scale)*12);
-  --ds-spacing-13: calc(var(--ds-spacing-scale)*13);
-  --ds-spacing-14: calc(var(--ds-spacing-scale)*14);
-  --ds-spacing-15: calc(var(--ds-spacing-scale)*15);
-  --ds-spacing-18: calc(var(--ds-spacing-scale)*18);
-  --ds-spacing-22: calc(var(--ds-spacing-scale)*22);
-  --ds-spacing-26: calc(var(--ds-spacing-scale)*26);
-  --ds-spacing-30: calc(var(--ds-spacing-scale)*30);
-  --ds-spacing-scale: 0.25rem;
-  --ds-sizing-0: calc(var(--ds-sizing-scale)*0);
-  --ds-sizing-1: calc(var(--ds-sizing-scale)*1);
-  --ds-sizing-2: calc(var(--ds-sizing-scale)*2);
-  --ds-sizing-3: calc(var(--ds-sizing-scale)*3);
-  --ds-sizing-4: calc(var(--ds-sizing-scale)*4);
-  --ds-sizing-5: calc(var(--ds-sizing-scale)*5);
-  --ds-sizing-6: calc(var(--ds-sizing-scale)*6);
-  --ds-sizing-7: calc(var(--ds-sizing-scale)*7);
-  --ds-sizing-8: calc(var(--ds-sizing-scale)*8);
-  --ds-sizing-9: calc(var(--ds-sizing-scale)*9);
-  --ds-sizing-10: calc(var(--ds-sizing-scale)*10);
-  --ds-sizing-11: calc(var(--ds-sizing-scale)*11);
-  --ds-sizing-12: calc(var(--ds-sizing-scale)*12);
-  --ds-sizing-13: calc(var(--ds-sizing-scale)*13);
-  --ds-sizing-14: calc(var(--ds-sizing-scale)*14);
-  --ds-sizing-15: calc(var(--ds-sizing-scale)*15);
-  --ds-sizing-18: calc(var(--ds-sizing-scale)*18);
-  --ds-sizing-22: calc(var(--ds-sizing-scale)*22);
-  --ds-sizing-26: calc(var(--ds-sizing-scale)*26);
-  --ds-sizing-30: calc(var(--ds-sizing-scale)*30);
-  --ds-sizing-scale: 0.25rem;
   --ds-border-width-default: 1px;
   --ds-border-width-highlight: 2px;
   --ds-shadow-xs: 0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12);
@@ -663,6 +623,90 @@
   --ds-shadow-md: 0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12);
   --ds-shadow-lg: 0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14);
   --ds-shadow-xl: 0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16);
+
+  --ds-spacing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-spacing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-spacing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-spacing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-spacing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-spacing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-spacing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-spacing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-spacing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-spacing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-spacing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-spacing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-spacing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-spacing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-spacing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-spacing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-spacing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-spacing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-spacing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-spacing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+  --ds-sizing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-sizing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-sizing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-sizing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-sizing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-sizing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-sizing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-sizing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-sizing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-sizing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-sizing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-sizing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-sizing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-sizing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-sizing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-sizing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-sizing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-sizing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-sizing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-sizing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+
+  @supports (width: round(down, .1em, 1px)) {
+  --ds-spacing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-spacing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-spacing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-spacing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-spacing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-spacing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-spacing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-spacing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-spacing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-spacing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-spacing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-spacing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-spacing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-spacing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-spacing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-spacing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-spacing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-spacing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-spacing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-spacing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  --ds-sizing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-sizing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-sizing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-sizing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-sizing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-sizing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-sizing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-sizing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-sizing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-sizing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-sizing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-sizing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-sizing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-sizing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-sizing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-sizing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-sizing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-sizing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-sizing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-sizing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  }
 }
 
 }
diff --git a/packages/theme/brand/uutilsynet/semantic.css b/packages/theme/brand/uutilsynet/semantic.css
index c42c346c4b..d6fff1f9e0 100644
--- a/packages/theme/brand/uutilsynet/semantic.css
+++ b/packages/theme/brand/uutilsynet/semantic.css
@@ -4,6 +4,8 @@
 
 @layer ds.theme.semantic {
 :root {
+  --ds-size-base: 18;
+  --ds-size-step: 4;
   --ds-border-radius-base: 0.25rem;
   --ds-border-radius-scale: 0.25rem;
   --ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
@@ -13,48 +15,6 @@
   --ds-border-radius-default: var(--ds-border-radius-base);
   --ds-border-radius-full: 624.9375rem;
   --ds-disabled-opacity: 30%;
-  --ds-spacing-0: calc(var(--ds-spacing-scale)*0);
-  --ds-spacing-1: calc(var(--ds-spacing-scale)*1);
-  --ds-spacing-2: calc(var(--ds-spacing-scale)*2);
-  --ds-spacing-3: calc(var(--ds-spacing-scale)*3);
-  --ds-spacing-4: calc(var(--ds-spacing-scale)*4);
-  --ds-spacing-5: calc(var(--ds-spacing-scale)*5);
-  --ds-spacing-6: calc(var(--ds-spacing-scale)*6);
-  --ds-spacing-7: calc(var(--ds-spacing-scale)*7);
-  --ds-spacing-8: calc(var(--ds-spacing-scale)*8);
-  --ds-spacing-9: calc(var(--ds-spacing-scale)*9);
-  --ds-spacing-10: calc(var(--ds-spacing-scale)*10);
-  --ds-spacing-11: calc(var(--ds-spacing-scale)*11);
-  --ds-spacing-12: calc(var(--ds-spacing-scale)*12);
-  --ds-spacing-13: calc(var(--ds-spacing-scale)*13);
-  --ds-spacing-14: calc(var(--ds-spacing-scale)*14);
-  --ds-spacing-15: calc(var(--ds-spacing-scale)*15);
-  --ds-spacing-18: calc(var(--ds-spacing-scale)*18);
-  --ds-spacing-22: calc(var(--ds-spacing-scale)*22);
-  --ds-spacing-26: calc(var(--ds-spacing-scale)*26);
-  --ds-spacing-30: calc(var(--ds-spacing-scale)*30);
-  --ds-spacing-scale: 0.25rem;
-  --ds-sizing-0: calc(var(--ds-sizing-scale)*0);
-  --ds-sizing-1: calc(var(--ds-sizing-scale)*1);
-  --ds-sizing-2: calc(var(--ds-sizing-scale)*2);
-  --ds-sizing-3: calc(var(--ds-sizing-scale)*3);
-  --ds-sizing-4: calc(var(--ds-sizing-scale)*4);
-  --ds-sizing-5: calc(var(--ds-sizing-scale)*5);
-  --ds-sizing-6: calc(var(--ds-sizing-scale)*6);
-  --ds-sizing-7: calc(var(--ds-sizing-scale)*7);
-  --ds-sizing-8: calc(var(--ds-sizing-scale)*8);
-  --ds-sizing-9: calc(var(--ds-sizing-scale)*9);
-  --ds-sizing-10: calc(var(--ds-sizing-scale)*10);
-  --ds-sizing-11: calc(var(--ds-sizing-scale)*11);
-  --ds-sizing-12: calc(var(--ds-sizing-scale)*12);
-  --ds-sizing-13: calc(var(--ds-sizing-scale)*13);
-  --ds-sizing-14: calc(var(--ds-sizing-scale)*14);
-  --ds-sizing-15: calc(var(--ds-sizing-scale)*15);
-  --ds-sizing-18: calc(var(--ds-sizing-scale)*18);
-  --ds-sizing-22: calc(var(--ds-sizing-scale)*22);
-  --ds-sizing-26: calc(var(--ds-sizing-scale)*26);
-  --ds-sizing-30: calc(var(--ds-sizing-scale)*30);
-  --ds-sizing-scale: 0.25rem;
   --ds-border-width-default: 1px;
   --ds-border-width-highlight: 2px;
   --ds-shadow-xs: 0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12);
@@ -62,6 +22,90 @@
   --ds-shadow-md: 0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12);
   --ds-shadow-lg: 0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14);
   --ds-shadow-xl: 0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16);
+
+  --ds-spacing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-spacing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-spacing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-spacing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-spacing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-spacing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-spacing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-spacing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-spacing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-spacing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-spacing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-spacing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-spacing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-spacing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-spacing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-spacing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-spacing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-spacing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-spacing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-spacing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+  --ds-sizing-0:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
+  --ds-sizing-1:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
+  --ds-sizing-2:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
+  --ds-sizing-3:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
+  --ds-sizing-4:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
+  --ds-sizing-5:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
+  --ds-sizing-6:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
+  --ds-sizing-7:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
+  --ds-sizing-8:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
+  --ds-sizing-9:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
+  --ds-sizing-10:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
+  --ds-sizing-11:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
+  --ds-sizing-12:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
+  --ds-sizing-13:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
+  --ds-sizing-14:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
+  --ds-sizing-15:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
+  --ds-sizing-18:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
+  --ds-sizing-22:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
+  --ds-sizing-26:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
+  --ds-sizing-30:  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
+
+  @supports (width: round(down, .1em, 1px)) {
+  --ds-spacing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-spacing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-spacing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-spacing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-spacing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-spacing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-spacing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-spacing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-spacing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-spacing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-spacing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-spacing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-spacing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-spacing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-spacing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-spacing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-spacing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-spacing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-spacing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-spacing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  --ds-sizing-0: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
+  --ds-sizing-1: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
+  --ds-sizing-2: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
+  --ds-sizing-3: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
+  --ds-sizing-4: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
+  --ds-sizing-5: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
+  --ds-sizing-6: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
+  --ds-sizing-7: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
+  --ds-sizing-8: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
+  --ds-sizing-9: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
+  --ds-sizing-10: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
+  --ds-sizing-11: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
+  --ds-sizing-12: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
+  --ds-sizing-13: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
+  --ds-sizing-14: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
+  --ds-sizing-15: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
+  --ds-sizing-18: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
+  --ds-sizing-22: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
+  --ds-sizing-26: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
+  --ds-sizing-30: round(down,  calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
+  }
 }
 
 }