diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css
index f5fe7e2b..f68e42d9 100644
--- a/doc-site/.vitepress/theme/styles/nve_theme.css
+++ b/doc-site/.vitepress/theme/styles/nve_theme.css
@@ -14,6 +14,16 @@
   --color-shades-brand-999: #2b030a;
   --color-shades-brand-000: #ffffff; /** This token has a dark color on Varsom */
   --color-shades-brand-050: #ff8083;
+  --color-shades-accent-100: #ff999b;
+  --color-shades-accent-200: #ff7075;
+  --color-shades-accent-300: #ff4754;
+  --color-shades-accent-400: #ee2b41;
+  --color-shades-accent-500: #c6102e;
+  --color-shades-accent-600: #9c1128;
+  --color-shades-accent-700: #821729;
+  --color-shades-accent-800: #621825;
+  --color-shades-accent-900: #45171f;
+  --color-shades-accent-000: #ffb2b4;
   --color-shades-grey-100: #efeff1;
   --color-shades-grey-150: #e4e5e7;
   --color-shades-grey-200: #c9cbcf;
@@ -24,9 +34,9 @@
   --color-shades-grey-700: #484c51;
   --color-shades-grey-800: #3c3f44;
   --color-shades-grey-850: #292b2e;
-  --color-shades-grey-900: #1b1c1e;
-  --color-shades-grey-950: #0c0d0e;
-  --color-shades-grey-999: #050505;
+  --color-shades-grey-900: #222325;
+  --color-shades-grey-950: #171a1c;
+  --color-shades-grey-999: #141414;
   --color-shades-grey-000: #ffffff;
   --color-shades-grey-050: #f7f7f8;
   --color-shades-data-color-a-100: #ff858d;
@@ -120,7 +130,7 @@
   --color-shades-functional-yellow-800: #bf9722;
   --color-shades-functional-yellow-850: #b08c21;
   --color-shades-functional-yellow-900: #a88324;
-  --color-shades-functional-yellow-950: #836721;
+  --color-shades-functional-yellow-950: #977726;
   --color-shades-functional-yellow-999: #7a5f29;
   --color-shades-functional-yellow-000: #fff9e9;
   --color-shades-functional-yellow-050: #fff5d9;
@@ -243,11 +253,11 @@
   --color-brand-background-secondary: var(--color-shades-brand-400);
   --color-brand-background-tertiary: var(--color-shades-brand-150);
   --color-brand-background-quaternary: var(--color-shades-brand-700);
-  --color-brand-foreground-primary: var(--color-shades-brand-500);
+  --color-brand-foreground-primary: var(--color-shades-accent-500);
+  --color-brand-foreground-secondary: var(--color-shades-accent-700); /** was 500 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary: var(--color-shades-brand-700); /** was 500 */
   --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
-  --color-brand-foreground-tertiary-on-bg: var(--color-shades-brand-200);
+  --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-500);
   --color-brand-border-secondary: var(--color-shades-brand-600);
   --color-brand-border-tertiary: var(--color-shades-brand-700);
@@ -654,6 +664,16 @@
   --color-shades-brand-999: #2b030a;
   --color-shades-brand-000: #ffffff; /** This token has a dark color on Varsom */
   --color-shades-brand-050: #ff8083;
+  --color-shades-accent-100: #ff999b;
+  --color-shades-accent-200: #ff7075;
+  --color-shades-accent-300: #ff4754;
+  --color-shades-accent-400: #ee2b41;
+  --color-shades-accent-500: #c6102e;
+  --color-shades-accent-600: #9c1128;
+  --color-shades-accent-700: #821729;
+  --color-shades-accent-800: #621825;
+  --color-shades-accent-900: #45171f;
+  --color-shades-accent-000: #ffb2b4;
   --color-shades-grey-100: #efeff1;
   --color-shades-grey-150: #e4e5e7;
   --color-shades-grey-200: #c9cbcf;
@@ -664,9 +684,9 @@
   --color-shades-grey-700: #484c51;
   --color-shades-grey-800: #3c3f44;
   --color-shades-grey-850: #292b2e;
-  --color-shades-grey-900: #1b1c1e;
-  --color-shades-grey-950: #0c0d0e;
-  --color-shades-grey-999: #050505;
+  --color-shades-grey-900: #222325;
+  --color-shades-grey-950: #171a1c;
+  --color-shades-grey-999: #141414;
   --color-shades-grey-000: #ffffff;
   --color-shades-grey-050: #f7f7f8;
   --color-shades-data-color-a-100: #ff858d;
@@ -760,7 +780,7 @@
   --color-shades-functional-yellow-800: #bf9722;
   --color-shades-functional-yellow-850: #b08c21;
   --color-shades-functional-yellow-900: #a88324;
-  --color-shades-functional-yellow-950: #836721;
+  --color-shades-functional-yellow-950: #977726;
   --color-shades-functional-yellow-999: #7a5f29;
   --color-shades-functional-yellow-000: #fff9e9;
   --color-shades-functional-yellow-050: #fff5d9;
@@ -883,11 +903,11 @@
   --color-brand-background-secondary: var(--color-shades-brand-250);
   --color-brand-background-tertiary: var(--color-shades-brand-800);
   --color-brand-background-quaternary: var(--color-shades-brand-200);
