diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css
index 32e6bdc8..cb3c3d89 100644
--- a/doc-site/.vitepress/theme/styles/nve_theme.css
+++ b/doc-site/.vitepress/theme/styles/nve_theme.css
@@ -626,7 +626,6 @@
   --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
   --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
   --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
-  --font-size-medium: var(--dimension-5x); /** 18 px */
   --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
   --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
   --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
@@ -648,6 +647,7 @@
   --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
   --font-size-x-small: var(--dimension-4x); /** 14 px */
   --font-size-small: var(--dimension-4-5x); /** 16 px */
+  --font-size-medium: var(--dimension-5x); /** 18 px */
   --font-size-large: var(--dimension-6x); /** 20 px */
   --font-size-x-large: var(--dimension-8x); /** 24 px */
   --font-size-2x-large: var(--dimension-10x); /** 32 px */
@@ -922,14 +922,14 @@
   --color-neutrals-background-secondary-dim: var(--color-shades-grey-850);
   --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700);
   --color-neutrals-foreground-primary: var(--color-shades-grey-000);
-  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100);
-  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
+  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-200);
+  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-400);
   --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800);
   --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
   --color-neutrals-border-default: var(--color-shades-grey-300);
   --color-neutrals-border-emphasized: var(--color-shades-grey-000);
   --color-neutrals-border-mute: var(--color-shades-grey-600);
-  --color-neutrals-border-subtle: var(--color-shades-grey-800);
+  --color-neutrals-border-subtle: var(--color-shades-grey-700);
   --color-neutrals-border-disabled: var(--color-shades-grey-500);
   --color-interactive-primary-background-default: var(--color-shades-grey-000);
   --color-interactive-primary-background-hover: var(--color-shades-grey-150);
diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css
index bba6db13..364b5af3 100644
--- a/doc-site/.vitepress/theme/styles/rme_theme.css
+++ b/doc-site/.vitepress/theme/styles/rme_theme.css
@@ -626,7 +626,6 @@
   --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
   --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
   --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
-  --font-size-medium: var(--dimension-5x); /** 18 px */
   --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
   --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
   --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
@@ -648,6 +647,7 @@
   --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
   --font-size-x-small: var(--dimension-4x); /** 14 px */
   --font-size-small: var(--dimension-4-5x); /** 16 px */
+  --font-size-medium: var(--dimension-5x); /** 18 px */
   --font-size-large: var(--dimension-6x); /** 20 px */
   --font-size-x-large: var(--dimension-8x); /** 24 px */
   --font-size-2x-large: var(--dimension-10x); /** 32 px */
@@ -922,14 +922,14 @@
   --color-neutrals-background-secondary-dim: var(--color-shades-grey-850);
   --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700);
   --color-neutrals-foreground-primary: var(--color-shades-grey-000);
-  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100);
-  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
+  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-200);
+  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-400);
   --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800);
   --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
   --color-neutrals-border-default: var(--color-shades-grey-300);
   --color-neutrals-border-emphasized: var(--color-shades-grey-000);
   --color-neutrals-border-mute: var(--color-shades-grey-600);
-  --color-neutrals-border-subtle: var(--color-shades-grey-800);
+  --color-neutrals-border-subtle: var(--color-shades-grey-700);
   --color-neutrals-border-disabled: var(--color-shades-grey-500);
   --color-interactive-primary-background-default: var(--color-shades-grey-000);
   --color-interactive-primary-background-hover: var(--color-shades-grey-150);
diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css
index 578ff252..6bf8acb2 100644
--- a/doc-site/.vitepress/theme/styles/varsom_theme.css
+++ b/doc-site/.vitepress/theme/styles/varsom_theme.css
@@ -626,7 +626,6 @@
   --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
   --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
   --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
-  --font-size-medium: var(--dimension-5x); /** 18 px */
   --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
   --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
   --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
@@ -648,6 +647,7 @@
   --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
   --font-size-x-small: var(--dimension-4x); /** 14 px */
   --font-size-small: var(--dimension-4-5x); /** 16 px */
