npm - @central-design-system/skills - Versions diffs - 4.0.0-alpha.6 - Mend

@central-design-system/skills 4.0.0-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (321) hide show

package/skills/cds-builder/references/tokens/themes.md ADDED Viewed

@@ -0,0 +1,981 @@
+# Themes and global color tokens (level 2)
+> Generated from `src/themes/*.ts` by `bun run generate:skill`. Do not edit manually.
+Each theme defines a set of colors. At runtime they become CSS variables
+`--cds-color-<name>` (RGB triplets) and are used as `rgb(var(--cds-color-<name>))`.
+The theme is chosen at initialization:
+```ts
+const cds = createCds({ theme: { defaultTheme: 'cdsLight' } });
+```
+The values below are the source hex colors from the level-1 palette ([colors.md](colors.md)).
+## cdsLight (light)
+| Token | Value |
+| --- | --- |
+| `--cds-color-surface-secondary` | `#ECEEF2` |
+| `--cds-color-surface-primary` | `#FFFFFF` |
+| `--cds-color-surface-overlay` | `#272A3080` |
+| `--cds-color-surface-inverse` | `#404653` |
+| `--cds-color-surface-elevated` | `#FFFFFF` |
+| `--cds-color-status-warning-surface` | `#A6840A` |
+| `--cds-color-status-warning-line` | `#B69210` |
+| `--cds-color-status-warning-fill-hover` | `#DEC048` |
+| `--cds-color-status-warning-fill` | `#F2DB82` |
+| `--cds-color-status-warning-content` | `#584001` |
+| `--cds-color-status-success-surface` | `#3C9C2C` |
+| `--cds-color-status-success-line` | `#50A946` |
+| `--cds-color-status-success-fill-hover` | `#97D283` |
+| `--cds-color-status-success-fill` | `#BCE8AB` |
+| `--cds-color-status-success-content` | `#005005` |
+| `--cds-color-status-progress-surface` | `#198FD8` |
+| `--cds-color-status-progress-line` | `#2B9DE9` |
+| `--cds-color-status-progress-fill-hover` | `#90C8FF` |
+| `--cds-color-status-progress-fill` | `#C3DFFF` |
+| `--cds-color-status-progress-content` | `#004871` |
+| `--cds-color-status-info-surface` | `#828A97` |
+| `--cds-color-status-info-line` | `#9298A4` |
+| `--cds-color-status-info-fill-hover` | `#C0C3CB` |
+| `--cds-color-status-info-fill` | `#DADDE2` |
+| `--cds-color-status-info-content` | `#404653` |
+| `--cds-color-status-indication-surface` | `#D1453F` |
+| `--cds-color-status-indication-line` | `#D1453F` |
+| `--cds-color-status-indication-fill-hover` | `#FFAE9E` |
+| `--cds-color-status-indication-fill` | `#FFD1C6` |
+| `--cds-color-status-indication-content` | `#831118` |
+| `--cds-color-status-danger-surface` | `#D1453F` |
+| `--cds-color-status-danger-line` | `#D1453F` |
+| `--cds-color-status-danger-fill-hover` | `#FFAE9E` |
+| `--cds-color-status-danger-fill` | `#FFD1C6` |
+| `--cds-color-status-danger-content` | `#831118` |
+| `--cds-color-page-primary` | `#ECEEF2` |
+| `--cds-color-other-teal-surface` | `#3A969E` |
+| `--cds-color-other-teal-line` | `#3CA5AD` |
+| `--cds-color-other-teal-fill-hover` | `#48D6DB` |
+| `--cds-color-other-teal-fill` | `#A1E9E9` |
+| `--cds-color-other-teal-content` | `#022B2F` |
+| `--cds-color-other-purple-surface` | `#A96FDE` |
+| `--cds-color-other-purple-line` | `#B381E1` |
+| `--cds-color-other-purple-fill-hover` | `#D6B8EF` |
+| `--cds-color-other-purple-fill` | `#E8D5F6` |
+| `--cds-color-other-purple-content` | `#2F0F50` |
+| `--cds-color-other-pink-surface` | `#D25CB8` |
+| `--cds-color-other-pink-line` | `#DB70C4` |
+| `--cds-color-other-pink-fill-hover` | `#F3ACE7` |
+| `--cds-color-other-pink-fill` | `#F8D1F2` |
+| `--cds-color-other-pink-content` | `#420D35` |
+| `--cds-color-other-lime-surface` | `#78922C` |
+| `--cds-color-other-lime-line` | `#85A12D` |
+| `--cds-color-other-lime-fill-hover` | `#B6CC65` |
+| `--cds-color-other-lime-fill` | `#D4E490` |
+| `--cds-color-other-lime-content` | `#202901` |
+| `--cds-color-other-lemon-surface` | `#8E8C23` |
+| `--cds-color-other-lemon-line` | `#9D9B25` |
+| `--cds-color-other-lemon-fill-hover` | `#CBC65F` |
+| `--cds-color-other-lemon-fill` | `#E6DF83` |
+| `--cds-color-other-lemon-content` | `#282601` |
+| `--cds-color-other-indigo-surface` | `#807EEC` |
+| `--cds-color-other-indigo-line` | `#918DEC` |
+| `--cds-color-other-indigo-fill-hover` | `#C3BDF9` |
+| `--cds-color-other-indigo-fill` | `#DDD9FC` |
+| `--cds-color-other-indigo-content` | `#1F1F55` |
+| `--cds-color-other-cyan-surface` | `#439786` |
+| `--cds-color-other-cyan-line` | `#48A692` |
+| `--cds-color-other-cyan-fill-hover` | `#58D8BE` |
+| `--cds-color-other-cyan-fill` | `#9FEBD8` |
+| `--cds-color-other-cyan-content` | `#052B24` |
+| `--cds-color-other-chocolate-surface` | `#AC7F58` |
+| `--cds-color-other-chocolate-line` | `#B78F6D` |
+| `--cds-color-other-chocolate-fill-hover` | `#D8BEA9` |
+| `--cds-color-other-chocolate-fill` | `#E7D9CC` |
+| `--cds-color-other-chocolate-content` | `#361D01` |
+| `--cds-color-line-tertiary-hover` | `#AFB3BD` |
+| `--cds-color-line-tertiary` | `#CCCFD6` |
+| `--cds-color-line-selected-hover` | `#2978D4` |
+| `--cds-color-line-selected` | `#4D98F9` |
+| `--cds-color-line-secondary-hover` | `#9298A4` |
+| `--cds-color-line-secondary` | `#AFB3BD` |
+| `--cds-color-line-primary-hover` | `#727987` |
+| `--cds-color-line-primary` | `#9298A4` |
+| `--cds-color-line-focus-outline` | `#A4C5FE` |
+| `--cds-color-line-focus` | `#4D98F9` |
+| `--cds-color-line-elevated` | `#FFFFFF00` |
+| `--cds-color-line-disable` | `#C0C3CB` |
+| `--cds-color-fill-selected-hover` | `#2978D4` |
+| `--cds-color-fill-selected` | `#4D98F9` |
+| `--cds-color-fill-secondary-hover` | `#CCCFD6` |
+| `--cds-color-fill-secondary-active` | `#C0C3CB` |
+| `--cds-color-fill-secondary` | `#DADDE2` |
+| `--cds-color-fill-primary-hover` | `#DADDE2` |
+| `--cds-color-fill-primary-active` | `#CCCFD6` |
+| `--cds-color-fill-primary` | `#FFFFFF` |
+| `--cds-color-fill-elevated` | `#FFFFFF` |
+| `--cds-color-fill-disable` | `#DADDE2` |
+| `--cds-color-content-tertiary` | `#727987` |
+| `--cds-color-content-secondary` | `#4F5666` |
+| `--cds-color-content-primary` | `#212631` |
+| `--cds-color-content-placeholder` | `#828A97` |
+| `--cds-color-content-on-dark` | `#FFFFFF` |
+| `--cds-color-content-link-visited` | `#955EC8` |
+| `--cds-color-content-link` | `#2978D4` |
+| `--cds-color-content-inverse` | `#FFFFFF` |
+| `--cds-color-content-disable` | `#9298A4` |
+| `--cds-color-brand-secondary-hover` | `#B6D0FD` |
+| `--cds-color-brand-secondary-border` | `#CBDDFD` |
+| `--cds-color-brand-secondary-active` | `#A4C5FE` |
+| `--cds-color-brand-secondary` | `#CBDDFD` |
+| `--cds-color-brand-primary-hover` | `#3D8AEC` |
+| `--cds-color-brand-primary-content` | `#11447D` |
+| `--cds-color-brand-primary-border` | `#2978D4` |
+| `--cds-color-brand-primary-active` | `#4D98F9` |
+| `--cds-color-brand-primary` | `#2978D4` |
+## cdsDark (dark)
+| Token | Value |
+| --- | --- |
+| `--cds-color-surface-secondary` | `#33373F` |
+| `--cds-color-surface-primary` | `#272A30` |
+| `--cds-color-surface-overlay` | `#272A30CC` |
+| `--cds-color-surface-inverse` | `#DCDDE3` |
+| `--cds-color-surface-elevated` | `#33373F` |
+| `--cds-color-status-warning-surface` | `#C9A449` |
+| `--cds-color-status-warning-line` | `#BE9737` |
+| `--cds-color-status-warning-fill-hover` | `#8A6502` |
+| `--cds-color-status-warning-fill` | `#614301` |
+| `--cds-color-status-warning-content` | `#EADBBA` |
+| `--cds-color-status-success-surface` | `#6EBA66` |
+| `--cds-color-status-success-line` | `#5DAF55` |
+| `--cds-color-status-success-fill-hover` | `#1F7C22` |
+| `--cds-color-status-success-fill` | `#0D5512` |
+| `--cds-color-status-success-content` | `#CAE4C4` |
+| `--cds-color-status-progress-surface` | `#4DB1FF` |
+| `--cds-color-status-progress-line` | `#0EA4F8` |
+| `--cds-color-status-progress-fill-hover` | `#0172AC` |
+| `--cds-color-status-progress-fill` | `#014F77` |
+| `--cds-color-status-progress-content` | `#C7E0FF` |
+| `--cds-color-status-info-surface` | `#A5A9B2` |
+| `--cds-color-status-info-line` | `#989DA8` |
+| `--cds-color-status-info-fill-hover` | `#666C79` |
+| `--cds-color-status-info-fill` | `#454951` |
+| `--cds-color-status-info-content` | `#DCDDE3` |
+| `--cds-color-status-indication-surface` | `#FF9E92` |
+| `--cds-color-status-indication-line` | `#FF9E92` |
+| `--cds-color-status-indication-fill-hover` | `#B8423D` |
+| `--cds-color-status-indication-fill` | `#822825` |
+| `--cds-color-status-indication-content` | `#FFD2CC` |
+| `--cds-color-status-danger-surface` | `#FF9E92` |
+| `--cds-color-status-danger-line` | `#FF9E92` |
+| `--cds-color-status-danger-fill-hover` | `#B8423D` |
+| `--cds-color-status-danger-fill` | `#822825` |
+| `--cds-color-status-danger-content` | `#FFD2CC` |
+| `--cds-color-page-primary` | `#1A1A1A` |
+| `--cds-color-other-teal-surface` | `#0ABACE` |
+| `--cds-color-other-teal-line` | `#01ACBF` |
+| `--cds-color-other-teal-fill-hover` | `#007886` |
+| `--cds-color-other-teal-fill` | `#04525B` |
+| `--cds-color-other-teal-content` | `#D4F2F7` |
+| `--cds-color-other-purple-surface` | `#B79AF5` |
+| `--cds-color-other-purple-line` | `#AE8BEE` |
+| `--cds-color-other-purple-fill-hover` | `#8457B8` |
+| `--cds-color-other-purple-fill` | `#5E3882` |
+| `--cds-color-other-purple-content` | `#F3E9FE` |
+| `--cds-color-other-pink-surface` | `#E889D1` |
+| `--cds-color-other-pink-line` | `#E078C7` |
+| `--cds-color-other-pink-fill-hover` | `#AC4296` |
+| `--cds-color-other-pink-fill` | `#7A2869` |
+| `--cds-color-other-pink-content` | `#FDE6F6` |
+| `--cds-color-other-lime-surface` | `#9BB24D` |
+| `--cds-color-other-lime-line` | `#8DA63B` |
+| `--cds-color-other-lime-fill-hover` | `#5B7400` |
+| `--cds-color-other-lime-fill` | `#3D4F00` |
+| `--cds-color-other-lime-content` | `#EBEED8` |
+| `--cds-color-other-lemon-surface` | `#ABAE48` |
+| `--cds-color-other-lemon-line` | `#9DA235` |
+| `--cds-color-other-lemon-fill-hover` | `#6A7100` |
+| `--cds-color-other-lemon-fill` | `#484C01` |
+| `--cds-color-other-lemon-content` | `#EEEED9` |
+| `--cds-color-other-indigo-surface` | `#96A4FF` |
+| `--cds-color-other-indigo-line` | `#8B95F9` |
+| `--cds-color-other-indigo-fill-hover` | `#6362C5` |
+| `--cds-color-other-indigo-fill` | `#40428D` |
+| `--cds-color-other-indigo-content` | `#EBEBFF` |
+| `--cds-color-other-cyan-surface` | `#0ABEA3` |
+| `--cds-color-other-cyan-line` | `#0AB098` |
+| `--cds-color-other-cyan-fill-hover` | `#067A69` |
+| `--cds-color-other-cyan-fill` | `#005348` |
+| `--cds-color-other-cyan-content` | `#D5F3EB` |
+| `--cds-color-other-chocolate-surface` | `#D49E6D` |
+| `--cds-color-other-chocolate-line` | `#CA915C` |
+| `--cds-color-other-chocolate-fill-hover` | `#985E1F` |
+| `--cds-color-other-chocolate-fill` | `#6E3B01` |
+| `--cds-color-other-chocolate-content` | `#FAEADB` |
+| `--cds-color-line-tertiary-hover` | `#7A808E` |
+| `--cds-color-line-tertiary` | `#565D67` |
+| `--cds-color-line-selected-hover` | `#92BAFE` |
+| `--cds-color-line-selected` | `#5D9DFC` |
+| `--cds-color-line-secondary-hover` | `#989DA8` |
+| `--cds-color-line-secondary` | `#7A808E` |
+| `--cds-color-line-primary-hover` | `#B5B7C0` |
+| `--cds-color-line-primary` | `#989DA8` |
+| `--cds-color-line-focus-outline` | `#1159B5` |
+| `--cds-color-line-focus` | `#5D9DFC` |
+| `--cds-color-line-elevated` | `#828A9766` |
+| `--cds-color-line-disable` | `#666C79` |
+| `--cds-color-fill-selected-hover` | `#92BAFE` |
+| `--cds-color-fill-selected` | `#5D9DFC` |
+| `--cds-color-fill-secondary-hover` | `#565D67` |
+| `--cds-color-fill-secondary-active` | `#666C79` |
+| `--cds-color-fill-secondary` | `#454951` |
+| `--cds-color-fill-primary-hover` | `#454951` |
+| `--cds-color-fill-primary-active` | `#565D67` |
+| `--cds-color-fill-primary` | `#272A30` |
+| `--cds-color-fill-elevated` | `#7A808E` |
+| `--cds-color-fill-disable` | `#454951` |
+| `--cds-color-content-tertiary` | `#B5B7C0` |
+| `--cds-color-content-secondary` | `#CFD2D7` |
+| `--cds-color-content-primary` | `#ECECEF` |
+| `--cds-color-content-placeholder` | `#A5A9B2` |
+| `--cds-color-content-on-dark` | `#F9F9FC` |
+| `--cds-color-content-link-visited` | `#C0AEF8` |
+| `--cds-color-content-link` | `#92BAFE` |
+| `--cds-color-content-inverse` | `#1A1A1A` |
+| `--cds-color-content-disable` | `#989DA8` |
+| `--cds-color-brand-secondary-hover` | `#1D4790` |
+| `--cds-color-brand-secondary-border` | `#1159B5` |
+| `--cds-color-brand-secondary-active` | `#1159B5` |
+| `--cds-color-brand-secondary` | `#142955` |
+| `--cds-color-brand-primary-hover` | `#1159B5` |
+| `--cds-color-brand-primary-content` | `#CDDEFF` |
+| `--cds-color-brand-primary-border` | `#417FE1` |
+| `--cds-color-brand-primary-active` | `#1D4790` |
+| `--cds-color-brand-primary` | `#417FE1` |
+## b2bLight (light)
+| Token | Value |
+| --- | --- |
+| `--cds-color-surface-secondary` | `#FFFFFF` |
+| `--cds-color-surface-primary` | `#FFFFFF` |
+| `--cds-color-surface-overlay` | `#272A3080` |
+| `--cds-color-surface-inverse` | `#404653` |
+| `--cds-color-surface-elevated` | `#FFFFFF` |
+| `--cds-color-status-warning-surface` | `#A6840A` |
+| `--cds-color-status-warning-line` | `#B69210` |
+| `--cds-color-status-warning-fill-hover` | `#DEC048` |
+| `--cds-color-status-warning-fill` | `#F2DB82` |
+| `--cds-color-status-warning-content` | `#584001` |
+| `--cds-color-status-success-surface` | `#3C9C2C` |
+| `--cds-color-status-success-line` | `#50A946` |
+| `--cds-color-status-success-fill-hover` | `#97D283` |
+| `--cds-color-status-success-fill` | `#BCE8AB` |
+| `--cds-color-status-success-content` | `#005005` |
+| `--cds-color-status-progress-surface` | `#198FD8` |
+| `--cds-color-status-progress-line` | `#2B9DE9` |
+| `--cds-color-status-progress-fill-hover` | `#90C8FF` |
+| `--cds-color-status-progress-fill` | `#C3DFFF` |
+| `--cds-color-status-progress-content` | `#004871` |
+| `--cds-color-status-info-surface` | `#828A97` |
+| `--cds-color-status-info-line` | `#9298A4` |
+| `--cds-color-status-info-fill-hover` | `#C0C3CB` |
+| `--cds-color-status-info-fill` | `#DADDE2` |
+| `--cds-color-status-info-content` | `#404653` |
+| `--cds-color-status-indication-surface` | `#D1453F` |
+| `--cds-color-status-indication-line` | `#D1453F` |
+| `--cds-color-status-indication-fill-hover` | `#FFAE9E` |
+| `--cds-color-status-indication-fill` | `#FFD1C6` |
+| `--cds-color-status-indication-content` | `#831118` |
+| `--cds-color-status-danger-surface` | `#D1453F` |
+| `--cds-color-status-danger-line` | `#D1453F` |
+| `--cds-color-status-danger-fill-hover` | `#FFAE9E` |
+| `--cds-color-status-danger-fill` | `#FFD1C6` |
+| `--cds-color-status-danger-content` | `#831118` |
+| `--cds-color-page-primary` | `#ECEEF2` |
+| `--cds-color-other-teal-surface` | `#3A969E` |
+| `--cds-color-other-teal-line` | `#3CA5AD` |
+| `--cds-color-other-teal-fill-hover` | `#48D6DB` |
+| `--cds-color-other-teal-fill` | `#A1E9E9` |
+| `--cds-color-other-teal-content` | `#022B2F` |
+| `--cds-color-other-purple-surface` | `#A96FDE` |
+| `--cds-color-other-purple-line` | `#B381E1` |
+| `--cds-color-other-purple-fill-hover` | `#D6B8EF` |
+| `--cds-color-other-purple-fill` | `#E8D5F6` |
+| `--cds-color-other-purple-content` | `#2F0F50` |
+| `--cds-color-other-pink-surface` | `#D25CB8` |
+| `--cds-color-other-pink-line` | `#DB70C4` |
+| `--cds-color-other-pink-fill-hover` | `#F3ACE7` |
+| `--cds-color-other-pink-fill` | `#F8D1F2` |
+| `--cds-color-other-pink-content` | `#420D35` |
+| `--cds-color-other-lime-surface` | `#78922C` |
+| `--cds-color-other-lime-line` | `#85A12D` |
+| `--cds-color-other-lime-fill-hover` | `#B6CC65` |
+| `--cds-color-other-lime-fill` | `#D4E490` |
+| `--cds-color-other-lime-content` | `#202901` |
+| `--cds-color-other-lemon-surface` | `#8E8C23` |
+| `--cds-color-other-lemon-line` | `#9D9B25` |
+| `--cds-color-other-lemon-fill-hover` | `#CBC65F` |
+| `--cds-color-other-lemon-fill` | `#E6DF83` |
+| `--cds-color-other-lemon-content` | `#282601` |
+| `--cds-color-other-indigo-surface` | `#807EEC` |
+| `--cds-color-other-indigo-line` | `#918DEC` |
+| `--cds-color-other-indigo-fill-hover` | `#C3BDF9` |
+| `--cds-color-other-indigo-fill` | `#DDD9FC` |
+| `--cds-color-other-indigo-content` | `#1F1F55` |
+| `--cds-color-other-cyan-surface` | `#439786` |
+| `--cds-color-other-cyan-line` | `#48A692` |
+| `--cds-color-other-cyan-fill-hover` | `#58D8BE` |
+| `--cds-color-other-cyan-fill` | `#9FEBD8` |
+| `--cds-color-other-cyan-content` | `#052B24` |
+| `--cds-color-other-chocolate-surface` | `#AC7F58` |
+| `--cds-color-other-chocolate-line` | `#B78F6D` |
+| `--cds-color-other-chocolate-fill-hover` | `#D8BEA9` |
+| `--cds-color-other-chocolate-fill` | `#E7D9CC` |
+| `--cds-color-other-chocolate-content` | `#361D01` |
+| `--cds-color-line-tertiary-hover` | `#AFB3BD` |
+| `--cds-color-line-tertiary` | `#CCCFD6` |
+| `--cds-color-line-selected-hover` | `#2978D4` |
+| `--cds-color-line-selected` | `#4D98F9` |
+| `--cds-color-line-secondary-hover` | `#9298A4` |
+| `--cds-color-line-secondary` | `#AFB3BD` |
+| `--cds-color-line-primary-hover` | `#727987` |
+| `--cds-color-line-primary` | `#9298A4` |
+| `--cds-color-line-focus-outline` | `#A4C5FE` |
+| `--cds-color-line-focus` | `#4D98F9` |
+| `--cds-color-line-elevated` | `#FFFFFF00` |
+| `--cds-color-line-disable` | `#C0C3CB` |
+| `--cds-color-fill-selected-hover` | `#2978D4` |
+| `--cds-color-fill-selected` | `#4D98F9` |
+| `--cds-color-fill-secondary-hover` | `#CCCFD6` |
+| `--cds-color-fill-secondary-active` | `#C0C3CB` |
+| `--cds-color-fill-secondary` | `#DADDE2` |
+| `--cds-color-fill-primary-hover` | `#DADDE2` |
+| `--cds-color-fill-primary-active` | `#CCCFD6` |
+| `--cds-color-fill-primary` | `#FFFFFF` |
+| `--cds-color-fill-elevated` | `#FFFFFF` |
+| `--cds-color-fill-disable` | `#DADDE2` |
+| `--cds-color-content-tertiary` | `#727987` |
+| `--cds-color-content-secondary` | `#4F5666` |
+| `--cds-color-content-primary` | `#212631` |
+| `--cds-color-content-placeholder` | `#828A97` |
+| `--cds-color-content-on-dark` | `#FFFFFF` |
+| `--cds-color-content-link-visited` | `#BD49A2` |
+| `--cds-color-content-link` | `#2978D4` |
+| `--cds-color-content-inverse` | `#FFFFFF` |
+| `--cds-color-content-disable` | `#9298A4` |
+| `--cds-color-brand-secondary-hover` | `#A9D3FF` |
+| `--cds-color-brand-secondary-border` | `#C3DFFF` |
+| `--cds-color-brand-secondary-active` | `#90C8FF` |
+| `--cds-color-brand-secondary` | `#C3DFFF` |
+| `--cds-color-brand-primary-hover` | `#198FD8` |
+| `--cds-color-brand-primary-content` | `#004871` |
+| `--cds-color-brand-primary-border` | `#1D7DBC` |
+| `--cds-color-brand-primary-active` | `#2B9DE9` |
+| `--cds-color-brand-primary` | `#1D7DBC` |
+## b2bDark (dark)
+| Token | Value |
+| --- | --- |
+| `--cds-color-surface-secondary` | `#33373F` |
+| `--cds-color-surface-primary` | `#272A30` |
+| `--cds-color-surface-overlay` | `#272A30CC` |
+| `--cds-color-surface-inverse` | `#DCDDE3` |
+| `--cds-color-surface-elevated` | `#33373F` |
+| `--cds-color-status-warning-surface` | `#C9A449` |
+| `--cds-color-status-warning-line` | `#BE9737` |
+| `--cds-color-status-warning-fill-hover` | `#8A6502` |
+| `--cds-color-status-warning-fill` | `#614301` |
+| `--cds-color-status-warning-content` | `#EADBBA` |
+| `--cds-color-status-success-surface` | `#6EBA66` |
+| `--cds-color-status-success-line` | `#5DAF55` |
+| `--cds-color-status-success-fill-hover` | `#1F7C22` |
+| `--cds-color-status-success-fill` | `#0D5512` |
+| `--cds-color-status-success-content` | `#CAE4C4` |
+| `--cds-color-status-progress-surface` | `#4DB1FF` |
+| `--cds-color-status-progress-line` | `#0EA4F8` |
+| `--cds-color-status-progress-fill-hover` | `#0172AC` |
+| `--cds-color-status-progress-fill` | `#014F77` |
+| `--cds-color-status-progress-content` | `#C7E0FF` |
+| `--cds-color-status-info-surface` | `#A5A9B2` |
+| `--cds-color-status-info-line` | `#989DA8` |
+| `--cds-color-status-info-fill-hover` | `#666C79` |
+| `--cds-color-status-info-fill` | `#454951` |
+| `--cds-color-status-info-content` | `#DCDDE3` |
+| `--cds-color-status-indication-surface` | `#FF9E92` |
+| `--cds-color-status-indication-line` | `#FF9E92` |
+| `--cds-color-status-indication-fill-hover` | `#B8423D` |
+| `--cds-color-status-indication-fill` | `#822825` |
+| `--cds-color-status-indication-content` | `#FFD2CC` |
+| `--cds-color-status-danger-surface` | `#FF9E92` |
+| `--cds-color-status-danger-line` | `#FF9E92` |
+| `--cds-color-status-danger-fill-hover` | `#B8423D` |
+| `--cds-color-status-danger-fill` | `#822825` |
+| `--cds-color-status-danger-content` | `#FFD2CC` |
+| `--cds-color-page-primary` | `#1A1A1A` |
+| `--cds-color-other-teal-surface` | `#0ABACE` |
+| `--cds-color-other-teal-line` | `#01ACBF` |
+| `--cds-color-other-teal-fill-hover` | `#007886` |
+| `--cds-color-other-teal-fill` | `#04525B` |
+| `--cds-color-other-teal-content` | `#D4F2F7` |
+| `--cds-color-other-purple-surface` | `#B79AF5` |
+| `--cds-color-other-purple-line` | `#AE8BEE` |
+| `--cds-color-other-purple-fill-hover` | `#8457B8` |
+| `--cds-color-other-purple-fill` | `#5E3882` |
+| `--cds-color-other-purple-content` | `#F3E9FE` |
+| `--cds-color-other-pink-surface` | `#E889D1` |
+| `--cds-color-other-pink-line` | `#E078C7` |
+| `--cds-color-other-pink-fill-hover` | `#AC4296` |
+| `--cds-color-other-pink-fill` | `#7A2869` |
+| `--cds-color-other-pink-content` | `#FDE6F6` |
+| `--cds-color-other-lime-surface` | `#9BB24D` |
+| `--cds-color-other-lime-line` | `#8DA63B` |
+| `--cds-color-other-lime-fill-hover` | `#5B7400` |
+| `--cds-color-other-lime-fill` | `#3D4F00` |
+| `--cds-color-other-lime-content` | `#EBEED8` |
+| `--cds-color-other-lemon-surface` | `#ABAE48` |
+| `--cds-color-other-lemon-line` | `#9DA235` |
+| `--cds-color-other-lemon-fill-hover` | `#6A7100` |
+| `--cds-color-other-lemon-fill` | `#484C01` |
+| `--cds-color-other-lemon-content` | `#EEEED9` |
+| `--cds-color-other-indigo-surface` | `#96A4FF` |
+| `--cds-color-other-indigo-line` | `#8B95F9` |
+| `--cds-color-other-indigo-fill-hover` | `#6362C5` |
+| `--cds-color-other-indigo-fill` | `#40428D` |
+| `--cds-color-other-indigo-content` | `#EBEBFF` |
+| `--cds-color-other-cyan-surface` | `#0ABEA3` |
+| `--cds-color-other-cyan-line` | `#0AB098` |
+| `--cds-color-other-cyan-fill-hover` | `#067A69` |
+| `--cds-color-other-cyan-fill` | `#005348` |
+| `--cds-color-other-cyan-content` | `#D5F3EB` |
+| `--cds-color-other-chocolate-surface` | `#D49E6D` |
+| `--cds-color-other-chocolate-line` | `#CA915C` |
+| `--cds-color-other-chocolate-fill-hover` | `#985E1F` |
+| `--cds-color-other-chocolate-fill` | `#6E3B01` |
+| `--cds-color-other-chocolate-content` | `#FAEADB` |
+| `--cds-color-line-tertiary-hover` | `#7A808E` |
+| `--cds-color-line-tertiary` | `#565D67` |
+| `--cds-color-line-selected-hover` | `#92BAFE` |
+| `--cds-color-line-selected` | `#5D9DFC` |
+| `--cds-color-line-secondary-hover` | `#989DA8` |
+| `--cds-color-line-secondary` | `#7A808E` |
+| `--cds-color-line-primary-hover` | `#B5B7C0` |
+| `--cds-color-line-primary` | `#989DA8` |
+| `--cds-color-line-focus-outline` | `#1159B5` |
+| `--cds-color-line-focus` | `#5D9DFC` |
+| `--cds-color-line-elevated` | `#828A9766` |
+| `--cds-color-line-disable` | `#666C79` |
+| `--cds-color-fill-selected-hover` | `#92BAFE` |
+| `--cds-color-fill-selected` | `#5D9DFC` |
+| `--cds-color-fill-secondary-hover` | `#565D67` |
+| `--cds-color-fill-secondary-active` | `#666C79` |
+| `--cds-color-fill-secondary` | `#454951` |
+| `--cds-color-fill-primary-hover` | `#454951` |
+| `--cds-color-fill-primary-active` | `#565D67` |
+| `--cds-color-fill-primary` | `#272A30` |
+| `--cds-color-fill-elevated` | `#7A808E` |
+| `--cds-color-fill-disable` | `#454951` |
+| `--cds-color-content-tertiary` | `#B5B7C0` |
+| `--cds-color-content-secondary` | `#CFD2D7` |
+| `--cds-color-content-primary` | `#ECECEF` |
+| `--cds-color-content-placeholder` | `#A5A9B2` |
+| `--cds-color-content-on-dark` | `#F9F9FC` |
+| `--cds-color-content-link-visited` | `#C0AEF8` |
+| `--cds-color-content-link` | `#92BAFE` |
+| `--cds-color-content-inverse` | `#1A1A1A` |
+| `--cds-color-content-disable` | `#989DA8` |
+| `--cds-color-brand-secondary-hover` | `#014F77` |
+| `--cds-color-brand-secondary-border` | `#016193` |
+| `--cds-color-brand-secondary-active` | `#016193` |
+| `--cds-color-brand-secondary` | `#002D47` |
+| `--cds-color-brand-primary-hover` | `#016193` |
+| `--cds-color-brand-primary-content` | `#C7E0FF` |
+| `--cds-color-brand-primary-border` | `#0287CA` |
+| `--cds-color-brand-primary-active` | `#014F77` |
+| `--cds-color-brand-primary` | `#0287CA` |
+## lumaLight (light)
+| Token | Value |
+| --- | --- |
+| `--cds-color-surface-secondary` | `#ECEEF2` |
+| `--cds-color-surface-primary` | `#FFFFFF` |
+| `--cds-color-surface-overlay` | `#272A3080` |
+| `--cds-color-surface-inverse` | `#404653` |
+| `--cds-color-surface-elevated` | `#FFFFFF` |
+| `--cds-color-status-warning-surface` | `#A6840A` |
+| `--cds-color-status-warning-line` | `#B69210` |
+| `--cds-color-status-warning-fill-hover` | `#DEC048` |
+| `--cds-color-status-warning-fill` | `#F2DB82` |
+| `--cds-color-status-warning-content` | `#584001` |
+| `--cds-color-status-success-surface` | `#3C9C2C` |
+| `--cds-color-status-success-line` | `#50A946` |
+| `--cds-color-status-success-fill-hover` | `#97D283` |
+| `--cds-color-status-success-fill` | `#BCE8AB` |
+| `--cds-color-status-success-content` | `#005005` |
+| `--cds-color-status-progress-surface` | `#198FD8` |
+| `--cds-color-status-progress-line` | `#2B9DE9` |
+| `--cds-color-status-progress-fill-hover` | `#90C8FF` |
+| `--cds-color-status-progress-fill` | `#C3DFFF` |
+| `--cds-color-status-progress-content` | `#004871` |
+| `--cds-color-status-info-surface` | `#828A97` |
+| `--cds-color-status-info-line` | `#9298A4` |
+| `--cds-color-status-info-fill-hover` | `#C0C3CB` |
+| `--cds-color-status-info-fill` | `#DADDE2` |
+| `--cds-color-status-info-content` | `#404653` |
+| `--cds-color-status-indication-surface` | `#D1453F` |
+| `--cds-color-status-indication-line` | `#D1453F` |
+| `--cds-color-status-indication-fill-hover` | `#FFAE9E` |
+| `--cds-color-status-indication-fill` | `#FFD1C6` |
+| `--cds-color-status-indication-content` | `#831118` |
+| `--cds-color-status-danger-surface` | `#D1453F` |
+| `--cds-color-status-danger-line` | `#D1453F` |
+| `--cds-color-status-danger-fill-hover` | `#FFAE9E` |
+| `--cds-color-status-danger-fill` | `#FFD1C6` |
+| `--cds-color-status-danger-content` | `#831118` |
+| `--cds-color-page-primary` | `#ECEEF2` |
+| `--cds-color-other-teal-surface` | `#3A969E` |
+| `--cds-color-other-teal-line` | `#3CA5AD` |
+| `--cds-color-other-teal-fill-hover` | `#48D6DB` |
+| `--cds-color-other-teal-fill` | `#A1E9E9` |
+| `--cds-color-other-teal-content` | `#022B2F` |
+| `--cds-color-other-purple-surface` | `#A96FDE` |
+| `--cds-color-other-purple-line` | `#B381E1` |
+| `--cds-color-other-purple-fill-hover` | `#D6B8EF` |
+| `--cds-color-other-purple-fill` | `#E8D5F6` |
+| `--cds-color-other-purple-content` | `#2F0F50` |
+| `--cds-color-other-pink-surface` | `#D25CB8` |
+| `--cds-color-other-pink-line` | `#DB70C4` |
+| `--cds-color-other-pink-fill-hover` | `#F3ACE7` |
+| `--cds-color-other-pink-fill` | `#F8D1F2` |
+| `--cds-color-other-pink-content` | `#420D35` |
+| `--cds-color-other-lime-surface` | `#78922C` |
+| `--cds-color-other-lime-line` | `#85A12D` |
+| `--cds-color-other-lime-fill-hover` | `#B6CC65` |
+| `--cds-color-other-lime-fill` | `#D4E490` |
+| `--cds-color-other-lime-content` | `#202901` |
+| `--cds-color-other-lemon-surface` | `#8E8C23` |
+| `--cds-color-other-lemon-line` | `#9D9B25` |
+| `--cds-color-other-lemon-fill-hover` | `#CBC65F` |
+| `--cds-color-other-lemon-fill` | `#E6DF83` |
+| `--cds-color-other-lemon-content` | `#282601` |
+| `--cds-color-other-indigo-surface` | `#807EEC` |
+| `--cds-color-other-indigo-line` | `#918DEC` |
+| `--cds-color-other-indigo-fill-hover` | `#C3BDF9` |
+| `--cds-color-other-indigo-fill` | `#DDD9FC` |
+| `--cds-color-other-indigo-content` | `#1F1F55` |
+| `--cds-color-other-cyan-surface` | `#439786` |
+| `--cds-color-other-cyan-line` | `#48A692` |
+| `--cds-color-other-cyan-fill-hover` | `#58D8BE` |
+| `--cds-color-other-cyan-fill` | `#9FEBD8` |
+| `--cds-color-other-cyan-content` | `#052B24` |
+| `--cds-color-other-chocolate-surface` | `#AC7F58` |
+| `--cds-color-other-chocolate-line` | `#B78F6D` |
+| `--cds-color-other-chocolate-fill-hover` | `#D8BEA9` |
+| `--cds-color-other-chocolate-fill` | `#E7D9CC` |
+| `--cds-color-other-chocolate-content` | `#361D01` |
+| `--cds-color-line-tertiary-hover` | `#AFB3BD` |
+| `--cds-color-line-tertiary` | `#CCCFD6` |
+| `--cds-color-line-selected-hover` | `#2978D4` |
+| `--cds-color-line-selected` | `#4D98F9` |
+| `--cds-color-line-secondary-hover` | `#9298A4` |
+| `--cds-color-line-secondary` | `#AFB3BD` |
+| `--cds-color-line-primary-hover` | `#727987` |
+| `--cds-color-line-primary` | `#9298A4` |
+| `--cds-color-line-focus-outline` | `#A4C5FE` |
+| `--cds-color-line-focus` | `#4D98F9` |
+| `--cds-color-line-elevated` | `#FFFFFF00` |
+| `--cds-color-line-disable` | `#C0C3CB` |
+| `--cds-color-fill-selected-hover` | `#2978D4` |
+| `--cds-color-fill-selected` | `#4D98F9` |
+| `--cds-color-fill-secondary-hover` | `#CCCFD6` |
+| `--cds-color-fill-secondary-active` | `#C0C3CB` |
+| `--cds-color-fill-secondary` | `#DADDE2` |
+| `--cds-color-fill-primary-hover` | `#DADDE2` |
+| `--cds-color-fill-primary-active` | `#CCCFD6` |
+| `--cds-color-fill-primary` | `#FFFFFF` |
+| `--cds-color-fill-elevated` | `#FFFFFF` |
+| `--cds-color-fill-disable` | `#DADDE2` |
+| `--cds-color-content-tertiary` | `#727987` |
+| `--cds-color-content-secondary` | `#4F5666` |
+| `--cds-color-content-primary` | `#212631` |
+| `--cds-color-content-placeholder` | `#828A97` |
+| `--cds-color-content-on-dark` | `#FFFFFF` |
+| `--cds-color-content-link-visited` | `#955EC8` |
+| `--cds-color-content-link` | `#2978D4` |
+| `--cds-color-content-inverse` | `#FFFFFF` |
+| `--cds-color-content-disable` | `#9298A4` |
+| `--cds-color-brand-secondary-hover` | `#F7CFDA` |
+| `--cds-color-brand-secondary-border` | `#FBE7EC` |
+| `--cds-color-brand-secondary-active` | `#F0A8BC` |
+| `--cds-color-brand-secondary` | `#FBE7EC` |
+| `--cds-color-brand-primary-hover` | `#D2154B` |
+| `--cds-color-brand-primary-content` | `#7D0E27` |
+| `--cds-color-brand-primary-border` | `#C71B3C` |
+| `--cds-color-brand-primary-active` | `#E0476E` |
+| `--cds-color-brand-primary` | `#C71B3C` |
+## lumaDark (dark)
+| Token | Value |
+| --- | --- |
+| `--cds-color-surface-secondary` | `#24262C` |
+| `--cds-color-surface-primary` | `#1B1D21` |
+| `--cds-color-surface-overlay` | `#272A30CC` |
+| `--cds-color-surface-inverse` | `#DCDDE3` |
+| `--cds-color-surface-elevated` | `#24262C` |
+| `--cds-color-status-warning-surface` | `#C9A449` |
+| `--cds-color-status-warning-line` | `#BE9737` |
+| `--cds-color-status-warning-fill-hover` | `#8A6502` |
+| `--cds-color-status-warning-fill` | `#614301` |
+| `--cds-color-status-warning-content` | `#EADBBA` |
+| `--cds-color-status-success-surface` | `#6EBA66` |
+| `--cds-color-status-success-line` | `#5DAF55` |
+| `--cds-color-status-success-fill-hover` | `#1F7C22` |
+| `--cds-color-status-success-fill` | `#0D5512` |
+| `--cds-color-status-success-content` | `#CAE4C4` |
+| `--cds-color-status-progress-surface` | `#4DB1FF` |
+| `--cds-color-status-progress-line` | `#0EA4F8` |
+| `--cds-color-status-progress-fill-hover` | `#0172AC` |
+| `--cds-color-status-progress-fill` | `#014F77` |
+| `--cds-color-status-progress-content` | `#C7E0FF` |
+| `--cds-color-status-info-surface` | `#A5A9B2` |
+| `--cds-color-status-info-line` | `#989DA8` |
+| `--cds-color-status-info-fill-hover` | `#666C79` |
+| `--cds-color-status-info-fill` | `#454951` |
+| `--cds-color-status-info-content` | `#DCDDE3` |
+| `--cds-color-status-indication-surface` | `#FF9E92` |
+| `--cds-color-status-indication-line` | `#FF9E92` |
+| `--cds-color-status-indication-fill-hover` | `#B8423D` |
+| `--cds-color-status-indication-fill` | `#822825` |
+| `--cds-color-status-indication-content` | `#FFD2CC` |
+| `--cds-color-status-danger-surface` | `#FF9E92` |
+| `--cds-color-status-danger-line` | `#FF9E92` |
+| `--cds-color-status-danger-fill-hover` | `#B8423D` |
+| `--cds-color-status-danger-fill` | `#822825` |
+| `--cds-color-status-danger-content` | `#FFD2CC` |
+| `--cds-color-page-primary` | `#16171A` |
+| `--cds-color-other-teal-surface` | `#0ABACE` |
+| `--cds-color-other-teal-line` | `#01ACBF` |
+| `--cds-color-other-teal-fill-hover` | `#007886` |
+| `--cds-color-other-teal-fill` | `#04525B` |
+| `--cds-color-other-teal-content` | `#D4F2F7` |
+| `--cds-color-other-purple-surface` | `#B79AF5` |
+| `--cds-color-other-purple-line` | `#AE8BEE` |
+| `--cds-color-other-purple-fill-hover` | `#8457B8` |
+| `--cds-color-other-purple-fill` | `#5E3882` |
+| `--cds-color-other-purple-content` | `#F3E9FE` |
+| `--cds-color-other-pink-surface` | `#E889D1` |
+| `--cds-color-other-pink-line` | `#E078C7` |
+| `--cds-color-other-pink-fill-hover` | `#AC4296` |
+| `--cds-color-other-pink-fill` | `#7A2869` |
+| `--cds-color-other-pink-content` | `#FDE6F6` |
+| `--cds-color-other-lime-surface` | `#9BB24D` |
+| `--cds-color-other-lime-line` | `#8DA63B` |
+| `--cds-color-other-lime-fill-hover` | `#5B7400` |
+| `--cds-color-other-lime-fill` | `#3D4F00` |
+| `--cds-color-other-lime-content` | `#EBEED8` |
+| `--cds-color-other-lemon-surface` | `#ABAE48` |
+| `--cds-color-other-lemon-line` | `#9DA235` |
+| `--cds-color-other-lemon-fill-hover` | `#6A7100` |
+| `--cds-color-other-lemon-fill` | `#484C01` |
+| `--cds-color-other-lemon-content` | `#EEEED9` |
+| `--cds-color-other-indigo-surface` | `#96A4FF` |
+| `--cds-color-other-indigo-line` | `#8B95F9` |
+| `--cds-color-other-indigo-fill-hover` | `#6362C5` |
+| `--cds-color-other-indigo-fill` | `#40428D` |
+| `--cds-color-other-indigo-content` | `#EBEBFF` |
+| `--cds-color-other-cyan-surface` | `#0ABEA3` |
+| `--cds-color-other-cyan-line` | `#0AB098` |
+| `--cds-color-other-cyan-fill-hover` | `#067A69` |
+| `--cds-color-other-cyan-fill` | `#005348` |
+| `--cds-color-other-cyan-content` | `#D5F3EB` |
+| `--cds-color-other-chocolate-surface` | `#D49E6D` |
+| `--cds-color-other-chocolate-line` | `#CA915C` |
+| `--cds-color-other-chocolate-fill-hover` | `#985E1F` |
+| `--cds-color-other-chocolate-fill` | `#6E3B01` |
+| `--cds-color-other-chocolate-content` | `#FAEADB` |
+| `--cds-color-line-tertiary-hover` | `#7A808E` |
+| `--cds-color-line-tertiary` | `#565D67` |
+| `--cds-color-line-selected-hover` | `#92BAFE` |
+| `--cds-color-line-selected` | `#5D9DFC` |
+| `--cds-color-line-secondary-hover` | `#989DA8` |
+| `--cds-color-line-secondary` | `#7A808E` |
+| `--cds-color-line-primary-hover` | `#B5B7C0` |
+| `--cds-color-line-primary` | `#989DA8` |
+| `--cds-color-line-focus-outline` | `#1159B5` |
+| `--cds-color-line-focus` | `#5D9DFC` |
+| `--cds-color-line-elevated` | `#828A9766` |
+| `--cds-color-line-disable` | `#666C79` |
+| `--cds-color-fill-selected-hover` | `#92BAFE` |
+| `--cds-color-fill-selected` | `#5D9DFC` |
+| `--cds-color-fill-secondary-hover` | `#565D67` |
+| `--cds-color-fill-secondary-active` | `#666C79` |
+| `--cds-color-fill-secondary` | `#454951` |
+| `--cds-color-fill-primary-hover` | `#454951` |
+| `--cds-color-fill-primary-active` | `#565D67` |
+| `--cds-color-fill-primary` | `#272A30` |
+| `--cds-color-fill-elevated` | `#7A808E` |
+| `--cds-color-fill-disable` | `#454951` |
+| `--cds-color-content-tertiary` | `#B5B7C0` |
+| `--cds-color-content-secondary` | `#CFD2D7` |
+| `--cds-color-content-primary` | `#ECECEF` |
+| `--cds-color-content-placeholder` | `#A5A9B2` |
+| `--cds-color-content-on-dark` | `#F9F9FC` |
+| `--cds-color-content-link-visited` | `#C0AEF8` |
+| `--cds-color-content-link` | `#92BAFE` |
+| `--cds-color-content-inverse` | `#1A1A1A` |
+| `--cds-color-content-disable` | `#989DA8` |
+| `--cds-color-brand-secondary-hover` | `#8A1034` |
+| `--cds-color-brand-secondary-border` | `#A01639` |
+| `--cds-color-brand-secondary-active` | `#A01639` |
+| `--cds-color-brand-secondary` | `#6F0C28` |
+| `--cds-color-brand-primary-hover` | `#8A1034` |
+| `--cds-color-brand-primary-content` | `#FFD9E1` |
+| `--cds-color-brand-primary-border` | `#D2154B` |
+| `--cds-color-brand-primary-active` | `#650B25` |
+| `--cds-color-brand-primary` | `#D2154B` |
+## promoLight (light)
+| Token | Value |
+| --- | --- |
+| `--cds-color-surface-secondary` | `#EEEEEE` |
+| `--cds-color-surface-primary` | `#FFFFFF` |
+| `--cds-color-surface-overlay` | `#272A3080` |
+| `--cds-color-surface-inverse` | `#404653` |
+| `--cds-color-surface-elevated` | `#FFFFFF` |
+| `--cds-color-status-warning-surface` | `#A6840A` |
+| `--cds-color-status-warning-line` | `#B69210` |
+| `--cds-color-status-warning-fill-hover` | `#DEC048` |
+| `--cds-color-status-warning-fill` | `#F2DB82` |
+| `--cds-color-status-warning-content` | `#584001` |
+| `--cds-color-status-success-surface` | `#3C9C2C` |
+| `--cds-color-status-success-line` | `#50A946` |
+| `--cds-color-status-success-fill-hover` | `#97D283` |
+| `--cds-color-status-success-fill` | `#BCE8AB` |
+| `--cds-color-status-success-content` | `#005005` |
+| `--cds-color-status-progress-surface` | `#198FD8` |
+| `--cds-color-status-progress-line` | `#2B9DE9` |
+| `--cds-color-status-progress-fill-hover` | `#90C8FF` |
+| `--cds-color-status-progress-fill` | `#C3DFFF` |
+| `--cds-color-status-progress-content` | `#004871` |
+| `--cds-color-status-info-surface` | `#828A97` |
+| `--cds-color-status-info-line` | `#9298A4` |
+| `--cds-color-status-info-fill-hover` | `#C0C3CB` |
+| `--cds-color-status-info-fill` | `#DADDE2` |
+| `--cds-color-status-info-content` | `#404653` |
+| `--cds-color-status-indication-surface` | `#D1453F` |
+| `--cds-color-status-indication-line` | `#D1453F` |
+| `--cds-color-status-indication-fill-hover` | `#FFAE9E` |
+| `--cds-color-status-indication-fill` | `#FFD1C6` |
+| `--cds-color-status-indication-content` | `#831118` |
+| `--cds-color-status-danger-surface` | `#D1453F` |
+| `--cds-color-status-danger-line` | `#D1453F` |
+| `--cds-color-status-danger-fill-hover` | `#FFAE9E` |
+| `--cds-color-status-danger-fill` | `#FFD1C6` |
+| `--cds-color-status-danger-content` | `#831118` |
+| `--cds-color-page-primary` | `#ECEEF2` |
+| `--cds-color-other-teal-surface` | `#3A969E` |
+| `--cds-color-other-teal-line` | `#3CA5AD` |
+| `--cds-color-other-teal-fill-hover` | `#48D6DB` |
+| `--cds-color-other-teal-fill` | `#A1E9E9` |
+| `--cds-color-other-teal-content` | `#022B2F` |
+| `--cds-color-other-purple-surface` | `#A96FDE` |
+| `--cds-color-other-purple-line` | `#B381E1` |
+| `--cds-color-other-purple-fill-hover` | `#D6B8EF` |
+| `--cds-color-other-purple-fill` | `#E8D5F6` |
+| `--cds-color-other-purple-content` | `#2F0F50` |
+| `--cds-color-other-pink-surface` | `#D25CB8` |
+| `--cds-color-other-pink-line` | `#DB70C4` |
+| `--cds-color-other-pink-fill-hover` | `#F3ACE7` |
+| `--cds-color-other-pink-fill` | `#F8D1F2` |
+| `--cds-color-other-pink-content` | `#420D35` |
+| `--cds-color-other-lime-surface` | `#78922C` |
+| `--cds-color-other-lime-line` | `#85A12D` |
+| `--cds-color-other-lime-fill-hover` | `#B6CC65` |
+| `--cds-color-other-lime-fill` | `#D4E490` |
+| `--cds-color-other-lime-content` | `#202901` |
+| `--cds-color-other-lemon-surface` | `#8E8C23` |
+| `--cds-color-other-lemon-line` | `#9D9B25` |
+| `--cds-color-other-lemon-fill-hover` | `#CBC65F` |
+| `--cds-color-other-lemon-fill` | `#E6DF83` |
+| `--cds-color-other-lemon-content` | `#282601` |
+| `--cds-color-other-indigo-surface` | `#807EEC` |
+| `--cds-color-other-indigo-line` | `#918DEC` |
+| `--cds-color-other-indigo-fill-hover` | `#C3BDF9` |
+| `--cds-color-other-indigo-fill` | `#DDD9FC` |
+| `--cds-color-other-indigo-content` | `#1F1F55` |
+| `--cds-color-other-cyan-surface` | `#439786` |
+| `--cds-color-other-cyan-line` | `#48A692` |
+| `--cds-color-other-cyan-fill-hover` | `#58D8BE` |
+| `--cds-color-other-cyan-fill` | `#9FEBD8` |
+| `--cds-color-other-cyan-content` | `#052B24` |
+| `--cds-color-other-chocolate-surface` | `#AC7F58` |
+| `--cds-color-other-chocolate-line` | `#B78F6D` |
+| `--cds-color-other-chocolate-fill-hover` | `#D8BEA9` |
+| `--cds-color-other-chocolate-fill` | `#E7D9CC` |
+| `--cds-color-other-chocolate-content` | `#361D01` |
+| `--cds-color-line-tertiary-hover` | `#AFB3BD` |
+| `--cds-color-line-tertiary` | `#CCCFD6` |
+| `--cds-color-line-selected-hover` | `#2978D4` |
+| `--cds-color-line-selected` | `#4D98F9` |
+| `--cds-color-line-secondary-hover` | `#9298A4` |
+| `--cds-color-line-secondary` | `#AFB3BD` |
+| `--cds-color-line-primary-hover` | `#727987` |
+| `--cds-color-line-primary` | `#9298A4` |
+| `--cds-color-line-focus-outline` | `#A4C5FE` |
+| `--cds-color-line-focus` | `#4D98F9` |
+| `--cds-color-line-elevated` | `#FFFFFF00` |
+| `--cds-color-line-disable` | `#C0C3CB` |
+| `--cds-color-fill-selected-hover` | `#2978D4` |
+| `--cds-color-fill-selected` | `#4D98F9` |
+| `--cds-color-fill-secondary-hover` | `#CCCFD6` |
+| `--cds-color-fill-secondary-active` | `#C0C3CB` |
+| `--cds-color-fill-secondary` | `#DADDE2` |
+| `--cds-color-fill-primary-hover` | `#DADDE2` |
+| `--cds-color-fill-primary-active` | `#CCCFD6` |
+| `--cds-color-fill-primary` | `#FFFFFF` |
+| `--cds-color-fill-elevated` | `#FFFFFF` |
+| `--cds-color-fill-disable` | `#DADDE2` |
+| `--cds-color-content-tertiary` | `#727987` |
+| `--cds-color-content-secondary` | `#4F5666` |
+| `--cds-color-content-primary` | `#212631` |
+| `--cds-color-content-placeholder` | `#828A97` |
+| `--cds-color-content-on-dark` | `#FFFFFF` |
+| `--cds-color-content-link-visited` | `#BD49A2` |
+| `--cds-color-content-link` | `#2978D4` |
+| `--cds-color-content-inverse` | `#FFFFFF` |
+| `--cds-color-content-disable` | `#9298A4` |
+| `--cds-color-brand-secondary-hover` | `#FEC0B2` |
+| `--cds-color-brand-secondary-border` | `#FFD1C6` |
+| `--cds-color-brand-secondary-active` | `#FFAE9E` |
+| `--cds-color-brand-secondary` | `#FFD1C6` |
+| `--cds-color-brand-primary-hover` | `#E4594F` |
+| `--cds-color-brand-primary-content` | `#831118` |
+| `--cds-color-brand-primary-border` | `#D1453F` |
+| `--cds-color-brand-primary-active` | `#F46A5D` |
+| `--cds-color-brand-primary` | `#D1453F` |
+## promoDark (dark)
+| Token | Value |
+| --- | --- |
+| `--cds-color-surface-secondary` | `#33373F` |
+| `--cds-color-surface-primary` | `#272A30` |
+| `--cds-color-surface-overlay` | `#272A30CC` |
+| `--cds-color-surface-inverse` | `#DCDDE3` |
+| `--cds-color-surface-elevated` | `#33373F` |
+| `--cds-color-status-warning-surface` | `#C9A449` |
+| `--cds-color-status-warning-line` | `#BE9737` |
+| `--cds-color-status-warning-fill-hover` | `#8A6502` |
+| `--cds-color-status-warning-fill` | `#614301` |
+| `--cds-color-status-warning-content` | `#EADBBA` |
+| `--cds-color-status-success-surface` | `#6EBA66` |
+| `--cds-color-status-success-line` | `#5DAF55` |
+| `--cds-color-status-success-fill-hover` | `#1F7C22` |
+| `--cds-color-status-success-fill` | `#0D5512` |
+| `--cds-color-status-success-content` | `#CAE4C4` |
+| `--cds-color-status-progress-surface` | `#4DB1FF` |
+| `--cds-color-status-progress-line` | `#0EA4F8` |
+| `--cds-color-status-progress-fill-hover` | `#0172AC` |
+| `--cds-color-status-progress-fill` | `#014F77` |
+| `--cds-color-status-progress-content` | `#C7E0FF` |
+| `--cds-color-status-info-surface` | `#A5A9B2` |
+| `--cds-color-status-info-line` | `#989DA8` |
+| `--cds-color-status-info-fill-hover` | `#666C79` |
+| `--cds-color-status-info-fill` | `#454951` |
+| `--cds-color-status-info-content` | `#DCDDE3` |
+| `--cds-color-status-indication-surface` | `#FF9E92` |
+| `--cds-color-status-indication-line` | `#FF9E92` |
+| `--cds-color-status-indication-fill-hover` | `#B8423D` |
+| `--cds-color-status-indication-fill` | `#822825` |
+| `--cds-color-status-indication-content` | `#FFD2CC` |
+| `--cds-color-status-danger-surface` | `#FF9E92` |
+| `--cds-color-status-danger-line` | `#FF9E92` |
+| `--cds-color-status-danger-fill-hover` | `#B8423D` |
+| `--cds-color-status-danger-fill` | `#822825` |
+| `--cds-color-status-danger-content` | `#FFD2CC` |
+| `--cds-color-page-primary` | `#1A1A1A` |
+| `--cds-color-other-teal-surface` | `#0ABACE` |
+| `--cds-color-other-teal-line` | `#01ACBF` |
+| `--cds-color-other-teal-fill-hover` | `#007886` |
+| `--cds-color-other-teal-fill` | `#04525B` |
+| `--cds-color-other-teal-content` | `#D4F2F7` |
+| `--cds-color-other-purple-surface` | `#B79AF5` |
+| `--cds-color-other-purple-line` | `#AE8BEE` |
+| `--cds-color-other-purple-fill-hover` | `#8457B8` |
+| `--cds-color-other-purple-fill` | `#5E3882` |
+| `--cds-color-other-purple-content` | `#F3E9FE` |
+| `--cds-color-other-pink-surface` | `#E889D1` |
+| `--cds-color-other-pink-line` | `#E078C7` |
+| `--cds-color-other-pink-fill-hover` | `#AC4296` |
+| `--cds-color-other-pink-fill` | `#7A2869` |
+| `--cds-color-other-pink-content` | `#FDE6F6` |
+| `--cds-color-other-lime-surface` | `#9BB24D` |
+| `--cds-color-other-lime-line` | `#8DA63B` |
+| `--cds-color-other-lime-fill-hover` | `#5B7400` |
+| `--cds-color-other-lime-fill` | `#3D4F00` |
+| `--cds-color-other-lime-content` | `#EBEED8` |
+| `--cds-color-other-lemon-surface` | `#ABAE48` |
+| `--cds-color-other-lemon-line` | `#9DA235` |
+| `--cds-color-other-lemon-fill-hover` | `#6A7100` |
+| `--cds-color-other-lemon-fill` | `#484C01` |
+| `--cds-color-other-lemon-content` | `#EEEED9` |
+| `--cds-color-other-indigo-surface` | `#96A4FF` |
+| `--cds-color-other-indigo-line` | `#8B95F9` |
+| `--cds-color-other-indigo-fill-hover` | `#6362C5` |
+| `--cds-color-other-indigo-fill` | `#40428D` |
+| `--cds-color-other-indigo-content` | `#EBEBFF` |
+| `--cds-color-other-cyan-surface` | `#0ABEA3` |
+| `--cds-color-other-cyan-line` | `#0AB098` |
+| `--cds-color-other-cyan-fill-hover` | `#067A69` |
+| `--cds-color-other-cyan-fill` | `#005348` |
+| `--cds-color-other-cyan-content` | `#D5F3EB` |
+| `--cds-color-other-chocolate-surface` | `#D49E6D` |
+| `--cds-color-other-chocolate-line` | `#CA915C` |
+| `--cds-color-other-chocolate-fill-hover` | `#985E1F` |
+| `--cds-color-other-chocolate-fill` | `#6E3B01` |
+| `--cds-color-other-chocolate-content` | `#FAEADB` |
+| `--cds-color-line-tertiary-hover` | `#7A808E` |
+| `--cds-color-line-tertiary` | `#565D67` |
+| `--cds-color-line-selected-hover` | `#92BAFE` |
+| `--cds-color-line-selected` | `#5D9DFC` |
+| `--cds-color-line-secondary-hover` | `#989DA8` |
+| `--cds-color-line-secondary` | `#7A808E` |
+| `--cds-color-line-primary-hover` | `#B5B7C0` |
+| `--cds-color-line-primary` | `#989DA8` |
+| `--cds-color-line-focus-outline` | `#1159B5` |
+| `--cds-color-line-focus` | `#5D9DFC` |
+| `--cds-color-line-elevated` | `#828A9766` |
+| `--cds-color-line-disable` | `#666C79` |
+| `--cds-color-fill-selected-hover` | `#92BAFE` |
+| `--cds-color-fill-selected` | `#5D9DFC` |
+| `--cds-color-fill-secondary-hover` | `#565D67` |
+| `--cds-color-fill-secondary-active` | `#666C79` |
+| `--cds-color-fill-secondary` | `#454951` |
+| `--cds-color-fill-primary-hover` | `#454951` |
+| `--cds-color-fill-primary-active` | `#565D67` |
+| `--cds-color-fill-primary` | `#272A30` |
+| `--cds-color-fill-elevated` | `#7A808E` |
+| `--cds-color-fill-disable` | `#454951` |
+| `--cds-color-content-tertiary` | `#B5B7C0` |
+| `--cds-color-content-secondary` | `#CFD2D7` |
+| `--cds-color-content-primary` | `#ECECEF` |
+| `--cds-color-content-placeholder` | `#A5A9B2` |
+| `--cds-color-content-on-dark` | `#F9F9FC` |
+| `--cds-color-content-link-visited` | `#C0AEF8` |
+| `--cds-color-content-link` | `#92BAFE` |
+| `--cds-color-content-inverse` | `#1A1A1A` |
+| `--cds-color-content-disable` | `#989DA8` |
+| `--cds-color-brand-secondary-hover` | `#822825` |
+| `--cds-color-brand-secondary-border` | `#A5302F` |
+| `--cds-color-brand-secondary-active` | `#A5302F` |
+| `--cds-color-brand-secondary` | `#4C1715` |
+| `--cds-color-brand-primary-hover` | `#A5302F` |
+| `--cds-color-brand-primary-content` | `#FFD2CC` |
+| `--cds-color-brand-primary-border` | `#D15850` |
+| `--cds-color-brand-primary-active` | `#822825` |
+| `--cds-color-brand-primary` | `#D15850` |