-  --color-brand-foreground-primary: var(--color-shades-brand-150);
-  --color-brand-foreground-secondary: var(--color-shades-brand-250); /** was 300 */
+  --color-brand-foreground-primary: var(--color-shades-accent-200);
+  --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-secondary-on-bg: var(--color-shades-grey-000);
-  --color-brand-foreground-tertiary-on-bg: var(--color-shades-brand-200);
+  --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
   --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */
diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css
index 9e02039d..f6c19366 100644
--- a/doc-site/.vitepress/theme/styles/rme_theme.css
+++ b/doc-site/.vitepress/theme/styles/rme_theme.css
@@ -14,6 +14,16 @@
   --color-shades-brand-999: #0b1128;
   --color-shades-brand-000: #fffffff;
   --color-shades-brand-050: #d6deff;
+  --color-shades-accent-100: #adbafb;
+  --color-shades-accent-200: #91a1f3;
+  --color-shades-accent-300: #768adb;
+  --color-shades-accent-400: #6079d2;
+  --color-shades-accent-500: #4461ca;
+  --color-shades-accent-600: #2f49a7;
+  --color-shades-accent-700: #213273;
+  --color-shades-accent-800: #1e2e66;
+  --color-shades-accent-900: #19254c;
+  --color-shades-accent-000: #bdc8ff;
   --color-shades-grey-100: #edeff3;
   --color-shades-grey-150: #e0e4eb;
   --color-shades-grey-200: #c2cad6;
@@ -120,7 +130,7 @@
   --color-shades-functional-yellow-800: #bf9722;
   --color-shades-functional-yellow-850: #b08c21;
   --color-shades-functional-yellow-900: #a88324;
-  --color-shades-functional-yellow-950: #836721;
+  --color-shades-functional-yellow-950: #977726;
   --color-shades-functional-yellow-999: #7a5f29;
   --color-shades-functional-yellow-000: #fff9e9;
   --color-shades-functional-yellow-050: #fff5d9;
@@ -243,11 +253,11 @@
   --color-brand-background-secondary: var(--color-shades-brand-400);
   --color-brand-background-tertiary: var(--color-shades-brand-150);
   --color-brand-background-quaternary: var(--color-shades-brand-700);
-  --color-brand-foreground-primary: var(--color-shades-brand-500);
+  --color-brand-foreground-primary: var(--color-shades-accent-500);
+  --color-brand-foreground-secondary: var(--color-shades-accent-700); /** was 500 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary: var(--color-shades-brand-700); /** was 500 */
   --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
-  --color-brand-foreground-tertiary-on-bg: var(--color-shades-brand-200);
+  --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-500);
   --color-brand-border-secondary: var(--color-shades-brand-600);
   --color-brand-border-tertiary: var(--color-shades-brand-700);
@@ -654,6 +664,16 @@
   --color-shades-brand-999: #0b1128;
   --color-shades-brand-000: #fffffff;
   --color-shades-brand-050: #d6deff;
+  --color-shades-accent-100: #adbafb;
+  --color-shades-accent-200: #91a1f3;
+  --color-shades-accent-300: #768adb;
+  --color-shades-accent-400: #6079d2;
+  --color-shades-accent-500: #4461ca;
+  --color-shades-accent-600: #2f49a7;
+  --color-shades-accent-700: #213273;
+  --color-shades-accent-800: #1e2e66;
+  --color-shades-accent-900: #19254c;
+  --color-shades-accent-000: #bdc8ff;
   --color-shades-grey-100: #edeff3;
   --color-shades-grey-150: #e0e4eb;
   --color-shades-grey-200: #c2cad6;
@@ -760,7 +780,7 @@
   --color-shades-functional-yellow-800: #bf9722;
   --color-shades-functional-yellow-850: #b08c21;
   --color-shades-functional-yellow-900: #a88324;
-  --color-shades-functional-yellow-950: #836721;
+  --color-shades-functional-yellow-950: #977726;
   --color-shades-functional-yellow-999: #7a5f29;
   --color-shades-functional-yellow-000: #fff9e9;
   --color-shades-functional-yellow-050: #fff5d9;
@@ -883,11 +903,11 @@
   --color-brand-background-secondary: var(--color-shades-brand-250);
   --color-brand-background-tertiary: var(--color-shades-brand-800);
   --color-brand-background-quaternary: var(--color-shades-brand-200);
-  --color-brand-foreground-primary: var(--color-shades-brand-150);
-  --color-brand-foreground-secondary: var(--color-shades-brand-250); /** was 300 */
+  --color-brand-foreground-primary: var(--color-shades-accent-200);
+  --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-secondary-on-bg: var(--color-shades-grey-000);
-  --color-brand-foreground-tertiary-on-bg: var(--color-shades-brand-200);
+  --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
   --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */
diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css
index 894e0431..5564c498 100644
--- a/doc-site/.vitepress/theme/styles/varsom_theme.css
+++ b/doc-site/.vitepress/theme/styles/varsom_theme.css
@@ -14,6 +14,16 @@
   --color-shades-brand-999: #491c08;
   --color-shades-brand-000: #432301;
   --color-shades-brand-050: #ffdeb8;
