diff --git a/apps/storefront/tokens/altinn.ts b/apps/storefront/tokens/altinn.ts
index 955dd6ea22..81be87a339 100644
--- a/apps/storefront/tokens/altinn.ts
+++ b/apps/storefront/tokens/altinn.ts
@@ -424,9 +424,9 @@ export const color = [
       value: '{brand.alt1.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-light',
+    name: '--fds-semantic-surface-first-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'light'],
+    path: ['semantic', 'surface', 'first', 'subtle'],
   },
   {
     value: '#80B1DD',
@@ -437,9 +437,9 @@ export const color = [
       value: '{brand.alt1.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-light-hover',
+    name: '--fds-semantic-surface-first-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'light-hover'],
+    path: ['semantic', 'surface', 'first', 'subtle-hover'],
   },
   {
     value: '#66A1D6',
@@ -450,9 +450,9 @@ export const color = [
       value: '{brand.alt1.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-light-active',
+    name: '--fds-semantic-surface-first-subtle-active',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'light-active'],
+    path: ['semantic', 'surface', 'first', 'subtle-active'],
   },
   {
     value: '#004E95',
@@ -463,9 +463,9 @@ export const color = [
       value: '{brand.alt1.800}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-dark',
+    name: '--fds-semantic-surface-first-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'dark'],
+    path: ['semantic', 'surface', 'first', 'strong'],
   },
   {
     value: '#C5BBDD',
@@ -476,9 +476,9 @@ export const color = [
       value: '{brand.alt2.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-light',
+    name: '--fds-semantic-surface-second-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'light'],
+    path: ['semantic', 'surface', 'second', 'subtle'],
   },
   {
     value: '#A392C8',
@@ -489,9 +489,9 @@ export const color = [
       value: '{brand.alt2.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-light-hover',
+    name: '--fds-semantic-surface-second-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'light-hover'],
+    path: ['semantic', 'surface', 'second', 'subtle-hover'],
   },
   {
     value: '#806AB4',
@@ -502,9 +502,9 @@ export const color = [
       value: '{brand.alt2.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-light-active',
+    name: '--fds-semantic-surface-second-subtle-active',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'light-active'],
+    path: ['semantic', 'surface', 'second', 'subtle-active'],
   },
   {
     value: '#231B36',
@@ -515,9 +515,9 @@ export const color = [
       value: '{brand.alt2.900}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-dark',
+    name: '--fds-semantic-surface-second-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'dark'],
+    path: ['semantic', 'surface', 'second', 'strong'],
   },
   {
     value: '#F3ABB6',
@@ -528,9 +528,9 @@ export const color = [
       value: '{brand.alt3.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-light',
+    name: '--fds-semantic-surface-third-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'light'],
+    path: ['semantic', 'surface', 'third', 'subtle'],
   },
   {
     value: '#EC8292',
@@ -541,9 +541,9 @@ export const color = [
       value: '{brand.alt3.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-light-hover',
+    name: '--fds-semantic-surface-third-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'light-hover'],
+    path: ['semantic', 'surface', 'third', 'subtle-hover'],
   },
   {
     value: '#E6586D',
@@ -554,9 +554,9 @@ export const color = [
       value: '{brand.alt3.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-light-active',
+    name: '--fds-semantic-surface-third-subtle-active',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'light-active'],
+    path: ['semantic', 'surface', 'third', 'subtle-active'],
   },
   {
     value: '#5A121D',
@@ -567,9 +567,9 @@ export const color = [
       value: '{brand.alt3.800}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-dark',
+    name: '--fds-semantic-surface-third-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'dark'],
+    path: ['semantic', 'surface', 'third', 'strong'],
   },
   {
     value: '#e6eff8',
@@ -963,9 +963,9 @@ export const color = [
       value: '{colors.grey.600}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-neutral-dark',
+    name: '--fds-semantic-surface-neutral-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'neutral', 'dark'],
+    path: ['semantic', 'surface', 'neutral', 'strong'],
   },
   {
     value: '#4b5563',
@@ -976,9 +976,9 @@ export const color = [
       value: '{colors.grey.700}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-neutral-dark-hover',
+    name: '--fds-semantic-surface-neutral-strong-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'neutral', 'dark-hover'],
+    path: ['semantic', 'surface', 'neutral', 'strong-hover'],
   },
   {
     value: '#1e2b3c',
@@ -1613,9 +1613,9 @@ export const color = [
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-dark',
+    name: '--fds-semantic-border-action-strong',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'dark'],
+    path: ['semantic', 'border', 'action', 'strong'],
   },
   {
     value: '#0062ba',
@@ -1626,9 +1626,9 @@ export const color = [
       value: '{colors.blue.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-dark-hover',
+    name: '--fds-semantic-border-action-strong-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'dark-hover'],
+    path: ['semantic', 'border', 'action', 'strong-hover'],
   },
   {
     value: '#004e95',
diff --git a/apps/storefront/tokens/brreg.ts b/apps/storefront/tokens/brreg.ts
index ffd9d0645a..525f8cf650 100644
--- a/apps/storefront/tokens/brreg.ts
+++ b/apps/storefront/tokens/brreg.ts
@@ -442,9 +442,9 @@ export const color = [
       value: '{brand.alt1.100}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-light',
+    name: '--fds-semantic-surface-first-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'light'],
+    path: ['semantic', 'surface', 'first', 'subtle'],
   },
   {
     value: '#76ADFB',
@@ -455,9 +455,9 @@ export const color = [
       value: '{brand.alt1.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-light-hover',
+    name: '--fds-semantic-surface-first-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'light-hover'],
+    path: ['semantic', 'surface', 'first', 'subtle-hover'],
   },
   {
     value: '#5391E9',
@@ -468,9 +468,9 @@ export const color = [
       value: '{brand.alt1.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-light-active',
+    name: '--fds-semantic-surface-first-subtle-active',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'light-active'],
+    path: ['semantic', 'surface', 'first', 'subtle-active'],
   },
   {
     value: '#004785',
@@ -481,9 +481,9 @@ export const color = [
       value: '{brand.alt1.700}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-dark',
+    name: '--fds-semantic-surface-first-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'dark'],
+    path: ['semantic', 'surface', 'first', 'strong'],
   },
   {
     value: '#C9E7F4',
@@ -494,9 +494,9 @@ export const color = [
       value: '{brand.alt2.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-light',
+    name: '--fds-semantic-surface-second-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'light'],
+    path: ['semantic', 'surface', 'second', 'subtle'],
   },
   {
     value: '#70B3D7',
@@ -507,9 +507,9 @@ export const color = [
       value: '{brand.alt2.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-light-hover',
+    name: '--fds-semantic-surface-second-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'light-hover'],
+    path: ['semantic', 'surface', 'second', 'subtle-hover'],
   },
   {
     value: '#4E99BD',
@@ -520,9 +520,9 @@ export const color = [
       value: '{brand.alt2.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-light-active',
+    name: '--fds-semantic-surface-second-subtle-active',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'light-active'],
+    path: ['semantic', 'surface', 'second', 'subtle-active'],
   },
   {
     value: '#1F4B63',
@@ -533,9 +533,9 @@ export const color = [
       value: '{brand.alt2.700}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-dark',
+    name: '--fds-semantic-surface-second-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'dark'],
+    path: ['semantic', 'surface', 'second', 'strong'],
   },
   {
     value: '#D7E5E7',
@@ -546,9 +546,9 @@ export const color = [
       value: '{brand.alt3.100}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-light',
+    name: '--fds-semantic-surface-third-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'light'],
+    path: ['semantic', 'surface', 'third', 'subtle'],
   },
   {
     value: '#B9CACB',
@@ -559,9 +559,9 @@ export const color = [
       value: '{brand.alt3.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-light-hover',
+    name: '--fds-semantic-surface-third-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'light-hover'],
+    path: ['semantic', 'surface', 'third', 'subtle-hover'],
   },
   {
     value: '#9FAEAF',
@@ -572,9 +572,9 @@ export const color = [
       value: '{brand.alt3.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-light-active',
+    name: '--fds-semantic-surface-third-subtle-active',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'light-active'],
+    path: ['semantic', 'surface', 'third', 'subtle-active'],
   },
   {
     value: '#414849',
@@ -585,9 +585,9 @@ export const color = [
       value: '{brand.alt3.700}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-dark',
+    name: '--fds-semantic-surface-third-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'dark'],
+    path: ['semantic', 'surface', 'third', 'strong'],
   },
   {
     value: '#e6eff8',
@@ -981,9 +981,9 @@ export const color = [
       value: '{colors.grey.600}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-neutral-dark',
+    name: '--fds-semantic-surface-neutral-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'neutral', 'dark'],
+    path: ['semantic', 'surface', 'neutral', 'strong'],
   },
   {
     value: '#4b5563',
@@ -994,9 +994,9 @@ export const color = [
       value: '{colors.grey.700}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-neutral-dark-hover',
+    name: '--fds-semantic-surface-neutral-strong-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'neutral', 'dark-hover'],
+    path: ['semantic', 'surface', 'neutral', 'strong-hover'],
   },
   {
     value: '#1e2b3c',
@@ -1631,9 +1631,9 @@ export const color = [
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-dark',
+    name: '--fds-semantic-border-action-strong',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'dark'],
+    path: ['semantic', 'border', 'action', 'strong'],
   },
   {
     value: '#0062ba',
@@ -1644,9 +1644,9 @@ export const color = [
       value: '{colors.blue.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-dark-hover',
+    name: '--fds-semantic-border-action-strong-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'dark-hover'],
+    path: ['semantic', 'border', 'action', 'strong-hover'],
   },
   {
     value: '#004e95',
diff --git a/apps/storefront/tokens/digdir.ts b/apps/storefront/tokens/digdir.ts
index 90ab0c1cf9..f61faab9af 100644
--- a/apps/storefront/tokens/digdir.ts
+++ b/apps/storefront/tokens/digdir.ts
@@ -418,9 +418,9 @@ export const color = [
       value: '{brand.alt1.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-light',
+    name: '--fds-semantic-surface-first-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'light'],
+    path: ['semantic', 'surface', 'first', 'subtle'],
   },
   {
     value: '#fbbfc1',
@@ -431,9 +431,9 @@ export const color = [
       value: '{brand.alt1.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-light-hover',
+    name: '--fds-semantic-surface-first-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'light-hover'],
+    path: ['semantic', 'surface', 'first', 'subtle-hover'],
   },
   {
     value: '#f89fa1',
@@ -444,9 +444,9 @@ export const color = [
       value: '{brand.alt1.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-light-active',
+    name: '--fds-semantic-surface-first-subtle-active',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'light-active'],
+    path: ['semantic', 'surface', 'first', 'subtle-active'],
   },
   {
     value: '#c34c4f',
@@ -457,9 +457,9 @@ export const color = [
       value: '{brand.alt1.800}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-dark',
+    name: '--fds-semantic-surface-first-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'dark'],
+    path: ['semantic', 'surface', 'first', 'strong'],
   },
   {
     value: '#faeec2',
@@ -470,9 +470,9 @@ export const color = [
       value: '{brand.alt2.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-light',
+    name: '--fds-semantic-surface-second-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'light'],
+    path: ['semantic', 'surface', 'second', 'subtle'],
   },
   {
     value: '#f5dda6',
@@ -483,9 +483,9 @@ export const color = [
       value: '{brand.alt2.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-light-hover',
+    name: '--fds-semantic-surface-second-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'light-hover'],
+    path: ['semantic', 'surface', 'second', 'subtle-hover'],
   },
   {
     value: '#efcc79',
@@ -496,9 +496,9 @@ export const color = [
       value: '{brand.alt2.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-light-active',
+    name: '--fds-semantic-surface-second-subtle-active',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'light-active'],
+    path: ['semantic', 'surface', 'second', 'subtle-active'],
   },
   {
     value: '#A17717',
@@ -509,9 +509,9 @@ export const color = [
       value: '{brand.alt2.900}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-dark',
+    name: '--fds-semantic-surface-second-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'dark'],
+    path: ['semantic', 'surface', 'second', 'strong'],
   },
   {
     value: '#d2eafd',
@@ -522,9 +522,9 @@ export const color = [
       value: '{brand.alt3.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-light',
+    name: '--fds-semantic-surface-third-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'light'],
+    path: ['semantic', 'surface', 'third', 'subtle'],
   },
   {
     value: '#a5d6fb',
@@ -535,9 +535,9 @@ export const color = [
       value: '{brand.alt3.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-light-hover',
+    name: '--fds-semantic-surface-third-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'light-hover'],
+    path: ['semantic', 'surface', 'third', 'subtle-hover'],
   },
   {
     value: '#78c1f9',
@@ -548,9 +548,9 @@ export const color = [
       value: '{brand.alt3.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-light-active',
+    name: '--fds-semantic-surface-third-subtle-active',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'light-active'],
+    path: ['semantic', 'surface', 'third', 'subtle-active'],
   },
   {
     value: '#156aac',
@@ -561,9 +561,9 @@ export const color = [
       value: '{brand.alt3.800}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-dark',
+    name: '--fds-semantic-surface-third-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'dark'],
+    path: ['semantic', 'surface', 'third', 'strong'],
   },
   {
     value: '#e6eff8',
@@ -957,9 +957,9 @@ export const color = [
       value: '{colors.grey.600}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-neutral-dark',
+    name: '--fds-semantic-surface-neutral-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'neutral', 'dark'],
+    path: ['semantic', 'surface', 'neutral', 'strong'],
   },
   {
     value: '#4b5563',
@@ -970,9 +970,9 @@ export const color = [
       value: '{colors.grey.700}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-neutral-dark-hover',
+    name: '--fds-semantic-surface-neutral-strong-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'neutral', 'dark-hover'],
+    path: ['semantic', 'surface', 'neutral', 'strong-hover'],
   },
   {
     value: '#1e2b3c',
@@ -1607,9 +1607,9 @@ export const color = [
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-dark',
+    name: '--fds-semantic-border-action-strong',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'dark'],
+    path: ['semantic', 'border', 'action', 'strong'],
   },
   {
     value: '#0062ba',
@@ -1620,9 +1620,9 @@ export const color = [
       value: '{colors.blue.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-dark-hover',
+    name: '--fds-semantic-border-action-strong-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'dark-hover'],
+    path: ['semantic', 'border', 'action', 'strong-hover'],
   },
   {
     value: '#004e95',
diff --git a/apps/storefront/tokens/tilsynet.ts b/apps/storefront/tokens/tilsynet.ts
index 8694c3a831..9b0619e4d6 100644
--- a/apps/storefront/tokens/tilsynet.ts
+++ b/apps/storefront/tokens/tilsynet.ts
@@ -364,9 +364,9 @@ export const color = [
       value: '{brand.alt1.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-light',
+    name: '--fds-semantic-surface-first-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'light'],
+    path: ['semantic', 'surface', 'first', 'subtle'],
   },
   {
     value: '#bec0ed',
@@ -377,9 +377,9 @@ export const color = [
       value: '{brand.alt1.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-light-hover',
+    name: '--fds-semantic-surface-first-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'light-hover'],
+    path: ['semantic', 'surface', 'first', 'subtle-hover'],
   },
   {
     value: '#9da0e4',
@@ -390,9 +390,9 @@ export const color = [
       value: '{brand.alt1.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-light-active',
+    name: '--fds-semantic-surface-first-subtle-active',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'light-active'],
+    path: ['semantic', 'surface', 'first', 'subtle-active'],
   },
   {
     value: '#0008b8',
@@ -403,9 +403,9 @@ export const color = [
       value: '{brand.alt1.800}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-first-dark',
+    name: '--fds-semantic-surface-first-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'first', 'dark'],
+    path: ['semantic', 'surface', 'first', 'strong'],
   },
   {
     value: '#ffdcc3',
@@ -416,9 +416,9 @@ export const color = [
       value: '{brand.alt2.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-light',
+    name: '--fds-semantic-surface-second-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'light'],
+    path: ['semantic', 'surface', 'second', 'subtle'],
   },
   {
     value: '#fdd4b7',
@@ -429,9 +429,9 @@ export const color = [
       value: '{brand.alt2.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-light-hover',
+    name: '--fds-semantic-surface-second-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'light-hover'],
+    path: ['semantic', 'surface', 'second', 'subtle-hover'],
   },
   {
     value: '#ffc296',
@@ -442,9 +442,9 @@ export const color = [
       value: '{brand.alt2.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-light-active',
+    name: '--fds-semantic-surface-second-subtle-active',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'light-active'],
+    path: ['semantic', 'surface', 'second', 'subtle-active'],
   },
   {
     value: '#9F6841',
@@ -455,9 +455,9 @@ export const color = [
       value: '{brand.alt2.900}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-second-dark',
+    name: '--fds-semantic-surface-second-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'second', 'dark'],
+    path: ['semantic', 'surface', 'second', 'strong'],
   },
   {
     value: '#deece9',
@@ -468,9 +468,9 @@ export const color = [
       value: '{brand.alt3.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-light',
+    name: '--fds-semantic-surface-third-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'light'],
+    path: ['semantic', 'surface', 'third', 'subtle'],
   },
   {
     value: '#bedad2',
@@ -481,9 +481,9 @@ export const color = [
       value: '{brand.alt3.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-light-hover',
+    name: '--fds-semantic-surface-third-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'light-hover'],
+    path: ['semantic', 'surface', 'third', 'subtle-hover'],
   },
   {
     value: '#9dc7bc',
@@ -494,9 +494,9 @@ export const color = [
       value: '{brand.alt3.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-light-active',
+    name: '--fds-semantic-surface-third-subtle-active',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'light-active'],
+    path: ['semantic', 'surface', 'third', 'subtle-active'],
   },
   {
     value: '#407d6d',
@@ -507,9 +507,9 @@ export const color = [
       value: '{brand.alt3.800}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-third-dark',
+    name: '--fds-semantic-surface-third-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'third', 'dark'],
+    path: ['semantic', 'surface', 'third', 'strong'],
   },
   {
     value: '#f4f5f6',
@@ -903,9 +903,9 @@ export const color = [
       value: '{colors.grey.600}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-neutral-dark',
+    name: '--fds-semantic-surface-neutral-strong',
     attributes: {},
-    path: ['semantic', 'surface', 'neutral', 'dark'],
+    path: ['semantic', 'surface', 'neutral', 'strong'],
   },
   {
     value: '#4b5563',
@@ -916,9 +916,9 @@ export const color = [
       value: '{colors.grey.700}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-neutral-dark-hover',
+    name: '--fds-semantic-surface-neutral-strong-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'neutral', 'dark-hover'],
+    path: ['semantic', 'surface', 'neutral', 'strong-hover'],
   },
   {
     value: '#1e2b3c',
@@ -1553,9 +1553,9 @@ export const color = [
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-dark',
+    name: '--fds-semantic-border-action-strong',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'dark'],
+    path: ['semantic', 'border', 'action', 'strong'],
   },
   {
     value: '#0062ba',
@@ -1566,9 +1566,9 @@ export const color = [
       value: '{colors.blue.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-dark-hover',
+    name: '--fds-semantic-border-action-strong-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'dark-hover'],
+    path: ['semantic', 'border', 'action', 'strong-hover'],
   },
   {
     value: '#004e95',
diff --git a/design-tokens/$themes.json b/design-tokens/$themes.json
index 0745f3a24f..554a2b63f5 100644
--- a/design-tokens/$themes.json
+++ b/design-tokens/$themes.json
@@ -16,8 +16,6 @@
       "semantic.surface.neutral.selected": "5defd32eedc3f2c7e64c6509ffe26b1917f5f6c4",
       "semantic.surface.neutral.subtle": "0b7681e25e163a5b1416a93cd4471225a752da14",
       "semantic.surface.neutral.subtle-hover": "de2da22043a941d4f30621b86eafeb8893554e47",
-      "semantic.surface.neutral.dark": "f428dd6eeada38db8c8fbbcf3b9938ae87f36c2d",
-      "semantic.surface.neutral.dark-hover": "f6dde872cd9452e3a77568bee36f1499e839155d",
       "semantic.surface.neutral.inverted": "6dd7ba50b8e91439deb142bb1ae635cb26e73dc5",
       "semantic.surface.action.common.subtle": "f5bdc3419e11920c78bb76100545676e5382c830",
       "semantic.surface.action.common.subtle-hover": "3c840fec1e2d98aa3eb9053207288803766053de",
@@ -141,7 +139,9 @@
       "base_sizing": "7efead99136e81bed601b9c01e27e28e7e8a2e1b",
       "border_width.default": "dfcd0568ecfbf3837e887626b694fe16b0335d86",
       "border_width.active": "a597eedd5138fb532a105011b85d756b6862ff52",
-      "border_width.tab_focus": "d8d78247b3135f9a462ba968b4f8fe552c8b0b17"
+      "border_width.tab_focus": "d8d78247b3135f9a462ba968b4f8fe552c8b0b17",
+      "semantic.surface.neutral.strong": "f428dd6eeada38db8c8fbbcf3b9938ae87f36c2d",
+      "semantic.surface.neutral.strong-hover": "f6dde872cd9452e3a77568bee36f1499e839155d"
     },
     "group": "Core"
   },
@@ -393,11 +393,11 @@
       "semantic.surface.primary.light": "S:5d186a6b3411853833badfc76abd94a6fdfbc63a,",
       "brand.secondary.900": "S:23925b130515fb61d12fb3414165f61e094a6262,",
       "semantic.surface.danger.no_fill-active": "S:edd236f2e24d2f9f83699730b5ef792aa03d96a5,",
-      "semantic.border.action.dark": "S:38130df3c467c65fd93968897876556bc5bf60e7,",
       "semantic.surface.action.common.subtle": "S:f159c7f63f4e095cb75bf770cf0625366a56d8b6,",
       "semantic.border.action.common.subtle": "S:04ad95c402fd76ed849b1031835632c8d3c06236,",
       "semantic.text.action.common.default": "S:e7ff72a6683853f5403350ace19fdef1cf265a06,",
-      "semantic.text.action.common.on_action": "S:a8b81cc349e852d00861be87404778bc6aab598c,"
+      "semantic.text.action.common.on_action": "S:a8b81cc349e852d00861be87404778bc6aab598c,",
+      "semantic.border.action.strong": "S:38130df3c467c65fd93968897876556bc5bf60e7,"
     },
     "$figmaCollectionId": "VariableCollectionId:6324:1609",
     "$figmaModeId": "6324:1",
@@ -499,8 +499,6 @@
       "semantic.surface.neutral.selected": "8b7533fd79d2c508af0c88ad2bf4e33a79bcad12",
       "semantic.surface.neutral.subtle": "072113acf733592a7331b0a60e6a4eeaba3f51f6",
       "semantic.surface.neutral.subtle-hover": "19eb9af0393a16ae01a48972e77a16efb16eeb21",
-      "semantic.surface.neutral.dark": "18e3ba1f54c2b363135f1498775fb4e96e9074da",
-      "semantic.surface.neutral.dark-hover": "efcf3d7a4016df005cd2d858ef733ceb8b2d6bca",
       "semantic.surface.neutral.inverted": "829ca533c51e3313229bc965096af00de00887f3",
       "semantic.surface.action.common.subtle": "75cc22bd5c6c94a5e5fb23cd164aaec5506a6c4a",
       "semantic.surface.action.common.subtle-hover": "f5375de1115faecf98170313fcdaf570e53cd4b6",
@@ -624,7 +622,9 @@
       "base_sizing": "9720ca86555bde90493208437a6f5cacd270ee0e",
       "border_width.default": "b44447ba2e2504923d4903e4eb14954434480085",
       "border_width.active": "82d06b8c6fdeea622611fa744ff261661a211760",
-      "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7"
+      "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7",
+      "semantic.surface.neutral.strong": "18e3ba1f54c2b363135f1498775fb4e96e9074da",
+      "semantic.surface.neutral.strong-hover": "efcf3d7a4016df005cd2d858ef733ceb8b2d6bca"
     },
     "group": "Brand"
   },
@@ -728,8 +728,6 @@
       "semantic.surface.neutral.selected": "8b7533fd79d2c508af0c88ad2bf4e33a79bcad12",
       "semantic.surface.neutral.subtle": "072113acf733592a7331b0a60e6a4eeaba3f51f6",
       "semantic.surface.neutral.subtle-hover": "19eb9af0393a16ae01a48972e77a16efb16eeb21",
-      "semantic.surface.neutral.dark": "18e3ba1f54c2b363135f1498775fb4e96e9074da",
-      "semantic.surface.neutral.dark-hover": "efcf3d7a4016df005cd2d858ef733ceb8b2d6bca",
       "semantic.surface.neutral.inverted": "829ca533c51e3313229bc965096af00de00887f3",
       "semantic.surface.action.common.subtle": "75cc22bd5c6c94a5e5fb23cd164aaec5506a6c4a",
       "semantic.surface.action.common.subtle-hover": "f5375de1115faecf98170313fcdaf570e53cd4b6",
@@ -853,7 +851,9 @@
       "base_sizing": "9720ca86555bde90493208437a6f5cacd270ee0e",
       "border_width.default": "b44447ba2e2504923d4903e4eb14954434480085",
       "border_width.active": "82d06b8c6fdeea622611fa744ff261661a211760",
-      "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7"
+      "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7",
+      "semantic.surface.neutral.strong": "18e3ba1f54c2b363135f1498775fb4e96e9074da",
+      "semantic.surface.neutral.strong-hover": "efcf3d7a4016df005cd2d858ef733ceb8b2d6bca"
     },
     "group": "Brand"
   },
@@ -957,8 +957,6 @@
       "semantic.surface.neutral.selected": "8b7533fd79d2c508af0c88ad2bf4e33a79bcad12",
       "semantic.surface.neutral.subtle": "072113acf733592a7331b0a60e6a4eeaba3f51f6",
       "semantic.surface.neutral.subtle-hover": "19eb9af0393a16ae01a48972e77a16efb16eeb21",
-      "semantic.surface.neutral.dark": "18e3ba1f54c2b363135f1498775fb4e96e9074da",
-      "semantic.surface.neutral.dark-hover": "efcf3d7a4016df005cd2d858ef733ceb8b2d6bca",
       "semantic.surface.neutral.inverted": "829ca533c51e3313229bc965096af00de00887f3",
       "semantic.surface.action.common.subtle": "75cc22bd5c6c94a5e5fb23cd164aaec5506a6c4a",
       "semantic.surface.action.common.subtle-hover": "f5375de1115faecf98170313fcdaf570e53cd4b6",
@@ -1082,7 +1080,9 @@
       "base_sizing": "9720ca86555bde90493208437a6f5cacd270ee0e",
       "border_width.default": "b44447ba2e2504923d4903e4eb14954434480085",
       "border_width.active": "82d06b8c6fdeea622611fa744ff261661a211760",
-      "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7"
+      "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7",
+      "semantic.surface.neutral.strong": "18e3ba1f54c2b363135f1498775fb4e96e9074da",
+      "semantic.surface.neutral.strong-hover": "efcf3d7a4016df005cd2d858ef733ceb8b2d6bca"
     },
     "group": "Brand"
   },
@@ -1190,8 +1190,6 @@
       "semantic.surface.neutral.selected": "8b7533fd79d2c508af0c88ad2bf4e33a79bcad12",
       "semantic.surface.neutral.subtle": "072113acf733592a7331b0a60e6a4eeaba3f51f6",
       "semantic.surface.neutral.subtle-hover": "19eb9af0393a16ae01a48972e77a16efb16eeb21",
-      "semantic.surface.neutral.dark": "18e3ba1f54c2b363135f1498775fb4e96e9074da",
-      "semantic.surface.neutral.dark-hover": "efcf3d7a4016df005cd2d858ef733ceb8b2d6bca",
       "semantic.surface.neutral.inverted": "829ca533c51e3313229bc965096af00de00887f3",
       "semantic.surface.action.common.subtle": "75cc22bd5c6c94a5e5fb23cd164aaec5506a6c4a",
       "semantic.surface.action.common.subtle-hover": "f5375de1115faecf98170313fcdaf570e53cd4b6",
@@ -1315,7 +1313,9 @@
       "base_sizing": "9720ca86555bde90493208437a6f5cacd270ee0e",
       "border_width.default": "b44447ba2e2504923d4903e4eb14954434480085",
       "border_width.active": "82d06b8c6fdeea622611fa744ff261661a211760",
-      "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7"
+      "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7",
+      "semantic.surface.neutral.strong": "18e3ba1f54c2b363135f1498775fb4e96e9074da",
+      "semantic.surface.neutral.strong-hover": "efcf3d7a4016df005cd2d858ef733ceb8b2d6bca"
     },
     "$figmaCollectionId": "VariableCollectionId:6324:1609",
     "$figmaModeId": "6324:4",
diff --git a/design-tokens/Base/Semantic.json b/design-tokens/Base/Semantic.json
index 9473994dc2..2e0284ebc9 100644
--- a/design-tokens/Base/Semantic.json
+++ b/design-tokens/Base/Semantic.json
@@ -28,11 +28,11 @@
           "value": "{colors.grey.200}",
           "type": "color"
         },
-        "dark": {
+        "strong": {
           "value": "{colors.grey.600}",
           "type": "color"
         },
-        "dark-hover": {
+        "strong-hover": {
           "value": "{colors.grey.700}",
           "type": "color"
         },
@@ -211,11 +211,11 @@
           "value": "{colors.blue.900}",
           "type": "color"
         },
-        "dark": {
+        "strong": {
           "value": "{colors.blue.900}",
           "type": "color"
         },
-        "dark-hover": {
+        "strong-hover": {
           "value": "{colors.blue.700}",
           "type": "color"
         }
diff --git a/design-tokens/Brand/Altinn.json b/design-tokens/Brand/Altinn.json
index 2c53aa8389..d7ca030efb 100644
--- a/design-tokens/Brand/Altinn.json
+++ b/design-tokens/Brand/Altinn.json
@@ -145,55 +145,55 @@
   "semantic": {
     "surface": {
       "first": {
-        "light": {
+        "subtle": {
           "value": "{brand.alt1.200}",
           "type": "color"
         },
-        "light-hover": {
+        "subtle-hover": {
           "value": "{brand.alt1.300}",
           "type": "color"
         },
-        "light-active": {
+        "subtle-active": {
           "value": "{brand.alt1.400}",
           "type": "color"
         },
-        "dark": {
+        "strong": {
           "value": "{brand.alt1.800}",
           "type": "color"
         }
       },
       "second": {
-        "light": {
+        "subtle": {
           "value": "{brand.alt2.200}",
           "type": "color"
         },
-        "light-hover": {
+        "subtle-hover": {
           "value": "{brand.alt2.300}",
           "type": "color"
         },
-        "light-active": {
+        "subtle-active": {
           "value": "{brand.alt2.400}",
           "type": "color"
         },
-        "dark": {
+        "strong": {
           "value": "{brand.alt2.900}",
           "type": "color"
         }
       },
       "third": {
-        "light": {
+        "subtle": {
           "value": "{brand.alt3.200}",
           "type": "color"
         },
-        "light-hover": {
+        "subtle-hover": {
           "value": "{brand.alt3.300}",
           "type": "color"
         },
-        "light-active": {
+        "subtle-active": {
           "value": "{brand.alt3.400}",
           "type": "color"
         },
-        "dark": {
+        "strong": {
           "value": "{brand.alt3.800}",
           "type": "color"
         }
diff --git a/design-tokens/Brand/Brreg.json b/design-tokens/Brand/Brreg.json
index 175598f739..c13b0538cf 100644
--- a/design-tokens/Brand/Brreg.json
+++ b/design-tokens/Brand/Brreg.json
@@ -142,55 +142,55 @@
   "semantic": {
     "surface": {
       "first": {
-        "light": {
+        "subtle": {
           "value": "{brand.alt1.100}",
           "type": "color"
         },
-        "light-hover": {
+        "subtle-hover": {
           "value": "{brand.alt1.300}",
           "type": "color"
         },
-        "light-active": {
+        "subtle-active": {
           "value": "{brand.alt1.400}",
           "type": "color"
         },
-        "dark": {
+        "strong": {
           "value": "{brand.alt1.700}",
           "type": "color"
         }
       },
       "second": {
-        "light": {
+        "subtle": {
           "value": "{brand.alt2.200}",
           "type": "color"
         },
-        "light-hover": {
+        "subtle-hover": {
           "value": "{brand.alt2.300}",
           "type": "color"
         },
-        "light-active": {
+        "subtle-active": {
           "value": "{brand.alt2.400}",
           "type": "color"
         },
-        "dark": {
+        "strong": {
           "value": "{brand.alt2.700}",
           "type": "color"
         }
       },
       "third": {
-        "light": {
+        "subtle": {
           "value": "{brand.alt3.100}",
           "type": "color"
         },
-        "light-hover": {
+        "subtle-hover": {
           "value": "{brand.alt3.200}",
           "type": "color"
         },
-        "light-active": {
+        "subtle-active": {
           "value": "{brand.alt3.300}",
           "type": "color"
         },
-        "dark": {
+        "strong": {
           "value": "{brand.alt3.700}",
           "type": "color"
         }
diff --git a/design-tokens/Brand/Digdir.json b/design-tokens/Brand/Digdir.json
index 1e885de52d..e4a39952d7 100644
--- a/design-tokens/Brand/Digdir.json
+++ b/design-tokens/Brand/Digdir.json
@@ -142,55 +142,55 @@
   "semantic": {
     "surface": {
       "first": {
-        "light": {
+        "subtle": {
           "value": "{brand.alt1.200}",
           "type": "color"
         },
-        "light-hover": {
+        "subtle-hover": {
           "value": "{brand.alt1.300}",
           "type": "color"
         },
-        "light-active": {
+        "subtle-active": {
           "value": "{brand.alt1.400}",
           "type": "color"
         },
-        "dark": {
+        "strong": {
           "value": "{brand.alt1.800}",
           "type": "color"
         }
       },
       "second": {
-        "light": {
+        "subtle": {
           "value": "{brand.alt2.200}",
           "type": "color"
         },
-        "light-hover": {
+        "subtle-hover": {
           "value": "{brand.alt2.300}",
           "type": "color"
         },
-        "light-active": {
+        "subtle-active": {
           "value": "{brand.alt2.400}",
           "type": "color"
         },
-        "dark": {
+        "strong": {
           "value": "{brand.alt2.900}",
           "type": "color"
         }
       },
       "third": {
-        "light": {
+        "subtle": {
           "value": "{brand.alt3.200}",
           "type": "color"
         },
-        "light-hover": {
+        "subtle-hover": {
           "value": "{brand.alt3.300}",
           "type": "color"
         },
-        "light-active": {
+        "subtle-active": {
           "value": "{brand.alt3.400}",
           "type": "color"
         },
-        "dark": {
+        "strong": {
           "value": "{brand.alt3.800}",
           "type": "color"
         }
diff --git a/design-tokens/Brand/Tilsynet.json b/design-tokens/Brand/Tilsynet.json
index 5df38a7904..ff78b13678 100644
--- a/design-tokens/Brand/Tilsynet.json
+++ b/design-tokens/Brand/Tilsynet.json
@@ -118,55 +118,55 @@
   "semantic": {
     "surface": {
       "first": {
-        "light": {
+        "subtle": {
           "value": "{brand.alt1.200}",
           "type": "color"
         },
-        "light-hover": {
+        "subtle-hover": {
           "value": "{brand.alt1.300}",
           "type": "color"
         },
-        "light-active": {
+        "subtle-active": {
           "value": "{brand.alt1.400}",
           "type": "color"
         },
-        "dark": {
+        "strong": {
           "value": "{brand.alt1.800}",
           "type": "color"
         }
       },
       "second": {
-        "light": {
+        "subtle": {
           "value": "{brand.alt2.200}",
           "type": "color"
         },
-        "light-hover": {
+        "subtle-hover": {
           "value": "{brand.alt2.300}",
           "type": "color"
         },
-        "light-active": {
+        "subtle-active": {
           "value": "{brand.alt2.400}",
           "type": "color"
         },
-        "dark": {
+        "strong": {
           "value": "{brand.alt2.900}",
           "type": "color"
         }
       },
       "third": {
-        "light": {
+        "subtle": {
           "value": "{brand.alt3.200}",
           "type": "color"
         },
-        "light-hover": {
+        "subtle-hover": {
           "value": "{brand.alt3.300}",
           "type": "color"
         },
-        "light-active": {
+        "subtle-active": {
           "value": "{brand.alt3.400}",
           "type": "color"
         },
-        "dark": {
+        "strong": {
           "value": "{brand.alt3.800}",
           "type": "color"
         }
diff --git a/packages/css/react-css-modules.css b/packages/css/react-css-modules.css
index f90a612c9f..215b76f26f 100644
--- a/packages/css/react-css-modules.css
+++ b/packages/css/react-css-modules.css
@@ -736,7 +736,7 @@
   }
 
   .fds-spinner-invertedBackground-486ddf9b {
-    stroke: var(--fds-semantic-surface-neutral-dark);
+    stroke: var(--fds-semantic-surface-neutral-strong);
   }
 
   @keyframes fds-spinner-rotate-animation-486ddf9b {
@@ -903,21 +903,21 @@
   .fds-accordion-first-a8137c3d .fds-accordion-accordionButton-a8137c3d {
     --fds-accordion-border-color: var(--fds-semantic-border-first-default);
 
-    background: var(--fds-semantic-surface-first-light);
+    background: var(--fds-semantic-surface-first-subtle);
   }
 
   .fds-accordion-second-a8137c3d,
   .fds-accordion-second-a8137c3d .fds-accordion-accordionButton-a8137c3d {
     --fds-accordion-border-color: var(--fds-semantic-border-second-default);
 
-    background: var(--fds-semantic-surface-second-light);
+    background: var(--fds-semantic-surface-second-subtle);
   }
 
   .fds-accordion-third-a8137c3d,
   .fds-accordion-third-a8137c3d .fds-accordion-accordionButton-a8137c3d {
     --fds-accordion-border-color: var(--fds-semantic-border-third-default);
 
-    background: var(--fds-semantic-surface-third-light);
+    background: var(--fds-semantic-surface-third-subtle);
   }
 
   .fds-accordion-first-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d,
@@ -952,15 +952,15 @@
     }
 
     .fds-accordion-first-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
-      background-color: var(--fds-semantic-surface-first-light-hover);
+      background-color: var(--fds-semantic-surface-first-subtle-hover);
     }
 
     .fds-accordion-second-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
-      background-color: var(--fds-semantic-surface-second-light-hover);
+      background-color: var(--fds-semantic-surface-second-subtle-hover);
     }
 
     .fds-accordion-third-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
-      background-color: var(--fds-semantic-surface-third-light-hover);
+      background-color: var(--fds-semantic-surface-third-subtle-hover);
     }
   }
 }
@@ -1128,17 +1128,17 @@
   }
 
   .fds-tag-first-40d841d9 {
-    --fdsc-tag-background: var(--fds-semantic-surface-first-light);
+    --fdsc-tag-background: var(--fds-semantic-surface-first-subtle);
     --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
   }
 
   .fds-tag-second-40d841d9 {
-    --fdsc-tag-background: var(--fds-semantic-surface-second-light);
+    --fdsc-tag-background: var(--fds-semantic-surface-second-subtle);
     --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
   }
 
   .fds-tag-third-40d841d9 {
-    --fdsc-tag-background: var(--fds-semantic-surface-third-light);
+    --fdsc-tag-background: var(--fds-semantic-surface-third-subtle);
     --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
   }
 }
@@ -1834,7 +1834,7 @@
     margin: auto;
     overflow: visible;
     border-radius: var(--fds-border_radius-full);
-    background-color: var(--fds-semantic-surface-neutral-dark);
+    background-color: var(--fds-semantic-surface-neutral-strong);
     transition: background-color var(--fds-transition) ease;
     margin-right: var(--fds-spacing-1);
   }
@@ -2008,7 +2008,7 @@
     }
 
     .fds-switch-input-9a6b03bc:not(:checked, :disabled, [readonly]):hover + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
-      background-color: var(--fds-semantic-surface-neutral-dark-hover);
+      background-color: var(--fds-semantic-surface-neutral-strong-hover);
     }
 
     .fds-switch-input-9a6b03bc:not(:disabled, [readonly]):checked:hover + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
@@ -2988,42 +2988,42 @@
   }
 
   .fds-card-first-a01cb08f {
-    background-color: var(--fds-semantic-surface-first-light);
+    background-color: var(--fds-semantic-surface-first-subtle);
     border: 1px solid var(--fds-semantic-border-neutral-subtle);
   }
 
   .fds-card-first-a01cb08f.fds-card-linkCard-a01cb08f:hover {
-    background-color: var(--fds-semantic-surface-first-light-hover);
+    background-color: var(--fds-semantic-surface-first-subtle-hover);
   }
 
   .fds-card-first-a01cb08f.fds-card-linkCard-a01cb08f:active {
-    background-color: var(--fds-semantic-surface-first-light-active);
+    background-color: var(--fds-semantic-surface-first-subtle-active);
   }
 
   .fds-card-second-a01cb08f {
-    background-color: var(--fds-semantic-surface-second-light);
+    background-color: var(--fds-semantic-surface-second-subtle);
     border: 1px solid var(--fds-semantic-border-neutral-subtle);
   }
 
   .fds-card-second-a01cb08f.fds-card-linkCard-a01cb08f:hover {
-    background-color: var(--fds-semantic-surface-second-light-hover);
+    background-color: var(--fds-semantic-surface-second-subtle-hover);
   }
 
   .fds-card-second-a01cb08f.fds-card-linkCard-a01cb08f:active {
-    background-color: var(--fds-semantic-surface-second-light-active);
+    background-color: var(--fds-semantic-surface-second-subtle-active);
   }
 
   .fds-card-third-a01cb08f {
-    background-color: var(--fds-semantic-surface-third-light);
+    background-color: var(--fds-semantic-surface-third-subtle);
     border: 1px solid var(--fds-semantic-border-neutral-subtle);
   }
 
   .fds-card-third-a01cb08f.fds-card-linkCard-a01cb08f:hover {
-    background-color: var(--fds-semantic-surface-third-light-hover);
+    background-color: var(--fds-semantic-surface-third-subtle-hover);
   }
 
   .fds-card-third-a01cb08f.fds-card-linkCard-a01cb08f:active {
-    background-color: var(--fds-semantic-surface-third-light-active);
+    background-color: var(--fds-semantic-surface-third-subtle-active);
   }
 }
 
diff --git a/packages/react/src/components/Accordion/Accordion.module.css b/packages/react/src/components/Accordion/Accordion.module.css
index 193381fa36..dfb7f9e3d2 100644
--- a/packages/react/src/components/Accordion/Accordion.module.css
+++ b/packages/react/src/components/Accordion/Accordion.module.css
@@ -70,21 +70,21 @@
   .first .accordionButton {
     --fds-accordion-border-color: var(--fds-semantic-border-first-default);
 
-    background: var(--fds-semantic-surface-first-light);
+    background: var(--fds-semantic-surface-first-subtle);
   }
 
   .second,
   .second .accordionButton {
     --fds-accordion-border-color: var(--fds-semantic-border-second-default);
 
-    background: var(--fds-semantic-surface-second-light);
+    background: var(--fds-semantic-surface-second-subtle);
   }
 
   .third,
   .third .accordionButton {
     --fds-accordion-border-color: var(--fds-semantic-border-third-default);
 
-    background: var(--fds-semantic-surface-third-light);
+    background: var(--fds-semantic-surface-third-subtle);
   }
 
   .first .item:where(.open) .accordionButton,
@@ -119,15 +119,15 @@
     }
 
     .first .accordionButton:hover {
-      background-color: var(--fds-semantic-surface-first-light-hover);
+      background-color: var(--fds-semantic-surface-first-subtle-hover);
     }
 
     .second .accordionButton:hover {
-      background-color: var(--fds-semantic-surface-second-light-hover);
+      background-color: var(--fds-semantic-surface-second-subtle-hover);
     }
 
     .third .accordionButton:hover {
-      background-color: var(--fds-semantic-surface-third-light-hover);
+      background-color: var(--fds-semantic-surface-third-subtle-hover);
     }
   }
 }
diff --git a/packages/react/src/components/Card/Card.module.css b/packages/react/src/components/Card/Card.module.css
index 5a8a15d59d..735f929a23 100644
--- a/packages/react/src/components/Card/Card.module.css
+++ b/packages/react/src/components/Card/Card.module.css
@@ -114,41 +114,41 @@
   }
 
   .first {
-    background-color: var(--fds-semantic-surface-first-light);
+    background-color: var(--fds-semantic-surface-first-subtle);
     border: 1px solid var(--fds-semantic-border-neutral-subtle);
   }
 
   .first.linkCard:hover {
-    background-color: var(--fds-semantic-surface-first-light-hover);
+    background-color: var(--fds-semantic-surface-first-subtle-hover);
   }
 
   .first.linkCard:active {
-    background-color: var(--fds-semantic-surface-first-light-active);
+    background-color: var(--fds-semantic-surface-first-subtle-active);
   }
 
   .second {
-    background-color: var(--fds-semantic-surface-second-light);
+    background-color: var(--fds-semantic-surface-second-subtle);
     border: 1px solid var(--fds-semantic-border-neutral-subtle);
   }
 
   .second.linkCard:hover {
-    background-color: var(--fds-semantic-surface-second-light-hover);
+    background-color: var(--fds-semantic-surface-second-subtle-hover);
   }
 
   .second.linkCard:active {
-    background-color: var(--fds-semantic-surface-second-light-active);
+    background-color: var(--fds-semantic-surface-second-subtle-active);
   }
 
   .third {
-    background-color: var(--fds-semantic-surface-third-light);
+    background-color: var(--fds-semantic-surface-third-subtle);
     border: 1px solid var(--fds-semantic-border-neutral-subtle);
   }
 
   .third.linkCard:hover {
-    background-color: var(--fds-semantic-surface-third-light-hover);
+    background-color: var(--fds-semantic-surface-third-subtle-hover);
   }
 
   .third.linkCard:active {
-    background-color: var(--fds-semantic-surface-third-light-active);
+    background-color: var(--fds-semantic-surface-third-subtle-active);
   }
 }
diff --git a/packages/react/src/components/Spinner/Spinner.module.css b/packages/react/src/components/Spinner/Spinner.module.css
index e8d2b840aa..51f7b06a8d 100644
--- a/packages/react/src/components/Spinner/Spinner.module.css
+++ b/packages/react/src/components/Spinner/Spinner.module.css
@@ -41,7 +41,7 @@
   }
 
   .invertedBackground {
-    stroke: var(--fds-semantic-surface-neutral-dark);
+    stroke: var(--fds-semantic-surface-neutral-strong);
   }
 
   @keyframes rotate-animation {
diff --git a/packages/react/src/components/Tag/Tag.module.css b/packages/react/src/components/Tag/Tag.module.css
index 2720e8e158..6fcf3fca83 100644
--- a/packages/react/src/components/Tag/Tag.module.css
+++ b/packages/react/src/components/Tag/Tag.module.css
@@ -59,17 +59,17 @@
   }
 
   .first {
-    --fdsc-tag-background: var(--fds-semantic-surface-first-light);
+    --fdsc-tag-background: var(--fds-semantic-surface-first-subtle);
     --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
   }
 
   .second {
-    --fdsc-tag-background: var(--fds-semantic-surface-second-light);
+    --fdsc-tag-background: var(--fds-semantic-surface-second-subtle);
     --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
   }
 
   .third {
-    --fdsc-tag-background: var(--fds-semantic-surface-third-light);
+    --fdsc-tag-background: var(--fds-semantic-surface-third-subtle);
     --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
   }
 }
diff --git a/packages/react/src/components/form/Switch/Switch.module.css b/packages/react/src/components/form/Switch/Switch.module.css
index 3535aac206..5434f78da3 100644
--- a/packages/react/src/components/form/Switch/Switch.module.css
+++ b/packages/react/src/components/form/Switch/Switch.module.css
@@ -32,7 +32,7 @@
     margin: auto;
     overflow: visible;
     border-radius: var(--fds-border_radius-full);
-    background-color: var(--fds-semantic-surface-neutral-dark);
+    background-color: var(--fds-semantic-surface-neutral-strong);
     transition: background-color var(--fds-transition) ease;
     margin-right: var(--fds-spacing-1);
   }
@@ -206,7 +206,7 @@
     }
 
     .input:not(:checked, :disabled, [readonly]):hover + .label .track {
-      background-color: var(--fds-semantic-surface-neutral-dark-hover);
+      background-color: var(--fds-semantic-surface-neutral-strong-hover);
     }
 
     .input:not(:disabled, [readonly]):checked:hover + .label .track {
diff --git a/packages/theme/brand/altinn/tokens.css b/packages/theme/brand/altinn/tokens.css
index 6cb61f0c96..0078be974a 100644
--- a/packages/theme/brand/altinn/tokens.css
+++ b/packages/theme/brand/altinn/tokens.css
@@ -68,18 +68,18 @@
   --fds-brand-alt3-700: #861C2C;
   --fds-brand-alt3-800: #5A121D;
   --fds-brand-alt3-900: #480e17;
-  --fds-semantic-surface-first-light: var(--fds-brand-alt1-200);
-  --fds-semantic-surface-first-light-hover: var(--fds-brand-alt1-300);
-  --fds-semantic-surface-first-light-active: var(--fds-brand-alt1-400);
-  --fds-semantic-surface-first-dark: var(--fds-brand-alt1-800);
-  --fds-semantic-surface-second-light: var(--fds-brand-alt2-200);
-  --fds-semantic-surface-second-light-hover: var(--fds-brand-alt2-300);
-  --fds-semantic-surface-second-light-active: var(--fds-brand-alt2-400);
-  --fds-semantic-surface-second-dark: var(--fds-brand-alt2-900);
-  --fds-semantic-surface-third-light: var(--fds-brand-alt3-200);
-  --fds-semantic-surface-third-light-hover: var(--fds-brand-alt3-300);
-  --fds-semantic-surface-third-light-active: var(--fds-brand-alt3-400);
-  --fds-semantic-surface-third-dark: var(--fds-brand-alt3-800);
+  --fds-semantic-surface-first-subtle: var(--fds-brand-alt1-200);
+  --fds-semantic-surface-first-subtle-hover: var(--fds-brand-alt1-300);
+  --fds-semantic-surface-first-subtle-active: var(--fds-brand-alt1-400);
+  --fds-semantic-surface-first-strong: var(--fds-brand-alt1-800);
+  --fds-semantic-surface-second-subtle: var(--fds-brand-alt2-200);
+  --fds-semantic-surface-second-subtle-hover: var(--fds-brand-alt2-300);
+  --fds-semantic-surface-second-subtle-active: var(--fds-brand-alt2-400);
+  --fds-semantic-surface-second-strong: var(--fds-brand-alt2-900);
+  --fds-semantic-surface-third-subtle: var(--fds-brand-alt3-200);
+  --fds-semantic-surface-third-subtle-hover: var(--fds-brand-alt3-300);
+  --fds-semantic-surface-third-subtle-active: var(--fds-brand-alt3-400);
+  --fds-semantic-surface-third-strong: var(--fds-brand-alt3-800);
   --fds-semantic-surface-action-first-subtle: var(--fds-colors-blue-100);
   --fds-semantic-surface-action-first-subtle-hover: var(--fds-colors-blue-200);
   --fds-semantic-surface-action-first-default: var(--fds-colors-blue-700);
@@ -109,8 +109,8 @@
   --fds-semantic-surface-neutral-selected: var(--fds-colors-blue-100);
   --fds-semantic-surface-neutral-subtle: var(--fds-colors-grey-100);
   --fds-semantic-surface-neutral-subtle-hover: var(--fds-colors-grey-200);
-  --fds-semantic-surface-neutral-dark: var(--fds-colors-grey-600);
-  --fds-semantic-surface-neutral-dark-hover: var(--fds-colors-grey-700);
+  --fds-semantic-surface-neutral-strong: var(--fds-colors-grey-600);
+  --fds-semantic-surface-neutral-strong-hover: var(--fds-colors-grey-700);
   --fds-semantic-surface-neutral-inverted: var(--fds-colors-grey-800);
   --fds-semantic-surface-success-subtle: var(--fds-colors-green-200);
   --fds-semantic-surface-success-subtle-hover: var(--fds-colors-green-300);
@@ -159,8 +159,8 @@
   --fds-semantic-border-action-default: var(--fds-colors-blue-700);
   --fds-semantic-border-action-hover: var(--fds-colors-blue-700);
   --fds-semantic-border-action-active: var(--fds-colors-blue-900);
-  --fds-semantic-border-action-dark: var(--fds-colors-blue-900);
-  --fds-semantic-border-action-dark-hover: var(--fds-colors-blue-700);
+  --fds-semantic-border-action-strong: var(--fds-colors-blue-900);
+  --fds-semantic-border-action-strong-hover: var(--fds-colors-blue-700);
   --fds-semantic-border-info-default: var(--fds-colors-blue-800);
   --fds-semantic-border-neutral-default: var(--fds-colors-grey-600);
   --fds-semantic-border-neutral-subtle: var(--fds-colors-grey-300);
diff --git a/packages/theme/brand/brreg/tokens.css b/packages/theme/brand/brreg/tokens.css
index a0be8bed3c..471d9696c3 100644
--- a/packages/theme/brand/brreg/tokens.css
+++ b/packages/theme/brand/brreg/tokens.css
@@ -74,18 +74,18 @@
   --fds-brand-alt3-800: #2C3132;
   --fds-brand-alt3-900: #191C1C;
   --fds-brand-alt3-950: #0F1112;
-  --fds-semantic-surface-first-light: var(--fds-brand-alt1-100);
-  --fds-semantic-surface-first-light-hover: var(--fds-brand-alt1-300);
-  --fds-semantic-surface-first-light-active: var(--fds-brand-alt1-400);
-  --fds-semantic-surface-first-dark: var(--fds-brand-alt1-700);
-  --fds-semantic-surface-second-light: var(--fds-brand-alt2-200);
-  --fds-semantic-surface-second-light-hover: var(--fds-brand-alt2-300);
-  --fds-semantic-surface-second-light-active: var(--fds-brand-alt2-400);
-  --fds-semantic-surface-second-dark: var(--fds-brand-alt2-700);
-  --fds-semantic-surface-third-light: var(--fds-brand-alt3-100);
-  --fds-semantic-surface-third-light-hover: var(--fds-brand-alt3-200);
-  --fds-semantic-surface-third-light-active: var(--fds-brand-alt3-300);
-  --fds-semantic-surface-third-dark: var(--fds-brand-alt3-700);
+  --fds-semantic-surface-first-subtle: var(--fds-brand-alt1-100);
+  --fds-semantic-surface-first-subtle-hover: var(--fds-brand-alt1-300);
+  --fds-semantic-surface-first-subtle-active: var(--fds-brand-alt1-400);
+  --fds-semantic-surface-first-strong: var(--fds-brand-alt1-700);
+  --fds-semantic-surface-second-subtle: var(--fds-brand-alt2-200);
+  --fds-semantic-surface-second-subtle-hover: var(--fds-brand-alt2-300);
+  --fds-semantic-surface-second-subtle-active: var(--fds-brand-alt2-400);
+  --fds-semantic-surface-second-strong: var(--fds-brand-alt2-700);
+  --fds-semantic-surface-third-subtle: var(--fds-brand-alt3-100);
+  --fds-semantic-surface-third-subtle-hover: var(--fds-brand-alt3-200);
+  --fds-semantic-surface-third-subtle-active: var(--fds-brand-alt3-300);
+  --fds-semantic-surface-third-strong: var(--fds-brand-alt3-700);
   --fds-semantic-surface-action-first-subtle: var(--fds-colors-blue-100);
   --fds-semantic-surface-action-first-subtle-hover: var(--fds-colors-blue-200);
   --fds-semantic-surface-action-first-default: var(--fds-colors-blue-700);
@@ -115,8 +115,8 @@
   --fds-semantic-surface-neutral-selected: var(--fds-colors-blue-100);
   --fds-semantic-surface-neutral-subtle: var(--fds-colors-grey-100);
   --fds-semantic-surface-neutral-subtle-hover: var(--fds-colors-grey-200);
-  --fds-semantic-surface-neutral-dark: var(--fds-colors-grey-600);
-  --fds-semantic-surface-neutral-dark-hover: var(--fds-colors-grey-700);
+  --fds-semantic-surface-neutral-strong: var(--fds-colors-grey-600);
+  --fds-semantic-surface-neutral-strong-hover: var(--fds-colors-grey-700);
   --fds-semantic-surface-neutral-inverted: var(--fds-colors-grey-800);
   --fds-semantic-surface-success-subtle: var(--fds-colors-green-200);
   --fds-semantic-surface-success-subtle-hover: var(--fds-colors-green-300);
@@ -165,8 +165,8 @@
   --fds-semantic-border-action-default: var(--fds-colors-blue-700);
   --fds-semantic-border-action-hover: var(--fds-colors-blue-700);
   --fds-semantic-border-action-active: var(--fds-colors-blue-900);
-  --fds-semantic-border-action-dark: var(--fds-colors-blue-900);
-  --fds-semantic-border-action-dark-hover: var(--fds-colors-blue-700);
+  --fds-semantic-border-action-strong: var(--fds-colors-blue-900);
+  --fds-semantic-border-action-strong-hover: var(--fds-colors-blue-700);
   --fds-semantic-border-info-default: var(--fds-colors-blue-800);
   --fds-semantic-border-neutral-default: var(--fds-colors-grey-600);
   --fds-semantic-border-neutral-subtle: var(--fds-colors-grey-300);
diff --git a/packages/theme/brand/digdir/tokens.css b/packages/theme/brand/digdir/tokens.css
index 3b620b2f20..f95430a29c 100644
--- a/packages/theme/brand/digdir/tokens.css
+++ b/packages/theme/brand/digdir/tokens.css
@@ -68,18 +68,18 @@
   --fds-brand-alt3-700: #1b88dd;
   --fds-brand-alt3-800: #156aac;
   --fds-brand-alt3-900: #125A91;
-  --fds-semantic-surface-first-light: var(--fds-brand-alt1-200);
-  --fds-semantic-surface-first-light-hover: var(--fds-brand-alt1-300);
-  --fds-semantic-surface-first-light-active: var(--fds-brand-alt1-400);
-  --fds-semantic-surface-first-dark: var(--fds-brand-alt1-800);
-  --fds-semantic-surface-second-light: var(--fds-brand-alt2-200);
-  --fds-semantic-surface-second-light-hover: var(--fds-brand-alt2-300);
-  --fds-semantic-surface-second-light-active: var(--fds-brand-alt2-400);
-  --fds-semantic-surface-second-dark: var(--fds-brand-alt2-900);
-  --fds-semantic-surface-third-light: var(--fds-brand-alt3-200);
-  --fds-semantic-surface-third-light-hover: var(--fds-brand-alt3-300);
-  --fds-semantic-surface-third-light-active: var(--fds-brand-alt3-400);
-  --fds-semantic-surface-third-dark: var(--fds-brand-alt3-800);
+  --fds-semantic-surface-first-subtle: var(--fds-brand-alt1-200);
+  --fds-semantic-surface-first-subtle-hover: var(--fds-brand-alt1-300);
+  --fds-semantic-surface-first-subtle-active: var(--fds-brand-alt1-400);
+  --fds-semantic-surface-first-strong: var(--fds-brand-alt1-800);
+  --fds-semantic-surface-second-subtle: var(--fds-brand-alt2-200);
+  --fds-semantic-surface-second-subtle-hover: var(--fds-brand-alt2-300);
+  --fds-semantic-surface-second-subtle-active: var(--fds-brand-alt2-400);
+  --fds-semantic-surface-second-strong: var(--fds-brand-alt2-900);
+  --fds-semantic-surface-third-subtle: var(--fds-brand-alt3-200);
+  --fds-semantic-surface-third-subtle-hover: var(--fds-brand-alt3-300);
+  --fds-semantic-surface-third-subtle-active: var(--fds-brand-alt3-400);
+  --fds-semantic-surface-third-strong: var(--fds-brand-alt3-800);
   --fds-semantic-surface-action-first-subtle: var(--fds-colors-blue-100);
   --fds-semantic-surface-action-first-subtle-hover: var(--fds-colors-blue-200);
   --fds-semantic-surface-action-first-default: var(--fds-colors-blue-700);
@@ -109,8 +109,8 @@
   --fds-semantic-surface-neutral-selected: var(--fds-colors-blue-100);
   --fds-semantic-surface-neutral-subtle: var(--fds-colors-grey-100);
   --fds-semantic-surface-neutral-subtle-hover: var(--fds-colors-grey-200);
-  --fds-semantic-surface-neutral-dark: var(--fds-colors-grey-600);
-  --fds-semantic-surface-neutral-dark-hover: var(--fds-colors-grey-700);
+  --fds-semantic-surface-neutral-strong: var(--fds-colors-grey-600);
+  --fds-semantic-surface-neutral-strong-hover: var(--fds-colors-grey-700);
   --fds-semantic-surface-neutral-inverted: var(--fds-colors-grey-800);
   --fds-semantic-surface-success-subtle: var(--fds-colors-green-200);
   --fds-semantic-surface-success-subtle-hover: var(--fds-colors-green-300);
@@ -159,8 +159,8 @@
   --fds-semantic-border-action-default: var(--fds-colors-blue-700);
   --fds-semantic-border-action-hover: var(--fds-colors-blue-700);
   --fds-semantic-border-action-active: var(--fds-colors-blue-900);
-  --fds-semantic-border-action-dark: var(--fds-colors-blue-900);
-  --fds-semantic-border-action-dark-hover: var(--fds-colors-blue-700);
+  --fds-semantic-border-action-strong: var(--fds-colors-blue-900);
+  --fds-semantic-border-action-strong-hover: var(--fds-colors-blue-700);
   --fds-semantic-border-info-default: var(--fds-colors-blue-800);
   --fds-semantic-border-neutral-default: var(--fds-colors-grey-600);
   --fds-semantic-border-neutral-subtle: var(--fds-colors-grey-300);
diff --git a/packages/theme/brand/tilsynet/tokens.css b/packages/theme/brand/tilsynet/tokens.css
index 60f187f74e..67b3c13ceb 100644
--- a/packages/theme/brand/tilsynet/tokens.css
+++ b/packages/theme/brand/tilsynet/tokens.css
@@ -68,18 +68,18 @@
   --fds-brand-alt3-700: #4c907e;
   --fds-brand-alt3-800: #407d6d;
   --fds-brand-alt3-900: #376C5E;
-  --fds-semantic-surface-first-light: var(--fds-brand-alt1-200);
-  --fds-semantic-surface-first-light-hover: var(--fds-brand-alt1-300);
-  --fds-semantic-surface-first-light-active: var(--fds-brand-alt1-400);
-  --fds-semantic-surface-first-dark: var(--fds-brand-alt1-800);
-  --fds-semantic-surface-second-light: var(--fds-brand-alt2-200);
-  --fds-semantic-surface-second-light-hover: var(--fds-brand-alt2-300);
-  --fds-semantic-surface-second-light-active: var(--fds-brand-alt2-400);
-  --fds-semantic-surface-second-dark: var(--fds-brand-alt2-900);
-  --fds-semantic-surface-third-light: var(--fds-brand-alt3-200);
-  --fds-semantic-surface-third-light-hover: var(--fds-brand-alt3-300);
-  --fds-semantic-surface-third-light-active: var(--fds-brand-alt3-400);
-  --fds-semantic-surface-third-dark: var(--fds-brand-alt3-800);
+  --fds-semantic-surface-first-subtle: var(--fds-brand-alt1-200);
+  --fds-semantic-surface-first-subtle-hover: var(--fds-brand-alt1-300);
+  --fds-semantic-surface-first-subtle-active: var(--fds-brand-alt1-400);
+  --fds-semantic-surface-first-strong: var(--fds-brand-alt1-800);
+  --fds-semantic-surface-second-subtle: var(--fds-brand-alt2-200);
+  --fds-semantic-surface-second-subtle-hover: var(--fds-brand-alt2-300);
+  --fds-semantic-surface-second-subtle-active: var(--fds-brand-alt2-400);
+  --fds-semantic-surface-second-strong: var(--fds-brand-alt2-900);
+  --fds-semantic-surface-third-subtle: var(--fds-brand-alt3-200);
+  --fds-semantic-surface-third-subtle-hover: var(--fds-brand-alt3-300);
+  --fds-semantic-surface-third-subtle-active: var(--fds-brand-alt3-400);
+  --fds-semantic-surface-third-strong: var(--fds-brand-alt3-800);
   --fds-semantic-surface-action-first-subtle: var(--fds-colors-grey-100);
   --fds-semantic-surface-action-first-subtle-hover: var(--fds-colors-grey-200);
   --fds-semantic-surface-action-first-default: var(--fds-colors-blue-900);
@@ -109,8 +109,8 @@
   --fds-semantic-surface-neutral-selected: var(--fds-colors-blue-100);
   --fds-semantic-surface-neutral-subtle: var(--fds-colors-grey-100);
   --fds-semantic-surface-neutral-subtle-hover: var(--fds-colors-grey-200);
-  --fds-semantic-surface-neutral-dark: var(--fds-colors-grey-600);
-  --fds-semantic-surface-neutral-dark-hover: var(--fds-colors-grey-700);
+  --fds-semantic-surface-neutral-strong: var(--fds-colors-grey-600);
+  --fds-semantic-surface-neutral-strong-hover: var(--fds-colors-grey-700);
   --fds-semantic-surface-neutral-inverted: var(--fds-colors-grey-800);
   --fds-semantic-surface-success-subtle: var(--fds-colors-green-200);
   --fds-semantic-surface-success-subtle-hover: var(--fds-colors-green-300);
@@ -159,8 +159,8 @@
   --fds-semantic-border-action-default: var(--fds-colors-blue-700);
   --fds-semantic-border-action-hover: var(--fds-colors-blue-700);
   --fds-semantic-border-action-active: var(--fds-colors-blue-900);
-  --fds-semantic-border-action-dark: var(--fds-colors-blue-900);
-  --fds-semantic-border-action-dark-hover: var(--fds-colors-blue-700);
+  --fds-semantic-border-action-strong: var(--fds-colors-blue-900);
+  --fds-semantic-border-action-strong-hover: var(--fds-colors-blue-700);
   --fds-semantic-border-info-default: var(--fds-colors-blue-800);
   --fds-semantic-border-neutral-default: var(--fds-colors-grey-600);
   --fds-semantic-border-neutral-subtle: var(--fds-colors-grey-300);