# Central Design System (CDS 4) — tokens and themes

> Version: 4.0.0-alpha.13
> Three token levels: values written as literals in themes, theme color tokens (`--cds-color-*`), and local component variables.
> Generated automatically (`bun run generate:meta` → `bun run generate:llms`). Do not edit manually.

---

# 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>` holding the value as written (oklch, hex or rgb) and are used as `var(--cds-color-<name>)`.
The theme is chosen at initialization:

```ts
const cds = createCds({ theme: { defaultTheme: 'cdsLight' } });
```

For alpha over a token use `color-mix(in srgb, var(--cds-color-<name>) 40%, transparent)`.

## cdsLight (light)

| Token | Value |
| --- | --- |
| `--cds-color-surface-secondary` | `oklch(94.9% 0.006 264.53)` |
| `--cds-color-surface-primary` | `oklch(100% 0 0)` |
| `--cds-color-surface-overlay` | `oklch(28.4% 0.012 264.37)` |
| `--cds-color-surface-inverse` | `oklch(39.4% 0.023 265.71)` |
| `--cds-color-surface-elevated` | `oklch(100% 0 0)` |
| `--cds-color-status-warning-surface` | `oklch(62.8% 0.1261 90.07)` |
| `--cds-color-status-warning-line` | `oklch(67.44% 0.1346 90.59)` |
| `--cds-color-status-warning-fill-hover` | `oklch(81.2% 0.14 94.93)` |
| `--cds-color-status-warning-fill` | `oklch(89.15% 0.112 95.31)` |
| `--cds-color-status-warning-content` | `oklch(38.8% 0.079 84.22)` |
| `--cds-color-status-success-surface` | `oklch(61.3% 0.1734 141.02)` |
| `--cds-color-status-success-line` | `oklch(65.8% 0.161 141.69)` |
| `--cds-color-status-success-fill-hover` | `oklch(80.4% 0.123 138.04)` |
| `--cds-color-status-success-fill` | `oklch(88.5% 0.094 137.11)` |
| `--cds-color-status-success-content` | `oklch(37.4% 0.1244 143.19)` |
| `--cds-color-status-progress-surface` | `oklch(62.53% 0.1456 243.5)` |
| `--cds-color-status-progress-line` | `oklch(67% 0.149 243.71)` |
| `--cds-color-status-progress-fill-hover` | `oklch(81.45% 0.097 248.66)` |
| `--cds-color-status-progress-fill` | `oklch(89.35% 0.053 251.88)` |
| `--cds-color-status-progress-content` | `oklch(38.6% 0.093 242.85)` |
| `--cds-color-status-info-surface` | `oklch(63.1% 0.022 260.16)` |
| `--cds-color-status-info-line` | `oklch(67.9% 0.019 264.44)` |
| `--cds-color-status-info-fill-hover` | `oklch(81.7% 0.012 269.53)` |
| `--cds-color-status-info-fill` | `oklch(89.7% 0.0076 260.73)` |
| `--cds-color-status-info-content` | `oklch(39.4% 0.023 265.71)` |
| `--cds-color-status-indication-surface` | `oklch(58.7% 0.177 26.55)` |
| `--cds-color-status-indication-line` | `oklch(58.7% 0.177 26.55)` |
| `--cds-color-status-indication-fill-hover` | `oklch(82.5% 0.099 31.6)` |
| `--cds-color-status-indication-fill` | `oklch(89.74% 0.054 33.7)` |
| `--cds-color-status-indication-content` | `oklch(39.34% 0.147 24.98)` |
| `--cds-color-status-danger-surface` | `oklch(58.7% 0.177 26.55)` |
| `--cds-color-status-danger-line` | `oklch(58.7% 0.177 26.55)` |
| `--cds-color-status-danger-fill-hover` | `oklch(82.5% 0.099 31.6)` |
| `--cds-color-status-danger-fill` | `oklch(89.74% 0.054 33.7)` |
| `--cds-color-status-danger-content` | `oklch(39.34% 0.147 24.98)` |
| `--cds-color-page-primary` | `oklch(94.9% 0.006 264.53)` |
| `--cds-color-other-teal-surface` | `oklch(62.2% 0.086 203.22)` |
| `--cds-color-other-teal-line` | `oklch(66.6% 0.095 202.31)` |
| `--cds-color-other-teal-fill-hover` | `oklch(80.4% 0.1186 198.47)` |
| `--cds-color-other-teal-fill` | `oklch(88.7% 0.0714 195.94)` |
| `--cds-color-other-teal-content` | `oklch(26.4% 0.0435 204.76)` |
| `--cds-color-other-purple-surface` | `oklch(64.9% 0.168 306.42)` |
| `--cds-color-other-purple-line` | `oklch(69% 0.145 306.98)` |
| `--cds-color-other-purple-fill-hover` | `oklch(82.6% 0.082 309.32)` |
| `--cds-color-other-purple-fill` | `oklch(89.9% 0.049 310.98)` |
| `--cds-color-other-purple-content` | `oklch(26.2% 0.111 301.36)` |
| `--cds-color-other-pink-surface` | `oklch(65.2% 0.183 336.82)` |
| `--cds-color-other-pink-line` | `oklch(69.6% 0.167 335.97)` |
| `--cds-color-other-pink-fill-hover` | `oklch(83% 0.112 332.63)` |
| `--cds-color-other-pink-fill` | `oklch(90.3% 0.061 331.23)` |
| `--cds-color-other-pink-content` | `oklch(27% 0.095 339.45)` |
| `--cds-color-other-lime-surface` | `oklch(61.9% 0.13 122.66)` |
| `--cds-color-other-lime-line` | `oklch(66.54% 0.143 122.27)` |
| `--cds-color-other-lime-fill-hover` | `oklch(80.7% 0.132 119.42)` |
| `--cds-color-other-lime-fill` | `oklch(88.8% 0.109 117.47)` |
| `--cds-color-other-lime-content` | `oklch(26.3% 0.062 121.66)` |
| `--cds-color-other-lemon-surface` | `oklch(62.3% 0.122 108.36)` |
| `--cds-color-other-lemon-line` | `oklch(67.05% 0.133 108.5)` |
| `--cds-color-other-lemon-fill-hover` | `oklch(81% 0.1256 106.36)` |
| `--cds-color-other-lemon-fill` | `oklch(88.95% 0.114 104.67)` |
| `--cds-color-other-lemon-content` | `oklch(26.2% 0.055 106.55)` |
| `--cds-color-other-indigo-surface` | `oklch(64.6% 0.161 281.73)` |
| `--cds-color-other-indigo-line` | `oklch(68.7% 0.138 284.07)` |
| `--cds-color-other-indigo-fill-hover` | `oklch(82.4% 0.084 289)` |
| `--cds-color-other-indigo-fill` | `oklch(89.9% 0.048 290.65)` |
| `--cds-color-other-indigo-content` | `oklch(27.6% 0.095 278.1)` |
| `--cds-color-other-cyan-surface` | `oklch(62% 0.086 178.05)` |
| `--cds-color-other-cyan-line` | `oklch(66.3% 0.0943 177.08)` |
| `--cds-color-other-cyan-fill-hover` | `oklch(80.4% 0.1194 177.4)` |
| `--cds-color-other-cyan-fill` | `oklch(88.5% 0.08 176.94)` |
| `--cds-color-other-cyan-content` | `oklch(26.1% 0.044 177.65)` |
| `--cds-color-other-chocolate-surface` | `oklch(63.2% 0.078 61.63)` |
| `--cds-color-other-chocolate-line` | `oklch(67.94% 0.068 61.67)` |
| `--cds-color-other-chocolate-fill-hover` | `oklch(81.8% 0.041 61.12)` |
| `--cds-color-other-chocolate-fill` | `oklch(89.3% 0.023 65.43)` |
| `--cds-color-other-chocolate-content` | `oklch(25.9% 0.057 65.11)` |
| `--cds-color-line-tertiary-hover` | `oklch(76.7% 0.015 268.46)` |
| `--cds-color-line-tertiary` | `oklch(85.4% 0.01 267.35)` |
| `--cds-color-line-selected-hover` | `oklch(57.4% 0.16 254.98)` |
| `--cds-color-line-selected` | `oklch(67.8% 0.162 255.91)` |
| `--cds-color-line-secondary-hover` | `oklch(67.9% 0.019 264.44)` |
| `--cds-color-line-secondary` | `oklch(76.7% 0.015 268.46)` |
| `--cds-color-line-primary-hover` | `oklch(57.5% 0.023 264.38)` |
| `--cds-color-line-primary` | `oklch(67.9% 0.019 264.44)` |
| `--cds-color-line-focus-outline` | `oklch(82% 0.088 261.18)` |
| `--cds-color-line-focus` | `oklch(67.8% 0.162 255.91)` |
| `--cds-color-line-elevated` | `oklch(100% 0 0 / 0)` |
| `--cds-color-line-disable` | `oklch(81.7% 0.012 269.53)` |
| `--cds-color-fill-selected-hover` | `oklch(57.4% 0.16 254.98)` |
| `--cds-color-fill-selected` | `oklch(67.8% 0.162 255.91)` |
| `--cds-color-fill-secondary-hover` | `oklch(85.4% 0.01 267.35)` |
| `--cds-color-fill-secondary-active` | `oklch(81.7% 0.012 269.53)` |
| `--cds-color-fill-secondary` | `oklch(89.7% 0.0076 260.73)` |
| `--cds-color-fill-primary-hover` | `oklch(89.7% 0.0076 260.73)` |
| `--cds-color-fill-primary-active` | `oklch(85.4% 0.01 267.35)` |
| `--cds-color-fill-primary` | `oklch(100% 0 0)` |
| `--cds-color-fill-elevated` | `oklch(100% 0 0)` |
| `--cds-color-fill-disable` | `oklch(89.7% 0.0076 260.73)` |
| `--cds-color-state` | `oklch(0% 0 0)` |
| `--cds-color-state-inverse` | `oklch(100% 0 0)` |
| `--cds-color-state-selected` | `oklch(0% 0 0)` |
| `--cds-color-state-disabled` | `oklch(89.7% 0.0076 260.73)` |
| `--cds-color-content-tertiary` | `oklch(57.5% 0.023 264.38)` |
| `--cds-color-content-secondary` | `oklch(45.3% 0.028 266.61)` |
| `--cds-color-content-primary` | `oklch(26.9% 0.022 265.78)` |
| `--cds-color-content-placeholder` | `oklch(63.1% 0.022 260.16)` |
| `--cds-color-content-on-dark` | `oklch(100% 0 0)` |
| `--cds-color-content-link-visited` | `oklch(58.8% 0.163 305.97)` |
| `--cds-color-content-link` | `oklch(57.4% 0.16 254.98)` |
| `--cds-color-content-inverse` | `oklch(100% 0 0)` |
| `--cds-color-content-disable` | `oklch(67.9% 0.019 264.44)` |
| `--cds-color-brand-secondary-hover` | `oklch(85.4% 0.069 261.35)` |
| `--cds-color-brand-secondary-border` | `oklch(89.4% 0.048 262)` |
| `--cds-color-brand-secondary-active` | `oklch(82% 0.088 261.18)` |
| `--cds-color-brand-secondary` | `oklch(89.4% 0.048 262)` |
| `--cds-color-brand-primary-hover` | `oklch(63.4% 0.166 255.94)` |
| `--cds-color-brand-primary-content` | `oklch(38.7% 0.11 254.55)` |
| `--cds-color-brand-primary-border` | `oklch(57.4% 0.16 254.98)` |
| `--cds-color-brand-primary-active` | `oklch(67.8% 0.162 255.91)` |
| `--cds-color-brand-primary` | `oklch(57.4% 0.16 254.98)` |