+  --color-shades-accent-100: #ffa866;
+  --color-shades-accent-200: #ff773d;
+  --color-shades-accent-300: #ff5e1a;
+  --color-shades-accent-400: #f05000;
+  --color-shades-accent-500: #cc3d00;
+  --color-shades-accent-600: #ad3400;
+  --color-shades-accent-700: #8f2b00;
+  --color-shades-accent-800: #6b2305;
+  --color-shades-accent-900: #4c1b06;
+  --color-shades-accent-000: #ffc38f;
   --color-shades-grey-100: #dff1f9;
   --color-shades-grey-150: #cce9f5;
   --color-shades-grey-200: #a6d8ee;
@@ -120,7 +130,7 @@
   --color-shades-functional-yellow-800: #bf9722;
   --color-shades-functional-yellow-850: #b08c21;
   --color-shades-functional-yellow-900: #a88324;
-  --color-shades-functional-yellow-950: #836721;
+  --color-shades-functional-yellow-950: #977726;
   --color-shades-functional-yellow-999: #7a5f29;
   --color-shades-functional-yellow-000: #fff9e9;
   --color-shades-functional-yellow-050: #fff5d9;
@@ -243,11 +253,11 @@
   --color-brand-background-secondary: var(--color-shades-brand-400);
   --color-brand-background-tertiary: var(--color-shades-brand-150);
   --color-brand-background-quaternary: var(--color-shades-brand-700);
-  --color-brand-foreground-primary: var(--color-shades-brand-500);
+  --color-brand-foreground-primary: var(--color-shades-accent-500);
+  --color-brand-foreground-secondary: var(--color-shades-accent-700); /** was 500 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary: var(--color-shades-brand-700); /** was 500 */
   --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
-  --color-brand-foreground-tertiary-on-bg: var(--color-shades-brand-200);
+  --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-500);
   --color-brand-border-secondary: var(--color-shades-brand-600);
   --color-brand-border-tertiary: var(--color-shades-brand-700);
@@ -654,6 +664,16 @@
   --color-shades-brand-999: #491c08;
   --color-shades-brand-000: #432301;
   --color-shades-brand-050: #ffdeb8;
+  --color-shades-accent-100: #ffa866;
+  --color-shades-accent-200: #ff773d;
+  --color-shades-accent-300: #ff5e1a;
+  --color-shades-accent-400: #f05000;
+  --color-shades-accent-500: #cc3d00;
+  --color-shades-accent-600: #ad3400;
+  --color-shades-accent-700: #8f2b00;
+  --color-shades-accent-800: #6b2305;
+  --color-shades-accent-900: #4c1b06;
+  --color-shades-accent-000: #ffc38f;
   --color-shades-grey-100: #dff1f9;
   --color-shades-grey-150: #cce9f5;
   --color-shades-grey-200: #a6d8ee;
@@ -760,7 +780,7 @@
   --color-shades-functional-yellow-800: #bf9722;
   --color-shades-functional-yellow-850: #b08c21;
   --color-shades-functional-yellow-900: #a88324;
-  --color-shades-functional-yellow-950: #836721;
+  --color-shades-functional-yellow-950: #977726;
   --color-shades-functional-yellow-999: #7a5f29;
   --color-shades-functional-yellow-000: #fff9e9;
   --color-shades-functional-yellow-050: #fff5d9;
@@ -883,11 +903,11 @@
   --color-brand-background-secondary: var(--color-shades-brand-250);
   --color-brand-background-tertiary: var(--color-shades-brand-800);
   --color-brand-background-quaternary: var(--color-shades-brand-200);
-  --color-brand-foreground-primary: var(--color-shades-brand-150);
-  --color-brand-foreground-secondary: var(--color-shades-brand-250); /** was 300 */
+  --color-brand-foreground-primary: var(--color-shades-accent-200);
+  --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-secondary-on-bg: var(--color-shades-grey-000);
-  --color-brand-foreground-tertiary-on-bg: var(--color-shades-brand-200);
+  --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
   --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */
diff --git a/public/css/nve.css b/public/css/nve.css
index 87aae6ba..352d2e7d 100644
--- a/public/css/nve.css
+++ b/public/css/nve.css
@@ -20,6 +20,16 @@
   --color-shades-brand-999: #2b030a;
   --color-shades-brand-000: #ffffff; /** This token has a dark color on Varsom */
   --color-shades-brand-050: #ff8083;
+  --color-shades-accent-100: #ff999b;
+  --color-shades-accent-200: #ff7075;
+  --color-shades-accent-300: #ff4754;
+  --color-shades-accent-400: #ee2b41;
+  --color-shades-accent-500: #c6102e;
+  --color-shades-accent-600: #9c1128;
+  --color-shades-accent-700: #821729;
+  --color-shades-accent-800: #621825;
+  --color-shades-accent-900: #45171f;
+  --color-shades-accent-000: #ffb2b4;
   --color-shades-grey-100: #efeff1;
   --color-shades-grey-150: #e4e5e7;
   --color-shades-grey-200: #c9cbcf;
@@ -30,9 +40,9 @@
   --color-shades-grey-700: #484c51;
   --color-shades-grey-800: #3c3f44;
   --color-shades-grey-850: #292b2e;
-  --color-shades-grey-900: #1b1c1e;
-  --color-shades-grey-950: #0c0d0e;
-  --color-shades-grey-999: #050505;
+  --color-shades-grey-900: #222325;
+  --color-shades-grey-950: #171a1c;
+  --color-shades-grey-999: #141414;
   --color-shades-grey-000: #ffffff;
   --color-shades-grey-050: #f7f7f8;
   --color-shades-data-color-a-100: #ff858d;