+  --font-size-medium: var(--dimension-5x); /** 18 px */
   --font-size-large: var(--dimension-6x); /** 20 px */
   --font-size-x-large: var(--dimension-8x); /** 24 px */
   --font-size-2x-large: var(--dimension-10x); /** 32 px */
@@ -922,14 +922,14 @@
   --color-neutrals-background-secondary-dim: var(--color-shades-grey-850);
   --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700);
   --color-neutrals-foreground-primary: var(--color-shades-grey-000);
-  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100);
-  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
+  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-200);
+  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-400);
   --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800);
   --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
   --color-neutrals-border-default: var(--color-shades-grey-300);
   --color-neutrals-border-emphasized: var(--color-shades-grey-000);
   --color-neutrals-border-mute: var(--color-shades-grey-600);
-  --color-neutrals-border-subtle: var(--color-shades-grey-800);
+  --color-neutrals-border-subtle: var(--color-shades-grey-700);
   --color-neutrals-border-disabled: var(--color-shades-grey-500);
   --color-interactive-primary-background-default: var(--color-shades-grey-000);
   --color-interactive-primary-background-hover: var(--color-shades-grey-150);
diff --git a/public/css/nve.css b/public/css/nve.css
index 489412ab..c5fe926c 100644
--- a/public/css/nve.css
+++ b/public/css/nve.css
@@ -632,7 +632,6 @@
   --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
   --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
   --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
-  --font-size-medium: var(--dimension-5x); /** 18 px */
   --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
   --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
   --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
@@ -654,6 +653,7 @@
   --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
   --font-size-x-small: var(--dimension-4x); /** 14 px */
   --font-size-small: var(--dimension-4-5x); /** 16 px */
+  --font-size-medium: var(--dimension-5x); /** 18 px */
   --font-size-large: var(--dimension-6x); /** 20 px */
   --font-size-x-large: var(--dimension-8x); /** 24 px */
   --font-size-2x-large: var(--dimension-10x); /** 32 px */
diff --git a/public/css/nve_dark.css b/public/css/nve_dark.css
index 78c62d05..906aaff9 100644
--- a/public/css/nve_dark.css
+++ b/public/css/nve_dark.css
@@ -274,14 +274,14 @@
   --color-neutrals-background-secondary-dim: var(--color-shades-grey-850);
   --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700);
   --color-neutrals-foreground-primary: var(--color-shades-grey-000);
-  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100);
-  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
+  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-200);
+  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-400);
   --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800);
   --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
   --color-neutrals-border-default: var(--color-shades-grey-300);
   --color-neutrals-border-emphasized: var(--color-shades-grey-000);
   --color-neutrals-border-mute: var(--color-shades-grey-600);
-  --color-neutrals-border-subtle: var(--color-shades-grey-800);
+  --color-neutrals-border-subtle: var(--color-shades-grey-700);
   --color-neutrals-border-disabled: var(--color-shades-grey-500);
   --color-interactive-primary-background-default: var(--color-shades-grey-000);
   --color-interactive-primary-background-hover: var(--color-shades-grey-150);
diff --git a/public/css/rme.css b/public/css/rme.css
index 124f6faa..ad4b8791 100644
--- a/public/css/rme.css
+++ b/public/css/rme.css
@@ -632,7 +632,6 @@
   --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
   --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
   --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
-  --font-size-medium: var(--dimension-5x); /** 18 px */
   --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
   --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
   --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
@@ -654,6 +653,7 @@
   --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
   --font-size-x-small: var(--dimension-4x); /** 14 px */
   --font-size-small: var(--dimension-4-5x); /** 16 px */
+  --font-size-medium: var(--dimension-5x); /** 18 px */
   --font-size-large: var(--dimension-6x); /** 20 px */
   --font-size-x-large: var(--dimension-8x); /** 24 px */
   --font-size-2x-large: var(--dimension-10x); /** 32 px */