## cdsDark (dark)

| Token | Value |
| --- | --- |
| `--cds-color-surface-secondary` | `oklch(33.6% 0.015 264.35)` |
| `--cds-color-surface-primary` | `oklch(28.4% 0.012 264.37)` |
| `--cds-color-surface-overlay` | `oklch(28.4% 0.012 264.37)` |
| `--cds-color-surface-inverse` | `oklch(89.9% 0.008 278.63)` |
| `--cds-color-surface-elevated` | `oklch(33.6% 0.015 264.35)` |
| `--cds-color-status-warning-surface` | `oklch(73.47% 0.117 86.95)` |
| `--cds-color-status-warning-line` | `oklch(69.5% 0.1206 86.16)` |
| `--cds-color-status-warning-fill-hover` | `oklch(53.06% 0.1084 83.17)` |
| `--cds-color-status-warning-fill` | `oklch(40.6% 0.0837 79.45)` |
| `--cds-color-status-warning-content` | `oklch(89.5% 0.047 86.46)` |
| `--cds-color-status-success-surface` | `oklch(71.9% 0.14 141.96)` |
| `--cds-color-status-success-line` | `oklch(68.08% 0.149 142)` |
| `--cds-color-status-success-fill-hover` | `oklch(51.44% 0.152 143.36)` |
| `--cds-color-status-success-fill` | `oklch(39.3% 0.1197 143.62)` |
| `--cds-color-status-success-content` | `oklch(89.1% 0.051 139.82)` |
| `--cds-color-status-progress-surface` | `oklch(73.5% 0.1464 245.37)` |
| `--cds-color-status-progress-line` | `oklch(69.05% 0.1644 243.02)` |
| `--cds-color-status-progress-fill-hover` | `oklch(52.84% 0.1242 241.61)` |
| `--cds-color-status-progress-fill` | `oklch(40.8% 0.0935 240.32)` |
| `--cds-color-status-progress-content` | `oklch(89.82% 0.05 253.9)` |
| `--cds-color-status-info-surface` | `oklch(73.4% 0.014 266.67)` |
| `--cds-color-status-info-line` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-status-info-fill-hover` | `oklch(53.1% 0.022 265.85)` |
| `--cds-color-status-info-fill` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-status-info-content` | `oklch(89.9% 0.008 278.63)` |
| `--cds-color-status-indication-surface` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-indication-line` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-indication-fill-hover` | `oklch(54.3% 0.154 25.99)` |
| `--cds-color-status-indication-fill` | `oklch(41.5% 0.124 26.02)` |
| `--cds-color-status-indication-content` | `oklch(90.1% 0.052 27.01)` |
| `--cds-color-status-danger-surface` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-danger-line` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-danger-fill-hover` | `oklch(54.3% 0.154 25.99)` |
| `--cds-color-status-danger-fill` | `oklch(41.5% 0.124 26.02)` |
| `--cds-color-status-danger-content` | `oklch(90.1% 0.052 27.01)` |
| `--cds-color-page-primary` | `oklch(21.8% 0 0)` |
| `--cds-color-other-teal-surface` | `oklch(72.233% 0.12325 208.489)` |
| `--cds-color-other-teal-line` | `oklch(68.13% 0.1172 208.66)` |
| `--cds-color-other-teal-fill-hover` | `oklch(52.4% 0.0904 208.95)` |
| `--cds-color-other-teal-fill` | `oklch(40.2% 0.0676 207.81)` |
| `--cds-color-other-teal-content` | `oklch(94.1% 0.032 208.74)` |
| `--cds-color-other-purple-surface` | `oklch(74.7% 0.131 297.82)` |
| `--cds-color-other-purple-line` | `oklch(70.9% 0.144 298.98)` |
| `--cds-color-other-purple-fill-hover` | `oklch(54.9% 0.15 303.23)` |
| `--cds-color-other-purple-fill` | `oklch(42.2% 0.123 305.48)` |
| `--cds-color-other-purple-content` | `oklch(94.8% 0.03 307.12)` |
| `--cds-color-other-pink-surface` | `oklch(75.3% 0.145 336.52)` |
| `--cds-color-other-pink-line` | `oklch(71.4% 0.16 336.9)` |
| `--cds-color-other-pink-fill-hover` | `oklch(55.2% 0.169 336.63)` |
| `--cds-color-other-pink-fill` | `oklch(42.4% 0.138 336.93)` |
| `--cds-color-other-pink-content` | `oklch(94.8% 0.033 336.69)` |
| `--cds-color-other-lime-surface` | `oklch(72.5% 0.13 120.48)` |
| `--cds-color-other-lime-line` | `oklch(68.4% 0.1356 121.3)` |
| `--cds-color-other-lime-fill-hover` | `oklch(52% 0.128 123.25)` |
| `--cds-color-other-lime-fill` | `oklch(39.8% 0.098 123.33)` |
| `--cds-color-other-lime-content` | `oklch(94.1% 0.029 113.26)` |
| `--cds-color-other-lemon-surface` | `oklch(72.8% 0.125 110.7)` |
| `--cds-color-other-lemon-line` | `oklch(68.7% 0.13 111.91)` |
| `--cds-color-other-lemon-fill-hover` | `oklch(52.5% 0.118 113.99)` |
| `--cds-color-other-lemon-fill` | `oklch(39.9% 0.0886 113.2)` |
| `--cds-color-other-lemon-content` | `oklch(94.4% 0.028 106.92)` |
| `--cds-color-other-indigo-surface` | `oklch(74.5% 0.132 276.05)` |
| `--cds-color-other-indigo-line` | `oklch(70.5% 0.146 277.64)` |
| `--cds-color-other-indigo-fill-hover` | `oklch(54.7% 0.15 280.67)` |
| `--cds-color-other-indigo-fill` | `oklch(41.9% 0.122 278.61)` |
| `--cds-color-other-indigo-content` | `oklch(94.6% 0.027 285.88)` |
| `--cds-color-other-cyan-surface` | `oklch(71.743% 0.13137 177.512)` |
| `--cds-color-other-cyan-line` | `oklch(67.8% 0.1233 178.21)` |
| `--cds-color-other-cyan-fill-hover` | `oklch(51.9% 0.094 178.33)` |
| `--cds-color-other-cyan-fill` | `oklch(39.6% 0.072 179.89)` |
| `--cds-color-other-cyan-content` | `oklch(94% 0.033 177.74)` |
| `--cds-color-other-chocolate-surface` | `oklch(73.9% 0.091 62.89)` |
| `--cds-color-other-chocolate-line` | `oklch(70.1% 0.098 63.03)` |
| `--cds-color-other-chocolate-fill-hover` | `oklch(53.6% 0.107 63.42)` |
| `--cds-color-other-chocolate-fill` | `oklch(40.8% 0.095 60.07)` |
| `--cds-color-other-chocolate-content` | `oklch(94.6% 0.0265 65.68)` |
| `--cds-color-line-tertiary-hover` | `oklch(60% 0.022 267.16)` |
| `--cds-color-line-tertiary` | `oklch(47.6% 0.018 257.24)` |
| `--cds-color-line-selected-hover` | `oklch(78.6% 0.107 260.74)` |
| `--cds-color-line-selected` | `oklch(69.7% 0.155 258.14)` |
| `--cds-color-line-secondary-hover` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-line-secondary` | `oklch(60% 0.022 267.16)` |
| `--cds-color-line-primary-hover` | `oklch(78.1% 0.013 276.05)` |
| `--cds-color-line-primary` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-line-focus-outline` | `oklch(47.8% 0.161 257.53)` |
| `--cds-color-line-focus` | `oklch(69.7% 0.155 258.14)` |
| `--cds-color-line-elevated` | `oklch(63.1% 0.022 260.16 / 0.4)` |
| `--cds-color-line-disable` | `oklch(53.1% 0.022 265.85)` |
| `--cds-color-fill-selected-hover` | `oklch(78.6% 0.107 260.74)` |
| `--cds-color-fill-selected` | `oklch(69.7% 0.155 258.14)` |
| `--cds-color-fill-secondary-hover` | `oklch(47.6% 0.018 257.24)` |
| `--cds-color-fill-secondary-active` | `oklch(53.1% 0.022 265.85)` |
| `--cds-color-fill-secondary` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-fill-primary-hover` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-fill-primary-active` | `oklch(47.6% 0.018 257.24)` |
| `--cds-color-fill-primary` | `oklch(28.4% 0.012 264.37)` |
| `--cds-color-fill-elevated` | `oklch(60% 0.022 267.16)` |
| `--cds-color-fill-disable` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-state` | `oklch(100% 0 0)` |
| `--cds-color-state-inverse` | `oklch(0% 0 0)` |
| `--cds-color-state-selected` | `oklch(100% 0 0)` |
| `--cds-color-state-disabled` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-content-tertiary` | `oklch(78.1% 0.013 276.05)` |
| `--cds-color-content-secondary` | `oklch(86.3% 0.008 260.73)` |
| `--cds-color-content-primary` | `oklch(94.4% 0.004 286.32)` |
| `--cds-color-content-placeholder` | `oklch(73.4% 0.014 266.67)` |
| `--cds-color-content-on-dark` | `oklch(98.3% 0.004 286.33)` |
| `--cds-color-content-link-visited` | `oklch(79.3% 0.105 295.06)` |
| `--cds-color-content-link` | `oklch(78.6% 0.107 260.74)` |
| `--cds-color-content-inverse` | `oklch(21.8% 0 0)` |
| `--cds-color-content-disable` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-brand-secondary-hover` | `oklch(41.2% 0.13 260.62)` |
| `--cds-color-brand-secondary-border` | `oklch(47.8% 0.161 257.53)` |
| `--cds-color-brand-secondary-active` | `oklch(47.8% 0.161 257.53)` |
| `--cds-color-brand-secondary` | `oklch(29.1% 0.084 263.02)` |
| `--cds-color-brand-primary-hover` | `oklch(47.8% 0.161 257.53)` |
| `--cds-color-brand-primary-content` | `oklch(89.8% 0.049 263.73)` |
| `--cds-color-brand-primary-border` | `oklch(60.5% 0.162 259.26)` |
| `--cds-color-brand-primary-active` | `oklch(41.2% 0.13 260.62)` |
| `--cds-color-brand-primary` | `oklch(60.5% 0.162 259.26)` |

## b2bLight (light)

| Token | Value |
| --- | --- |
| `--cds-color-surface-secondary` | `oklch(100% 0 0)` |
| `--cds-color-surface-primary` | `oklch(100% 0 0)` |
| `--cds-color-surface-overlay` | `oklch(28.4% 0.012 264.37)` |
| `--cds-color-surface-inverse` | `oklch(39.4% 0.023 265.71)` |
| `--cds-color-surface-elevated` | `oklch(100% 0 0)` |
| `--cds-color-status-warning-surface` | `oklch(62.8% 0.1261 90.07)` |
| `--cds-color-status-warning-line` | `oklch(67.44% 0.1346 90.59)` |
| `--cds-color-status-warning-fill-hover` | `oklch(81.2% 0.14 94.93)` |
| `--cds-color-status-warning-fill` | `oklch(89.15% 0.112 95.31)` |
| `--cds-color-status-warning-content` | `oklch(38.8% 0.079 84.22)` |
| `--cds-color-status-success-surface` | `oklch(61.3% 0.1734 141.02)` |
| `--cds-color-status-success-line` | `oklch(65.8% 0.161 141.69)` |
| `--cds-color-status-success-fill-hover` | `oklch(80.4% 0.123 138.04)` |
| `--cds-color-status-success-fill` | `oklch(88.5% 0.094 137.11)` |
| `--cds-color-status-success-content` | `oklch(37.4% 0.1244 143.19)` |
| `--cds-color-status-progress-surface` | `oklch(62.53% 0.1456 243.5)` |
| `--cds-color-status-progress-line` | `oklch(67% 0.149 243.71)` |
| `--cds-color-status-progress-fill-hover` | `oklch(81.45% 0.097 248.66)` |
| `--cds-color-status-progress-fill` | `oklch(89.35% 0.053 251.88)` |
| `--cds-color-status-progress-content` | `oklch(38.6% 0.093 242.85)` |
| `--cds-color-status-info-surface` | `oklch(63.1% 0.022 260.16)` |
| `--cds-color-status-info-line` | `oklch(67.9% 0.019 264.44)` |
| `--cds-color-status-info-fill-hover` | `oklch(81.7% 0.012 269.53)` |
| `--cds-color-status-info-fill` | `oklch(89.7% 0.0076 260.73)` |
| `--cds-color-status-info-content` | `oklch(39.4% 0.023 265.71)` |
| `--cds-color-status-indication-surface` | `oklch(58.7% 0.177 26.55)` |
| `--cds-color-status-indication-line` | `oklch(58.7% 0.177 26.55)` |
| `--cds-color-status-indication-fill-hover` | `oklch(82.5% 0.099 31.6)` |
| `--cds-color-status-indication-fill` | `oklch(89.74% 0.054 33.7)` |
| `--cds-color-status-indication-content` | `oklch(39.34% 0.147 24.98)` |
| `--cds-color-status-danger-surface` | `oklch(58.7% 0.177 26.55)` |
| `--cds-color-status-danger-line` | `oklch(58.7% 0.177 26.55)` |
| `--cds-color-status-danger-fill-hover` | `oklch(82.5% 0.099 31.6)` |
| `--cds-color-status-danger-fill` | `oklch(89.74% 0.054 33.7)` |
| `--cds-color-status-danger-content` | `oklch(39.34% 0.147 24.98)` |
| `--cds-color-page-primary` | `oklch(94.9% 0.006 264.53)` |
| `--cds-color-other-teal-surface` | `oklch(62.2% 0.086 203.22)` |
| `--cds-color-other-teal-line` | `oklch(66.6% 0.095 202.31)` |
| `--cds-color-other-teal-fill-hover` | `oklch(80.4% 0.1186 198.47)` |
| `--cds-color-other-teal-fill` | `oklch(88.7% 0.0714 195.94)` |
| `--cds-color-other-teal-content` | `oklch(26.4% 0.0435 204.76)` |
| `--cds-color-other-purple-surface` | `oklch(64.9% 0.168 306.42)` |
| `--cds-color-other-purple-line` | `oklch(69% 0.145 306.98)` |
| `--cds-color-other-purple-fill-hover` | `oklch(82.6% 0.082 309.32)` |
| `--cds-color-other-purple-fill` | `oklch(89.9% 0.049 310.98)` |
| `--cds-color-other-purple-content` | `oklch(26.2% 0.111 301.36)` |
| `--cds-color-other-pink-surface` | `oklch(65.2% 0.183 336.82)` |
| `--cds-color-other-pink-line` | `oklch(69.6% 0.167 335.97)` |
| `--cds-color-other-pink-fill-hover` | `oklch(83% 0.112 332.63)` |
| `--cds-color-other-pink-fill` | `oklch(90.3% 0.061 331.23)` |
| `--cds-color-other-pink-content` | `oklch(27% 0.095 339.45)` |
| `--cds-color-other-lime-surface` | `oklch(61.9% 0.13 122.66)` |
| `--cds-color-other-lime-line` | `oklch(66.54% 0.143 122.27)` |
| `--cds-color-other-lime-fill-hover` | `oklch(80.7% 0.132 119.42)` |
| `--cds-color-other-lime-fill` | `oklch(88.8% 0.109 117.47)` |
| `--cds-color-other-lime-content` | `oklch(26.3% 0.062 121.66)` |
| `--cds-color-other-lemon-surface` | `oklch(62.3% 0.122 108.36)` |
| `--cds-color-other-lemon-line` | `oklch(67.05% 0.133 108.5)` |
| `--cds-color-other-lemon-fill-hover` | `oklch(81% 0.1256 106.36)` |
| `--cds-color-other-lemon-fill` | `oklch(88.95% 0.114 104.67)` |
| `--cds-color-other-lemon-content` | `oklch(26.2% 0.055 106.55)` |
| `--cds-color-other-indigo-surface` | `oklch(64.6% 0.161 281.73)` |
| `--cds-color-other-indigo-line` | `oklch(68.7% 0.138 284.07)` |
| `--cds-color-other-indigo-fill-hover` | `oklch(82.4% 0.084 289)` |
| `--cds-color-other-indigo-fill` | `oklch(89.9% 0.048 290.65)` |
| `--cds-color-other-indigo-content` | `oklch(27.6% 0.095 278.1)` |
| `--cds-color-other-cyan-surface` | `oklch(62% 0.086 178.05)` |
| `--cds-color-other-cyan-line` | `oklch(66.3% 0.0943 177.08)` |
| `--cds-color-other-cyan-fill-hover` | `oklch(80.4% 0.1194 177.4)` |
| `--cds-color-other-cyan-fill` | `oklch(88.5% 0.08 176.94)` |
| `--cds-color-other-cyan-content` | `oklch(26.1% 0.044 177.65)` |
| `--cds-color-other-chocolate-surface` | `oklch(63.2% 0.078 61.63)` |
| `--cds-color-other-chocolate-line` | `oklch(67.94% 0.068 61.67)` |
| `--cds-color-other-chocolate-fill-hover` | `oklch(81.8% 0.041 61.12)` |
| `--cds-color-other-chocolate-fill` | `oklch(89.3% 0.023 65.43)` |
| `--cds-color-other-chocolate-content` | `oklch(25.9% 0.057 65.11)` |
| `--cds-color-line-tertiary-hover` | `oklch(76.7% 0.015 268.46)` |
| `--cds-color-line-tertiary` | `oklch(85.4% 0.01 267.35)` |
| `--cds-color-line-selected-hover` | `oklch(57.4% 0.16 254.98)` |
| `--cds-color-line-selected` | `oklch(67.8% 0.162 255.91)` |
| `--cds-color-line-secondary-hover` | `oklch(67.9% 0.019 264.44)` |
| `--cds-color-line-secondary` | `oklch(76.7% 0.015 268.46)` |
| `--cds-color-line-primary-hover` | `oklch(57.5% 0.023 264.38)` |
| `--cds-color-line-primary` | `oklch(67.9% 0.019 264.44)` |
| `--cds-color-line-focus-outline` | `oklch(82% 0.088 261.18)` |
| `--cds-color-line-focus` | `oklch(67.8% 0.162 255.91)` |
| `--cds-color-line-elevated` | `oklch(100% 0 0 / 0)` |
| `--cds-color-line-disable` | `oklch(81.7% 0.012 269.53)` |
| `--cds-color-fill-selected-hover` | `oklch(57.4% 0.16 254.98)` |
| `--cds-color-fill-selected` | `oklch(67.8% 0.162 255.91)` |
| `--cds-color-fill-secondary-hover` | `oklch(85.4% 0.01 267.35)` |
| `--cds-color-fill-secondary-active` | `oklch(81.7% 0.012 269.53)` |
| `--cds-color-fill-secondary` | `oklch(89.7% 0.0076 260.73)` |
| `--cds-color-fill-primary-hover` | `oklch(89.7% 0.0076 260.73)` |
| `--cds-color-fill-primary-active` | `oklch(85.4% 0.01 267.35)` |
| `--cds-color-fill-primary` | `oklch(100% 0 0)` |
| `--cds-color-fill-elevated` | `oklch(100% 0 0)` |
| `--cds-color-fill-disable` | `oklch(89.7% 0.0076 260.73)` |
| `--cds-color-state` | `oklch(0% 0 0)` |
| `--cds-color-state-inverse` | `oklch(100% 0 0)` |
| `--cds-color-state-selected` | `oklch(0% 0 0)` |
| `--cds-color-state-disabled` | `oklch(89.7% 0.0076 260.73)` |
| `--cds-color-content-tertiary` | `oklch(57.5% 0.023 264.38)` |
| `--cds-color-content-secondary` | `oklch(45.3% 0.028 266.61)` |
| `--cds-color-content-primary` | `oklch(26.9% 0.022 265.78)` |
| `--cds-color-content-placeholder` | `oklch(63.1% 0.022 260.16)` |
| `--cds-color-content-on-dark` | `oklch(100% 0 0)` |
| `--cds-color-content-link-visited` | `oklch(59% 0.18 337.84)` |
| `--cds-color-content-link` | `oklch(57.4% 0.16 254.98)` |
| `--cds-color-content-inverse` | `oklch(100% 0 0)` |
| `--cds-color-content-disable` | `oklch(67.9% 0.019 264.44)` |
| `--cds-color-brand-secondary-hover` | `oklch(85.2% 0.076 249.92)` |
| `--cds-color-brand-secondary-border` | `oklch(89.35% 0.053 251.88)` |
| `--cds-color-brand-secondary-active` | `oklch(81.45% 0.097 248.66)` |
| `--cds-color-brand-secondary` | `oklch(89.35% 0.053 251.88)` |
| `--cds-color-brand-primary-hover` | `oklch(62.53% 0.1456 243.5)` |
| `--cds-color-brand-primary-content` | `oklch(38.6% 0.093 242.85)` |
| `--cds-color-brand-primary-border` | `oklch(56.8% 0.1284 243.76)` |
| `--cds-color-brand-primary-active` | `oklch(67% 0.149 243.71)` |
| `--cds-color-brand-primary` | `oklch(56.8% 0.1284 243.76)` |

## b2bDark (dark)

| Token | Value |
| --- | --- |
| `--cds-color-surface-secondary` | `oklch(33.6% 0.015 264.35)` |
| `--cds-color-surface-primary` | `oklch(28.4% 0.012 264.37)` |
| `--cds-color-surface-overlay` | `oklch(28.4% 0.012 264.37)` |
| `--cds-color-surface-inverse` | `oklch(89.9% 0.008 278.63)` |
| `--cds-color-surface-elevated` | `oklch(33.6% 0.015 264.35)` |
| `--cds-color-status-warning-surface` | `oklch(73.47% 0.117 86.95)` |
| `--cds-color-status-warning-line` | `oklch(69.5% 0.1206 86.16)` |
| `--cds-color-status-warning-fill-hover` | `oklch(53.06% 0.1084 83.17)` |
| `--cds-color-status-warning-fill` | `oklch(40.6% 0.0837 79.45)` |
| `--cds-color-status-warning-content` | `oklch(89.5% 0.047 86.46)` |
| `--cds-color-status-success-surface` | `oklch(71.9% 0.14 141.96)` |
| `--cds-color-status-success-line` | `oklch(68.08% 0.149 142)` |
| `--cds-color-status-success-fill-hover` | `oklch(51.44% 0.152 143.36)` |
| `--cds-color-status-success-fill` | `oklch(39.3% 0.1197 143.62)` |
| `--cds-color-status-success-content` | `oklch(89.1% 0.051 139.82)` |
| `--cds-color-status-progress-surface` | `oklch(73.5% 0.1464 245.37)` |
| `--cds-color-status-progress-line` | `oklch(69.05% 0.1644 243.02)` |
| `--cds-color-status-progress-fill-hover` | `oklch(52.84% 0.1242 241.61)` |
| `--cds-color-status-progress-fill` | `oklch(40.8% 0.0935 240.32)` |
| `--cds-color-status-progress-content` | `oklch(89.82% 0.05 253.9)` |
| `--cds-color-status-info-surface` | `oklch(73.4% 0.014 266.67)` |
| `--cds-color-status-info-line` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-status-info-fill-hover` | `oklch(53.1% 0.022 265.85)` |
| `--cds-color-status-info-fill` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-status-info-content` | `oklch(89.9% 0.008 278.63)` |
| `--cds-color-status-indication-surface` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-indication-line` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-indication-fill-hover` | `oklch(54.3% 0.154 25.99)` |
| `--cds-color-status-indication-fill` | `oklch(41.5% 0.124 26.02)` |
| `--cds-color-status-indication-content` | `oklch(90.1% 0.052 27.01)` |
| `--cds-color-status-danger-surface` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-danger-line` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-danger-fill-hover` | `oklch(54.3% 0.154 25.99)` |
| `--cds-color-status-danger-fill` | `oklch(41.5% 0.124 26.02)` |
| `--cds-color-status-danger-content` | `oklch(90.1% 0.052 27.01)` |
| `--cds-color-page-primary` | `oklch(21.8% 0 0)` |
| `--cds-color-other-teal-surface` | `oklch(72.233% 0.12325 208.489)` |
| `--cds-color-other-teal-line` | `oklch(68.13% 0.1172 208.66)` |
| `--cds-color-other-teal-fill-hover` | `oklch(52.4% 0.0904 208.95)` |
| `--cds-color-other-teal-fill` | `oklch(40.2% 0.0676 207.81)` |
| `--cds-color-other-teal-content` | `oklch(94.1% 0.032 208.74)` |
| `--cds-color-other-purple-surface` | `oklch(74.7% 0.131 297.82)` |
| `--cds-color-other-purple-line` | `oklch(70.9% 0.144 298.98)` |
| `--cds-color-other-purple-fill-hover` | `oklch(54.9% 0.15 303.23)` |
| `--cds-color-other-purple-fill` | `oklch(42.2% 0.123 305.48)` |
| `--cds-color-other-purple-content` | `oklch(94.8% 0.03 307.12)` |
| `--cds-color-other-pink-surface` | `oklch(75.3% 0.145 336.52)` |
| `--cds-color-other-pink-line` | `oklch(71.4% 0.16 336.9)` |
| `--cds-color-other-pink-fill-hover` | `oklch(55.2% 0.169 336.63)` |
| `--cds-color-other-pink-fill` | `oklch(42.4% 0.138 336.93)` |
| `--cds-color-other-pink-content` | `oklch(94.8% 0.033 336.69)` |
| `--cds-color-other-lime-surface` | `oklch(72.5% 0.13 120.48)` |
| `--cds-color-other-lime-line` | `oklch(68.4% 0.1356 121.3)` |
| `--cds-color-other-lime-fill-hover` | `oklch(52% 0.128 123.25)` |
| `--cds-color-other-lime-fill` | `oklch(39.8% 0.098 123.33)` |
| `--cds-color-other-lime-content` | `oklch(94.1% 0.029 113.26)` |
| `--cds-color-other-lemon-surface` | `oklch(72.8% 0.125 110.7)` |
| `--cds-color-other-lemon-line` | `oklch(68.7% 0.13 111.91)` |
| `--cds-color-other-lemon-fill-hover` | `oklch(52.5% 0.118 113.99)` |
| `--cds-color-other-lemon-fill` | `oklch(39.9% 0.0886 113.2)` |
| `--cds-color-other-lemon-content` | `oklch(94.4% 0.028 106.92)` |
| `--cds-color-other-indigo-surface` | `oklch(74.5% 0.132 276.05)` |
| `--cds-color-other-indigo-line` | `oklch(70.5% 0.146 277.64)` |
| `--cds-color-other-indigo-fill-hover` | `oklch(54.7% 0.15 280.67)` |
| `--cds-color-other-indigo-fill` | `oklch(41.9% 0.122 278.61)` |
| `--cds-color-other-indigo-content` | `oklch(94.6% 0.027 285.88)` |
| `--cds-color-other-cyan-surface` | `oklch(71.743% 0.13137 177.512)` |
| `--cds-color-other-cyan-line` | `oklch(67.8% 0.1233 178.21)` |
| `--cds-color-other-cyan-fill-hover` | `oklch(51.9% 0.094 178.33)` |
| `--cds-color-other-cyan-fill` | `oklch(39.6% 0.072 179.89)` |
| `--cds-color-other-cyan-content` | `oklch(94% 0.033 177.74)` |
| `--cds-color-other-chocolate-surface` | `oklch(73.9% 0.091 62.89)` |
| `--cds-color-other-chocolate-line` | `oklch(70.1% 0.098 63.03)` |
| `--cds-color-other-chocolate-fill-hover` | `oklch(53.6% 0.107 63.42)` |
| `--cds-color-other-chocolate-fill` | `oklch(40.8% 0.095 60.07)` |
| `--cds-color-other-chocolate-content` | `oklch(94.6% 0.0265 65.68)` |
| `--cds-color-line-tertiary-hover` | `oklch(60% 0.022 267.16)` |
| `--cds-color-line-tertiary` | `oklch(47.6% 0.018 257.24)` |
| `--cds-color-line-selected-hover` | `oklch(78.6% 0.107 260.74)` |
| `--cds-color-line-selected` | `oklch(69.7% 0.155 258.14)` |
| `--cds-color-line-secondary-hover` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-line-secondary` | `oklch(60% 0.022 267.16)` |
| `--cds-color-line-primary-hover` | `oklch(78.1% 0.013 276.05)` |
| `--cds-color-line-primary` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-line-focus-outline` | `oklch(47.8% 0.161 257.53)` |
| `--cds-color-line-focus` | `oklch(69.7% 0.155 258.14)` |
| `--cds-color-line-elevated` | `oklch(63.1% 0.022 260.16 / 0.4)` |
| `--cds-color-line-disable` | `oklch(53.1% 0.022 265.85)` |
| `--cds-color-fill-selected-hover` | `oklch(78.6% 0.107 260.74)` |
| `--cds-color-fill-selected` | `oklch(69.7% 0.155 258.14)` |
| `--cds-color-fill-secondary-hover` | `oklch(47.6% 0.018 257.24)` |
| `--cds-color-fill-secondary-active` | `oklch(53.1% 0.022 265.85)` |
| `--cds-color-fill-secondary` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-fill-primary-hover` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-fill-primary-active` | `oklch(47.6% 0.018 257.24)` |
| `--cds-color-fill-primary` | `oklch(28.4% 0.012 264.37)` |
| `--cds-color-fill-elevated` | `oklch(60% 0.022 267.16)` |
| `--cds-color-fill-disable` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-state` | `oklch(100% 0 0)` |
| `--cds-color-state-inverse` | `oklch(0% 0 0)` |
| `--cds-color-state-selected` | `oklch(100% 0 0)` |
| `--cds-color-state-disabled` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-content-tertiary` | `oklch(78.1% 0.013 276.05)` |
| `--cds-color-content-secondary` | `oklch(86.3% 0.008 260.73)` |
| `--cds-color-content-primary` | `oklch(94.4% 0.004 286.32)` |
| `--cds-color-content-placeholder` | `oklch(73.4% 0.014 266.67)` |
| `--cds-color-content-on-dark` | `oklch(98.3% 0.004 286.33)` |
| `--cds-color-content-link-visited` | `oklch(79.3% 0.105 295.06)` |
| `--cds-color-content-link` | `oklch(78.6% 0.107 260.74)` |
| `--cds-color-content-inverse` | `oklch(21.8% 0 0)` |
| `--cds-color-content-disable` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-brand-secondary-hover` | `oklch(40.8% 0.0935 240.32)` |
| `--cds-color-brand-secondary-border` | `oklch(47.1% 0.1104 241.48)` |
| `--cds-color-brand-secondary-active` | `oklch(47.1% 0.1104 241.48)` |
| `--cds-color-brand-secondary` | `oklch(28.4% 0.066 240.81)` |
| `--cds-color-brand-primary-hover` | `oklch(47.1% 0.1104 241.48)` |
| `--cds-color-brand-primary-content` | `oklch(89.82% 0.05 253.9)` |
| `--cds-color-brand-primary-border` | `oklch(59.65% 0.1396 241.44)` |
| `--cds-color-brand-primary-active` | `oklch(40.8% 0.0935 240.32)` |
| `--cds-color-brand-primary` | `oklch(59.65% 0.1396 241.44)` |