@@ -126,7 +136,7 @@
   --color-shades-functional-yellow-800: #bf9722;
   --color-shades-functional-yellow-850: #b08c21;
   --color-shades-functional-yellow-900: #a88324;
-  --color-shades-functional-yellow-950: #836721;
+  --color-shades-functional-yellow-950: #977726;
   --color-shades-functional-yellow-999: #7a5f29;
   --color-shades-functional-yellow-000: #fff9e9;
   --color-shades-functional-yellow-050: #fff5d9;
@@ -249,11 +259,11 @@
   --color-brand-background-secondary: var(--color-shades-brand-400);
   --color-brand-background-tertiary: var(--color-shades-brand-150);
   --color-brand-background-quaternary: var(--color-shades-brand-700);
-  --color-brand-foreground-primary: var(--color-shades-brand-500);
+  --color-brand-foreground-primary: var(--color-shades-accent-500);
+  --color-brand-foreground-secondary: var(--color-shades-accent-700); /** was 500 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary: var(--color-shades-brand-700); /** was 500 */
   --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
-  --color-brand-foreground-tertiary-on-bg: var(--color-shades-brand-200);
+  --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-500);
   --color-brand-border-secondary: var(--color-shades-brand-600);
   --color-brand-border-tertiary: var(--color-shades-brand-700);
diff --git a/public/css/nve_dark.css b/public/css/nve_dark.css
index d130f681..78c62d05 100644
--- a/public/css/nve_dark.css
+++ b/public/css/nve_dark.css
@@ -20,6 +20,16 @@
   --color-shades-brand-999: #2b030a;
   --color-shades-brand-000: #ffffff; /** This token has a dark color on Varsom */
   --color-shades-brand-050: #ff8083;
+  --color-shades-accent-100: #ff999b;
+  --color-shades-accent-200: #ff7075;
+  --color-shades-accent-300: #ff4754;
+  --color-shades-accent-400: #ee2b41;
+  --color-shades-accent-500: #c6102e;
+  --color-shades-accent-600: #9c1128;
+  --color-shades-accent-700: #821729;
+  --color-shades-accent-800: #621825;
+  --color-shades-accent-900: #45171f;
+  --color-shades-accent-000: #ffb2b4;
   --color-shades-grey-100: #efeff1;
   --color-shades-grey-150: #e4e5e7;
   --color-shades-grey-200: #c9cbcf;
@@ -30,9 +40,9 @@
   --color-shades-grey-700: #484c51;
   --color-shades-grey-800: #3c3f44;
   --color-shades-grey-850: #292b2e;
-  --color-shades-grey-900: #1b1c1e;
-  --color-shades-grey-950: #0c0d0e;
-  --color-shades-grey-999: #050505;
+  --color-shades-grey-900: #222325;
+  --color-shades-grey-950: #171a1c;
+  --color-shades-grey-999: #141414;
   --color-shades-grey-000: #ffffff;
   --color-shades-grey-050: #f7f7f8;
   --color-shades-data-color-a-100: #ff858d;
@@ -126,7 +136,7 @@
   --color-shades-functional-yellow-800: #bf9722;
   --color-shades-functional-yellow-850: #b08c21;
   --color-shades-functional-yellow-900: #a88324;
-  --color-shades-functional-yellow-950: #836721;
+  --color-shades-functional-yellow-950: #977726;
   --color-shades-functional-yellow-999: #7a5f29;
   --color-shades-functional-yellow-000: #fff9e9;
   --color-shades-functional-yellow-050: #fff5d9;
@@ -249,11 +259,11 @@
   --color-brand-background-secondary: var(--color-shades-brand-250);
   --color-brand-background-tertiary: var(--color-shades-brand-800);
   --color-brand-background-quaternary: var(--color-shades-brand-200);
-  --color-brand-foreground-primary: var(--color-shades-brand-150);
-  --color-brand-foreground-secondary: var(--color-shades-brand-250); /** was 300 */
+  --color-brand-foreground-primary: var(--color-shades-accent-200);
+  --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-secondary-on-bg: var(--color-shades-grey-000);
-  --color-brand-foreground-tertiary-on-bg: var(--color-shades-brand-200);
+  --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
   --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */
diff --git a/public/css/rme.css b/public/css/rme.css
index 898a1321..6dc1ce9a 100644
--- a/public/css/rme.css
+++ b/public/css/rme.css
@@ -20,6 +20,16 @@
   --color-shades-brand-999: #0b1128;
   --color-shades-brand-000: #fffffff;
   --color-shades-brand-050: #d6deff;
+  --color-shades-accent-100: #adbafb;
+  --color-shades-accent-200: #91a1f3;
+  --color-shades-accent-300: #768adb;
+  --color-shades-accent-400: #6079d2;
+  --color-shades-accent-500: #4461ca;
+  --color-shades-accent-600: #2f49a7;
+  --color-shades-accent-700: #213273;
+  --color-shades-accent-800: #1e2e66;
+  --color-shades-accent-900: #19254c;
+  --color-shades-accent-000: #bdc8ff;
   --color-shades-grey-100: #edeff3;
   --color-shades-grey-150: #e0e4eb;
   --color-shades-grey-200: #c2cad6;
@@ -126,7 +136,7 @@
   --color-shades-functional-yellow-800: #bf9722;
   --color-shades-functional-yellow-850: #b08c21;
   --color-shades-functional-yellow-900: #a88324;