diff --git a/public/css/rme_dark.css b/public/css/rme_dark.css
index 665de056..93216a23 100644
--- a/public/css/rme_dark.css
+++ b/public/css/rme_dark.css
@@ -274,14 +274,14 @@
   --color-neutrals-background-secondary-dim: var(--color-shades-grey-850);
   --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700);
   --color-neutrals-foreground-primary: var(--color-shades-grey-000);
-  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100);
-  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
+  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-200);
+  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-400);
   --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800);
   --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
   --color-neutrals-border-default: var(--color-shades-grey-300);
   --color-neutrals-border-emphasized: var(--color-shades-grey-000);
   --color-neutrals-border-mute: var(--color-shades-grey-600);
-  --color-neutrals-border-subtle: var(--color-shades-grey-800);
+  --color-neutrals-border-subtle: var(--color-shades-grey-700);
   --color-neutrals-border-disabled: var(--color-shades-grey-500);
   --color-interactive-primary-background-default: var(--color-shades-grey-000);
   --color-interactive-primary-background-hover: var(--color-shades-grey-150);
diff --git a/public/css/varsom.css b/public/css/varsom.css
index 8592604d..2e682b47 100644
--- a/public/css/varsom.css
+++ b/public/css/varsom.css
@@ -632,7 +632,6 @@
   --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
   --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
   --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
-  --font-size-medium: var(--dimension-5x); /** 18 px */
   --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
   --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
   --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
@@ -654,6 +653,7 @@
   --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
   --font-size-x-small: var(--dimension-4x); /** 14 px */
   --font-size-small: var(--dimension-4-5x); /** 16 px */
+  --font-size-medium: var(--dimension-5x); /** 18 px */
   --font-size-large: var(--dimension-6x); /** 20 px */
   --font-size-x-large: var(--dimension-8x); /** 24 px */
   --font-size-2x-large: var(--dimension-10x); /** 32 px */
diff --git a/public/css/varsom_dark.css b/public/css/varsom_dark.css
index a57c8980..b5a684c2 100644
--- a/public/css/varsom_dark.css
+++ b/public/css/varsom_dark.css
@@ -274,14 +274,14 @@
   --color-neutrals-background-secondary-dim: var(--color-shades-grey-850);
   --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700);
   --color-neutrals-foreground-primary: var(--color-shades-grey-000);
-  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100);
-  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
+  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-200);
+  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-400);
   --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800);
   --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
   --color-neutrals-border-default: var(--color-shades-grey-300);
   --color-neutrals-border-emphasized: var(--color-shades-grey-000);
   --color-neutrals-border-mute: var(--color-shades-grey-600);
-  --color-neutrals-border-subtle: var(--color-shades-grey-800);
+  --color-neutrals-border-subtle: var(--color-shades-grey-700);
   --color-neutrals-border-disabled: var(--color-shades-grey-500);
   --color-interactive-primary-background-default: var(--color-shades-grey-000);
   --color-interactive-primary-background-hover: var(--color-shades-grey-150);
diff --git a/tokens/public/theme/dark.json b/tokens/public/theme/dark.json
index 101bfb46..4239a63e 100644
--- a/tokens/public/theme/dark.json
+++ b/tokens/public/theme/dark.json
@@ -93,11 +93,11 @@
         },
         "secondary": {
           "$type": "color",
-          "$value": "{color-shades.functional.neutralgrey.100}"
+          "$value": "{color-shades.functional.neutralgrey.200}"
         },
         "subtle": {
           "$type": "color",
-          "$value": "{color-shades.functional.neutralgrey.200}"
+          "$value": "{color-shades.functional.neutralgrey.400}"
         },
         "faint": {
           "$type": "color",
@@ -123,7 +123,7 @@
         },
         "subtle": {
           "$type": "color",
-          "$value": "{color-shades.grey.800}"
+          "$value": "{color-shades.grey.700}"
         },
         "disabled": {
           "$type": "color",