## lumaLight (light)

| Token | Value |
| --- | --- |
| `--cds-color-surface-secondary` | `oklch(94.5% 0.007 208.78)` |
| `--cds-color-surface-primary` | `oklch(100% 0 0)` |
| `--cds-color-surface-overlay` | `oklch(37.4% 0.029 185.91)` |
| `--cds-color-surface-inverse` | `oklch(28% 0.025 187.47)` |
| `--cds-color-surface-elevated` | `oklch(100% 0 0)` |
| `--cds-color-status-warning-surface` | `oklch(79.8% 0.164 82.71)` |
| `--cds-color-status-warning-line` | `oklch(79.8% 0.164 82.71)` |
| `--cds-color-status-warning-fill-hover` | `oklch(68.2% 0.146 71.37 / 0.251)` |
| `--cds-color-status-warning-fill` | `oklch(96.1% 0.071 103.3)` |
| `--cds-color-status-warning-content` | `oklch(68.2% 0.146 71.47)` |
| `--cds-color-status-success-surface` | `oklch(70.9% 0.208 145.6)` |
| `--cds-color-status-success-line` | `oklch(70.9% 0.208 145.6)` |
| `--cds-color-status-success-fill-hover` | `oklch(60.4% 0.176 147.38 / 0.251)` |
| `--cds-color-status-success-fill` | `oklch(94.1% 0.05 146.07)` |
| `--cds-color-status-success-content` | `oklch(60.4% 0.176 147.35)` |
| `--cds-color-status-progress-surface` | `oklch(69.2% 0.16 240.38)` |
| `--cds-color-status-progress-line` | `oklch(69.2% 0.16 240.38)` |
| `--cds-color-status-progress-fill-hover` | `oklch(61.9% 0.207 259.23 / 0.251)` |
| `--cds-color-status-progress-fill` | `oklch(93.6% 0.026 235.36)` |
| `--cds-color-status-progress-content` | `oklch(59.3% 0.151 245.37)` |
| `--cds-color-status-info-surface` | `oklch(70.7% 0.032 262.49)` |
| `--cds-color-status-info-line` | `oklch(70.7% 0.032 262.49)` |
| `--cds-color-status-info-fill-hover` | `oklch(55.1% 0.027 264.33 / 0.251)` |
| `--cds-color-status-info-fill` | `oklch(92.8% 0.007 268.54)` |
| `--cds-color-status-info-content` | `oklch(55.1% 0.047 264.08)` |
| `--cds-color-status-indication-surface` | `oklch(58.3% 0.239 28.48)` |
| `--cds-color-status-indication-line` | `oklch(58.3% 0.239 28.48)` |
| `--cds-color-status-indication-fill-hover` | `oklch(58.3% 0.238 28.48 / 0.251)` |
| `--cds-color-status-indication-fill` | `oklch(93.6% 0.032 17.74)` |
| `--cds-color-status-indication-content` | `oklch(50.9% 0.209 28.51)` |
| `--cds-color-status-danger-surface` | `oklch(63.7% 0.221 35.48)` |
| `--cds-color-status-danger-line` | `oklch(63.7% 0.221 35.48)` |
| `--cds-color-status-danger-fill-hover` | `oklch(58.3% 0.238 28.48 / 0.251)` |
| `--cds-color-status-danger-fill` | `oklch(92.9% 0.032 39.33)` |
| `--cds-color-status-danger-content` | `oklch(59.3% 0.192 38.44)` |
| `--cds-color-page-primary` | `oklch(96.7% 0.004 197.09)` |
| `--cds-color-other-teal-surface` | `oklch(60.5% 0.107 184.17)` |
| `--cds-color-other-teal-line` | `oklch(60.5% 0.107 184.17)` |
| `--cds-color-other-teal-fill-hover` | `oklch(91.1% 0.096 180.11)` |
| `--cds-color-other-teal-fill` | `oklch(95.2% 0.051 181.07)` |
| `--cds-color-other-teal-content` | `oklch(51.5% 0.09 185.73)` |
| `--cds-color-other-purple-surface` | `oklch(55.8% 0.288 302.3)` |
| `--cds-color-other-purple-line` | `oklch(55.8% 0.288 302.3)` |
| `--cds-color-other-purple-fill-hover` | `oklch(90% 0.062 307.2)` |
| `--cds-color-other-purple-fill` | `oklch(94.6% 0.033 307.17)` |
| `--cds-color-other-purple-content` | `oklch(50.6% 0.267 301.87)` |
| `--cds-color-other-pink-surface` | `oklch(59.8% 0.242 1.37)` |
| `--cds-color-other-pink-line` | `oklch(59.8% 0.242 1.37)` |
| `--cds-color-other-pink-fill-hover` | `oklch(89.9% 0.061 343.45)` |
| `--cds-color-other-pink-fill` | `oklch(94.8% 0.028 342.26)` |
| `--cds-color-other-pink-content` | `oklch(53.2% 0.214 4.81)` |
| `--cds-color-other-lime-surface` | `oklch(64.9% 0.184 133.28)` |
| `--cds-color-other-lime-line` | `oklch(64.9% 0.184 133.28)` |
| `--cds-color-other-lime-fill-hover` | `oklch(93.7% 0.126 124.26)` |
| `--cds-color-other-lime-fill` | `oklch(96.7% 0.067 122.08)` |
| `--cds-color-other-lime-content` | `oklch(53.2% 0.149 132.39)` |
| `--cds-color-other-lemon-surface` | `oklch(68.2% 0.146 71.47)` |
| `--cds-color-other-lemon-line` | `oklch(68.2% 0.146 71.47)` |
| `--cds-color-other-lemon-fill-hover` | `oklch(94.5% 0.129 101.4)` |
| `--cds-color-other-lemon-fill` | `oklch(97.3% 0.071 103.29)` |
| `--cds-color-other-lemon-content` | `oklch(55.5% 0.127 62.52)` |
| `--cds-color-other-indigo-surface` | `oklch(54% 0.251 277.08)` |
| `--cds-color-other-indigo-line` | `oklch(54% 0.251 277.08)` |
| `--cds-color-other-indigo-fill-hover` | `oklch(87% 0.064 273.31)` |
| `--cds-color-other-indigo-fill` | `oklch(93% 0.033 272.79)` |
| `--cds-color-other-indigo-content` | `oklch(50.5% 0.254 277.06)` |
| `--cds-color-other-cyan-surface` | `oklch(61.4% 0.116 224.64)` |
| `--cds-color-other-cyan-line` | `oklch(61.4% 0.116 224.64)` |
| `--cds-color-other-cyan-fill-hover` | `oklch(91.8% 0.081 204.61)` |
| `--cds-color-other-cyan-fill` | `oklch(95.6% 0.045 203.23)` |
| `--cds-color-other-cyan-content` | `oklch(52.3% 0.099 225.32)` |
| `--cds-color-other-chocolate-surface` | `oklch(55.2% 0.055 11.12)` |
| `--cds-color-other-chocolate-line` | `oklch(55.2% 0.055 11.12)` |
| `--cds-color-other-chocolate-fill-hover` | `oklch(92.8% 0.02 9.8)` |
| `--cds-color-other-chocolate-fill` | `oklch(96.7% 0.008 7.29)` |
| `--cds-color-other-chocolate-content` | `oklch(44.6% 0.06 10.67)` |
| `--cds-color-line-tertiary-hover` | `oklch(75.5% 0.014 208.76 / 0.502)` |
| `--cds-color-line-tertiary` | `oklch(75.5% 0.014 208.76 / 0.2)` |
| `--cds-color-line-selected-hover` | `oklch(57.4% 0.16 254.98)` |
| `--cds-color-line-selected` | `oklch(67.8% 0.162 255.91)` |
| `--cds-color-line-secondary-hover` | `oklch(75.5% 0.014 208.76 / 0.6)` |
| `--cds-color-line-secondary` | `oklch(75.5% 0.014 208.76 / 0.302)` |
| `--cds-color-line-primary-hover` | `oklch(75.5% 0.014 208.76 / 0.702)` |
| `--cds-color-line-primary` | `oklch(75.5% 0.014 208.76 / 0.4)` |
| `--cds-color-line-focus-outline` | `oklch(82% 0.088 261.18)` |
| `--cds-color-line-focus` | `oklch(67.8% 0.162 255.91)` |
| `--cds-color-line-elevated` | `oklch(100% 0 0 / 0)` |
| `--cds-color-line-disable` | `oklch(55.2% 0.021 155.44 / 0.149)` |
| `--cds-color-fill-selected-hover` | `oklch(57.4% 0.16 254.98)` |
| `--cds-color-fill-selected` | `oklch(67.8% 0.162 255.91)` |
| `--cds-color-fill-secondary-hover` | `oklch(86.9% 0.017 211.04 / 0.502)` |
| `--cds-color-fill-secondary-active` | `oklch(86.9% 0.017 211.04 / 0.702)` |
| `--cds-color-fill-secondary` | `oklch(86.9% 0.017 211.04 / 0.4)` |
| `--cds-color-fill-primary-hover` | `oklch(93.2% 0.008 207.14 / 0.502)` |
| `--cds-color-fill-primary-active` | `oklch(93.2% 0.008 207.14 / 0.651)` |
| `--cds-color-fill-primary` | `oklch(100% 0 0 / 0.749)` |
| `--cds-color-fill-elevated` | `oklch(100% 0 0)` |
| `--cds-color-fill-disable` | `oklch(93.1% 0.009 205.89 / 0.549)` |
| `--cds-color-state` | `oklch(82.4% 0.023 155.83)` |
| `--cds-color-state-inverse` | `oklch(100% 0 0)` |
| `--cds-color-state-selected` | `oklch(87.3% 0.019 155.77)` |
| `--cds-color-state-disabled` | `oklch(91.6% 0.012 190.43)` |
| `--cds-color-content-tertiary` | `oklch(44.5% 0.023 157.16 / 0.851)` |
| `--cds-color-content-secondary` | `oklch(14.3% 0.019 158.66 / 0.749)` |
| `--cds-color-content-primary` | `oklch(14.3% 0.019 158.66)` |
| `--cds-color-content-placeholder` | `oklch(44.5% 0.023 157.16 / 0.349)` |
| `--cds-color-content-on-dark` | `oklch(100% 0 0)` |
| `--cds-color-content-link-visited` | `oklch(70.7% 0.022 188.99)` |
| `--cds-color-content-link` | `oklch(74.8% 0.155 233.25)` |
| `--cds-color-content-inverse` | `oklch(100% 0 0)` |
| `--cds-color-content-disable` | `oklch(44.5% 0.023 157.16 / 0.349)` |
| `--cds-color-brand-secondary-hover` | `oklch(37.4% 0.029 185.91)` |
| `--cds-color-brand-secondary-border` | `oklch(70.7% 0.022 188.99 / 0.4)` |
| `--cds-color-brand-secondary-active` | `oklch(44.7% 0.029 186.65)` |
| `--cds-color-brand-secondary` | `oklch(20.8% 0.021 190.24)` |
| `--cds-color-brand-primary-hover` | `oklch(59.4% 0.213 19.55)` |
| `--cds-color-brand-primary-content` | `oklch(55.3% 0.213 19.6)` |
| `--cds-color-brand-primary-border` | `oklch(55.3% 0.213 19.6)` |
| `--cds-color-brand-primary-active` | `oklch(62.4% 0.213 19.77)` |
| `--cds-color-brand-primary` | `oklch(55.3% 0.213 19.6)` |