-  --color-shades-functional-yellow-950: #836721;
+  --color-shades-functional-yellow-950: #977726;
   --color-shades-functional-yellow-999: #7a5f29;
   --color-shades-functional-yellow-000: #fff9e9;
   --color-shades-functional-yellow-050: #fff5d9;
@@ -249,11 +259,11 @@
   --color-brand-background-secondary: var(--color-shades-brand-400);
   --color-brand-background-tertiary: var(--color-shades-brand-150);
   --color-brand-background-quaternary: var(--color-shades-brand-700);
-  --color-brand-foreground-primary: var(--color-shades-brand-500);
+  --color-brand-foreground-primary: var(--color-shades-accent-500);
+  --color-brand-foreground-secondary: var(--color-shades-accent-700); /** was 500 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary: var(--color-shades-brand-700); /** was 500 */
   --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
-  --color-brand-foreground-tertiary-on-bg: var(--color-shades-brand-200);
+  --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-500);
   --color-brand-border-secondary: var(--color-shades-brand-600);
   --color-brand-border-tertiary: var(--color-shades-brand-700);
diff --git a/public/css/rme_dark.css b/public/css/rme_dark.css
index 93f1b726..665de056 100644
--- a/public/css/rme_dark.css
+++ b/public/css/rme_dark.css
@@ -20,6 +20,16 @@
   --color-shades-brand-999: #0b1128;
   --color-shades-brand-000: #fffffff;
   --color-shades-brand-050: #d6deff;
+  --color-shades-accent-100: #adbafb;
+  --color-shades-accent-200: #91a1f3;
+  --color-shades-accent-300: #768adb;
+  --color-shades-accent-400: #6079d2;
+  --color-shades-accent-500: #4461ca;
+  --color-shades-accent-600: #2f49a7;
+  --color-shades-accent-700: #213273;
+  --color-shades-accent-800: #1e2e66;
+  --color-shades-accent-900: #19254c;
+  --color-shades-accent-000: #bdc8ff;
   --color-shades-grey-100: #edeff3;
   --color-shades-grey-150: #e0e4eb;
   --color-shades-grey-200: #c2cad6;
@@ -126,7 +136,7 @@
   --color-shades-functional-yellow-800: #bf9722;
   --color-shades-functional-yellow-850: #b08c21;
   --color-shades-functional-yellow-900: #a88324;
-  --color-shades-functional-yellow-950: #836721;
+  --color-shades-functional-yellow-950: #977726;
   --color-shades-functional-yellow-999: #7a5f29;
   --color-shades-functional-yellow-000: #fff9e9;
   --color-shades-functional-yellow-050: #fff5d9;
@@ -249,11 +259,11 @@
   --color-brand-background-secondary: var(--color-shades-brand-250);
   --color-brand-background-tertiary: var(--color-shades-brand-800);
   --color-brand-background-quaternary: var(--color-shades-brand-200);
-  --color-brand-foreground-primary: var(--color-shades-brand-150);
-  --color-brand-foreground-secondary: var(--color-shades-brand-250); /** was 300 */
+  --color-brand-foreground-primary: var(--color-shades-accent-200);
+  --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-secondary-on-bg: var(--color-shades-grey-000);
-  --color-brand-foreground-tertiary-on-bg: var(--color-shades-brand-200);
+  --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
   --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */
diff --git a/public/css/varsom.css b/public/css/varsom.css
index 0f486ba9..db0f7791 100644
--- a/public/css/varsom.css
+++ b/public/css/varsom.css
@@ -20,6 +20,16 @@
   --color-shades-brand-999: #491c08;
   --color-shades-brand-000: #432301;
   --color-shades-brand-050: #ffdeb8;
+  --color-shades-accent-100: #ffa866;
+  --color-shades-accent-200: #ff773d;
+  --color-shades-accent-300: #ff5e1a;
+  --color-shades-accent-400: #f05000;
+  --color-shades-accent-500: #cc3d00;
+  --color-shades-accent-600: #ad3400;
+  --color-shades-accent-700: #8f2b00;
+  --color-shades-accent-800: #6b2305;
+  --color-shades-accent-900: #4c1b06;
+  --color-shades-accent-000: #ffc38f;
   --color-shades-grey-100: #dff1f9;
   --color-shades-grey-150: #cce9f5;
   --color-shades-grey-200: #a6d8ee;
@@ -126,7 +136,7 @@
   --color-shades-functional-yellow-800: #bf9722;
   --color-shades-functional-yellow-850: #b08c21;
   --color-shades-functional-yellow-900: #a88324;
-  --color-shades-functional-yellow-950: #836721;
+  --color-shades-functional-yellow-950: #977726;
   --color-shades-functional-yellow-999: #7a5f29;
   --color-shades-functional-yellow-000: #fff9e9;
   --color-shades-functional-yellow-050: #fff5d9;
@@ -249,11 +259,11 @@
   --color-brand-background-secondary: var(--color-shades-brand-400);
   --color-brand-background-tertiary: var(--color-shades-brand-150);
   --color-brand-background-quaternary: var(--color-shades-brand-700);
-  --color-brand-foreground-primary: var(--color-shades-brand-500);
+  --color-brand-foreground-primary: var(--color-shades-accent-500);
+  --color-brand-foreground-secondary: var(--color-shades-accent-700); /** was 500 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary: var(--color-shades-brand-700); /** was 500 */
   --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
-  --color-brand-foreground-tertiary-on-bg: var(--color-shades-brand-200);
+  --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-500);
   --color-brand-border-secondary: var(--color-shades-brand-600);
   --color-brand-border-tertiary: var(--color-shades-brand-700);
diff --git a/public/css/varsom_dark.css b/public/css/varsom_dark.css
index bcdf5294..a57c8980 100644
--- a/public/css/varsom_dark.css
+++ b/public/css/varsom_dark.css
@@ -20,6 +20,16 @@
   --color-shades-brand-999: #491c08;
   --color-shades-brand-000: #432301;
   --color-shades-brand-050: #ffdeb8;
+  --color-shades-accent-100: #ffa866;
+  --color-shades-accent-200: #ff773d;
+  --color-shades-accent-300: #ff5e1a;
+  --color-shades-accent-400: #f05000;
+  --color-shades-accent-500: #cc3d00;
+  --color-shades-accent-600: #ad3400;
+  --color-shades-accent-700: #8f2b00;
+  --color-shades-accent-800: #6b2305;
+  --color-shades-accent-900: #4c1b06;
+  --color-shades-accent-000: #ffc38f;
   --color-shades-grey-100: #dff1f9;
   --color-shades-grey-150: #cce9f5;
   --color-shades-grey-200: #a6d8ee;
@@ -126,7 +136,7 @@
   --color-shades-functional-yellow-800: #bf9722;
   --color-shades-functional-yellow-850: #b08c21;
   --color-shades-functional-yellow-900: #a88324;
-  --color-shades-functional-yellow-950: #836721;
+  --color-shades-functional-yellow-950: #977726;
   --color-shades-functional-yellow-999: #7a5f29;
   --color-shades-functional-yellow-000: #fff9e9;
   --color-shades-functional-yellow-050: #fff5d9;
@@ -249,11 +259,11 @@
   --color-brand-background-secondary: var(--color-shades-brand-250);
   --color-brand-background-tertiary: var(--color-shades-brand-800);
   --color-brand-background-quaternary: var(--color-shades-brand-200);
-  --color-brand-foreground-primary: var(--color-shades-brand-150);
-  --color-brand-foreground-secondary: var(--color-shades-brand-250); /** was 300 */
+  --color-brand-foreground-primary: var(--color-shades-accent-200);
+  --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-secondary-on-bg: var(--color-shades-grey-000);
-  --color-brand-foreground-tertiary-on-bg: var(--color-shades-brand-200);
+  --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
   --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 7529dff6..d8dad622 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -151,6 +151,16 @@
       "color-shades.brand.999": "2c9e29f3dbf0e5eda93d18ec171586d6daa315fc",
       "color-shades.brand.000": "209e04905a001064851123cb49e7fbf335b11f0d",
       "color-shades.brand.050": "9329667106be77a1fee37f23294a1a6f6efdc46f",
+      "color-shades.accent.100": "3b076c6156f725e51d4f653acfc1b1528cb8a291",
+      "color-shades.accent.200": "066ab6a4d6846964e44dad71c9fafb385d24373f",
+      "color-shades.accent.300": "ab9f2830e88ab4e1fb38ffd23d64c4576c7f1317",
+      "color-shades.accent.400": "f79c34dc6092015e7e94a051907f4a726e7e9b70",
+      "color-shades.accent.500": "2a15cb317b5eb23ffde7f272cc08dcfff8297a61",
+      "color-shades.accent.600": "b9f98be223f53b5b8487a53c4c17546c562b2a35",
+      "color-shades.accent.700": "bd1720a85a9f7475f9d6b2cb38a2ad30c0c7e1ae",
+      "color-shades.accent.800": "b76c7b1313b7afc4cc6819fbd19c2e65596029b5",
+      "color-shades.accent.900": "b9bc7ceedba3f45dffd64112761a2c083a2259b0",
+      "color-shades.accent.000": "c7cbcb490b3edc9bae7850a80217d2b899cbb87d",
       "color-shades.grey.100": "9561dbd11827f2a983d5db198daad0ae911cf98d",
       "color-shades.grey.150": "7b307c62aebeb34af645b2a2614ca23bda0af4da",
       "color-shades.grey.200": "8f16211f68d4730be1adef392161961da7912e8f",
@@ -387,6 +397,16 @@
       "color-shades.brand.999": "2c9e29f3dbf0e5eda93d18ec171586d6daa315fc",
       "color-shades.brand.000": "209e04905a001064851123cb49e7fbf335b11f0d",
       "color-shades.brand.050": "9329667106be77a1fee37f23294a1a6f6efdc46f",
+      "color-shades.accent.100": "3b076c6156f725e51d4f653acfc1b1528cb8a291",
+      "color-shades.accent.200": "066ab6a4d6846964e44dad71c9fafb385d24373f",
+      "color-shades.accent.300": "ab9f2830e88ab4e1fb38ffd23d64c4576c7f1317",
+      "color-shades.accent.400": "f79c34dc6092015e7e94a051907f4a726e7e9b70",
+      "color-shades.accent.500": "2a15cb317b5eb23ffde7f272cc08dcfff8297a61",
+      "color-shades.accent.600": "b9f98be223f53b5b8487a53c4c17546c562b2a35",
+      "color-shades.accent.700": "bd1720a85a9f7475f9d6b2cb38a2ad30c0c7e1ae",
+      "color-shades.accent.800": "b76c7b1313b7afc4cc6819fbd19c2e65596029b5",
+      "color-shades.accent.900": "b9bc7ceedba3f45dffd64112761a2c083a2259b0",
+      "color-shades.accent.000": "c7cbcb490b3edc9bae7850a80217d2b899cbb87d",
       "color-shades.grey.100": "9561dbd11827f2a983d5db198daad0ae911cf98d",
       "color-shades.grey.150": "7b307c62aebeb34af645b2a2614ca23bda0af4da",
       "color-shades.grey.200": "8f16211f68d4730be1adef392161961da7912e8f",