## lumaDark (dark)

| Token | Value |
| --- | --- |
| `--cds-color-surface-secondary` | `oklch(26.9% 0.012 270.96)` |
| `--cds-color-surface-primary` | `oklch(23% 0.008 264.4)` |
| `--cds-color-surface-overlay` | `oklch(28.4% 0.012 264.37)` |
| `--cds-color-surface-inverse` | `oklch(89.9% 0.008 278.63)` |
| `--cds-color-surface-elevated` | `oklch(26.9% 0.012 270.96)` |
| `--cds-color-status-warning-surface` | `oklch(73.47% 0.117 86.95)` |
| `--cds-color-status-warning-line` | `oklch(69.5% 0.1206 86.16)` |
| `--cds-color-status-warning-fill-hover` | `oklch(53.06% 0.1084 83.17)` |
| `--cds-color-status-warning-fill` | `oklch(40.6% 0.0837 79.45)` |
| `--cds-color-status-warning-content` | `oklch(89.5% 0.047 86.46)` |
| `--cds-color-status-success-surface` | `oklch(71.9% 0.14 141.96)` |
| `--cds-color-status-success-line` | `oklch(68.08% 0.149 142)` |
| `--cds-color-status-success-fill-hover` | `oklch(51.44% 0.152 143.36)` |
| `--cds-color-status-success-fill` | `oklch(39.3% 0.1197 143.62)` |
| `--cds-color-status-success-content` | `oklch(89.1% 0.051 139.82)` |
| `--cds-color-status-progress-surface` | `oklch(73.5% 0.1464 245.37)` |
| `--cds-color-status-progress-line` | `oklch(69.05% 0.1644 243.02)` |
| `--cds-color-status-progress-fill-hover` | `oklch(52.84% 0.1242 241.61)` |
| `--cds-color-status-progress-fill` | `oklch(40.8% 0.0935 240.32)` |
| `--cds-color-status-progress-content` | `oklch(89.82% 0.05 253.9)` |
| `--cds-color-status-info-surface` | `oklch(73.4% 0.014 266.67)` |
| `--cds-color-status-info-line` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-status-info-fill-hover` | `oklch(53.1% 0.022 265.85)` |
| `--cds-color-status-info-fill` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-status-info-content` | `oklch(89.9% 0.008 278.63)` |
| `--cds-color-status-indication-surface` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-indication-line` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-indication-fill-hover` | `oklch(54.3% 0.154 25.99)` |
| `--cds-color-status-indication-fill` | `oklch(41.5% 0.124 26.02)` |
| `--cds-color-status-indication-content` | `oklch(90.1% 0.052 27.01)` |
| `--cds-color-status-danger-surface` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-danger-line` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-danger-fill-hover` | `oklch(54.3% 0.154 25.99)` |
| `--cds-color-status-danger-fill` | `oklch(41.5% 0.124 26.02)` |
| `--cds-color-status-danger-content` | `oklch(90.1% 0.052 27.01)` |
| `--cds-color-page-primary` | `oklch(20.5% 0.006 271.11)` |
| `--cds-color-other-teal-surface` | `oklch(72.233% 0.12325 208.489)` |
| `--cds-color-other-teal-line` | `oklch(68.13% 0.1172 208.66)` |
| `--cds-color-other-teal-fill-hover` | `oklch(52.4% 0.0904 208.95)` |
| `--cds-color-other-teal-fill` | `oklch(40.2% 0.0676 207.81)` |
| `--cds-color-other-teal-content` | `oklch(94.1% 0.032 208.74)` |
| `--cds-color-other-purple-surface` | `oklch(74.7% 0.131 297.82)` |
| `--cds-color-other-purple-line` | `oklch(70.9% 0.144 298.98)` |
| `--cds-color-other-purple-fill-hover` | `oklch(54.9% 0.15 303.23)` |
| `--cds-color-other-purple-fill` | `oklch(42.2% 0.123 305.48)` |
| `--cds-color-other-purple-content` | `oklch(94.8% 0.03 307.12)` |
| `--cds-color-other-pink-surface` | `oklch(75.3% 0.145 336.52)` |
| `--cds-color-other-pink-line` | `oklch(71.4% 0.16 336.9)` |
| `--cds-color-other-pink-fill-hover` | `oklch(55.2% 0.169 336.63)` |
| `--cds-color-other-pink-fill` | `oklch(42.4% 0.138 336.93)` |
| `--cds-color-other-pink-content` | `oklch(94.8% 0.033 336.69)` |
| `--cds-color-other-lime-surface` | `oklch(72.5% 0.13 120.48)` |
| `--cds-color-other-lime-line` | `oklch(68.4% 0.1356 121.3)` |
| `--cds-color-other-lime-fill-hover` | `oklch(52% 0.128 123.25)` |
| `--cds-color-other-lime-fill` | `oklch(39.8% 0.098 123.33)` |
| `--cds-color-other-lime-content` | `oklch(94.1% 0.029 113.26)` |
| `--cds-color-other-lemon-surface` | `oklch(72.8% 0.125 110.7)` |
| `--cds-color-other-lemon-line` | `oklch(68.7% 0.13 111.91)` |
| `--cds-color-other-lemon-fill-hover` | `oklch(52.5% 0.118 113.99)` |
| `--cds-color-other-lemon-fill` | `oklch(39.9% 0.0886 113.2)` |
| `--cds-color-other-lemon-content` | `oklch(94.4% 0.028 106.92)` |
| `--cds-color-other-indigo-surface` | `oklch(74.5% 0.132 276.05)` |
| `--cds-color-other-indigo-line` | `oklch(70.5% 0.146 277.64)` |
| `--cds-color-other-indigo-fill-hover` | `oklch(54.7% 0.15 280.67)` |
| `--cds-color-other-indigo-fill` | `oklch(41.9% 0.122 278.61)` |
| `--cds-color-other-indigo-content` | `oklch(94.6% 0.027 285.88)` |
| `--cds-color-other-cyan-surface` | `oklch(71.743% 0.13137 177.512)` |
| `--cds-color-other-cyan-line` | `oklch(67.8% 0.1233 178.21)` |
| `--cds-color-other-cyan-fill-hover` | `oklch(51.9% 0.094 178.33)` |
| `--cds-color-other-cyan-fill` | `oklch(39.6% 0.072 179.89)` |
| `--cds-color-other-cyan-content` | `oklch(94% 0.033 177.74)` |
| `--cds-color-other-chocolate-surface` | `oklch(73.9% 0.091 62.89)` |
| `--cds-color-other-chocolate-line` | `oklch(70.1% 0.098 63.03)` |
| `--cds-color-other-chocolate-fill-hover` | `oklch(53.6% 0.107 63.42)` |
| `--cds-color-other-chocolate-fill` | `oklch(40.8% 0.095 60.07)` |
| `--cds-color-other-chocolate-content` | `oklch(94.6% 0.0265 65.68)` |
| `--cds-color-line-tertiary-hover` | `oklch(60% 0.022 267.16)` |
| `--cds-color-line-tertiary` | `oklch(47.6% 0.018 257.24)` |
| `--cds-color-line-selected-hover` | `oklch(78.6% 0.107 260.74)` |
| `--cds-color-line-selected` | `oklch(69.7% 0.155 258.14)` |
| `--cds-color-line-secondary-hover` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-line-secondary` | `oklch(60% 0.022 267.16)` |
| `--cds-color-line-primary-hover` | `oklch(78.1% 0.013 276.05)` |
| `--cds-color-line-primary` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-line-focus-outline` | `oklch(47.8% 0.161 257.53)` |
| `--cds-color-line-focus` | `oklch(69.7% 0.155 258.14)` |
| `--cds-color-line-elevated` | `oklch(63.1% 0.022 260.16 / 0.4)` |
| `--cds-color-line-disable` | `oklch(53.1% 0.022 265.85)` |
| `--cds-color-fill-selected-hover` | `oklch(78.6% 0.107 260.74)` |
| `--cds-color-fill-selected` | `oklch(69.7% 0.155 258.14)` |
| `--cds-color-fill-secondary-hover` | `oklch(47.6% 0.018 257.24)` |
| `--cds-color-fill-secondary-active` | `oklch(53.1% 0.022 265.85)` |
| `--cds-color-fill-secondary` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-fill-primary-hover` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-fill-primary-active` | `oklch(47.6% 0.018 257.24)` |
| `--cds-color-fill-primary` | `oklch(28.4% 0.012 264.37)` |
| `--cds-color-fill-elevated` | `oklch(60% 0.022 267.16)` |
| `--cds-color-fill-disable` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-state` | `oklch(100% 0 0)` |
| `--cds-color-state-inverse` | `oklch(0% 0 0)` |
| `--cds-color-state-selected` | `oklch(100% 0 0)` |
| `--cds-color-state-disabled` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-content-tertiary` | `oklch(78.1% 0.013 276.05)` |
| `--cds-color-content-secondary` | `oklch(86.3% 0.008 260.73)` |
| `--cds-color-content-primary` | `oklch(94.4% 0.004 286.32)` |
| `--cds-color-content-placeholder` | `oklch(73.4% 0.014 266.67)` |
| `--cds-color-content-on-dark` | `oklch(98.3% 0.004 286.33)` |
| `--cds-color-content-link-visited` | `oklch(79.3% 0.105 295.06)` |
| `--cds-color-content-link` | `oklch(78.6% 0.107 260.74)` |
| `--cds-color-content-inverse` | `oklch(21.8% 0 0)` |
| `--cds-color-content-disable` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-brand-secondary-hover` | `oklch(41.2% 0.154 11.97)` |
| `--cds-color-brand-secondary-border` | `oklch(45.9% 0.17 14.37)` |
| `--cds-color-brand-secondary-active` | `oklch(45.9% 0.17 14.37)` |
| `--cds-color-brand-secondary` | `oklch(35.3% 0.1305 12.39)` |
| `--cds-color-brand-primary-hover` | `oklch(41.2% 0.154 11.97)` |
| `--cds-color-brand-primary-content` | `oklch(91.94% 0.043 3.74)` |
| `--cds-color-brand-primary-border` | `oklch(55.6% 0.2135 14.24)` |
| `--cds-color-brand-primary-active` | `oklch(33.1% 0.1214 11.64)` |
| `--cds-color-brand-primary` | `oklch(55.6% 0.2135 14.24)` |

## promoLight (light)

| Token | Value |
| --- | --- |
| `--cds-color-surface-secondary` | `oklch(94.9% 0 0)` |
| `--cds-color-surface-primary` | `oklch(100% 0 0)` |
| `--cds-color-surface-overlay` | `oklch(28.4% 0.012 264.37)` |
| `--cds-color-surface-inverse` | `oklch(39.4% 0.023 265.71)` |
| `--cds-color-surface-elevated` | `oklch(100% 0 0)` |
| `--cds-color-status-warning-surface` | `oklch(62.8% 0.1261 90.07)` |
| `--cds-color-status-warning-line` | `oklch(67.44% 0.1346 90.59)` |
| `--cds-color-status-warning-fill-hover` | `oklch(81.2% 0.14 94.93)` |
| `--cds-color-status-warning-fill` | `oklch(89.15% 0.112 95.31)` |
| `--cds-color-status-warning-content` | `oklch(38.8% 0.079 84.22)` |
| `--cds-color-status-success-surface` | `oklch(61.3% 0.1734 141.02)` |
| `--cds-color-status-success-line` | `oklch(65.8% 0.161 141.69)` |
| `--cds-color-status-success-fill-hover` | `oklch(80.4% 0.123 138.04)` |
| `--cds-color-status-success-fill` | `oklch(88.5% 0.094 137.11)` |
| `--cds-color-status-success-content` | `oklch(37.4% 0.1244 143.19)` |
| `--cds-color-status-progress-surface` | `oklch(62.53% 0.1456 243.5)` |
| `--cds-color-status-progress-line` | `oklch(67% 0.149 243.71)` |
| `--cds-color-status-progress-fill-hover` | `oklch(81.45% 0.097 248.66)` |
| `--cds-color-status-progress-fill` | `oklch(89.35% 0.053 251.88)` |
| `--cds-color-status-progress-content` | `oklch(38.6% 0.093 242.85)` |
| `--cds-color-status-info-surface` | `oklch(63.1% 0.022 260.16)` |
| `--cds-color-status-info-line` | `oklch(67.9% 0.019 264.44)` |
| `--cds-color-status-info-fill-hover` | `oklch(81.7% 0.012 269.53)` |
| `--cds-color-status-info-fill` | `oklch(89.7% 0.0076 260.73)` |
| `--cds-color-status-info-content` | `oklch(39.4% 0.023 265.71)` |
| `--cds-color-status-indication-surface` | `oklch(58.7% 0.177 26.55)` |
| `--cds-color-status-indication-line` | `oklch(58.7% 0.177 26.55)` |
| `--cds-color-status-indication-fill-hover` | `oklch(82.5% 0.099 31.6)` |
| `--cds-color-status-indication-fill` | `oklch(89.74% 0.054 33.7)` |
| `--cds-color-status-indication-content` | `oklch(39.34% 0.147 24.98)` |
| `--cds-color-status-danger-surface` | `oklch(58.7% 0.177 26.55)` |
| `--cds-color-status-danger-line` | `oklch(58.7% 0.177 26.55)` |
| `--cds-color-status-danger-fill-hover` | `oklch(82.5% 0.099 31.6)` |
| `--cds-color-status-danger-fill` | `oklch(89.74% 0.054 33.7)` |
| `--cds-color-status-danger-content` | `oklch(39.34% 0.147 24.98)` |
| `--cds-color-page-primary` | `oklch(94.9% 0.006 264.53)` |
| `--cds-color-other-teal-surface` | `oklch(62.2% 0.086 203.22)` |
| `--cds-color-other-teal-line` | `oklch(66.6% 0.095 202.31)` |
| `--cds-color-other-teal-fill-hover` | `oklch(80.4% 0.1186 198.47)` |
| `--cds-color-other-teal-fill` | `oklch(88.7% 0.0714 195.94)` |
| `--cds-color-other-teal-content` | `oklch(26.4% 0.0435 204.76)` |
| `--cds-color-other-purple-surface` | `oklch(64.9% 0.168 306.42)` |
| `--cds-color-other-purple-line` | `oklch(69% 0.145 306.98)` |
| `--cds-color-other-purple-fill-hover` | `oklch(82.6% 0.082 309.32)` |
| `--cds-color-other-purple-fill` | `oklch(89.9% 0.049 310.98)` |
| `--cds-color-other-purple-content` | `oklch(26.2% 0.111 301.36)` |
| `--cds-color-other-pink-surface` | `oklch(65.2% 0.183 336.82)` |
| `--cds-color-other-pink-line` | `oklch(69.6% 0.167 335.97)` |
| `--cds-color-other-pink-fill-hover` | `oklch(83% 0.112 332.63)` |
| `--cds-color-other-pink-fill` | `oklch(90.3% 0.061 331.23)` |
| `--cds-color-other-pink-content` | `oklch(27% 0.095 339.45)` |
| `--cds-color-other-lime-surface` | `oklch(61.9% 0.13 122.66)` |
| `--cds-color-other-lime-line` | `oklch(66.54% 0.143 122.27)` |
| `--cds-color-other-lime-fill-hover` | `oklch(80.7% 0.132 119.42)` |
| `--cds-color-other-lime-fill` | `oklch(88.8% 0.109 117.47)` |
| `--cds-color-other-lime-content` | `oklch(26.3% 0.062 121.66)` |
| `--cds-color-other-lemon-surface` | `oklch(62.3% 0.122 108.36)` |
| `--cds-color-other-lemon-line` | `oklch(67.05% 0.133 108.5)` |
| `--cds-color-other-lemon-fill-hover` | `oklch(81% 0.1256 106.36)` |
| `--cds-color-other-lemon-fill` | `oklch(88.95% 0.114 104.67)` |
| `--cds-color-other-lemon-content` | `oklch(26.2% 0.055 106.55)` |
| `--cds-color-other-indigo-surface` | `oklch(64.6% 0.161 281.73)` |
| `--cds-color-other-indigo-line` | `oklch(68.7% 0.138 284.07)` |
| `--cds-color-other-indigo-fill-hover` | `oklch(82.4% 0.084 289)` |
| `--cds-color-other-indigo-fill` | `oklch(89.9% 0.048 290.65)` |
| `--cds-color-other-indigo-content` | `oklch(27.6% 0.095 278.1)` |
| `--cds-color-other-cyan-surface` | `oklch(62% 0.086 178.05)` |
| `--cds-color-other-cyan-line` | `oklch(66.3% 0.0943 177.08)` |
| `--cds-color-other-cyan-fill-hover` | `oklch(80.4% 0.1194 177.4)` |
| `--cds-color-other-cyan-fill` | `oklch(88.5% 0.08 176.94)` |
| `--cds-color-other-cyan-content` | `oklch(26.1% 0.044 177.65)` |
| `--cds-color-other-chocolate-surface` | `oklch(63.2% 0.078 61.63)` |
| `--cds-color-other-chocolate-line` | `oklch(67.94% 0.068 61.67)` |
| `--cds-color-other-chocolate-fill-hover` | `oklch(81.8% 0.041 61.12)` |
| `--cds-color-other-chocolate-fill` | `oklch(89.3% 0.023 65.43)` |
| `--cds-color-other-chocolate-content` | `oklch(25.9% 0.057 65.11)` |
| `--cds-color-line-tertiary-hover` | `oklch(76.7% 0.015 268.46)` |
| `--cds-color-line-tertiary` | `oklch(85.4% 0.01 267.35)` |
| `--cds-color-line-selected-hover` | `oklch(57.4% 0.16 254.98)` |
| `--cds-color-line-selected` | `oklch(67.8% 0.162 255.91)` |
| `--cds-color-line-secondary-hover` | `oklch(67.9% 0.019 264.44)` |
| `--cds-color-line-secondary` | `oklch(76.7% 0.015 268.46)` |
| `--cds-color-line-primary-hover` | `oklch(57.5% 0.023 264.38)` |
| `--cds-color-line-primary` | `oklch(67.9% 0.019 264.44)` |
| `--cds-color-line-focus-outline` | `oklch(82% 0.088 261.18)` |
| `--cds-color-line-focus` | `oklch(67.8% 0.162 255.91)` |
| `--cds-color-line-elevated` | `oklch(100% 0 0 / 0)` |
| `--cds-color-line-disable` | `oklch(81.7% 0.012 269.53)` |
| `--cds-color-fill-selected-hover` | `oklch(57.4% 0.16 254.98)` |
| `--cds-color-fill-selected` | `oklch(67.8% 0.162 255.91)` |
| `--cds-color-fill-secondary-hover` | `oklch(85.4% 0.01 267.35)` |
| `--cds-color-fill-secondary-active` | `oklch(81.7% 0.012 269.53)` |
| `--cds-color-fill-secondary` | `oklch(89.7% 0.0076 260.73)` |
| `--cds-color-fill-primary-hover` | `oklch(89.7% 0.0076 260.73)` |
| `--cds-color-fill-primary-active` | `oklch(85.4% 0.01 267.35)` |
| `--cds-color-fill-primary` | `oklch(100% 0 0)` |
| `--cds-color-fill-elevated` | `oklch(100% 0 0)` |
| `--cds-color-fill-disable` | `oklch(89.7% 0.0076 260.73)` |
| `--cds-color-state` | `oklch(0% 0 0)` |
| `--cds-color-state-inverse` | `oklch(100% 0 0)` |
| `--cds-color-state-selected` | `oklch(0% 0 0)` |
| `--cds-color-state-disabled` | `oklch(89.7% 0.0076 260.73)` |
| `--cds-color-content-tertiary` | `oklch(57.5% 0.023 264.38)` |
| `--cds-color-content-secondary` | `oklch(45.3% 0.028 266.61)` |
| `--cds-color-content-primary` | `oklch(26.9% 0.022 265.78)` |
| `--cds-color-content-placeholder` | `oklch(63.1% 0.022 260.16)` |
| `--cds-color-content-on-dark` | `oklch(100% 0 0)` |
| `--cds-color-content-link-visited` | `oklch(59% 0.18 337.84)` |
| `--cds-color-content-link` | `oklch(57.4% 0.16 254.98)` |
| `--cds-color-content-inverse` | `oklch(100% 0 0)` |
| `--cds-color-content-disable` | `oklch(67.9% 0.019 264.44)` |
| `--cds-color-brand-secondary-hover` | `oklch(86.03% 0.074 33.02)` |
| `--cds-color-brand-secondary-border` | `oklch(89.74% 0.054 33.7)` |
| `--cds-color-brand-secondary-active` | `oklch(82.5% 0.099 31.6)` |
| `--cds-color-brand-secondary` | `oklch(89.74% 0.054 33.7)` |
| `--cds-color-brand-primary-hover` | `oklch(64.4% 0.175 27.18)` |
| `--cds-color-brand-primary-content` | `oklch(39.34% 0.147 24.98)` |
| `--cds-color-brand-primary-border` | `oklch(58.7% 0.177 26.55)` |
| `--cds-color-brand-primary-active` | `oklch(69.2% 0.172 27.8)` |
| `--cds-color-brand-primary` | `oklch(58.7% 0.177 26.55)` |

## promoDark (dark)

| Token | Value |
| --- | --- |
| `--cds-color-surface-secondary` | `oklch(33.6% 0.015 264.35)` |
| `--cds-color-surface-primary` | `oklch(28.4% 0.012 264.37)` |
| `--cds-color-surface-overlay` | `oklch(28.4% 0.012 264.37)` |
| `--cds-color-surface-inverse` | `oklch(89.9% 0.008 278.63)` |
| `--cds-color-surface-elevated` | `oklch(33.6% 0.015 264.35)` |
| `--cds-color-status-warning-surface` | `oklch(73.47% 0.117 86.95)` |
| `--cds-color-status-warning-line` | `oklch(69.5% 0.1206 86.16)` |
| `--cds-color-status-warning-fill-hover` | `oklch(53.06% 0.1084 83.17)` |
| `--cds-color-status-warning-fill` | `oklch(40.6% 0.0837 79.45)` |
| `--cds-color-status-warning-content` | `oklch(89.5% 0.047 86.46)` |
| `--cds-color-status-success-surface` | `oklch(71.9% 0.14 141.96)` |
| `--cds-color-status-success-line` | `oklch(68.08% 0.149 142)` |
| `--cds-color-status-success-fill-hover` | `oklch(51.44% 0.152 143.36)` |
| `--cds-color-status-success-fill` | `oklch(39.3% 0.1197 143.62)` |
| `--cds-color-status-success-content` | `oklch(89.1% 0.051 139.82)` |
| `--cds-color-status-progress-surface` | `oklch(73.5% 0.1464 245.37)` |
| `--cds-color-status-progress-line` | `oklch(69.05% 0.1644 243.02)` |
| `--cds-color-status-progress-fill-hover` | `oklch(52.84% 0.1242 241.61)` |
| `--cds-color-status-progress-fill` | `oklch(40.8% 0.0935 240.32)` |
| `--cds-color-status-progress-content` | `oklch(89.82% 0.05 253.9)` |
| `--cds-color-status-info-surface` | `oklch(73.4% 0.014 266.67)` |
| `--cds-color-status-info-line` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-status-info-fill-hover` | `oklch(53.1% 0.022 265.85)` |
| `--cds-color-status-info-fill` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-status-info-content` | `oklch(89.9% 0.008 278.63)` |
| `--cds-color-status-indication-surface` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-indication-line` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-indication-fill-hover` | `oklch(54.3% 0.154 25.99)` |
| `--cds-color-status-indication-fill` | `oklch(41.5% 0.124 26.02)` |
| `--cds-color-status-indication-content` | `oklch(90.1% 0.052 27.01)` |
| `--cds-color-status-danger-surface` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-danger-line` | `oklch(79.5% 0.118 27.6)` |
| `--cds-color-status-danger-fill-hover` | `oklch(54.3% 0.154 25.99)` |
| `--cds-color-status-danger-fill` | `oklch(41.5% 0.124 26.02)` |
| `--cds-color-status-danger-content` | `oklch(90.1% 0.052 27.01)` |
| `--cds-color-page-primary` | `oklch(21.8% 0 0)` |
| `--cds-color-other-teal-surface` | `oklch(72.233% 0.12325 208.489)` |
| `--cds-color-other-teal-line` | `oklch(68.13% 0.1172 208.66)` |
| `--cds-color-other-teal-fill-hover` | `oklch(52.4% 0.0904 208.95)` |
| `--cds-color-other-teal-fill` | `oklch(40.2% 0.0676 207.81)` |
| `--cds-color-other-teal-content` | `oklch(94.1% 0.032 208.74)` |
| `--cds-color-other-purple-surface` | `oklch(74.7% 0.131 297.82)` |
| `--cds-color-other-purple-line` | `oklch(70.9% 0.144 298.98)` |
| `--cds-color-other-purple-fill-hover` | `oklch(54.9% 0.15 303.23)` |
| `--cds-color-other-purple-fill` | `oklch(42.2% 0.123 305.48)` |
| `--cds-color-other-purple-content` | `oklch(94.8% 0.03 307.12)` |
| `--cds-color-other-pink-surface` | `oklch(75.3% 0.145 336.52)` |
| `--cds-color-other-pink-line` | `oklch(71.4% 0.16 336.9)` |
| `--cds-color-other-pink-fill-hover` | `oklch(55.2% 0.169 336.63)` |
| `--cds-color-other-pink-fill` | `oklch(42.4% 0.138 336.93)` |
| `--cds-color-other-pink-content` | `oklch(94.8% 0.033 336.69)` |
| `--cds-color-other-lime-surface` | `oklch(72.5% 0.13 120.48)` |
| `--cds-color-other-lime-line` | `oklch(68.4% 0.1356 121.3)` |
| `--cds-color-other-lime-fill-hover` | `oklch(52% 0.128 123.25)` |
| `--cds-color-other-lime-fill` | `oklch(39.8% 0.098 123.33)` |
| `--cds-color-other-lime-content` | `oklch(94.1% 0.029 113.26)` |
| `--cds-color-other-lemon-surface` | `oklch(72.8% 0.125 110.7)` |
| `--cds-color-other-lemon-line` | `oklch(68.7% 0.13 111.91)` |
| `--cds-color-other-lemon-fill-hover` | `oklch(52.5% 0.118 113.99)` |
| `--cds-color-other-lemon-fill` | `oklch(39.9% 0.0886 113.2)` |
| `--cds-color-other-lemon-content` | `oklch(94.4% 0.028 106.92)` |
| `--cds-color-other-indigo-surface` | `oklch(74.5% 0.132 276.05)` |
| `--cds-color-other-indigo-line` | `oklch(70.5% 0.146 277.64)` |
| `--cds-color-other-indigo-fill-hover` | `oklch(54.7% 0.15 280.67)` |
| `--cds-color-other-indigo-fill` | `oklch(41.9% 0.122 278.61)` |
| `--cds-color-other-indigo-content` | `oklch(94.6% 0.027 285.88)` |
| `--cds-color-other-cyan-surface` | `oklch(71.743% 0.13137 177.512)` |
| `--cds-color-other-cyan-line` | `oklch(67.8% 0.1233 178.21)` |
| `--cds-color-other-cyan-fill-hover` | `oklch(51.9% 0.094 178.33)` |
| `--cds-color-other-cyan-fill` | `oklch(39.6% 0.072 179.89)` |
| `--cds-color-other-cyan-content` | `oklch(94% 0.033 177.74)` |
| `--cds-color-other-chocolate-surface` | `oklch(73.9% 0.091 62.89)` |
| `--cds-color-other-chocolate-line` | `oklch(70.1% 0.098 63.03)` |
| `--cds-color-other-chocolate-fill-hover` | `oklch(53.6% 0.107 63.42)` |
| `--cds-color-other-chocolate-fill` | `oklch(40.8% 0.095 60.07)` |
| `--cds-color-other-chocolate-content` | `oklch(94.6% 0.0265 65.68)` |
| `--cds-color-line-tertiary-hover` | `oklch(60% 0.022 267.16)` |
| `--cds-color-line-tertiary` | `oklch(47.6% 0.018 257.24)` |
| `--cds-color-line-selected-hover` | `oklch(78.6% 0.107 260.74)` |
| `--cds-color-line-selected` | `oklch(69.7% 0.155 258.14)` |
| `--cds-color-line-secondary-hover` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-line-secondary` | `oklch(60% 0.022 267.16)` |
| `--cds-color-line-primary-hover` | `oklch(78.1% 0.013 276.05)` |
| `--cds-color-line-primary` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-line-focus-outline` | `oklch(47.8% 0.161 257.53)` |
| `--cds-color-line-focus` | `oklch(69.7% 0.155 258.14)` |
| `--cds-color-line-elevated` | `oklch(63.1% 0.022 260.16 / 0.4)` |
| `--cds-color-line-disable` | `oklch(53.1% 0.022 265.85)` |
| `--cds-color-fill-selected-hover` | `oklch(78.6% 0.107 260.74)` |
| `--cds-color-fill-selected` | `oklch(69.7% 0.155 258.14)` |
| `--cds-color-fill-secondary-hover` | `oklch(47.6% 0.018 257.24)` |
| `--cds-color-fill-secondary-active` | `oklch(53.1% 0.022 265.85)` |
| `--cds-color-fill-secondary` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-fill-primary-hover` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-fill-primary-active` | `oklch(47.6% 0.018 257.24)` |
| `--cds-color-fill-primary` | `oklch(28.4% 0.012 264.37)` |
| `--cds-color-fill-elevated` | `oklch(60% 0.022 267.16)` |
| `--cds-color-fill-disable` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-state` | `oklch(100% 0 0)` |
| `--cds-color-state-inverse` | `oklch(0% 0 0)` |
| `--cds-color-state-selected` | `oklch(100% 0 0)` |
| `--cds-color-state-disabled` | `oklch(40.5% 0.014 264.4)` |
| `--cds-color-content-tertiary` | `oklch(78.1% 0.013 276.05)` |
| `--cds-color-content-secondary` | `oklch(86.3% 0.008 260.73)` |
| `--cds-color-content-primary` | `oklch(94.4% 0.004 286.32)` |
| `--cds-color-content-placeholder` | `oklch(73.4% 0.014 266.67)` |
| `--cds-color-content-on-dark` | `oklch(98.3% 0.004 286.33)` |
| `--cds-color-content-link-visited` | `oklch(79.3% 0.105 295.06)` |
| `--cds-color-content-link` | `oklch(78.6% 0.107 260.74)` |
| `--cds-color-content-inverse` | `oklch(21.8% 0 0)` |
| `--cds-color-content-disable` | `oklch(69.5% 0.017 266.23)` |
| `--cds-color-brand-secondary-hover` | `oklch(41.5% 0.124 26.02)` |
| `--cds-color-brand-secondary-border` | `oklch(48.74% 0.153 25.31)` |
| `--cds-color-brand-secondary-active` | `oklch(48.74% 0.153 25.31)` |
| `--cds-color-brand-secondary` | `oklch(29% 0.081 25.62)` |
| `--cds-color-brand-primary-hover` | `oklch(48.74% 0.153 25.31)` |
| `--cds-color-brand-primary-content` | `oklch(90.1% 0.052 27.01)` |
| `--cds-color-brand-primary-border` | `oklch(61.4% 0.155 26.41)` |
| `--cds-color-brand-primary-active` | `oklch(41.5% 0.124 26.02)` |
| `--cds-color-brand-primary` | `oklch(61.4% 0.155 26.41)` |