@@ -766,12 +786,10 @@
       "color.neutrals.background.secondary-dim": "414fbcc0b42c04fbd1299717a5181225d92f7d22",
       "color.neutrals.background.tertiary-dim": "5115dd3c64f36f7344f90d7e3e4e66ef4cfca41f",
       "color.neutrals.foreground.primary": "7b2ff23323a73b6f8edd49f2c37edea6954b8aaa",
-      "color.neutrals.foreground.secondary": "10c4639425f61a800abba08dfa494d39ada3b4d3",
       "color.neutrals.foreground.subtle": "6e13c02d15cf3087e46295c3477f15f4a909eff1",
-      "color.neutrals.foreground.faint": "8c234986013c9d4dc75e34485850dd3b54a7d913",
+      "color.neutrals.foreground.secondary": "10c4639425f61a800abba08dfa494d39ada3b4d3",
       "color.neutrals.foreground.inverted": "8005180da696d48ef536a96c6de2bebeca01a6d4",
       "color.neutrals.border.default": "20ca8407100173ab471d9cc300f1a3983368f183",
-      "color.neutrals.border.emphasized": "eb05ea9fb11b7d919631446adecd9a48b7ebf586",
       "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a",
       "color.neutrals.border.subtle": "283146ae0147ec4b20f312edb29074250f5359fa",
       "color.neutrals.border.disabled": "a8444debb4e0f90291787d98e1b17d825155c091",
@@ -1118,8 +1136,8 @@
       "color.brand.background.tertiary": "b8b8bf2fd3e2b93534099ed936d380fd67e9db6a",
       "color.brand.background.quaternary": "1c26c51c3693e216835a6ae6a0f867632fed9aed",
       "color.brand.foreground.primary": "87a9ad41e338b7d3e9642324d518c828e7e6da9e",
-      "color.brand.foreground.primary-on-bg": "01ac9c70aaba0f8d0345be7ef55b8a9f42bc2ee9",
       "color.brand.foreground.secondary": "45d6e821af5e9a9e2e4f33525bea804fd89ce791",
+      "color.brand.foreground.primary-on-bg": "01ac9c70aaba0f8d0345be7ef55b8a9f42bc2ee9",
       "color.brand.foreground.secondary-on-bg": "256a1c419dc223315f819dbc423ddab06c058572",
       "color.brand.foreground.tertiary-on-bg": "97716729dea67cce61cdb2e7846ff8d7f969a4b9",
       "color.brand.border.primary": "4d2d826be2e55faa7c70e2c68aa7c97c2e9b4eae",
@@ -1134,10 +1152,8 @@
       "color.neutrals.foreground.primary": "7b2ff23323a73b6f8edd49f2c37edea6954b8aaa",
       "color.neutrals.foreground.secondary": "10c4639425f61a800abba08dfa494d39ada3b4d3",
       "color.neutrals.foreground.subtle": "6e13c02d15cf3087e46295c3477f15f4a909eff1",
-      "color.neutrals.foreground.faint": "8c234986013c9d4dc75e34485850dd3b54a7d913",
       "color.neutrals.foreground.inverted": "8005180da696d48ef536a96c6de2bebeca01a6d4",
       "color.neutrals.border.default": "20ca8407100173ab471d9cc300f1a3983368f183",
-      "color.neutrals.border.emphasized": "eb05ea9fb11b7d919631446adecd9a48b7ebf586",
       "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a",
       "color.neutrals.border.subtle": "283146ae0147ec4b20f312edb29074250f5359fa",
       "color.neutrals.border.disabled": "a8444debb4e0f90291787d98e1b17d825155c091",
@@ -2104,6 +2120,16 @@
       "color-shades.brand.999": "2c9e29f3dbf0e5eda93d18ec171586d6daa315fc",
       "color-shades.brand.000": "209e04905a001064851123cb49e7fbf335b11f0d",
       "color-shades.brand.050": "9329667106be77a1fee37f23294a1a6f6efdc46f",
+      "color-shades.accent.100": "3b076c6156f725e51d4f653acfc1b1528cb8a291",
+      "color-shades.accent.200": "066ab6a4d6846964e44dad71c9fafb385d24373f",
+      "color-shades.accent.300": "ab9f2830e88ab4e1fb38ffd23d64c4576c7f1317",
+      "color-shades.accent.400": "f79c34dc6092015e7e94a051907f4a726e7e9b70",
+      "color-shades.accent.500": "2a15cb317b5eb23ffde7f272cc08dcfff8297a61",
+      "color-shades.accent.600": "b9f98be223f53b5b8487a53c4c17546c562b2a35",
+      "color-shades.accent.700": "bd1720a85a9f7475f9d6b2cb38a2ad30c0c7e1ae",
+      "color-shades.accent.800": "b76c7b1313b7afc4cc6819fbd19c2e65596029b5",
+      "color-shades.accent.900": "b9bc7ceedba3f45dffd64112761a2c083a2259b0",
+      "color-shades.accent.000": "c7cbcb490b3edc9bae7850a80217d2b899cbb87d",
       "color-shades.grey.100": "9561dbd11827f2a983d5db198daad0ae911cf98d",
       "color-shades.grey.150": "7b307c62aebeb34af645b2a2614ca23bda0af4da",
       "color-shades.grey.200": "8f16211f68d4730be1adef392161961da7912e8f",
diff --git a/tokens/brand/nve.json b/tokens/brand/nve.json
index c15219fe..c0674c93 100644
--- a/tokens/brand/nve.json
+++ b/tokens/brand/nve.json
@@ -67,6 +67,48 @@
         "$value": "#FF8083"
       }
     },
+    "accent": {
+      "100": {
+        "$type": "color",
+        "$value": "#FF999B"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#FF7075"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#FF4754"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#EE2B41"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#C6102E"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#9C1128"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#821729"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#621825"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#45171F"
+      },
+      "000": {
+        "$type": "color",
+        "$value": "#FFB2B4"
+      }
+    },
     "grey": {
       "100": {
         "$type": "color",
@@ -110,15 +152,15 @@
       },
       "900": {
         "$type": "color",
-        "$value": "#1B1C1E"
+        "$value": "#222325"
       },
       "950": {
         "$type": "color",
-        "$value": "#0c0d0e"
+        "$value": "#171a1c"
       },
       "999": {
         "$type": "color",
-        "$value": "#050505"
+        "$value": "#141414"
       },
       "000": {
         "$type": "color",
@@ -519,7 +561,7 @@
         },
         "950": {
           "$type": "color",
-          "$value": "#836721"
+          "$value": "#977726"
         },
         "999": {
           "$type": "color",
diff --git a/tokens/brand/rme.json b/tokens/brand/rme.json
index bac50343..0beeac23 100644
--- a/tokens/brand/rme.json
+++ b/tokens/brand/rme.json
@@ -66,6 +66,48 @@
         "$value": "#D6DEFF"
       }
     },
+    "accent": {
+      "100": {
+        "$type": "color",
+        "$value": "#ADBAFB"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#91A1F3"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#768ADB"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#6079d2"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#4461CA"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#2F49A7"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#213273"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#1e2e66"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#19254C"
+      },
+      "000": {
+        "$type": "color",
+        "$value": "#BDC8FF"
+      }
+    },
     "grey": {
       "100": {
         "$type": "color",
diff --git a/tokens/brand/varsom.json b/tokens/brand/varsom.json
index 993ef7cb..4b0fa040 100644
--- a/tokens/brand/varsom.json
+++ b/tokens/brand/varsom.json
@@ -66,6 +66,48 @@
         "$value": "#FFDEB8"
       }
     },
+    "accent": {
+      "100": {
+        "$type": "color",
+        "$value": "#FFA866"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#FF773D"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#FF5E1A"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#F05000"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#CC3D00"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#AD3400"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#8F2B00"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#6B2305"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#4C1B06"
+      },
+      "000": {
+        "$type": "color",
+        "$value": "#FFC38F"
+      }
+    },
     "grey": {
       "100": {
         "$type": "color",
diff --git a/tokens/public/theme/dark.json b/tokens/public/theme/dark.json
index 9ae89a1d..101bfb46 100644
--- a/tokens/public/theme/dark.json
+++ b/tokens/public/theme/dark.json
@@ -23,11 +23,11 @@
       "foreground": {
         "primary": {
           "$type": "color",
-          "$value": "{color-shades.brand.150}"
+          "$value": "{color-shades.accent.200}"
         },
         "secondary": {
           "$type": "color",
-          "$value": "{color-shades.brand.250}",
+          "$value": "{color-shades.accent.300}",
           "$description": "was 300"
         },
         "primary-on-bg": {
@@ -40,7 +40,7 @@
         },
         "tertiary-on-bg": {
           "$type": "color",
-          "$value": "{color-shades.brand.200}"
+          "$value": "{color-shades.accent.400}"
         }
       },
       "border": {
diff --git a/tokens/public/theme/light.json b/tokens/public/theme/light.json
index 53ec26d3..2cfced39 100644
--- a/tokens/public/theme/light.json
+++ b/tokens/public/theme/light.json
@@ -22,24 +22,24 @@
       "foreground": {
         "primary": {
           "$type": "color",
-          "$value": "{color-shades.brand.500}"
-        },
-        "primary-on-bg": {
-          "$type": "color",
-          "$value": "{color-shades.brand.000}"
+          "$value": "{color-shades.accent.500}"
         },
         "secondary": {
           "$type": "color",
-          "$value": "{color-shades.brand.700}",
+          "$value": "{color-shades.accent.700}",
           "$description": "was 500"
         },
+        "primary-on-bg": {
+          "$type": "color",
+          "$value": "{color-shades.brand.000}"
+        },
         "secondary-on-bg": {
           "$type": "color",
           "$value": "{color-shades.brand.999}"
         },
         "tertiary-on-bg": {
           "$type": "color",
-          "$value": "{color-shades.brand.200}"
+          "$value": "{color-shades.accent.400}"
         }
       },
       "border": {