@dialpad/dialtone-css 8.60.1 → 8.62.0

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 (40) hide show
  1. package/lib/build/less/utilities/layout.less +1 -0
  2. package/lib/build/less/utilities/typography.less +3 -1
  3. package/lib/dist/dialtone-default-theme.css +6590 -579
  4. package/lib/dist/dialtone-default-theme.min.css +1 -1
  5. package/lib/dist/dialtone-docs.json +1 -1
  6. package/lib/dist/dialtone.css +2036 -2
  7. package/lib/dist/dialtone.min.css +1 -1
  8. package/lib/dist/tokens/tokens-aegean-dark.css +467 -0
  9. package/lib/dist/tokens/tokens-aegean-light.css +467 -0
  10. package/lib/dist/tokens/tokens-base-dark.css +8 -8
  11. package/lib/dist/tokens/tokens-base-deca-dark.css +8 -8
  12. package/lib/dist/tokens/tokens-botany-dark.css +474 -0
  13. package/lib/dist/tokens/tokens-botany-light.css +460 -0
  14. package/lib/dist/tokens/tokens-buttercream-dark.css +474 -0
  15. package/lib/dist/tokens/tokens-buttercream-light.css +3476 -0
  16. package/lib/dist/tokens/tokens-ceruleo-dark.css +488 -0
  17. package/lib/dist/tokens/tokens-ceruleo-default.css +488 -0
  18. package/lib/dist/tokens/tokens-debug-dp.css +986 -6
  19. package/lib/dist/tokens/tokens-deca-dark.css +41 -1846
  20. package/lib/dist/tokens/tokens-deca-light.css +62 -1874
  21. package/lib/dist/tokens/tokens-dp-dark.css +1259 -111
  22. package/lib/dist/tokens/tokens-dp-light.css +1001 -21
  23. package/lib/dist/tokens/tokens-expressive-dark.css +1231 -111
  24. package/lib/dist/tokens/tokens-expressive-light.css +1001 -21
  25. package/lib/dist/tokens/tokens-expressive-sm-dark.css +1259 -111
  26. package/lib/dist/tokens/tokens-expressive-sm-light.css +1001 -21
  27. package/lib/dist/tokens/tokens-high-desert-dark.css +467 -0
  28. package/lib/dist/tokens/tokens-high-desert-light.css +467 -0
  29. package/lib/dist/tokens/tokens-melon-dark.css +467 -0
  30. package/lib/dist/tokens/tokens-melon-light.css +467 -0
  31. package/lib/dist/tokens/tokens-plum-dark.css +460 -0
  32. package/lib/dist/tokens/tokens-plum-light.css +460 -0
  33. package/lib/dist/tokens/tokens-sunflower-dark.css +467 -0
  34. package/lib/dist/tokens/tokens-sunflower-light.css +467 -0
  35. package/lib/dist/tokens/tokens-tmo-dark.css +1476 -328
  36. package/lib/dist/tokens/tokens-tmo-light.css +1260 -280
  37. package/lib/dist/tokens/tokens-verdant-haze-dark.css +474 -0
  38. package/lib/dist/tokens/tokens-verdant-haze-light.css +474 -0
  39. package/lib/dist/tokens-docs.json +1 -1
  40. package/package.json +3 -3
package/lib/dist/tokens/tokens-tmo-light.css CHANGED
@@ -138,146 +138,13 @@
138
138
  --dt-avatar-color-background-100-hsl: var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l);
139
139
  --dt-avatar-color-background-100-hsla: hsl(var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l) / var(--alpha, 100%));
140
140
  --dt-avatar-color-background-100: #1aa340;
141
- --dt-theme-mention-color-background-strong-h: 329.016393442623;
142
- --dt-theme-mention-color-background-strong-s: 100%;
143
- --dt-theme-mention-color-background-strong-l: 23.92156862745098%;
144
- --dt-theme-mention-color-background-strong-a: 100%;
145
- --dt-theme-mention-color-background-strong-hsl: var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l);
146
- --dt-theme-mention-color-background-strong-hsla: hsl(var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l) / var(--alpha, 100%));
147
- --dt-theme-mention-color-background-strong: #7A003F;
148
- --dt-theme-mention-color-background-h: 329.20353982300884;
149
- --dt-theme-mention-color-background-s: 100%;
150
- --dt-theme-mention-color-background-l: 44.31372549019608%;
151
- --dt-theme-mention-color-background-a: 100%;
152
- --dt-theme-mention-color-background-hsl: var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l);
153
- --dt-theme-mention-color-background-hsla: hsl(var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l) / var(--alpha, 100%));
154
- --dt-theme-mention-color-background: #E20074;
155
- --dt-action-color-background-base-primary-active-h: 329.016393442623;
156
- --dt-action-color-background-base-primary-active-s: 100%;
157
- --dt-action-color-background-base-primary-active-l: 23.92156862745098%;
158
- --dt-action-color-background-base-primary-active-a: 100%;
159
- --dt-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-active-h) var(--dt-action-color-background-base-primary-active-s) var(--dt-action-color-background-base-primary-active-l);
160
- --dt-action-color-background-base-primary-active-hsla: hsl(var(--dt-action-color-background-base-primary-active-h) var(--dt-action-color-background-base-primary-active-s) var(--dt-action-color-background-base-primary-active-l) / var(--alpha, 100%));
161
- --dt-action-color-background-base-primary-active: #7A003F;
162
- --dt-action-color-background-base-primary-hover-h: 329.2857142857143;
163
- --dt-action-color-background-base-primary-hover-s: 100%;
164
- --dt-action-color-background-base-primary-hover-l: 32.94117647058823%;
165
- --dt-action-color-background-base-primary-hover-a: 100%;
166
- --dt-action-color-background-base-primary-hover-hsl: var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l);
167
- --dt-action-color-background-base-primary-hover-hsla: hsl(var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l) / var(--alpha, 100%));
168
- --dt-action-color-background-base-primary-hover: #A80056;
169
- --dt-action-color-background-base-primary-default-h: 329.20353982300884;
170
- --dt-action-color-background-base-primary-default-s: 100%;
171
- --dt-action-color-background-base-primary-default-l: 44.31372549019608%;
172
- --dt-action-color-background-base-primary-default-a: 100%;
173
- --dt-action-color-background-base-primary-default-hsl: var(--dt-action-color-background-base-primary-default-h) var(--dt-action-color-background-base-primary-default-s) var(--dt-action-color-background-base-primary-default-l);
174
- --dt-action-color-background-base-primary-default-hsla: hsl(var(--dt-action-color-background-base-primary-default-h) var(--dt-action-color-background-base-primary-default-s) var(--dt-action-color-background-base-primary-default-l) / var(--alpha, 100%));
175
- --dt-action-color-background-base-primary-default: #E20074;
176
- --dt-color-border-brand-strong-inverted-h: 328.83116883116884;
177
- --dt-color-border-brand-strong-inverted-s: 100%;
178
- --dt-color-border-brand-strong-inverted-l: 84.90196078431373%;
179
- --dt-color-border-brand-strong-inverted-a: 100%;
180
- --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l);
181
- --dt-color-border-brand-strong-inverted-hsla: hsl(var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l) / var(--alpha, 100%));
182
- --dt-color-border-brand-strong-inverted: #FFB2DA;
183
- --dt-color-border-brand-subtle-inverted-h: 329.2857142857143;
184
- --dt-color-border-brand-subtle-inverted-s: 100%;
185
- --dt-color-border-brand-subtle-inverted-l: 32.94117647058823%;
186
- --dt-color-border-brand-subtle-inverted-a: 100%;
187
- --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-border-brand-subtle-inverted-h) var(--dt-color-border-brand-subtle-inverted-s) var(--dt-color-border-brand-subtle-inverted-l);
188
- --dt-color-border-brand-subtle-inverted-hsla: hsl(var(--dt-color-border-brand-subtle-inverted-h) var(--dt-color-border-brand-subtle-inverted-s) var(--dt-color-border-brand-subtle-inverted-l) / var(--alpha, 100%));
189
- --dt-color-border-brand-subtle-inverted: #A80056;
190
- --dt-color-border-brand-inverted-h: 329.3258426966292;
191
- --dt-color-border-brand-inverted-s: 100%;
192
- --dt-color-border-brand-inverted-l: 65.09803921568627%;
193
- --dt-color-border-brand-inverted-a: 100%;
194
- --dt-color-border-brand-inverted-hsl: var(--dt-color-border-brand-inverted-h) var(--dt-color-border-brand-inverted-s) var(--dt-color-border-brand-inverted-l);
195
- --dt-color-border-brand-inverted-hsla: hsl(var(--dt-color-border-brand-inverted-h) var(--dt-color-border-brand-inverted-s) var(--dt-color-border-brand-inverted-l) / var(--alpha, 100%));
196
- --dt-color-border-brand-inverted: #FF4DA8;
197
- --dt-color-border-brand-strong-h: 329.2857142857143;
198
- --dt-color-border-brand-strong-s: 100%;
199
- --dt-color-border-brand-strong-l: 32.94117647058823%;
200
- --dt-color-border-brand-strong-a: 100%;
201
- --dt-color-border-brand-strong-hsl: var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l);
202
- --dt-color-border-brand-strong-hsla: hsl(var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l) / var(--alpha, 100%));
203
- --dt-color-border-brand-strong: #A80056;
204
- --dt-color-border-brand-subtle-h: 328.83116883116884;
205
- --dt-color-border-brand-subtle-s: 100%;
206
- --dt-color-border-brand-subtle-l: 84.90196078431373%;
207
- --dt-color-border-brand-subtle-a: 100%;
208
- --dt-color-border-brand-subtle-hsl: var(--dt-color-border-brand-subtle-h) var(--dt-color-border-brand-subtle-s) var(--dt-color-border-brand-subtle-l);
209
- --dt-color-border-brand-subtle-hsla: hsl(var(--dt-color-border-brand-subtle-h) var(--dt-color-border-brand-subtle-s) var(--dt-color-border-brand-subtle-l) / var(--alpha, 100%));
210
- --dt-color-border-brand-subtle: #FFB2DA;
211
- --dt-color-border-brand-h: 329.20353982300884;
212
- --dt-color-border-brand-s: 100%;
213
- --dt-color-border-brand-l: 44.31372549019608%;
214
- --dt-color-border-brand-a: 100%;
215
- --dt-color-border-brand-hsl: var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l);
216
- --dt-color-border-brand-hsla: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--alpha, 100%));
217
- --dt-color-border-brand: #E20074;
218
- --dt-color-surface-brand-subtle-opaque-h: 329;
219
- --dt-color-surface-brand-subtle-opaque-s: 100%;
220
- --dt-color-surface-brand-subtle-opaque-l: 44.3%;
221
- --dt-color-surface-brand-subtle-opaque-a: 5%;
222
- --dt-color-surface-brand-subtle-opaque-hsl: var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l);
223
- --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 5%));
224
- --dt-color-surface-brand-subtle-opaque: hsl(329 100% 44.3% / 0.05);
225
- --dt-color-surface-brand-opaque-h: 329;
226
- --dt-color-surface-brand-opaque-s: 100%;
227
- --dt-color-surface-brand-opaque-l: 44.3%;
228
- --dt-color-surface-brand-opaque-a: 11%;
229
- --dt-color-surface-brand-opaque-hsl: var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l);
230
- --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 11%));
231
- --dt-color-surface-brand-opaque: hsl(329 100% 44.3% / 0.11);
232
- --dt-color-surface-brand-strong-h: 329.20353982300884;
233
- --dt-color-surface-brand-strong-s: 100%;
234
- --dt-color-surface-brand-strong-l: 44.31372549019608%;
235
- --dt-color-surface-brand-strong-a: 100%;
236
- --dt-color-surface-brand-strong-hsl: var(--dt-color-surface-brand-strong-h) var(--dt-color-surface-brand-strong-s) var(--dt-color-surface-brand-strong-l);
237
- --dt-color-surface-brand-strong-hsla: hsl(var(--dt-color-surface-brand-strong-h) var(--dt-color-surface-brand-strong-s) var(--dt-color-surface-brand-strong-l) / var(--alpha, 100%));
238
- --dt-color-surface-brand-strong: #E20074;
239
- --dt-color-surface-brand-subtle-h: 328;
240
- --dt-color-surface-brand-subtle-s: 100%;
241
- --dt-color-surface-brand-subtle-l: 97.05882352941177%;
242
- --dt-color-surface-brand-subtle-a: 100%;
243
- --dt-color-surface-brand-subtle-hsl: var(--dt-color-surface-brand-subtle-h) var(--dt-color-surface-brand-subtle-s) var(--dt-color-surface-brand-subtle-l);
244
- --dt-color-surface-brand-subtle-hsla: hsl(var(--dt-color-surface-brand-subtle-h) var(--dt-color-surface-brand-subtle-s) var(--dt-color-surface-brand-subtle-l) / var(--alpha, 100%));
245
- --dt-color-surface-brand-subtle: #FFF0F8;
246
- --dt-color-surface-brand-h: 329.4117647058824;
247
- --dt-color-surface-brand-s: 100%;
248
- --dt-color-surface-brand-l: 90%;
249
- --dt-color-surface-brand-a: 100%;
250
- --dt-color-surface-brand-hsl: var(--dt-color-surface-brand-h) var(--dt-color-surface-brand-s) var(--dt-color-surface-brand-l);
251
- --dt-color-surface-brand-hsla: hsl(var(--dt-color-surface-brand-h) var(--dt-color-surface-brand-s) var(--dt-color-surface-brand-l) / var(--alpha, 100%));
252
- --dt-color-surface-brand: #FFCCE6;
253
- --dt-color-link-primary-inverted-hover-h: 329.4117647058824;
254
- --dt-color-link-primary-inverted-hover-s: 100%;
255
- --dt-color-link-primary-inverted-hover-l: 90%;
256
- --dt-color-link-primary-inverted-hover-a: 100%;
257
- --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-link-primary-inverted-hover-h) var(--dt-color-link-primary-inverted-hover-s) var(--dt-color-link-primary-inverted-hover-l);
258
- --dt-color-link-primary-inverted-hover-hsla: hsl(var(--dt-color-link-primary-inverted-hover-h) var(--dt-color-link-primary-inverted-hover-s) var(--dt-color-link-primary-inverted-hover-l) / var(--alpha, 100%));
259
- --dt-color-link-primary-inverted-hover: #FFCCE6;
260
- --dt-color-link-primary-inverted-h: 328.83116883116884;
261
- --dt-color-link-primary-inverted-s: 100%;
262
- --dt-color-link-primary-inverted-l: 84.90196078431373%;
263
- --dt-color-link-primary-inverted-a: 100%;
264
- --dt-color-link-primary-inverted-hsl: var(--dt-color-link-primary-inverted-h) var(--dt-color-link-primary-inverted-s) var(--dt-color-link-primary-inverted-l);
265
- --dt-color-link-primary-inverted-hsla: hsl(var(--dt-color-link-primary-inverted-h) var(--dt-color-link-primary-inverted-s) var(--dt-color-link-primary-inverted-l) / var(--alpha, 100%));
266
- --dt-color-link-primary-inverted: #FFB2DA;
267
- --dt-color-link-primary-hover-h: 329.2857142857143;
268
- --dt-color-link-primary-hover-s: 100%;
269
- --dt-color-link-primary-hover-l: 32.94117647058823%;
270
- --dt-color-link-primary-hover-a: 100%;
271
- --dt-color-link-primary-hover-hsl: var(--dt-color-link-primary-hover-h) var(--dt-color-link-primary-hover-s) var(--dt-color-link-primary-hover-l);
272
- --dt-color-link-primary-hover-hsla: hsl(var(--dt-color-link-primary-hover-h) var(--dt-color-link-primary-hover-s) var(--dt-color-link-primary-hover-l) / var(--alpha, 100%));
273
- --dt-color-link-primary-hover: #A80056;
274
- --dt-color-link-primary-h: 329.20353982300884;
275
- --dt-color-link-primary-s: 100%;
276
- --dt-color-link-primary-l: 44.31372549019608%;
277
- --dt-color-link-primary-a: 100%;
278
- --dt-color-link-primary-hsl: var(--dt-color-link-primary-h) var(--dt-color-link-primary-s) var(--dt-color-link-primary-l);
279
- --dt-color-link-primary-hsla: hsl(var(--dt-color-link-primary-h) var(--dt-color-link-primary-s) var(--dt-color-link-primary-l) / var(--alpha, 100%));
280
- --dt-color-link-primary: #e20074;
141
+ --dt-shell-base-color-accent-h: 329.20353982300884;
142
+ --dt-shell-base-color-accent-s: 100%;
143
+ --dt-shell-base-color-accent-l: 44.31372549019608%;
144
+ --dt-shell-base-color-accent-a: 100%;
145
+ --dt-shell-base-color-accent-hsl: var(--dt-shell-base-color-accent-h) var(--dt-shell-base-color-accent-s) var(--dt-shell-base-color-accent-l);
146
+ --dt-shell-base-color-accent-hsla: hsl(var(--dt-shell-base-color-accent-h) var(--dt-shell-base-color-accent-s) var(--dt-shell-base-color-accent-l) / var(--alpha, 100%));
147
+ --dt-shell-base-color-accent: #E20074;
281
148
  --dt-radio-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
282
149
  --dt-radio-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
283
150
  --dt-radio-color-foreground-default-l: var(--dt-color-neutral-transparent-l);
@@ -285,21 +152,35 @@
285
152
  --dt-radio-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
286
153
  --dt-radio-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
287
154
  --dt-radio-color-foreground-default: var(--dt-color-neutral-transparent);
288
- --dt-radio-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
289
- --dt-radio-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
290
- --dt-radio-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
291
- --dt-radio-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
292
- --dt-radio-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
293
- --dt-radio-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
294
- --dt-radio-color-background-checked: var(--dt-color-surface-brand-strong);
295
- --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
296
- --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
297
- --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
298
- --dt-radio-color-border-checked-a: var(--dt-color-border-brand-a);
299
- --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
300
- --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
301
- --dt-radio-color-border-checked: var(--dt-color-border-brand);
302
155
  --dt-radio-size-width: var(--dt-size-500);
156
+ --dt-presence-color-offline-h: var(--dt-color-black-500-h);
157
+ --dt-presence-color-offline-s: var(--dt-color-black-500-s);
158
+ --dt-presence-color-offline-l: var(--dt-color-black-500-l);
159
+ --dt-presence-color-offline-a: var(--dt-color-black-500-a);
160
+ --dt-presence-color-offline-hsl: var(--dt-color-black-500-hsl);
161
+ --dt-presence-color-offline-hsla: var(--dt-color-black-500-hsla);
162
+ --dt-presence-color-offline: var(--dt-color-black-500);
163
+ --dt-presence-color-busy-h: var(--dt-color-gold-400-h);
164
+ --dt-presence-color-busy-s: var(--dt-color-gold-400-s);
165
+ --dt-presence-color-busy-l: var(--dt-color-gold-400-l);
166
+ --dt-presence-color-busy-a: var(--dt-color-gold-400-a);
167
+ --dt-presence-color-busy-hsl: var(--dt-color-gold-400-hsl);
168
+ --dt-presence-color-busy-hsla: var(--dt-color-gold-400-hsla);
169
+ --dt-presence-color-busy: var(--dt-color-gold-400);
170
+ --dt-presence-color-unavailable-h: var(--dt-color-red-450-h);
171
+ --dt-presence-color-unavailable-s: var(--dt-color-red-450-s);
172
+ --dt-presence-color-unavailable-l: var(--dt-color-red-450-l);
173
+ --dt-presence-color-unavailable-a: var(--dt-color-red-450-a);
174
+ --dt-presence-color-unavailable-hsl: var(--dt-color-red-450-hsl);
175
+ --dt-presence-color-unavailable-hsla: var(--dt-color-red-450-hsla);
176
+ --dt-presence-color-unavailable: var(--dt-color-red-450);
177
+ --dt-presence-color-available-h: var(--dt-color-green-475-h);
178
+ --dt-presence-color-available-s: var(--dt-color-green-475-s);
179
+ --dt-presence-color-available-l: var(--dt-color-green-475-l);
180
+ --dt-presence-color-available-a: var(--dt-color-green-475-a);
181
+ --dt-presence-color-available-hsl: var(--dt-color-green-475-hsl);
182
+ --dt-presence-color-available-hsla: var(--dt-color-green-475-hsla);
183
+ --dt-presence-color-available: var(--dt-color-green-475);
303
184
  --dt-icon-size-border-100: var(--dt-size-border-100);
304
185
  --dt-checkbox-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
305
186
  --dt-checkbox-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
@@ -308,20 +189,6 @@
308
189
  --dt-checkbox-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
309
190
  --dt-checkbox-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
310
191
  --dt-checkbox-color-foreground-default: var(--dt-color-neutral-transparent);
311
- --dt-checkbox-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
312
- --dt-checkbox-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
313
- --dt-checkbox-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
314
- --dt-checkbox-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
315
- --dt-checkbox-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
316
- --dt-checkbox-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
317
- --dt-checkbox-color-background-checked: var(--dt-color-surface-brand-strong);
318
- --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
319
- --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
320
- --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
321
- --dt-checkbox-color-border-checked-a: var(--dt-color-border-brand-a);
322
- --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
323
- --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
324
- --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
325
192
  --dt-checkbox-size-width: var(--dt-size-500);
326
193
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
327
194
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -381,13 +248,6 @@
381
248
  --dt-badge-color-background-bulletin-subtle-hsl: var(--dt-color-purple-200-hsl);
382
249
  --dt-badge-color-background-bulletin-subtle-hsla: var(--dt-color-purple-200-hsla);
383
250
  --dt-badge-color-background-bulletin-subtle: var(--dt-color-purple-200);
384
- --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
385
- --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
386
- --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
387
- --dt-badge-color-background-bulletin-a: var(--dt-color-surface-brand-strong-a);
388
- --dt-badge-color-background-bulletin-hsl: var(--dt-color-surface-brand-strong-hsl);
389
- --dt-badge-color-background-bulletin-hsla: var(--dt-color-surface-brand-strong-hsla);
390
- --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
391
251
  --dt-badge-color-background-critical-h: var(--dt-color-red-200-h);
392
252
  --dt-badge-color-background-critical-s: var(--dt-color-red-200-s);
393
253
  --dt-badge-color-background-critical-l: var(--dt-color-red-200-l);
@@ -423,6 +283,118 @@
423
283
  --dt-avatar-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
424
284
  --dt-avatar-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
425
285
  --dt-avatar-color-foreground: var(--dt-color-neutral-black);
286
+ --dt-shell-logo-color-wordmark-h: var(--dt-color-purple-1000-h);
287
+ --dt-shell-logo-color-wordmark-s: var(--dt-color-purple-1000-s);
288
+ --dt-shell-logo-color-wordmark-l: var(--dt-color-purple-1000-l);
289
+ --dt-shell-logo-color-wordmark-a: var(--dt-color-purple-1000-a);
290
+ --dt-shell-logo-color-wordmark-hsl: var(--dt-color-purple-1000-hsl);
291
+ --dt-shell-logo-color-wordmark-hsla: var(--dt-color-purple-1000-hsla);
292
+ --dt-shell-logo-color-wordmark: var(--dt-color-purple-1000);
293
+ --dt-shell-logo-color-star-h: var(--dt-color-purple-400-h);
294
+ --dt-shell-logo-color-star-s: var(--dt-color-purple-400-s);
295
+ --dt-shell-logo-color-star-l: var(--dt-color-purple-400-l);
296
+ --dt-shell-logo-color-star-a: var(--dt-color-purple-400-a);
297
+ --dt-shell-logo-color-star-hsl: var(--dt-color-purple-400-hsl);
298
+ --dt-shell-logo-color-star-hsla: var(--dt-color-purple-400-hsla);
299
+ --dt-shell-logo-color-star: var(--dt-color-purple-400);
300
+ --dt-shell-mention-color-foreground-secondary-h: var(--dt-color-black-100-h);
301
+ --dt-shell-mention-color-foreground-secondary-s: var(--dt-color-black-100-s);
302
+ --dt-shell-mention-color-foreground-secondary-l: var(--dt-color-black-100-l);
303
+ --dt-shell-mention-color-foreground-secondary-a: var(--dt-color-black-100-a);
304
+ --dt-shell-mention-color-foreground-secondary-hsl: var(--dt-color-black-100-hsl);
305
+ --dt-shell-mention-color-foreground-secondary-hsla: var(--dt-color-black-100-hsla);
306
+ --dt-shell-mention-color-foreground-secondary: var(--dt-color-black-100);
307
+ --dt-shell-mention-color-foreground-primary-h: var(--dt-color-black-50-h);
308
+ --dt-shell-mention-color-foreground-primary-s: var(--dt-color-black-50-s);
309
+ --dt-shell-mention-color-foreground-primary-l: var(--dt-color-black-50-l);
310
+ --dt-shell-mention-color-foreground-primary-a: var(--dt-color-black-50-a);
311
+ --dt-shell-mention-color-foreground-primary-hsl: var(--dt-color-black-50-hsl);
312
+ --dt-shell-mention-color-foreground-primary-hsla: var(--dt-color-black-50-hsla);
313
+ --dt-shell-mention-color-foreground-primary: var(--dt-color-black-50);
314
+ --dt-shell-mention-color-surface-secondary-h: 329;
315
+ --dt-shell-mention-color-surface-secondary-s: 100%;
316
+ --dt-shell-mention-color-surface-secondary-l: 19.9%;
317
+ --dt-shell-mention-color-surface-secondary-a: 100%;
318
+ --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
319
+ --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
320
+ --dt-shell-mention-color-surface-secondary: hsl(329 100% 19.9%);
321
+ --dt-shell-mention-color-surface-primary-h: var(--dt-shell-base-color-accent-h);
322
+ --dt-shell-mention-color-surface-primary-s: var(--dt-shell-base-color-accent-s);
323
+ --dt-shell-mention-color-surface-primary-l: var(--dt-shell-base-color-accent-l);
324
+ --dt-shell-mention-color-surface-primary-a: var(--dt-shell-base-color-accent-a);
325
+ --dt-shell-mention-color-surface-primary-hsl: var(--dt-shell-base-color-accent-hsl);
326
+ --dt-shell-mention-color-surface-primary-hsla: var(--dt-shell-base-color-accent-hsla);
327
+ --dt-shell-mention-color-surface-primary: var(--dt-shell-base-color-accent);
328
+ --dt-shell-base-action-color-background-muted-h: var(--dt-color-black-800-h);
329
+ --dt-shell-base-action-color-background-muted-s: var(--dt-color-black-800-s);
330
+ --dt-shell-base-action-color-background-muted-l: var(--dt-color-black-800-l);
331
+ --dt-shell-base-action-color-background-muted-a: var(--dt-color-black-800-a);
332
+ --dt-shell-base-action-color-background-muted-hsl: var(--dt-color-black-800-hsl);
333
+ --dt-shell-base-action-color-background-muted-hsla: var(--dt-color-black-800-hsla);
334
+ --dt-shell-base-action-color-background-muted: var(--dt-color-black-800);
335
+ --dt-shell-base-action-color-background-secondary-h: var(--dt-color-black-800-h);
336
+ --dt-shell-base-action-color-background-secondary-s: var(--dt-color-black-800-s);
337
+ --dt-shell-base-action-color-background-secondary-l: var(--dt-color-black-800-l);
338
+ --dt-shell-base-action-color-background-secondary-a: var(--dt-color-black-800-a);
339
+ --dt-shell-base-action-color-background-secondary-hsl: var(--dt-color-black-800-hsl);
340
+ --dt-shell-base-action-color-background-secondary-hsla: var(--dt-color-black-800-hsla);
341
+ --dt-shell-base-action-color-background-secondary: var(--dt-color-black-800);
342
+ --dt-shell-base-action-color-background-primary-h: var(--dt-color-black-800-h);
343
+ --dt-shell-base-action-color-background-primary-s: var(--dt-color-black-800-s);
344
+ --dt-shell-base-action-color-background-primary-l: var(--dt-color-black-800-l);
345
+ --dt-shell-base-action-color-background-primary-a: var(--dt-color-black-800-a);
346
+ --dt-shell-base-action-color-background-primary-hsl: var(--dt-color-black-800-hsl);
347
+ --dt-shell-base-action-color-background-primary-hsla: var(--dt-color-black-800-hsla);
348
+ --dt-shell-base-action-color-background-primary: var(--dt-color-black-800);
349
+ --dt-shell-base-color-status-away-h: var(--dt-color-black-500-h);
350
+ --dt-shell-base-color-status-away-s: var(--dt-color-black-500-s);
351
+ --dt-shell-base-color-status-away-l: var(--dt-color-black-500-l);
352
+ --dt-shell-base-color-status-away-a: var(--dt-color-black-500-a);
353
+ --dt-shell-base-color-status-away-hsl: var(--dt-color-black-500-hsl);
354
+ --dt-shell-base-color-status-away-hsla: var(--dt-color-black-500-hsla);
355
+ --dt-shell-base-color-status-away: var(--dt-color-black-500);
356
+ --dt-shell-base-color-status-warning-h: var(--dt-color-gold-500-h);
357
+ --dt-shell-base-color-status-warning-s: var(--dt-color-gold-500-s);
358
+ --dt-shell-base-color-status-warning-l: var(--dt-color-gold-500-l);
359
+ --dt-shell-base-color-status-warning-a: var(--dt-color-gold-500-a);
360
+ --dt-shell-base-color-status-warning-hsl: var(--dt-color-gold-500-hsl);
361
+ --dt-shell-base-color-status-warning-hsla: var(--dt-color-gold-500-hsla);
362
+ --dt-shell-base-color-status-warning: var(--dt-color-gold-500);
363
+ --dt-shell-base-color-status-critical-h: var(--dt-color-red-500-h);
364
+ --dt-shell-base-color-status-critical-s: var(--dt-color-red-500-s);
365
+ --dt-shell-base-color-status-critical-l: var(--dt-color-red-500-l);
366
+ --dt-shell-base-color-status-critical-a: var(--dt-color-red-500-a);
367
+ --dt-shell-base-color-status-critical-hsl: var(--dt-color-red-500-hsl);
368
+ --dt-shell-base-color-status-critical-hsla: var(--dt-color-red-500-hsla);
369
+ --dt-shell-base-color-status-critical: var(--dt-color-red-500);
370
+ --dt-shell-base-color-status-positive-h: var(--dt-color-green-425-h);
371
+ --dt-shell-base-color-status-positive-s: var(--dt-color-green-425-s);
372
+ --dt-shell-base-color-status-positive-l: var(--dt-color-green-425-l);
373
+ --dt-shell-base-color-status-positive-a: var(--dt-color-green-425-a);
374
+ --dt-shell-base-color-status-positive-hsl: var(--dt-color-green-425-hsl);
375
+ --dt-shell-base-color-status-positive-hsla: var(--dt-color-green-425-hsla);
376
+ --dt-shell-base-color-status-positive: var(--dt-color-green-425);
377
+ --dt-shell-base-color-border-h: var(--dt-color-black-900-h);
378
+ --dt-shell-base-color-border-s: var(--dt-color-black-900-s);
379
+ --dt-shell-base-color-border-l: var(--dt-color-black-900-l);
380
+ --dt-shell-base-color-border-a: var(--dt-color-black-900-a);
381
+ --dt-shell-base-color-border-hsl: var(--dt-color-black-900-hsl);
382
+ --dt-shell-base-color-border-hsla: var(--dt-color-black-900-hsla);
383
+ --dt-shell-base-color-border: var(--dt-color-black-900);
384
+ --dt-shell-base-color-foreground-h: var(--dt-color-black-900-h);
385
+ --dt-shell-base-color-foreground-s: var(--dt-color-black-900-s);
386
+ --dt-shell-base-color-foreground-l: var(--dt-color-black-900-l);
387
+ --dt-shell-base-color-foreground-a: var(--dt-color-black-900-a);
388
+ --dt-shell-base-color-foreground-hsl: var(--dt-color-black-900-hsl);
389
+ --dt-shell-base-color-foreground-hsla: var(--dt-color-black-900-hsla);
390
+ --dt-shell-base-color-foreground: var(--dt-color-black-900);
391
+ --dt-theme-mention-color-background-strong-h: var(--dt-color-purple-550-h);
392
+ --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-550-s);
393
+ --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-550-l);
394
+ --dt-theme-mention-color-background-strong-a: var(--dt-color-purple-550-a);
395
+ --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-550-hsl);
396
+ --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-550-hsla);
397
+ --dt-theme-mention-color-background-strong: var(--dt-color-purple-550);
426
398
  --dt-theme-mention-color-foreground-h: var(--dt-color-black-50-h);
427
399
  --dt-theme-mention-color-foreground-s: var(--dt-color-black-50-s);
428
400
  --dt-theme-mention-color-foreground-l: var(--dt-color-black-50-l);
@@ -430,27 +402,27 @@
430
402
  --dt-theme-mention-color-foreground-hsl: var(--dt-color-black-50-hsl);
431
403
  --dt-theme-mention-color-foreground-hsla: var(--dt-color-black-50-hsla);
432
404
  --dt-theme-mention-color-foreground: var(--dt-color-black-50);
433
- --dt-theme-presence-color-background-offline-h: var(--dt-color-neutral-white-h);
434
- --dt-theme-presence-color-background-offline-s: var(--dt-color-neutral-white-s);
435
- --dt-theme-presence-color-background-offline-l: var(--dt-color-neutral-white-l);
436
- --dt-theme-presence-color-background-offline-a: var(--dt-color-neutral-white-a);
437
- --dt-theme-presence-color-background-offline-hsl: var(--dt-color-neutral-white-hsl);
438
- --dt-theme-presence-color-background-offline-hsla: var(--dt-color-neutral-white-hsla);
439
- --dt-theme-presence-color-background-offline: var(--dt-color-neutral-white);
440
- --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-400-h);
441
- --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-400-s);
442
- --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-400-l);
443
- --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-400-a);
444
- --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-400-hsl);
445
- --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-400-hsla);
446
- --dt-theme-presence-color-background-busy: var(--dt-color-gold-400);
447
- --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-400-h);
448
- --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-400-s);
449
- --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-400-l);
450
- --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-400-a);
451
- --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-400-hsl);
452
- --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-400-hsla);
453
- --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-400);
405
+ --dt-theme-presence-color-background-offline-h: var(--dt-color-black-500-h);
406
+ --dt-theme-presence-color-background-offline-s: var(--dt-color-black-500-s);
407
+ --dt-theme-presence-color-background-offline-l: var(--dt-color-black-500-l);
408
+ --dt-theme-presence-color-background-offline-a: var(--dt-color-black-500-a);
409
+ --dt-theme-presence-color-background-offline-hsl: var(--dt-color-black-500-hsl);
410
+ --dt-theme-presence-color-background-offline-hsla: var(--dt-color-black-500-hsla);
411
+ --dt-theme-presence-color-background-offline: var(--dt-color-black-500);
412
+ --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-500-h);
413
+ --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-500-s);
414
+ --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-500-l);
415
+ --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-500-a);
416
+ --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-500-hsl);
417
+ --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-500-hsla);
418
+ --dt-theme-presence-color-background-busy: var(--dt-color-gold-500);
419
+ --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-500-h);
420
+ --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-500-s);
421
+ --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-500-l);
422
+ --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-500-a);
423
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-500-hsl);
424
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-500-hsla);
425
+ --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-500);
454
426
  --dt-theme-presence-color-background-available-h: var(--dt-color-green-425-h);
455
427
  --dt-theme-presence-color-background-available-s: var(--dt-color-green-425-s);
456
428
  --dt-theme-presence-color-background-available-l: var(--dt-color-green-425-l);
@@ -465,13 +437,6 @@
465
437
  --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
466
438
  --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
467
439
  --dt-theme-color-base: var(--dt-color-black-900);
468
- --dt-action-color-border-base-outlined-default-h: var(--dt-color-border-brand-h);
469
- --dt-action-color-border-base-outlined-default-s: var(--dt-color-border-brand-s);
470
- --dt-action-color-border-base-outlined-default-l: var(--dt-color-border-brand-l);
471
- --dt-action-color-border-base-outlined-default-a: var(--dt-color-border-brand-a);
472
- --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-border-brand-hsl);
473
- --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-border-brand-hsla);
474
- --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
475
440
  --dt-action-color-background-positive-primary-hover-h: var(--dt-color-green-500-h);
476
441
  --dt-action-color-background-positive-primary-hover-s: var(--dt-color-green-500-s);
477
442
  --dt-action-color-background-positive-primary-hover-l: var(--dt-color-green-500-l);
@@ -500,20 +465,20 @@
500
465
  --dt-action-color-background-muted-default-hsl: var(--dt-color-neutral-transparent-hsl);
501
466
  --dt-action-color-background-muted-default-hsla: var(--dt-color-neutral-transparent-hsla);
502
467
  --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
503
- --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-surface-brand-h);
504
- --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-surface-brand-s);
505
- --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-surface-brand-l);
506
- --dt-action-color-background-inverted-primary-hover-a: var(--dt-color-surface-brand-a);
507
- --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-surface-brand-hsl);
508
- --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-surface-brand-hsla);
509
- --dt-action-color-background-inverted-primary-hover: var(--dt-color-surface-brand);
510
- --dt-action-color-background-inverted-primary-default-h: var(--dt-color-surface-brand-subtle-h);
511
- --dt-action-color-background-inverted-primary-default-s: var(--dt-color-surface-brand-subtle-s);
512
- --dt-action-color-background-inverted-primary-default-l: var(--dt-color-surface-brand-subtle-l);
513
- --dt-action-color-background-inverted-primary-default-a: var(--dt-color-surface-brand-subtle-a);
514
- --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-surface-brand-subtle-hsl);
515
- --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-surface-brand-subtle-hsla);
516
- --dt-action-color-background-inverted-primary-default: var(--dt-color-surface-brand-subtle);
468
+ --dt-action-color-background-inverted-primary-active-h: var(--dt-color-purple-200-h);
469
+ --dt-action-color-background-inverted-primary-active-s: var(--dt-color-purple-200-s);
470
+ --dt-action-color-background-inverted-primary-active-l: var(--dt-color-purple-200-l);
471
+ --dt-action-color-background-inverted-primary-active-a: var(--dt-color-purple-200-a);
472
+ --dt-action-color-background-inverted-primary-active-hsl: var(--dt-color-purple-200-hsl);
473
+ --dt-action-color-background-inverted-primary-active-hsla: var(--dt-color-purple-200-hsla);
474
+ --dt-action-color-background-inverted-primary-active: var(--dt-color-purple-200);
475
+ --dt-action-color-background-inverted-primary-default-h: var(--dt-color-black-100-h);
476
+ --dt-action-color-background-inverted-primary-default-s: var(--dt-color-black-100-s);
477
+ --dt-action-color-background-inverted-primary-default-l: var(--dt-color-black-100-l);
478
+ --dt-action-color-background-inverted-primary-default-a: var(--dt-color-black-100-a);
479
+ --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-black-100-hsl);
480
+ --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-black-100-hsla);
481
+ --dt-action-color-background-inverted-primary-default: var(--dt-color-black-100);
517
482
  --dt-action-color-background-inverted-default-h: var(--dt-color-neutral-transparent-h);
518
483
  --dt-action-color-background-inverted-default-s: var(--dt-color-neutral-transparent-s);
519
484
  --dt-action-color-background-inverted-default-l: var(--dt-color-neutral-transparent-l);
@@ -549,13 +514,27 @@
549
514
  --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
550
515
  --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
551
516
  --dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
552
- --dt-action-color-background-base-hover-h: var(--dt-color-surface-brand-opaque-h);
553
- --dt-action-color-background-base-hover-s: var(--dt-color-surface-brand-opaque-s);
554
- --dt-action-color-background-base-hover-l: var(--dt-color-surface-brand-opaque-l);
555
- --dt-action-color-background-base-hover-a: var(--dt-color-surface-brand-opaque-a);
556
- --dt-action-color-background-base-hover-hsl: var(--dt-color-surface-brand-opaque-hsl);
557
- --dt-action-color-background-base-hover-hsla: var(--dt-color-surface-brand-opaque-hsla);
558
- --dt-action-color-background-base-hover: var(--dt-color-surface-brand-opaque);
517
+ --dt-action-color-background-base-primary-active-h: var(--dt-color-purple-500-h);
518
+ --dt-action-color-background-base-primary-active-s: var(--dt-color-purple-500-s);
519
+ --dt-action-color-background-base-primary-active-l: var(--dt-color-purple-500-l);
520
+ --dt-action-color-background-base-primary-active-a: var(--dt-color-purple-500-a);
521
+ --dt-action-color-background-base-primary-active-hsl: var(--dt-color-purple-500-hsl);
522
+ --dt-action-color-background-base-primary-active-hsla: var(--dt-color-purple-500-hsla);
523
+ --dt-action-color-background-base-primary-active: var(--dt-color-purple-500);
524
+ --dt-action-color-background-base-primary-hover-h: var(--dt-color-purple-450-h);
525
+ --dt-action-color-background-base-primary-hover-s: var(--dt-color-purple-450-s);
526
+ --dt-action-color-background-base-primary-hover-l: var(--dt-color-purple-450-l);
527
+ --dt-action-color-background-base-primary-hover-a: var(--dt-color-purple-450-a);
528
+ --dt-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-450-hsl);
529
+ --dt-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-450-hsla);
530
+ --dt-action-color-background-base-primary-hover: var(--dt-color-purple-450);
531
+ --dt-action-color-background-base-primary-default-h: var(--dt-color-purple-400-h);
532
+ --dt-action-color-background-base-primary-default-s: var(--dt-color-purple-400-s);
533
+ --dt-action-color-background-base-primary-default-l: var(--dt-color-purple-400-l);
534
+ --dt-action-color-background-base-primary-default-a: var(--dt-color-purple-400-a);
535
+ --dt-action-color-background-base-primary-default-hsl: var(--dt-color-purple-400-hsl);
536
+ --dt-action-color-background-base-primary-default-hsla: var(--dt-color-purple-400-hsla);
537
+ --dt-action-color-background-base-primary-default: var(--dt-color-purple-400);
559
538
  --dt-action-color-background-base-default-h: var(--dt-color-neutral-transparent-h);
560
539
  --dt-action-color-background-base-default-s: var(--dt-color-neutral-transparent-s);
561
540
  --dt-action-color-background-base-default-l: var(--dt-color-neutral-transparent-l);
@@ -570,20 +549,6 @@
570
549
  --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-black-50-hsl);
571
550
  --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-black-50-hsla);
572
551
  --dt-action-color-foreground-positive-primary-default: var(--dt-color-black-50);
573
- --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-link-primary-hover-h);
574
- --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-link-primary-hover-s);
575
- --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-link-primary-hover-l);
576
- --dt-action-color-foreground-inverted-primary-hover-a: var(--dt-color-link-primary-hover-a);
577
- --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-link-primary-hover-hsl);
578
- --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-link-primary-hover-hsla);
579
- --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-link-primary-hover);
580
- --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-link-primary-h);
581
- --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-link-primary-s);
582
- --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-link-primary-l);
583
- --dt-action-color-foreground-inverted-primary-default-a: var(--dt-color-link-primary-a);
584
- --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-link-primary-hsl);
585
- --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-link-primary-hsla);
586
- --dt-action-color-foreground-inverted-primary-default: var(--dt-color-link-primary);
587
552
  --dt-action-color-foreground-critical-primary-default-h: var(--dt-color-black-50-h);
588
553
  --dt-action-color-foreground-critical-primary-default-s: var(--dt-color-black-50-s);
589
554
  --dt-action-color-foreground-critical-primary-default-l: var(--dt-color-black-50-l);
@@ -598,20 +563,6 @@
598
563
  --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-black-50-hsl);
599
564
  --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-black-50-hsla);
600
565
  --dt-action-color-foreground-base-primary-default: var(--dt-color-black-50);
601
- --dt-action-color-foreground-base-hover-h: var(--dt-color-link-primary-hover-h);
602
- --dt-action-color-foreground-base-hover-s: var(--dt-color-link-primary-hover-s);
603
- --dt-action-color-foreground-base-hover-l: var(--dt-color-link-primary-hover-l);
604
- --dt-action-color-foreground-base-hover-a: var(--dt-color-link-primary-hover-a);
605
- --dt-action-color-foreground-base-hover-hsl: var(--dt-color-link-primary-hover-hsl);
606
- --dt-action-color-foreground-base-hover-hsla: var(--dt-color-link-primary-hover-hsla);
607
- --dt-action-color-foreground-base-hover: var(--dt-color-link-primary-hover);
608
- --dt-action-color-foreground-base-default-h: var(--dt-color-link-primary-h);
609
- --dt-action-color-foreground-base-default-s: var(--dt-color-link-primary-s);
610
- --dt-action-color-foreground-base-default-l: var(--dt-color-link-primary-l);
611
- --dt-action-color-foreground-base-default-a: var(--dt-color-link-primary-a);
612
- --dt-action-color-foreground-base-default-hsl: var(--dt-color-link-primary-hsl);
613
- --dt-action-color-foreground-base-default-hsla: var(--dt-color-link-primary-hsla);
614
- --dt-action-color-foreground-base-default: var(--dt-color-link-primary);
615
566
  --dt-inputs-color-background-focus-h: var(--dt-color-black-100-h);
616
567
  --dt-inputs-color-background-focus-s: var(--dt-color-black-100-s);
617
568
  --dt-inputs-color-background-focus-l: var(--dt-color-black-100-l);
@@ -777,6 +728,573 @@
777
728
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
778
729
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
779
730
  --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
731
+ --dt-color-chart-sequential-10-selected-h: var(--dt-color-indigo-1000-h);
732
+ --dt-color-chart-sequential-10-selected-s: var(--dt-color-indigo-1000-s);
733
+ --dt-color-chart-sequential-10-selected-l: var(--dt-color-indigo-1000-l);
734
+ --dt-color-chart-sequential-10-selected-a: var(--dt-color-indigo-1000-a);
735
+ --dt-color-chart-sequential-10-selected-hsl: var(--dt-color-indigo-1000-hsl);
736
+ --dt-color-chart-sequential-10-selected-hsla: var(--dt-color-indigo-1000-hsla);
737
+ --dt-color-chart-sequential-10-selected: var(--dt-color-indigo-1000); /* Selected state for tenth sequential chart color. */
738
+ --dt-color-chart-sequential-10-hover-h: var(--dt-color-indigo-1000-h);
739
+ --dt-color-chart-sequential-10-hover-s: var(--dt-color-indigo-1000-s);
740
+ --dt-color-chart-sequential-10-hover-l: var(--dt-color-indigo-1000-l);
741
+ --dt-color-chart-sequential-10-hover-a: var(--dt-color-indigo-1000-a);
742
+ --dt-color-chart-sequential-10-hover-hsl: var(--dt-color-indigo-1000-hsl);
743
+ --dt-color-chart-sequential-10-hover-hsla: var(--dt-color-indigo-1000-hsla);
744
+ --dt-color-chart-sequential-10-hover: var(--dt-color-indigo-1000); /* Hover state for tenth sequential chart color. */
745
+ --dt-color-chart-sequential-09-selected-h: var(--dt-color-indigo-1000-h);
746
+ --dt-color-chart-sequential-09-selected-s: var(--dt-color-indigo-1000-s);
747
+ --dt-color-chart-sequential-09-selected-l: var(--dt-color-indigo-1000-l);
748
+ --dt-color-chart-sequential-09-selected-a: var(--dt-color-indigo-1000-a);
749
+ --dt-color-chart-sequential-09-selected-hsl: var(--dt-color-indigo-1000-hsl);
750
+ --dt-color-chart-sequential-09-selected-hsla: var(--dt-color-indigo-1000-hsla);
751
+ --dt-color-chart-sequential-09-selected: var(--dt-color-indigo-1000); /* Selected state for ninth sequential chart color. */
752
+ --dt-color-chart-sequential-09-hover-h: var(--dt-color-indigo-950-h);
753
+ --dt-color-chart-sequential-09-hover-s: var(--dt-color-indigo-950-s);
754
+ --dt-color-chart-sequential-09-hover-l: var(--dt-color-indigo-950-l);
755
+ --dt-color-chart-sequential-09-hover-a: var(--dt-color-indigo-950-a);
756
+ --dt-color-chart-sequential-09-hover-hsl: var(--dt-color-indigo-950-hsl);
757
+ --dt-color-chart-sequential-09-hover-hsla: var(--dt-color-indigo-950-hsla);
758
+ --dt-color-chart-sequential-09-hover: var(--dt-color-indigo-950); /* Hover state for ninth sequential chart color. */
759
+ --dt-color-chart-sequential-09-h: var(--dt-color-indigo-900-h);
760
+ --dt-color-chart-sequential-09-s: var(--dt-color-indigo-900-s);
761
+ --dt-color-chart-sequential-09-l: var(--dt-color-indigo-900-l);
762
+ --dt-color-chart-sequential-09-a: var(--dt-color-indigo-900-a);
763
+ --dt-color-chart-sequential-09-hsl: var(--dt-color-indigo-900-hsl);
764
+ --dt-color-chart-sequential-09-hsla: var(--dt-color-indigo-900-hsla);
765
+ --dt-color-chart-sequential-09: var(--dt-color-indigo-900); /* Ninth color in sequential chart series, extremely dark shade. */
766
+ --dt-color-chart-sequential-08-selected-h: var(--dt-color-indigo-950-h);
767
+ --dt-color-chart-sequential-08-selected-s: var(--dt-color-indigo-950-s);
768
+ --dt-color-chart-sequential-08-selected-l: var(--dt-color-indigo-950-l);
769
+ --dt-color-chart-sequential-08-selected-a: var(--dt-color-indigo-950-a);
770
+ --dt-color-chart-sequential-08-selected-hsl: var(--dt-color-indigo-950-hsl);
771
+ --dt-color-chart-sequential-08-selected-hsla: var(--dt-color-indigo-950-hsla);
772
+ --dt-color-chart-sequential-08-selected: var(--dt-color-indigo-950); /* Selected state for eighth sequential chart color. */
773
+ --dt-color-chart-sequential-08-hover-h: var(--dt-color-indigo-900-h);
774
+ --dt-color-chart-sequential-08-hover-s: var(--dt-color-indigo-900-s);
775
+ --dt-color-chart-sequential-08-hover-l: var(--dt-color-indigo-900-l);
776
+ --dt-color-chart-sequential-08-hover-a: var(--dt-color-indigo-900-a);
777
+ --dt-color-chart-sequential-08-hover-hsl: var(--dt-color-indigo-900-hsl);
778
+ --dt-color-chart-sequential-08-hover-hsla: var(--dt-color-indigo-900-hsla);
779
+ --dt-color-chart-sequential-08-hover: var(--dt-color-indigo-900); /* Hover state for eighth sequential chart color. */
780
+ --dt-color-chart-sequential-08-h: var(--dt-color-indigo-800-h);
781
+ --dt-color-chart-sequential-08-s: var(--dt-color-indigo-800-s);
782
+ --dt-color-chart-sequential-08-l: var(--dt-color-indigo-800-l);
783
+ --dt-color-chart-sequential-08-a: var(--dt-color-indigo-800-a);
784
+ --dt-color-chart-sequential-08-hsl: var(--dt-color-indigo-800-hsl);
785
+ --dt-color-chart-sequential-08-hsla: var(--dt-color-indigo-800-hsla);
786
+ --dt-color-chart-sequential-08: var(--dt-color-indigo-800); /* Eighth color in sequential chart series, very dark shade. */
787
+ --dt-color-chart-sequential-07-selected-h: var(--dt-color-indigo-1000-h);
788
+ --dt-color-chart-sequential-07-selected-s: var(--dt-color-indigo-1000-s);
789
+ --dt-color-chart-sequential-07-selected-l: var(--dt-color-indigo-1000-l);
790
+ --dt-color-chart-sequential-07-selected-a: var(--dt-color-indigo-1000-a);
791
+ --dt-color-chart-sequential-07-selected-hsl: var(--dt-color-indigo-1000-hsl);
792
+ --dt-color-chart-sequential-07-selected-hsla: var(--dt-color-indigo-1000-hsla);
793
+ --dt-color-chart-sequential-07-selected: var(--dt-color-indigo-1000); /* Selected state for seventh sequential chart color. */
794
+ --dt-color-chart-sequential-07-hover-h: var(--dt-color-indigo-800-h);
795
+ --dt-color-chart-sequential-07-hover-s: var(--dt-color-indigo-800-s);
796
+ --dt-color-chart-sequential-07-hover-l: var(--dt-color-indigo-800-l);
797
+ --dt-color-chart-sequential-07-hover-a: var(--dt-color-indigo-800-a);
798
+ --dt-color-chart-sequential-07-hover-hsl: var(--dt-color-indigo-800-hsl);
799
+ --dt-color-chart-sequential-07-hover-hsla: var(--dt-color-indigo-800-hsla);
800
+ --dt-color-chart-sequential-07-hover: var(--dt-color-indigo-800); /* Hover state for seventh sequential chart color. */
801
+ --dt-color-chart-sequential-07-h: var(--dt-color-indigo-700-h);
802
+ --dt-color-chart-sequential-07-s: var(--dt-color-indigo-700-s);
803
+ --dt-color-chart-sequential-07-l: var(--dt-color-indigo-700-l);
804
+ --dt-color-chart-sequential-07-a: var(--dt-color-indigo-700-a);
805
+ --dt-color-chart-sequential-07-hsl: var(--dt-color-indigo-700-hsl);
806
+ --dt-color-chart-sequential-07-hsla: var(--dt-color-indigo-700-hsla);
807
+ --dt-color-chart-sequential-07: var(--dt-color-indigo-700); /* Seventh color in sequential chart series, dark shade. */
808
+ --dt-color-chart-sequential-06-selected-h: var(--dt-color-indigo-950-h);
809
+ --dt-color-chart-sequential-06-selected-s: var(--dt-color-indigo-950-s);
810
+ --dt-color-chart-sequential-06-selected-l: var(--dt-color-indigo-950-l);
811
+ --dt-color-chart-sequential-06-selected-a: var(--dt-color-indigo-950-a);
812
+ --dt-color-chart-sequential-06-selected-hsl: var(--dt-color-indigo-950-hsl);
813
+ --dt-color-chart-sequential-06-selected-hsla: var(--dt-color-indigo-950-hsla);
814
+ --dt-color-chart-sequential-06-selected: var(--dt-color-indigo-950); /* Selected state for sixth sequential chart color. */
815
+ --dt-color-chart-sequential-06-hover-h: var(--dt-color-indigo-700-h);
816
+ --dt-color-chart-sequential-06-hover-s: var(--dt-color-indigo-700-s);
817
+ --dt-color-chart-sequential-06-hover-l: var(--dt-color-indigo-700-l);
818
+ --dt-color-chart-sequential-06-hover-a: var(--dt-color-indigo-700-a);
819
+ --dt-color-chart-sequential-06-hover-hsl: var(--dt-color-indigo-700-hsl);
820
+ --dt-color-chart-sequential-06-hover-hsla: var(--dt-color-indigo-700-hsla);
821
+ --dt-color-chart-sequential-06-hover: var(--dt-color-indigo-700); /* Hover state for sixth sequential chart color. */
822
+ --dt-color-chart-sequential-06-h: var(--dt-color-indigo-600-h);
823
+ --dt-color-chart-sequential-06-s: var(--dt-color-indigo-600-s);
824
+ --dt-color-chart-sequential-06-l: var(--dt-color-indigo-600-l);
825
+ --dt-color-chart-sequential-06-a: var(--dt-color-indigo-600-a);
826
+ --dt-color-chart-sequential-06-hsl: var(--dt-color-indigo-600-hsl);
827
+ --dt-color-chart-sequential-06-hsla: var(--dt-color-indigo-600-hsla);
828
+ --dt-color-chart-sequential-06: var(--dt-color-indigo-600); /* Sixth color in sequential chart series, medium-dark shade. */
829
+ --dt-color-chart-sequential-05-selected-h: var(--dt-color-indigo-800-h);
830
+ --dt-color-chart-sequential-05-selected-s: var(--dt-color-indigo-800-s);
831
+ --dt-color-chart-sequential-05-selected-l: var(--dt-color-indigo-800-l);
832
+ --dt-color-chart-sequential-05-selected-a: var(--dt-color-indigo-800-a);
833
+ --dt-color-chart-sequential-05-selected-hsl: var(--dt-color-indigo-800-hsl);
834
+ --dt-color-chart-sequential-05-selected-hsla: var(--dt-color-indigo-800-hsla);
835
+ --dt-color-chart-sequential-05-selected: var(--dt-color-indigo-800); /* Selected state for fifth sequential chart color. */
836
+ --dt-color-chart-sequential-05-hover-h: var(--dt-color-indigo-600-h);
837
+ --dt-color-chart-sequential-05-hover-s: var(--dt-color-indigo-600-s);
838
+ --dt-color-chart-sequential-05-hover-l: var(--dt-color-indigo-600-l);
839
+ --dt-color-chart-sequential-05-hover-a: var(--dt-color-indigo-600-a);
840
+ --dt-color-chart-sequential-05-hover-hsl: var(--dt-color-indigo-600-hsl);
841
+ --dt-color-chart-sequential-05-hover-hsla: var(--dt-color-indigo-600-hsla);
842
+ --dt-color-chart-sequential-05-hover: var(--dt-color-indigo-600); /* Hover state for fifth sequential chart color. */
843
+ --dt-color-chart-sequential-05-h: var(--dt-color-indigo-500-h);
844
+ --dt-color-chart-sequential-05-s: var(--dt-color-indigo-500-s);
845
+ --dt-color-chart-sequential-05-l: var(--dt-color-indigo-500-l);
846
+ --dt-color-chart-sequential-05-a: var(--dt-color-indigo-500-a);
847
+ --dt-color-chart-sequential-05-hsl: var(--dt-color-indigo-500-hsl);
848
+ --dt-color-chart-sequential-05-hsla: var(--dt-color-indigo-500-hsla);
849
+ --dt-color-chart-sequential-05: var(--dt-color-indigo-500); /* Fifth color in sequential chart series, medium shade. */
850
+ --dt-color-chart-sequential-04-selected-h: var(--dt-color-indigo-700-h);
851
+ --dt-color-chart-sequential-04-selected-s: var(--dt-color-indigo-700-s);
852
+ --dt-color-chart-sequential-04-selected-l: var(--dt-color-indigo-700-l);
853
+ --dt-color-chart-sequential-04-selected-a: var(--dt-color-indigo-700-a);
854
+ --dt-color-chart-sequential-04-selected-hsl: var(--dt-color-indigo-700-hsl);
855
+ --dt-color-chart-sequential-04-selected-hsla: var(--dt-color-indigo-700-hsla);
856
+ --dt-color-chart-sequential-04-selected: var(--dt-color-indigo-700); /* Selected state for fourth sequential chart color. */
857
+ --dt-color-chart-sequential-04-hover-h: var(--dt-color-indigo-500-h);
858
+ --dt-color-chart-sequential-04-hover-s: var(--dt-color-indigo-500-s);
859
+ --dt-color-chart-sequential-04-hover-l: var(--dt-color-indigo-500-l);
860
+ --dt-color-chart-sequential-04-hover-a: var(--dt-color-indigo-500-a);
861
+ --dt-color-chart-sequential-04-hover-hsl: var(--dt-color-indigo-500-hsl);
862
+ --dt-color-chart-sequential-04-hover-hsla: var(--dt-color-indigo-500-hsla);
863
+ --dt-color-chart-sequential-04-hover: var(--dt-color-indigo-500); /* Hover state for fourth sequential chart color. */
864
+ --dt-color-chart-sequential-04-h: var(--dt-color-indigo-400-h);
865
+ --dt-color-chart-sequential-04-s: var(--dt-color-indigo-400-s);
866
+ --dt-color-chart-sequential-04-l: var(--dt-color-indigo-400-l);
867
+ --dt-color-chart-sequential-04-a: var(--dt-color-indigo-400-a);
868
+ --dt-color-chart-sequential-04-hsl: var(--dt-color-indigo-400-hsl);
869
+ --dt-color-chart-sequential-04-hsla: var(--dt-color-indigo-400-hsla);
870
+ --dt-color-chart-sequential-04: var(--dt-color-indigo-400); /* Fourth color in sequential chart series, light-medium shade. */
871
+ --dt-color-chart-sequential-03-selected-h: var(--dt-color-indigo-600-h);
872
+ --dt-color-chart-sequential-03-selected-s: var(--dt-color-indigo-600-s);
873
+ --dt-color-chart-sequential-03-selected-l: var(--dt-color-indigo-600-l);
874
+ --dt-color-chart-sequential-03-selected-a: var(--dt-color-indigo-600-a);
875
+ --dt-color-chart-sequential-03-selected-hsl: var(--dt-color-indigo-600-hsl);
876
+ --dt-color-chart-sequential-03-selected-hsla: var(--dt-color-indigo-600-hsla);
877
+ --dt-color-chart-sequential-03-selected: var(--dt-color-indigo-600); /* Selected state for third sequential chart color. */
878
+ --dt-color-chart-sequential-03-hover-h: var(--dt-color-indigo-400-h);
879
+ --dt-color-chart-sequential-03-hover-s: var(--dt-color-indigo-400-s);
880
+ --dt-color-chart-sequential-03-hover-l: var(--dt-color-indigo-400-l);
881
+ --dt-color-chart-sequential-03-hover-a: var(--dt-color-indigo-400-a);
882
+ --dt-color-chart-sequential-03-hover-hsl: var(--dt-color-indigo-400-hsl);
883
+ --dt-color-chart-sequential-03-hover-hsla: var(--dt-color-indigo-400-hsla);
884
+ --dt-color-chart-sequential-03-hover: var(--dt-color-indigo-400); /* Hover state for third sequential chart color. */
885
+ --dt-color-chart-sequential-03-h: var(--dt-color-indigo-300-h);
886
+ --dt-color-chart-sequential-03-s: var(--dt-color-indigo-300-s);
887
+ --dt-color-chart-sequential-03-l: var(--dt-color-indigo-300-l);
888
+ --dt-color-chart-sequential-03-a: var(--dt-color-indigo-300-a);
889
+ --dt-color-chart-sequential-03-hsl: var(--dt-color-indigo-300-hsl);
890
+ --dt-color-chart-sequential-03-hsla: var(--dt-color-indigo-300-hsla);
891
+ --dt-color-chart-sequential-03: var(--dt-color-indigo-300); /* Third color in sequential chart series, light shade. */
892
+ --dt-color-chart-sequential-02-selected-h: var(--dt-color-indigo-500-h);
893
+ --dt-color-chart-sequential-02-selected-s: var(--dt-color-indigo-500-s);
894
+ --dt-color-chart-sequential-02-selected-l: var(--dt-color-indigo-500-l);
895
+ --dt-color-chart-sequential-02-selected-a: var(--dt-color-indigo-500-a);
896
+ --dt-color-chart-sequential-02-selected-hsl: var(--dt-color-indigo-500-hsl);
897
+ --dt-color-chart-sequential-02-selected-hsla: var(--dt-color-indigo-500-hsla);
898
+ --dt-color-chart-sequential-02-selected: var(--dt-color-indigo-500); /* Selected state for second sequential chart color. */
899
+ --dt-color-chart-sequential-02-hover-h: var(--dt-color-indigo-300-h);
900
+ --dt-color-chart-sequential-02-hover-s: var(--dt-color-indigo-300-s);
901
+ --dt-color-chart-sequential-02-hover-l: var(--dt-color-indigo-300-l);
902
+ --dt-color-chart-sequential-02-hover-a: var(--dt-color-indigo-300-a);
903
+ --dt-color-chart-sequential-02-hover-hsl: var(--dt-color-indigo-300-hsl);
904
+ --dt-color-chart-sequential-02-hover-hsla: var(--dt-color-indigo-300-hsla);
905
+ --dt-color-chart-sequential-02-hover: var(--dt-color-indigo-300); /* Hover state for second sequential chart color. */
906
+ --dt-color-chart-sequential-02-h: var(--dt-color-indigo-200-h);
907
+ --dt-color-chart-sequential-02-s: var(--dt-color-indigo-200-s);
908
+ --dt-color-chart-sequential-02-l: var(--dt-color-indigo-200-l);
909
+ --dt-color-chart-sequential-02-a: var(--dt-color-indigo-200-a);
910
+ --dt-color-chart-sequential-02-hsl: var(--dt-color-indigo-200-hsl);
911
+ --dt-color-chart-sequential-02-hsla: var(--dt-color-indigo-200-hsla);
912
+ --dt-color-chart-sequential-02: var(--dt-color-indigo-200); /* Second color in sequential chart series, very light shade. */
913
+ --dt-color-chart-sequential-01-selected-h: var(--dt-color-indigo-400-h);
914
+ --dt-color-chart-sequential-01-selected-s: var(--dt-color-indigo-400-s);
915
+ --dt-color-chart-sequential-01-selected-l: var(--dt-color-indigo-400-l);
916
+ --dt-color-chart-sequential-01-selected-a: var(--dt-color-indigo-400-a);
917
+ --dt-color-chart-sequential-01-selected-hsl: var(--dt-color-indigo-400-hsl);
918
+ --dt-color-chart-sequential-01-selected-hsla: var(--dt-color-indigo-400-hsla);
919
+ --dt-color-chart-sequential-01-selected: var(--dt-color-indigo-400); /* Selected state for first sequential chart color. */
920
+ --dt-color-chart-sequential-01-hover-h: var(--dt-color-indigo-200-h);
921
+ --dt-color-chart-sequential-01-hover-s: var(--dt-color-indigo-200-s);
922
+ --dt-color-chart-sequential-01-hover-l: var(--dt-color-indigo-200-l);
923
+ --dt-color-chart-sequential-01-hover-a: var(--dt-color-indigo-200-a);
924
+ --dt-color-chart-sequential-01-hover-hsl: var(--dt-color-indigo-200-hsl);
925
+ --dt-color-chart-sequential-01-hover-hsla: var(--dt-color-indigo-200-hsla);
926
+ --dt-color-chart-sequential-01-hover: var(--dt-color-indigo-200); /* Hover state for first sequential chart color. */
927
+ --dt-color-chart-sequential-01-h: var(--dt-color-indigo-100-h);
928
+ --dt-color-chart-sequential-01-s: var(--dt-color-indigo-100-s);
929
+ --dt-color-chart-sequential-01-l: var(--dt-color-indigo-100-l);
930
+ --dt-color-chart-sequential-01-a: var(--dt-color-indigo-100-a);
931
+ --dt-color-chart-sequential-01-hsl: var(--dt-color-indigo-100-hsl);
932
+ --dt-color-chart-sequential-01-hsla: var(--dt-color-indigo-100-hsla);
933
+ --dt-color-chart-sequential-01: var(--dt-color-indigo-100); /* First color in sequential chart series, lightest shade. */
934
+ --dt-color-chart-sequential-10-h: var(--dt-color-indigo-950-h);
935
+ --dt-color-chart-sequential-10-s: var(--dt-color-indigo-950-s);
936
+ --dt-color-chart-sequential-10-l: var(--dt-color-indigo-950-l);
937
+ --dt-color-chart-sequential-10-a: var(--dt-color-indigo-950-a);
938
+ --dt-color-chart-sequential-10-hsl: var(--dt-color-indigo-950-hsl);
939
+ --dt-color-chart-sequential-10-hsla: var(--dt-color-indigo-950-hsla);
940
+ --dt-color-chart-sequential-10: var(--dt-color-indigo-950); /* Tenth color in sequential chart series, darkest shade. */
941
+ --dt-color-chart-brand-selected-h: var(--dt-color-purple-550-h);
942
+ --dt-color-chart-brand-selected-s: var(--dt-color-purple-550-s);
943
+ --dt-color-chart-brand-selected-l: var(--dt-color-purple-550-l);
944
+ --dt-color-chart-brand-selected-a: var(--dt-color-purple-550-a);
945
+ --dt-color-chart-brand-selected-hsl: var(--dt-color-purple-550-hsl);
946
+ --dt-color-chart-brand-selected-hsla: var(--dt-color-purple-550-hsla);
947
+ --dt-color-chart-brand-selected: var(--dt-color-purple-550); /* Selected state for brand chart elements. */
948
+ --dt-color-chart-brand-hover-h: var(--dt-color-purple-450-h);
949
+ --dt-color-chart-brand-hover-s: var(--dt-color-purple-450-s);
950
+ --dt-color-chart-brand-hover-l: var(--dt-color-purple-450-l);
951
+ --dt-color-chart-brand-hover-a: var(--dt-color-purple-450-a);
952
+ --dt-color-chart-brand-hover-hsl: var(--dt-color-purple-450-hsl);
953
+ --dt-color-chart-brand-hover-hsla: var(--dt-color-purple-450-hsla);
954
+ --dt-color-chart-brand-hover: var(--dt-color-purple-450); /* Hover state for brand chart elements. */
955
+ --dt-color-chart-brand-h: var(--dt-color-purple-400-h);
956
+ --dt-color-chart-brand-s: var(--dt-color-purple-400-s);
957
+ --dt-color-chart-brand-l: var(--dt-color-purple-400-l);
958
+ --dt-color-chart-brand-a: var(--dt-color-purple-400-a);
959
+ --dt-color-chart-brand-hsl: var(--dt-color-purple-400-hsl);
960
+ --dt-color-chart-brand-hsla: var(--dt-color-purple-400-hsla);
961
+ --dt-color-chart-brand: var(--dt-color-purple-400); /* Used for brand-related data or to highlight company-specific information in charts. */
962
+ --dt-color-chart-info-selected-h: var(--dt-color-blue-600-h);
963
+ --dt-color-chart-info-selected-s: var(--dt-color-blue-600-s);
964
+ --dt-color-chart-info-selected-l: var(--dt-color-blue-600-l);
965
+ --dt-color-chart-info-selected-a: var(--dt-color-blue-600-a);
966
+ --dt-color-chart-info-selected-hsl: var(--dt-color-blue-600-hsl);
967
+ --dt-color-chart-info-selected-hsla: var(--dt-color-blue-600-hsla);
968
+ --dt-color-chart-info-selected: var(--dt-color-blue-600); /* Selected state for info chart elements. */
969
+ --dt-color-chart-info-hover-h: var(--dt-color-blue-475-h);
970
+ --dt-color-chart-info-hover-s: var(--dt-color-blue-475-s);
971
+ --dt-color-chart-info-hover-l: var(--dt-color-blue-475-l);
972
+ --dt-color-chart-info-hover-a: var(--dt-color-blue-475-a);
973
+ --dt-color-chart-info-hover-hsl: var(--dt-color-blue-475-hsl);
974
+ --dt-color-chart-info-hover-hsla: var(--dt-color-blue-475-hsla);
975
+ --dt-color-chart-info-hover: var(--dt-color-blue-475); /* Hover state for info chart elements. */
976
+ --dt-color-chart-info-h: var(--dt-color-blue-425-h);
977
+ --dt-color-chart-info-s: var(--dt-color-blue-425-s);
978
+ --dt-color-chart-info-l: var(--dt-color-blue-425-l);
979
+ --dt-color-chart-info-a: var(--dt-color-blue-425-a);
980
+ --dt-color-chart-info-hsl: var(--dt-color-blue-425-hsl);
981
+ --dt-color-chart-info-hsla: var(--dt-color-blue-425-hsla);
982
+ --dt-color-chart-info: var(--dt-color-blue-425); /* Used for informational or neutral data points in charts. */
983
+ --dt-color-chart-warning-selected-h: var(--dt-color-gold-600-h);
984
+ --dt-color-chart-warning-selected-s: var(--dt-color-gold-600-s);
985
+ --dt-color-chart-warning-selected-l: var(--dt-color-gold-600-l);
986
+ --dt-color-chart-warning-selected-a: var(--dt-color-gold-600-a);
987
+ --dt-color-chart-warning-selected-hsl: var(--dt-color-gold-600-hsl);
988
+ --dt-color-chart-warning-selected-hsla: var(--dt-color-gold-600-hsla);
989
+ --dt-color-chart-warning-selected: var(--dt-color-gold-600); /* Selected state for warning chart elements. */
990
+ --dt-color-chart-warning-hover-h: var(--dt-color-gold-500-h);
991
+ --dt-color-chart-warning-hover-s: var(--dt-color-gold-500-s);
992
+ --dt-color-chart-warning-hover-l: var(--dt-color-gold-500-l);
993
+ --dt-color-chart-warning-hover-a: var(--dt-color-gold-500-a);
994
+ --dt-color-chart-warning-hover-hsl: var(--dt-color-gold-500-hsl);
995
+ --dt-color-chart-warning-hover-hsla: var(--dt-color-gold-500-hsla);
996
+ --dt-color-chart-warning-hover: var(--dt-color-gold-500); /* Hover state for warning chart elements. */
997
+ --dt-color-chart-warning-h: var(--dt-color-gold-400-h);
998
+ --dt-color-chart-warning-s: var(--dt-color-gold-400-s);
999
+ --dt-color-chart-warning-l: var(--dt-color-gold-400-l);
1000
+ --dt-color-chart-warning-a: var(--dt-color-gold-400-a);
1001
+ --dt-color-chart-warning-hsl: var(--dt-color-gold-400-hsl);
1002
+ --dt-color-chart-warning-hsla: var(--dt-color-gold-400-hsla);
1003
+ --dt-color-chart-warning: var(--dt-color-gold-400); /* Used for cautionary or warning indicators in charts. */
1004
+ --dt-color-chart-critical-selected-h: var(--dt-color-red-600-h);
1005
+ --dt-color-chart-critical-selected-s: var(--dt-color-red-600-s);
1006
+ --dt-color-chart-critical-selected-l: var(--dt-color-red-600-l);
1007
+ --dt-color-chart-critical-selected-a: var(--dt-color-red-600-a);
1008
+ --dt-color-chart-critical-selected-hsl: var(--dt-color-red-600-hsl);
1009
+ --dt-color-chart-critical-selected-hsla: var(--dt-color-red-600-hsla);
1010
+ --dt-color-chart-critical-selected: var(--dt-color-red-600); /* Selected state for critical chart elements, aka danger. */
1011
+ --dt-color-chart-critical-hover-h: var(--dt-color-red-450-h);
1012
+ --dt-color-chart-critical-hover-s: var(--dt-color-red-450-s);
1013
+ --dt-color-chart-critical-hover-l: var(--dt-color-red-450-l);
1014
+ --dt-color-chart-critical-hover-a: var(--dt-color-red-450-a);
1015
+ --dt-color-chart-critical-hover-hsl: var(--dt-color-red-450-hsl);
1016
+ --dt-color-chart-critical-hover-hsla: var(--dt-color-red-450-hsla);
1017
+ --dt-color-chart-critical-hover: var(--dt-color-red-450); /* Hover state for critical chart elements, aka danger. */
1018
+ --dt-color-chart-critical-h: var(--dt-color-red-400-h);
1019
+ --dt-color-chart-critical-s: var(--dt-color-red-400-s);
1020
+ --dt-color-chart-critical-l: var(--dt-color-red-400-l);
1021
+ --dt-color-chart-critical-a: var(--dt-color-red-400-a);
1022
+ --dt-color-chart-critical-hsl: var(--dt-color-red-400-hsl);
1023
+ --dt-color-chart-critical-hsla: var(--dt-color-red-400-hsla);
1024
+ --dt-color-chart-critical: var(--dt-color-red-400); /* Used for negative values, errors, or critical indicators in charts, aka danger. */
1025
+ --dt-color-chart-positive-selected-h: var(--dt-color-green-600-h);
1026
+ --dt-color-chart-positive-selected-s: var(--dt-color-green-600-s);
1027
+ --dt-color-chart-positive-selected-l: var(--dt-color-green-600-l);
1028
+ --dt-color-chart-positive-selected-a: var(--dt-color-green-600-a);
1029
+ --dt-color-chart-positive-selected-hsl: var(--dt-color-green-600-hsl);
1030
+ --dt-color-chart-positive-selected-hsla: var(--dt-color-green-600-hsla);
1031
+ --dt-color-chart-positive-selected: var(--dt-color-green-600); /* Selected state for positive chart elements, aka success. */
1032
+ --dt-color-chart-positive-hover-h: var(--dt-color-green-475-h);
1033
+ --dt-color-chart-positive-hover-s: var(--dt-color-green-475-s);
1034
+ --dt-color-chart-positive-hover-l: var(--dt-color-green-475-l);
1035
+ --dt-color-chart-positive-hover-a: var(--dt-color-green-475-a);
1036
+ --dt-color-chart-positive-hover-hsl: var(--dt-color-green-475-hsl);
1037
+ --dt-color-chart-positive-hover-hsla: var(--dt-color-green-475-hsla);
1038
+ --dt-color-chart-positive-hover: var(--dt-color-green-475); /* Hover state for positive chart elements, aka success. */
1039
+ --dt-color-chart-positive-h: var(--dt-color-green-425-h);
1040
+ --dt-color-chart-positive-s: var(--dt-color-green-425-s);
1041
+ --dt-color-chart-positive-l: var(--dt-color-green-425-l);
1042
+ --dt-color-chart-positive-a: var(--dt-color-green-425-a);
1043
+ --dt-color-chart-positive-hsl: var(--dt-color-green-425-hsl);
1044
+ --dt-color-chart-positive-hsla: var(--dt-color-green-425-hsla);
1045
+ --dt-color-chart-positive: var(--dt-color-green-425); /* Used for positive values, growth, or success indicators in charts, aka success. */
1046
+ --dt-color-chart-accent-selected-h: var(--dt-color-indigo-800-h);
1047
+ --dt-color-chart-accent-selected-s: var(--dt-color-indigo-800-s);
1048
+ --dt-color-chart-accent-selected-l: var(--dt-color-indigo-800-l);
1049
+ --dt-color-chart-accent-selected-a: var(--dt-color-indigo-800-a);
1050
+ --dt-color-chart-accent-selected-hsl: var(--dt-color-indigo-800-hsl);
1051
+ --dt-color-chart-accent-selected-hsla: var(--dt-color-indigo-800-hsla);
1052
+ --dt-color-chart-accent-selected: var(--dt-color-indigo-800); /* Selected state for accent chart elements. */
1053
+ --dt-color-chart-accent-hover-h: var(--dt-color-indigo-600-h);
1054
+ --dt-color-chart-accent-hover-s: var(--dt-color-indigo-600-s);
1055
+ --dt-color-chart-accent-hover-l: var(--dt-color-indigo-600-l);
1056
+ --dt-color-chart-accent-hover-a: var(--dt-color-indigo-600-a);
1057
+ --dt-color-chart-accent-hover-hsl: var(--dt-color-indigo-600-hsl);
1058
+ --dt-color-chart-accent-hover-hsla: var(--dt-color-indigo-600-hsla);
1059
+ --dt-color-chart-accent-hover: var(--dt-color-indigo-600); /* Hover state for accent chart elements. */
1060
+ --dt-color-chart-accent-h: var(--dt-color-indigo-500-h);
1061
+ --dt-color-chart-accent-s: var(--dt-color-indigo-500-s);
1062
+ --dt-color-chart-accent-l: var(--dt-color-indigo-500-l);
1063
+ --dt-color-chart-accent-a: var(--dt-color-indigo-500-a);
1064
+ --dt-color-chart-accent-hsl: var(--dt-color-indigo-500-hsl);
1065
+ --dt-color-chart-accent-hsla: var(--dt-color-indigo-500-hsla);
1066
+ --dt-color-chart-accent: var(--dt-color-indigo-500); /* Main accent color for highlighting important chart elements or primary data series. */
1067
+ --dt-color-chart-neutral-selected-h: var(--dt-color-tan-600-h);
1068
+ --dt-color-chart-neutral-selected-s: var(--dt-color-tan-600-s);
1069
+ --dt-color-chart-neutral-selected-l: var(--dt-color-tan-600-l);
1070
+ --dt-color-chart-neutral-selected-a: var(--dt-color-tan-600-a);
1071
+ --dt-color-chart-neutral-selected-hsl: var(--dt-color-tan-600-hsl);
1072
+ --dt-color-chart-neutral-selected-hsla: var(--dt-color-tan-600-hsla);
1073
+ --dt-color-chart-neutral-selected: var(--dt-color-tan-600); /* Selected state for neutral chart elements. */
1074
+ --dt-color-chart-neutral-hover-h: var(--dt-color-tan-400-h);
1075
+ --dt-color-chart-neutral-hover-s: var(--dt-color-tan-400-s);
1076
+ --dt-color-chart-neutral-hover-l: var(--dt-color-tan-400-l);
1077
+ --dt-color-chart-neutral-hover-a: var(--dt-color-tan-400-a);
1078
+ --dt-color-chart-neutral-hover-hsl: var(--dt-color-tan-400-hsl);
1079
+ --dt-color-chart-neutral-hover-hsla: var(--dt-color-tan-400-hsla);
1080
+ --dt-color-chart-neutral-hover: var(--dt-color-tan-400); /* Hover state for neutral chart elements. */
1081
+ --dt-color-chart-neutral-h: var(--dt-color-tan-300-h);
1082
+ --dt-color-chart-neutral-s: var(--dt-color-tan-300-s);
1083
+ --dt-color-chart-neutral-l: var(--dt-color-tan-300-l);
1084
+ --dt-color-chart-neutral-a: var(--dt-color-tan-300-a);
1085
+ --dt-color-chart-neutral-hsl: var(--dt-color-tan-300-hsl);
1086
+ --dt-color-chart-neutral-hsla: var(--dt-color-tan-300-hsla);
1087
+ --dt-color-chart-neutral: var(--dt-color-tan-300); /* Used for neutral or background elements in charts where no specific meaning is implied. */
1088
+ --dt-color-chart-categorical-09-selected-h: var(--dt-color-red-600-h);
1089
+ --dt-color-chart-categorical-09-selected-s: var(--dt-color-red-600-s);
1090
+ --dt-color-chart-categorical-09-selected-l: var(--dt-color-red-600-l);
1091
+ --dt-color-chart-categorical-09-selected-a: var(--dt-color-red-600-a);
1092
+ --dt-color-chart-categorical-09-selected-hsl: var(--dt-color-red-600-hsl);
1093
+ --dt-color-chart-categorical-09-selected-hsla: var(--dt-color-red-600-hsla);
1094
+ --dt-color-chart-categorical-09-selected: var(--dt-color-red-600);
1095
+ --dt-color-chart-categorical-09-hover-h: var(--dt-color-red-400-h);
1096
+ --dt-color-chart-categorical-09-hover-s: var(--dt-color-red-400-s);
1097
+ --dt-color-chart-categorical-09-hover-l: var(--dt-color-red-400-l);
1098
+ --dt-color-chart-categorical-09-hover-a: var(--dt-color-red-400-a);
1099
+ --dt-color-chart-categorical-09-hover-hsl: var(--dt-color-red-400-hsl);
1100
+ --dt-color-chart-categorical-09-hover-hsla: var(--dt-color-red-400-hsla);
1101
+ --dt-color-chart-categorical-09-hover: var(--dt-color-red-400);
1102
+ --dt-color-chart-categorical-09-h: var(--dt-color-red-350-h);
1103
+ --dt-color-chart-categorical-09-s: var(--dt-color-red-350-s);
1104
+ --dt-color-chart-categorical-09-l: var(--dt-color-red-350-l);
1105
+ --dt-color-chart-categorical-09-a: var(--dt-color-red-350-a);
1106
+ --dt-color-chart-categorical-09-hsl: var(--dt-color-red-350-hsl);
1107
+ --dt-color-chart-categorical-09-hsla: var(--dt-color-red-350-hsla);
1108
+ --dt-color-chart-categorical-09: var(--dt-color-red-350);
1109
+ --dt-color-chart-categorical-08-selected-h: var(--dt-color-olive-800-h);
1110
+ --dt-color-chart-categorical-08-selected-s: var(--dt-color-olive-800-s);
1111
+ --dt-color-chart-categorical-08-selected-l: var(--dt-color-olive-800-l);
1112
+ --dt-color-chart-categorical-08-selected-a: var(--dt-color-olive-800-a);
1113
+ --dt-color-chart-categorical-08-selected-hsl: var(--dt-color-olive-800-hsl);
1114
+ --dt-color-chart-categorical-08-selected-hsla: var(--dt-color-olive-800-hsla);
1115
+ --dt-color-chart-categorical-08-selected: var(--dt-color-olive-800);
1116
+ --dt-color-chart-categorical-08-hover-h: var(--dt-color-olive-600-h);
1117
+ --dt-color-chart-categorical-08-hover-s: var(--dt-color-olive-600-s);
1118
+ --dt-color-chart-categorical-08-hover-l: var(--dt-color-olive-600-l);
1119
+ --dt-color-chart-categorical-08-hover-a: var(--dt-color-olive-600-a);
1120
+ --dt-color-chart-categorical-08-hover-hsl: var(--dt-color-olive-600-hsl);
1121
+ --dt-color-chart-categorical-08-hover-hsla: var(--dt-color-olive-600-hsla);
1122
+ --dt-color-chart-categorical-08-hover: var(--dt-color-olive-600);
1123
+ --dt-color-chart-categorical-08-h: var(--dt-color-olive-500-h);
1124
+ --dt-color-chart-categorical-08-s: var(--dt-color-olive-500-s);
1125
+ --dt-color-chart-categorical-08-l: var(--dt-color-olive-500-l);
1126
+ --dt-color-chart-categorical-08-a: var(--dt-color-olive-500-a);
1127
+ --dt-color-chart-categorical-08-hsl: var(--dt-color-olive-500-hsl);
1128
+ --dt-color-chart-categorical-08-hsla: var(--dt-color-olive-500-hsla);
1129
+ --dt-color-chart-categorical-08: var(--dt-color-olive-500);
1130
+ --dt-color-chart-categorical-07-selected-h: var(--dt-color-coral-900-h);
1131
+ --dt-color-chart-categorical-07-selected-s: var(--dt-color-coral-900-s);
1132
+ --dt-color-chart-categorical-07-selected-l: var(--dt-color-coral-900-l);
1133
+ --dt-color-chart-categorical-07-selected-a: var(--dt-color-coral-900-a);
1134
+ --dt-color-chart-categorical-07-selected-hsl: var(--dt-color-coral-900-hsl);
1135
+ --dt-color-chart-categorical-07-selected-hsla: var(--dt-color-coral-900-hsla);
1136
+ --dt-color-chart-categorical-07-selected: var(--dt-color-coral-900);
1137
+ --dt-color-chart-categorical-07-hover-h: var(--dt-color-coral-500-h);
1138
+ --dt-color-chart-categorical-07-hover-s: var(--dt-color-coral-500-s);
1139
+ --dt-color-chart-categorical-07-hover-l: var(--dt-color-coral-500-l);
1140
+ --dt-color-chart-categorical-07-hover-a: var(--dt-color-coral-500-a);
1141
+ --dt-color-chart-categorical-07-hover-hsl: var(--dt-color-coral-500-hsl);
1142
+ --dt-color-chart-categorical-07-hover-hsla: var(--dt-color-coral-500-hsla);
1143
+ --dt-color-chart-categorical-07-hover: var(--dt-color-coral-500);
1144
+ --dt-color-chart-categorical-07-h: var(--dt-color-coral-400-h);
1145
+ --dt-color-chart-categorical-07-s: var(--dt-color-coral-400-s);
1146
+ --dt-color-chart-categorical-07-l: var(--dt-color-coral-400-l);
1147
+ --dt-color-chart-categorical-07-a: var(--dt-color-coral-400-a);
1148
+ --dt-color-chart-categorical-07-hsl: var(--dt-color-coral-400-hsl);
1149
+ --dt-color-chart-categorical-07-hsla: var(--dt-color-coral-400-hsla);
1150
+ --dt-color-chart-categorical-07: var(--dt-color-coral-400);
1151
+ --dt-color-chart-categorical-06-selected-h: var(--dt-color-berry-600-h);
1152
+ --dt-color-chart-categorical-06-selected-s: var(--dt-color-berry-600-s);
1153
+ --dt-color-chart-categorical-06-selected-l: var(--dt-color-berry-600-l);
1154
+ --dt-color-chart-categorical-06-selected-a: var(--dt-color-berry-600-a);
1155
+ --dt-color-chart-categorical-06-selected-hsl: var(--dt-color-berry-600-hsl);
1156
+ --dt-color-chart-categorical-06-selected-hsla: var(--dt-color-berry-600-hsla);
1157
+ --dt-color-chart-categorical-06-selected: var(--dt-color-berry-600);
1158
+ --dt-color-chart-categorical-06-hover-h: var(--dt-color-berry-400-h);
1159
+ --dt-color-chart-categorical-06-hover-s: var(--dt-color-berry-400-s);
1160
+ --dt-color-chart-categorical-06-hover-l: var(--dt-color-berry-400-l);
1161
+ --dt-color-chart-categorical-06-hover-a: var(--dt-color-berry-400-a);
1162
+ --dt-color-chart-categorical-06-hover-hsl: var(--dt-color-berry-400-hsl);
1163
+ --dt-color-chart-categorical-06-hover-hsla: var(--dt-color-berry-400-hsla);
1164
+ --dt-color-chart-categorical-06-hover: var(--dt-color-berry-400);
1165
+ --dt-color-chart-categorical-06-h: var(--dt-color-berry-300-h);
1166
+ --dt-color-chart-categorical-06-s: var(--dt-color-berry-300-s);
1167
+ --dt-color-chart-categorical-06-l: var(--dt-color-berry-300-l);
1168
+ --dt-color-chart-categorical-06-a: var(--dt-color-berry-300-a);
1169
+ --dt-color-chart-categorical-06-hsl: var(--dt-color-berry-300-hsl);
1170
+ --dt-color-chart-categorical-06-hsla: var(--dt-color-berry-300-hsla);
1171
+ --dt-color-chart-categorical-06: var(--dt-color-berry-300);
1172
+ --dt-color-chart-categorical-05-selected-h: var(--dt-color-green-600-h);
1173
+ --dt-color-chart-categorical-05-selected-s: var(--dt-color-green-600-s);
1174
+ --dt-color-chart-categorical-05-selected-l: var(--dt-color-green-600-l);
1175
+ --dt-color-chart-categorical-05-selected-a: var(--dt-color-green-600-a);
1176
+ --dt-color-chart-categorical-05-selected-hsl: var(--dt-color-green-600-hsl);
1177
+ --dt-color-chart-categorical-05-selected-hsla: var(--dt-color-green-600-hsla);
1178
+ --dt-color-chart-categorical-05-selected: var(--dt-color-green-600);
1179
+ --dt-color-chart-categorical-05-hover-h: var(--dt-color-green-475-h);
1180
+ --dt-color-chart-categorical-05-hover-s: var(--dt-color-green-475-s);
1181
+ --dt-color-chart-categorical-05-hover-l: var(--dt-color-green-475-l);
1182
+ --dt-color-chart-categorical-05-hover-a: var(--dt-color-green-475-a);
1183
+ --dt-color-chart-categorical-05-hover-hsl: var(--dt-color-green-475-hsl);
1184
+ --dt-color-chart-categorical-05-hover-hsla: var(--dt-color-green-475-hsla);
1185
+ --dt-color-chart-categorical-05-hover: var(--dt-color-green-475);
1186
+ --dt-color-chart-categorical-05-h: var(--dt-color-green-425-h);
1187
+ --dt-color-chart-categorical-05-s: var(--dt-color-green-425-s);
1188
+ --dt-color-chart-categorical-05-l: var(--dt-color-green-425-l);
1189
+ --dt-color-chart-categorical-05-a: var(--dt-color-green-425-a);
1190
+ --dt-color-chart-categorical-05-hsl: var(--dt-color-green-425-hsl);
1191
+ --dt-color-chart-categorical-05-hsla: var(--dt-color-green-425-hsla);
1192
+ --dt-color-chart-categorical-05: var(--dt-color-green-425);
1193
+ --dt-color-chart-categorical-04-selected-h: var(--dt-color-gold-700-h);
1194
+ --dt-color-chart-categorical-04-selected-s: var(--dt-color-gold-700-s);
1195
+ --dt-color-chart-categorical-04-selected-l: var(--dt-color-gold-700-l);
1196
+ --dt-color-chart-categorical-04-selected-a: var(--dt-color-gold-700-a);
1197
+ --dt-color-chart-categorical-04-selected-hsl: var(--dt-color-gold-700-hsl);
1198
+ --dt-color-chart-categorical-04-selected-hsla: var(--dt-color-gold-700-hsla);
1199
+ --dt-color-chart-categorical-04-selected: var(--dt-color-gold-700);
1200
+ --dt-color-chart-categorical-04-hover-h: var(--dt-color-gold-500-h);
1201
+ --dt-color-chart-categorical-04-hover-s: var(--dt-color-gold-500-s);
1202
+ --dt-color-chart-categorical-04-hover-l: var(--dt-color-gold-500-l);
1203
+ --dt-color-chart-categorical-04-hover-a: var(--dt-color-gold-500-a);
1204
+ --dt-color-chart-categorical-04-hover-hsl: var(--dt-color-gold-500-hsl);
1205
+ --dt-color-chart-categorical-04-hover-hsla: var(--dt-color-gold-500-hsla);
1206
+ --dt-color-chart-categorical-04-hover: var(--dt-color-gold-500);
1207
+ --dt-color-chart-categorical-04-h: var(--dt-color-gold-400-h);
1208
+ --dt-color-chart-categorical-04-s: var(--dt-color-gold-400-s);
1209
+ --dt-color-chart-categorical-04-l: var(--dt-color-gold-400-l);
1210
+ --dt-color-chart-categorical-04-a: var(--dt-color-gold-400-a);
1211
+ --dt-color-chart-categorical-04-hsl: var(--dt-color-gold-400-hsl);
1212
+ --dt-color-chart-categorical-04-hsla: var(--dt-color-gold-400-hsla);
1213
+ --dt-color-chart-categorical-04: var(--dt-color-gold-400);
1214
+ --dt-color-chart-categorical-03-selected-h: var(--dt-color-blue-600-h);
1215
+ --dt-color-chart-categorical-03-selected-s: var(--dt-color-blue-600-s);
1216
+ --dt-color-chart-categorical-03-selected-l: var(--dt-color-blue-600-l);
1217
+ --dt-color-chart-categorical-03-selected-a: var(--dt-color-blue-600-a);
1218
+ --dt-color-chart-categorical-03-selected-hsl: var(--dt-color-blue-600-hsl);
1219
+ --dt-color-chart-categorical-03-selected-hsla: var(--dt-color-blue-600-hsla);
1220
+ --dt-color-chart-categorical-03-selected: var(--dt-color-blue-600);
1221
+ --dt-color-chart-categorical-03-hover-h: var(--dt-color-blue-450-h);
1222
+ --dt-color-chart-categorical-03-hover-s: var(--dt-color-blue-450-s);
1223
+ --dt-color-chart-categorical-03-hover-l: var(--dt-color-blue-450-l);
1224
+ --dt-color-chart-categorical-03-hover-a: var(--dt-color-blue-450-a);
1225
+ --dt-color-chart-categorical-03-hover-hsl: var(--dt-color-blue-450-hsl);
1226
+ --dt-color-chart-categorical-03-hover-hsla: var(--dt-color-blue-450-hsla);
1227
+ --dt-color-chart-categorical-03-hover: var(--dt-color-blue-450);
1228
+ --dt-color-chart-categorical-03-h: var(--dt-color-blue-400-h);
1229
+ --dt-color-chart-categorical-03-s: var(--dt-color-blue-400-s);
1230
+ --dt-color-chart-categorical-03-l: var(--dt-color-blue-400-l);
1231
+ --dt-color-chart-categorical-03-a: var(--dt-color-blue-400-a);
1232
+ --dt-color-chart-categorical-03-hsl: var(--dt-color-blue-400-hsl);
1233
+ --dt-color-chart-categorical-03-hsla: var(--dt-color-blue-400-hsla);
1234
+ --dt-color-chart-categorical-03: var(--dt-color-blue-400);
1235
+ --dt-color-chart-categorical-02-selected-h: var(--dt-color-magenta-600-h);
1236
+ --dt-color-chart-categorical-02-selected-s: var(--dt-color-magenta-600-s);
1237
+ --dt-color-chart-categorical-02-selected-l: var(--dt-color-magenta-600-l);
1238
+ --dt-color-chart-categorical-02-selected-a: var(--dt-color-magenta-600-a);
1239
+ --dt-color-chart-categorical-02-selected-hsl: var(--dt-color-magenta-600-hsl);
1240
+ --dt-color-chart-categorical-02-selected-hsla: var(--dt-color-magenta-600-hsla);
1241
+ --dt-color-chart-categorical-02-selected: var(--dt-color-magenta-600);
1242
+ --dt-color-chart-categorical-02-hover-h: var(--dt-color-magenta-400-h);
1243
+ --dt-color-chart-categorical-02-hover-s: var(--dt-color-magenta-400-s);
1244
+ --dt-color-chart-categorical-02-hover-l: var(--dt-color-magenta-400-l);
1245
+ --dt-color-chart-categorical-02-hover-a: var(--dt-color-magenta-400-a);
1246
+ --dt-color-chart-categorical-02-hover-hsl: var(--dt-color-magenta-400-hsl);
1247
+ --dt-color-chart-categorical-02-hover-hsla: var(--dt-color-magenta-400-hsla);
1248
+ --dt-color-chart-categorical-02-hover: var(--dt-color-magenta-400);
1249
+ --dt-color-chart-categorical-02-h: var(--dt-color-magenta-300-h);
1250
+ --dt-color-chart-categorical-02-s: var(--dt-color-magenta-300-s);
1251
+ --dt-color-chart-categorical-02-l: var(--dt-color-magenta-300-l);
1252
+ --dt-color-chart-categorical-02-a: var(--dt-color-magenta-300-a);
1253
+ --dt-color-chart-categorical-02-hsl: var(--dt-color-magenta-300-hsl);
1254
+ --dt-color-chart-categorical-02-hsla: var(--dt-color-magenta-300-hsla);
1255
+ --dt-color-chart-categorical-02: var(--dt-color-magenta-300);
1256
+ --dt-color-chart-categorical-01-selected-h: var(--dt-color-purple-600-h);
1257
+ --dt-color-chart-categorical-01-selected-s: var(--dt-color-purple-600-s);
1258
+ --dt-color-chart-categorical-01-selected-l: var(--dt-color-purple-600-l);
1259
+ --dt-color-chart-categorical-01-selected-a: var(--dt-color-purple-600-a);
1260
+ --dt-color-chart-categorical-01-selected-hsl: var(--dt-color-purple-600-hsl);
1261
+ --dt-color-chart-categorical-01-selected-hsla: var(--dt-color-purple-600-hsla);
1262
+ --dt-color-chart-categorical-01-selected: var(--dt-color-purple-600);
1263
+ --dt-color-chart-categorical-01-hover-h: var(--dt-color-purple-500-h);
1264
+ --dt-color-chart-categorical-01-hover-s: var(--dt-color-purple-500-s);
1265
+ --dt-color-chart-categorical-01-hover-l: var(--dt-color-purple-500-l);
1266
+ --dt-color-chart-categorical-01-hover-a: var(--dt-color-purple-500-a);
1267
+ --dt-color-chart-categorical-01-hover-hsl: var(--dt-color-purple-500-hsl);
1268
+ --dt-color-chart-categorical-01-hover-hsla: var(--dt-color-purple-500-hsla);
1269
+ --dt-color-chart-categorical-01-hover: var(--dt-color-purple-500);
1270
+ --dt-color-chart-categorical-01-h: var(--dt-color-purple-450-h);
1271
+ --dt-color-chart-categorical-01-s: var(--dt-color-purple-450-s);
1272
+ --dt-color-chart-categorical-01-l: var(--dt-color-purple-450-l);
1273
+ --dt-color-chart-categorical-01-a: var(--dt-color-purple-450-a);
1274
+ --dt-color-chart-categorical-01-hsl: var(--dt-color-purple-450-hsl);
1275
+ --dt-color-chart-categorical-01-hsla: var(--dt-color-purple-450-hsla);
1276
+ --dt-color-chart-categorical-01: var(--dt-color-purple-450);
1277
+ --dt-color-chart-categorical-10-selected-h: var(--dt-color-teal-900-h);
1278
+ --dt-color-chart-categorical-10-selected-s: var(--dt-color-teal-900-s);
1279
+ --dt-color-chart-categorical-10-selected-l: var(--dt-color-teal-900-l);
1280
+ --dt-color-chart-categorical-10-selected-a: var(--dt-color-teal-900-a);
1281
+ --dt-color-chart-categorical-10-selected-hsl: var(--dt-color-teal-900-hsl);
1282
+ --dt-color-chart-categorical-10-selected-hsla: var(--dt-color-teal-900-hsla);
1283
+ --dt-color-chart-categorical-10-selected: var(--dt-color-teal-900);
1284
+ --dt-color-chart-categorical-10-hover-h: var(--dt-color-teal-700-h);
1285
+ --dt-color-chart-categorical-10-hover-s: var(--dt-color-teal-700-s);
1286
+ --dt-color-chart-categorical-10-hover-l: var(--dt-color-teal-700-l);
1287
+ --dt-color-chart-categorical-10-hover-a: var(--dt-color-teal-700-a);
1288
+ --dt-color-chart-categorical-10-hover-hsl: var(--dt-color-teal-700-hsl);
1289
+ --dt-color-chart-categorical-10-hover-hsla: var(--dt-color-teal-700-hsla);
1290
+ --dt-color-chart-categorical-10-hover: var(--dt-color-teal-700);
1291
+ --dt-color-chart-categorical-10-h: var(--dt-color-teal-600-h);
1292
+ --dt-color-chart-categorical-10-s: var(--dt-color-teal-600-s);
1293
+ --dt-color-chart-categorical-10-l: var(--dt-color-teal-600-l);
1294
+ --dt-color-chart-categorical-10-a: var(--dt-color-teal-600-a);
1295
+ --dt-color-chart-categorical-10-hsl: var(--dt-color-teal-600-hsl);
1296
+ --dt-color-chart-categorical-10-hsla: var(--dt-color-teal-600-hsla);
1297
+ --dt-color-chart-categorical-10: var(--dt-color-teal-600);
780
1298
  --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
781
1299
  --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
782
1300
  --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
@@ -792,6 +1310,13 @@
792
1310
  --dt-color-border-focus-hsl: var(--dt-color-blue-425-hsl);
793
1311
  --dt-color-border-focus-hsla: var(--dt-color-blue-425-hsla);
794
1312
  --dt-color-border-focus: var(--dt-color-blue-425);
1313
+ --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-200-h);
1314
+ --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-200-s);
1315
+ --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-200-l);
1316
+ --dt-color-border-brand-strong-inverted-a: var(--dt-color-purple-200-a);
1317
+ --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-200-hsl);
1318
+ --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-200-hsla);
1319
+ --dt-color-border-brand-strong-inverted: var(--dt-color-purple-200);
795
1320
  --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-300-h);
796
1321
  --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-300-s);
797
1322
  --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-300-l);
@@ -813,6 +1338,13 @@
813
1338
  --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-200-hsl);
814
1339
  --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-200-hsla);
815
1340
  --dt-color-border-critical-strong-inverted: var(--dt-color-red-200);
1341
+ --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-400-h);
1342
+ --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-400-s);
1343
+ --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-400-l);
1344
+ --dt-color-border-brand-subtle-inverted-a: var(--dt-color-purple-400-a);
1345
+ --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-400-hsl);
1346
+ --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-400-hsla);
1347
+ --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-400);
816
1348
  --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-600-h);
817
1349
  --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-600-s);
818
1350
  --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-600-l);
@@ -834,6 +1366,13 @@
834
1366
  --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-700-hsl);
835
1367
  --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-700-hsla);
836
1368
  --dt-color-border-critical-subtle-inverted: var(--dt-color-red-700);
1369
+ --dt-color-border-brand-inverted-h: var(--dt-color-purple-300-h);
1370
+ --dt-color-border-brand-inverted-s: var(--dt-color-purple-300-s);
1371
+ --dt-color-border-brand-inverted-l: var(--dt-color-purple-300-l);
1372
+ --dt-color-border-brand-inverted-a: var(--dt-color-purple-300-a);
1373
+ --dt-color-border-brand-inverted-hsl: var(--dt-color-purple-300-hsl);
1374
+ --dt-color-border-brand-inverted-hsla: var(--dt-color-purple-300-hsla);
1375
+ --dt-color-border-brand-inverted: var(--dt-color-purple-300);
837
1376
  --dt-color-border-warning-inverted-h: var(--dt-color-gold-450-h);
838
1377
  --dt-color-border-warning-inverted-s: var(--dt-color-gold-450-s);
839
1378
  --dt-color-border-warning-inverted-l: var(--dt-color-gold-450-l);
@@ -883,6 +1422,13 @@
883
1422
  --dt-color-border-subtle-inverted-hsl: var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l);
884
1423
  --dt-color-border-subtle-inverted-hsla: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--alpha, 12%));
885
1424
  --dt-color-border-subtle-inverted: hsl(0 0% 100% / 0.12);
1425
+ --dt-color-border-brand-strong-h: var(--dt-color-purple-500-h);
1426
+ --dt-color-border-brand-strong-s: var(--dt-color-purple-500-s);
1427
+ --dt-color-border-brand-strong-l: var(--dt-color-purple-500-l);
1428
+ --dt-color-border-brand-strong-a: var(--dt-color-purple-500-a);
1429
+ --dt-color-border-brand-strong-hsl: var(--dt-color-purple-500-hsl);
1430
+ --dt-color-border-brand-strong-hsla: var(--dt-color-purple-500-hsla);
1431
+ --dt-color-border-brand-strong: var(--dt-color-purple-500);
886
1432
  --dt-color-border-warning-strong-h: var(--dt-color-gold-500-h);
887
1433
  --dt-color-border-warning-strong-s: var(--dt-color-gold-500-s);
888
1434
  --dt-color-border-warning-strong-l: var(--dt-color-gold-500-l);
@@ -904,6 +1450,13 @@
904
1450
  --dt-color-border-critical-strong-hsl: var(--dt-color-red-600-hsl);
905
1451
  --dt-color-border-critical-strong-hsla: var(--dt-color-red-600-hsla);
906
1452
  --dt-color-border-critical-strong: var(--dt-color-red-600);
1453
+ --dt-color-border-brand-subtle-h: var(--dt-color-purple-250-h);
1454
+ --dt-color-border-brand-subtle-s: var(--dt-color-purple-250-s);
1455
+ --dt-color-border-brand-subtle-l: var(--dt-color-purple-250-l);
1456
+ --dt-color-border-brand-subtle-a: var(--dt-color-purple-250-a);
1457
+ --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-250-hsl);
1458
+ --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-250-hsla);
1459
+ --dt-color-border-brand-subtle: var(--dt-color-purple-250);
907
1460
  --dt-color-border-warning-subtle-h: var(--dt-color-gold-300-h);
908
1461
  --dt-color-border-warning-subtle-s: var(--dt-color-gold-300-s);
909
1462
  --dt-color-border-warning-subtle-l: var(--dt-color-gold-300-l);
@@ -925,6 +1478,13 @@
925
1478
  --dt-color-border-critical-subtle-hsl: var(--dt-color-red-300-hsl);
926
1479
  --dt-color-border-critical-subtle-hsla: var(--dt-color-red-300-hsla);
927
1480
  --dt-color-border-critical-subtle: var(--dt-color-red-300);
1481
+ --dt-color-border-brand-h: var(--dt-color-brand-purple-h);
1482
+ --dt-color-border-brand-s: var(--dt-color-brand-purple-s);
1483
+ --dt-color-border-brand-l: var(--dt-color-brand-purple-l);
1484
+ --dt-color-border-brand-a: var(--dt-color-brand-purple-a);
1485
+ --dt-color-border-brand-hsl: var(--dt-color-brand-purple-hsl);
1486
+ --dt-color-border-brand-hsla: var(--dt-color-brand-purple-hsla);
1487
+ --dt-color-border-brand: var(--dt-color-brand-purple);
928
1488
  --dt-color-border-warning-h: var(--dt-color-gold-400-h);
929
1489
  --dt-color-border-warning-s: var(--dt-color-gold-400-s);
930
1490
  --dt-color-border-warning-l: var(--dt-color-gold-400-l);
@@ -1234,6 +1794,13 @@
1234
1794
  --dt-color-surface-primary-inverted-hsl: var(--dt-color-black-1000-hsl);
1235
1795
  --dt-color-surface-primary-inverted-hsla: var(--dt-color-black-1000-hsla);
1236
1796
  --dt-color-surface-primary-inverted: var(--dt-color-black-1000); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
1797
+ --dt-color-surface-brand-subtle-opaque-h: 261;
1798
+ --dt-color-surface-brand-subtle-opaque-s: 100%;
1799
+ --dt-color-surface-brand-subtle-opaque-l: 86.9%;
1800
+ --dt-color-surface-brand-subtle-opaque-a: 20%;
1801
+ --dt-color-surface-brand-subtle-opaque-hsl: var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l);
1802
+ --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 20%));
1803
+ --dt-color-surface-brand-subtle-opaque: hsl(261 100% 86.9% / 0.2); /* Info surface as opaque background color. */
1237
1804
  --dt-color-surface-info-subtle-opaque-h: 210;
1238
1805
  --dt-color-surface-info-subtle-opaque-s: 61.5%;
1239
1806
  --dt-color-surface-info-subtle-opaque-l: 94.9%;
@@ -1262,6 +1829,13 @@
1262
1829
  --dt-color-surface-critical-subtle-opaque-hsl: var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l);
1263
1830
  --dt-color-surface-critical-subtle-opaque-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l) / var(--alpha, 50%));
1264
1831
  --dt-color-surface-critical-subtle-opaque: hsl(358 100% 94.9% / 0.5); /* Critical subtle surface as opaque background color. */
1832
+ --dt-color-surface-brand-opaque-h: 261;
1833
+ --dt-color-surface-brand-opaque-s: 100%;
1834
+ --dt-color-surface-brand-opaque-l: 86.9%;
1835
+ --dt-color-surface-brand-opaque-a: 27%;
1836
+ --dt-color-surface-brand-opaque-hsl: var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l);
1837
+ --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 27%));
1838
+ --dt-color-surface-brand-opaque: hsl(261 100% 86.9% / 0.27); /* Info surface as opaque background color. */
1265
1839
  --dt-color-surface-info-opaque-h: 201;
1266
1840
  --dt-color-surface-info-opaque-s: 100%;
1267
1841
  --dt-color-surface-info-opaque-l: 87.1%;
@@ -1325,6 +1899,13 @@
1325
1899
  --dt-color-surface-secondary-opaque-hsl: var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l);
1326
1900
  --dt-color-surface-secondary-opaque-hsla: hsl(var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l) / var(--alpha, 2%));
1327
1901
  --dt-color-surface-secondary-opaque: hsl(0 0% 11% / 0.02); /* Secondary surface as opaque background color. */
1902
+ --dt-color-surface-brand-strong-h: var(--dt-color-purple-400-h);
1903
+ --dt-color-surface-brand-strong-s: var(--dt-color-purple-400-s);
1904
+ --dt-color-surface-brand-strong-l: var(--dt-color-purple-400-l);
1905
+ --dt-color-surface-brand-strong-a: var(--dt-color-purple-400-a);
1906
+ --dt-color-surface-brand-strong-hsl: var(--dt-color-purple-400-hsl);
1907
+ --dt-color-surface-brand-strong-hsla: var(--dt-color-purple-400-hsla);
1908
+ --dt-color-surface-brand-strong: var(--dt-color-purple-400); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
1328
1909
  --dt-color-surface-info-strong-h: var(--dt-color-blue-500-h);
1329
1910
  --dt-color-surface-info-strong-s: var(--dt-color-blue-500-s);
1330
1911
  --dt-color-surface-info-strong-l: var(--dt-color-blue-500-l);
@@ -1353,6 +1934,13 @@
1353
1934
  --dt-color-surface-critical-strong-hsl: var(--dt-color-red-450-hsl);
1354
1935
  --dt-color-surface-critical-strong-hsla: var(--dt-color-red-450-hsla);
1355
1936
  --dt-color-surface-critical-strong: var(--dt-color-red-450); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
1937
+ --dt-color-surface-brand-subtle-h: var(--dt-color-purple-50-h);
1938
+ --dt-color-surface-brand-subtle-s: var(--dt-color-purple-50-s);
1939
+ --dt-color-surface-brand-subtle-l: var(--dt-color-purple-50-l);
1940
+ --dt-color-surface-brand-subtle-a: var(--dt-color-purple-50-a);
1941
+ --dt-color-surface-brand-subtle-hsl: var(--dt-color-purple-50-hsl);
1942
+ --dt-color-surface-brand-subtle-hsla: var(--dt-color-purple-50-hsla);
1943
+ --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
1356
1944
  --dt-color-surface-info-subtle-h: var(--dt-color-blue-50-h);
1357
1945
  --dt-color-surface-info-subtle-s: var(--dt-color-blue-50-s);
1358
1946
  --dt-color-surface-info-subtle-l: var(--dt-color-blue-50-l);
@@ -1381,6 +1969,13 @@
1381
1969
  --dt-color-surface-critical-subtle-hsl: var(--dt-color-red-50-hsl);
1382
1970
  --dt-color-surface-critical-subtle-hsla: var(--dt-color-red-50-hsla);
1383
1971
  --dt-color-surface-critical-subtle: var(--dt-color-red-50); /* A softer version of the Critical surface. */
1972
+ --dt-color-surface-brand-h: var(--dt-color-purple-100-h);
1973
+ --dt-color-surface-brand-s: var(--dt-color-purple-100-s);
1974
+ --dt-color-surface-brand-l: var(--dt-color-purple-100-l);
1975
+ --dt-color-surface-brand-a: var(--dt-color-purple-100-a);
1976
+ --dt-color-surface-brand-hsl: var(--dt-color-purple-100-hsl);
1977
+ --dt-color-surface-brand-hsla: var(--dt-color-purple-100-hsla);
1978
+ --dt-color-surface-brand: var(--dt-color-purple-100); /* Background surface color containing messaging or elements communicated as generally informational. */
1384
1979
  --dt-color-surface-info-h: var(--dt-color-blue-100-h);
1385
1980
  --dt-color-surface-info-s: var(--dt-color-blue-100-s);
1386
1981
  --dt-color-surface-info-l: var(--dt-color-blue-100-l);
@@ -1465,6 +2060,20 @@
1465
2060
  --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-gold-300-hsl);
1466
2061
  --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-gold-300-hsla);
1467
2062
  --dt-color-link-warning-inverted-hover: var(--dt-color-gold-300);
2063
+ --dt-color-link-primary-inverted-hover-h: var(--dt-color-purple-200-h);
2064
+ --dt-color-link-primary-inverted-hover-s: var(--dt-color-purple-200-s);
2065
+ --dt-color-link-primary-inverted-hover-l: var(--dt-color-purple-200-l);
2066
+ --dt-color-link-primary-inverted-hover-a: var(--dt-color-purple-200-a);
2067
+ --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-200-hsl);
2068
+ --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-200-hsla);
2069
+ --dt-color-link-primary-inverted-hover: var(--dt-color-purple-200);
2070
+ --dt-color-link-primary-inverted-h: var(--dt-color-purple-250-h);
2071
+ --dt-color-link-primary-inverted-s: var(--dt-color-purple-250-s);
2072
+ --dt-color-link-primary-inverted-l: var(--dt-color-purple-250-l);
2073
+ --dt-color-link-primary-inverted-a: var(--dt-color-purple-250-a);
2074
+ --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-250-hsl);
2075
+ --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-250-hsla);
2076
+ --dt-color-link-primary-inverted: var(--dt-color-purple-250);
1468
2077
  --dt-color-link-warning-hover-h: var(--dt-color-gold-700-h);
1469
2078
  --dt-color-link-warning-hover-s: var(--dt-color-gold-700-s);
1470
2079
  --dt-color-link-warning-hover-l: var(--dt-color-gold-700-l);
@@ -1472,6 +2081,20 @@
1472
2081
  --dt-color-link-warning-hover-hsl: var(--dt-color-gold-700-hsl);
1473
2082
  --dt-color-link-warning-hover-hsla: var(--dt-color-gold-700-hsla);
1474
2083
  --dt-color-link-warning-hover: var(--dt-color-gold-700);
2084
+ --dt-color-link-primary-hover-h: var(--dt-color-purple-500-h);
2085
+ --dt-color-link-primary-hover-s: var(--dt-color-purple-500-s);
2086
+ --dt-color-link-primary-hover-l: var(--dt-color-purple-500-l);
2087
+ --dt-color-link-primary-hover-a: var(--dt-color-purple-500-a);
2088
+ --dt-color-link-primary-hover-hsl: var(--dt-color-purple-500-hsl);
2089
+ --dt-color-link-primary-hover-hsla: var(--dt-color-purple-500-hsla);
2090
+ --dt-color-link-primary-hover: var(--dt-color-purple-500);
2091
+ --dt-color-link-primary-h: var(--dt-color-purple-400-h);
2092
+ --dt-color-link-primary-s: var(--dt-color-purple-400-s);
2093
+ --dt-color-link-primary-l: var(--dt-color-purple-400-l);
2094
+ --dt-color-link-primary-a: var(--dt-color-purple-400-a);
2095
+ --dt-color-link-primary-hsl: var(--dt-color-purple-400-hsl);
2096
+ --dt-color-link-primary-hsla: var(--dt-color-purple-400-hsla);
2097
+ --dt-color-link-primary: var(--dt-color-purple-400);
1475
2098
  --dt-color-foreground-warning-inverted-h: var(--dt-color-gold-400-h);
1476
2099
  --dt-color-foreground-warning-inverted-s: var(--dt-color-gold-400-s);
1477
2100
  --dt-color-foreground-warning-inverted-l: var(--dt-color-gold-400-l);
@@ -1634,6 +2257,20 @@
1634
2257
  --dt-radio-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1635
2258
  --dt-radio-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1636
2259
  --dt-radio-color-foreground-checked: var(--dt-color-foreground-primary-inverted);
2260
+ --dt-radio-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
2261
+ --dt-radio-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
2262
+ --dt-radio-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
2263
+ --dt-radio-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
2264
+ --dt-radio-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
2265
+ --dt-radio-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
2266
+ --dt-radio-color-background-checked: var(--dt-color-surface-brand-strong);
2267
+ --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
2268
+ --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
2269
+ --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
2270
+ --dt-radio-color-border-checked-a: var(--dt-color-border-brand-a);
2271
+ --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
2272
+ --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
2273
+ --dt-radio-color-border-checked: var(--dt-color-border-brand);
1637
2274
  --dt-radio-color-border-unchecked-hover-h: var(--dt-color-border-bold-h);
1638
2275
  --dt-radio-color-border-unchecked-hover-s: var(--dt-color-border-bold-s);
1639
2276
  --dt-radio-color-border-unchecked-hover-l: var(--dt-color-border-bold-l);
@@ -1670,6 +2307,20 @@
1670
2307
  --dt-checkbox-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1671
2308
  --dt-checkbox-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1672
2309
  --dt-checkbox-color-foreground-checked: var(--dt-color-foreground-primary-inverted);
2310
+ --dt-checkbox-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
2311
+ --dt-checkbox-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
2312
+ --dt-checkbox-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
2313
+ --dt-checkbox-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
2314
+ --dt-checkbox-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
2315
+ --dt-checkbox-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
2316
+ --dt-checkbox-color-background-checked: var(--dt-color-surface-brand-strong);
2317
+ --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
2318
+ --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
2319
+ --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
2320
+ --dt-checkbox-color-border-checked-a: var(--dt-color-border-brand-a);
2321
+ --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
2322
+ --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
2323
+ --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1673
2324
  --dt-checkbox-color-border-unchecked-hover-h: var(--dt-color-border-bold-h);
1674
2325
  --dt-checkbox-color-border-unchecked-hover-s: var(--dt-color-border-bold-s);
1675
2326
  --dt-checkbox-color-border-unchecked-hover-l: var(--dt-color-border-bold-l);
@@ -1698,6 +2349,13 @@
1698
2349
  --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1699
2350
  --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1700
2351
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
2352
+ --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
2353
+ --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
2354
+ --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
2355
+ --dt-badge-color-background-bulletin-a: var(--dt-color-surface-brand-strong-a);
2356
+ --dt-badge-color-background-bulletin-hsl: var(--dt-color-surface-brand-strong-hsl);
2357
+ --dt-badge-color-background-bulletin-hsla: var(--dt-color-surface-brand-strong-hsla);
2358
+ --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
1701
2359
  --dt-badge-color-background-default-h: var(--dt-color-surface-moderate-opaque-h);
1702
2360
  --dt-badge-color-background-default-s: var(--dt-color-surface-moderate-opaque-s);
1703
2361
  --dt-badge-color-background-default-l: var(--dt-color-surface-moderate-opaque-l);
@@ -1705,6 +2363,209 @@
1705
2363
  --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1706
2364
  --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1707
2365
  --dt-badge-color-background-default: var(--dt-color-surface-moderate-opaque);
2366
+ --dt-shell-presence-color-offline-h: var(--dt-shell-base-color-status-away-h);
2367
+ --dt-shell-presence-color-offline-s: var(--dt-shell-base-color-status-away-s);
2368
+ --dt-shell-presence-color-offline-l: var(--dt-shell-base-color-status-away-l);
2369
+ --dt-shell-presence-color-offline-a: var(--dt-shell-base-color-status-away-a);
2370
+ --dt-shell-presence-color-offline-hsl: var(--dt-shell-base-color-status-away-hsl);
2371
+ --dt-shell-presence-color-offline-hsla: var(--dt-shell-base-color-status-away-hsla);
2372
+ --dt-shell-presence-color-offline: var(--dt-shell-base-color-status-away);
2373
+ --dt-shell-presence-color-busy-h: var(--dt-shell-base-color-status-warning-h);
2374
+ --dt-shell-presence-color-busy-s: var(--dt-shell-base-color-status-warning-s);
2375
+ --dt-shell-presence-color-busy-l: var(--dt-shell-base-color-status-warning-l);
2376
+ --dt-shell-presence-color-busy-a: var(--dt-shell-base-color-status-warning-a);
2377
+ --dt-shell-presence-color-busy-hsl: var(--dt-shell-base-color-status-warning-hsl);
2378
+ --dt-shell-presence-color-busy-hsla: var(--dt-shell-base-color-status-warning-hsla);
2379
+ --dt-shell-presence-color-busy: var(--dt-shell-base-color-status-warning);
2380
+ --dt-shell-presence-color-unavailable-h: var(--dt-shell-base-color-status-critical-h);
2381
+ --dt-shell-presence-color-unavailable-s: var(--dt-shell-base-color-status-critical-s);
2382
+ --dt-shell-presence-color-unavailable-l: var(--dt-shell-base-color-status-critical-l);
2383
+ --dt-shell-presence-color-unavailable-a: var(--dt-shell-base-color-status-critical-a);
2384
+ --dt-shell-presence-color-unavailable-hsl: var(--dt-shell-base-color-status-critical-hsl);
2385
+ --dt-shell-presence-color-unavailable-hsla: var(--dt-shell-base-color-status-critical-hsla);
2386
+ --dt-shell-presence-color-unavailable: var(--dt-shell-base-color-status-critical);
2387
+ --dt-shell-presence-color-available-h: var(--dt-shell-base-color-status-positive-h);
2388
+ --dt-shell-presence-color-available-s: var(--dt-shell-base-color-status-positive-s);
2389
+ --dt-shell-presence-color-available-l: var(--dt-shell-base-color-status-positive-l);
2390
+ --dt-shell-presence-color-available-a: var(--dt-shell-base-color-status-positive-a);
2391
+ --dt-shell-presence-color-available-hsl: var(--dt-shell-base-color-status-positive-hsl);
2392
+ --dt-shell-presence-color-available-hsla: var(--dt-shell-base-color-status-positive-hsla);
2393
+ --dt-shell-presence-color-available: var(--dt-shell-base-color-status-positive);
2394
+ --dt-shell-action-color-background-muted-selected-h: 0;
2395
+ --dt-shell-action-color-background-muted-selected-s: 0%;
2396
+ --dt-shell-action-color-background-muted-selected-l: 14.499999999999998%;
2397
+ --dt-shell-action-color-background-muted-selected-a: 7%;
2398
+ --dt-shell-action-color-background-muted-selected-hsl: var(--dt-shell-action-color-background-muted-selected-h) var(--dt-shell-action-color-background-muted-selected-s) var(--dt-shell-action-color-background-muted-selected-l);
2399
+ --dt-shell-action-color-background-muted-selected-hsla: hsl(var(--dt-shell-action-color-background-muted-selected-h) var(--dt-shell-action-color-background-muted-selected-s) var(--dt-shell-action-color-background-muted-selected-l) / var(--alpha, 7%));
2400
+ --dt-shell-action-color-background-muted-selected: hsl(0 0% 14.5% / 0.07);
2401
+ --dt-shell-action-color-background-muted-active-h: 0;
2402
+ --dt-shell-action-color-background-muted-active-s: 0%;
2403
+ --dt-shell-action-color-background-muted-active-l: 14.499999999999998%;
2404
+ --dt-shell-action-color-background-muted-active-a: 7%;
2405
+ --dt-shell-action-color-background-muted-active-hsl: var(--dt-shell-action-color-background-muted-active-h) var(--dt-shell-action-color-background-muted-active-s) var(--dt-shell-action-color-background-muted-active-l);
2406
+ --dt-shell-action-color-background-muted-active-hsla: hsl(var(--dt-shell-action-color-background-muted-active-h) var(--dt-shell-action-color-background-muted-active-s) var(--dt-shell-action-color-background-muted-active-l) / var(--alpha, 7%));
2407
+ --dt-shell-action-color-background-muted-active: hsl(0 0% 14.5% / 0.07);
2408
+ --dt-shell-action-color-background-muted-hover-h: 0;
2409
+ --dt-shell-action-color-background-muted-hover-s: 0%;
2410
+ --dt-shell-action-color-background-muted-hover-l: 14.499999999999998%;
2411
+ --dt-shell-action-color-background-muted-hover-a: 10%;
2412
+ --dt-shell-action-color-background-muted-hover-hsl: var(--dt-shell-action-color-background-muted-hover-h) var(--dt-shell-action-color-background-muted-hover-s) var(--dt-shell-action-color-background-muted-hover-l);
2413
+ --dt-shell-action-color-background-muted-hover-hsla: hsl(var(--dt-shell-action-color-background-muted-hover-h) var(--dt-shell-action-color-background-muted-hover-s) var(--dt-shell-action-color-background-muted-hover-l) / var(--alpha, 10%));
2414
+ --dt-shell-action-color-background-muted-hover: hsl(0 0% 14.5% / 0.1);
2415
+ --dt-shell-action-color-background-muted-default-h: 0;
2416
+ --dt-shell-action-color-background-muted-default-s: 0%;
2417
+ --dt-shell-action-color-background-muted-default-l: 14.499999999999998%;
2418
+ --dt-shell-action-color-background-muted-default-a: 5%;
2419
+ --dt-shell-action-color-background-muted-default-hsl: var(--dt-shell-action-color-background-muted-default-h) var(--dt-shell-action-color-background-muted-default-s) var(--dt-shell-action-color-background-muted-default-l);
2420
+ --dt-shell-action-color-background-muted-default-hsla: hsl(var(--dt-shell-action-color-background-muted-default-h) var(--dt-shell-action-color-background-muted-default-s) var(--dt-shell-action-color-background-muted-default-l) / var(--alpha, 5%));
2421
+ --dt-shell-action-color-background-muted-default: hsl(0 0% 14.5% / 0.05);
2422
+ --dt-shell-action-color-background-secondary-selected-h: 0;
2423
+ --dt-shell-action-color-background-secondary-selected-s: 0%;
2424
+ --dt-shell-action-color-background-secondary-selected-l: 14.499999999999998%;
2425
+ --dt-shell-action-color-background-secondary-selected-a: 13%;
2426
+ --dt-shell-action-color-background-secondary-selected-hsl: var(--dt-shell-action-color-background-secondary-selected-h) var(--dt-shell-action-color-background-secondary-selected-s) var(--dt-shell-action-color-background-secondary-selected-l);
2427
+ --dt-shell-action-color-background-secondary-selected-hsla: hsl(var(--dt-shell-action-color-background-secondary-selected-h) var(--dt-shell-action-color-background-secondary-selected-s) var(--dt-shell-action-color-background-secondary-selected-l) / var(--alpha, 13%));
2428
+ --dt-shell-action-color-background-secondary-selected: hsl(0 0% 14.5% / 0.13);
2429
+ --dt-shell-action-color-background-secondary-active-h: 0;
2430
+ --dt-shell-action-color-background-secondary-active-s: 0%;
2431
+ --dt-shell-action-color-background-secondary-active-l: 14.499999999999998%;
2432
+ --dt-shell-action-color-background-secondary-active-a: 16%;
2433
+ --dt-shell-action-color-background-secondary-active-hsl: var(--dt-shell-action-color-background-secondary-active-h) var(--dt-shell-action-color-background-secondary-active-s) var(--dt-shell-action-color-background-secondary-active-l);
2434
+ --dt-shell-action-color-background-secondary-active-hsla: hsl(var(--dt-shell-action-color-background-secondary-active-h) var(--dt-shell-action-color-background-secondary-active-s) var(--dt-shell-action-color-background-secondary-active-l) / var(--alpha, 16%));
2435
+ --dt-shell-action-color-background-secondary-active: hsl(0 0% 14.5% / 0.16);
2436
+ --dt-shell-action-color-background-secondary-hover-h: 0;
2437
+ --dt-shell-action-color-background-secondary-hover-s: 0%;
2438
+ --dt-shell-action-color-background-secondary-hover-l: 14.499999999999998%;
2439
+ --dt-shell-action-color-background-secondary-hover-a: 10%;
2440
+ --dt-shell-action-color-background-secondary-hover-hsl: var(--dt-shell-action-color-background-secondary-hover-h) var(--dt-shell-action-color-background-secondary-hover-s) var(--dt-shell-action-color-background-secondary-hover-l);
2441
+ --dt-shell-action-color-background-secondary-hover-hsla: hsl(var(--dt-shell-action-color-background-secondary-hover-h) var(--dt-shell-action-color-background-secondary-hover-s) var(--dt-shell-action-color-background-secondary-hover-l) / var(--alpha, 10%));
2442
+ --dt-shell-action-color-background-secondary-hover: hsl(0 0% 14.5% / 0.1);
2443
+ --dt-shell-action-color-background-secondary-default-h: 0;
2444
+ --dt-shell-action-color-background-secondary-default-s: 0%;
2445
+ --dt-shell-action-color-background-secondary-default-l: 14.499999999999998%;
2446
+ --dt-shell-action-color-background-secondary-default-a: 0%;
2447
+ --dt-shell-action-color-background-secondary-default-hsl: var(--dt-shell-action-color-background-secondary-default-h) var(--dt-shell-action-color-background-secondary-default-s) var(--dt-shell-action-color-background-secondary-default-l);
2448
+ --dt-shell-action-color-background-secondary-default-hsla: hsl(var(--dt-shell-action-color-background-secondary-default-h) var(--dt-shell-action-color-background-secondary-default-s) var(--dt-shell-action-color-background-secondary-default-l) / var(--alpha, 0%));
2449
+ --dt-shell-action-color-background-secondary-default: hsl(0 0% 14.5% / 0);
2450
+ --dt-shell-action-color-background-primary-selected-h: 0;
2451
+ --dt-shell-action-color-background-primary-selected-s: 0%;
2452
+ --dt-shell-action-color-background-primary-selected-l: 14.499999999999998%;
2453
+ --dt-shell-action-color-background-primary-selected-a: 13%;
2454
+ --dt-shell-action-color-background-primary-selected-hsl: var(--dt-shell-action-color-background-primary-selected-h) var(--dt-shell-action-color-background-primary-selected-s) var(--dt-shell-action-color-background-primary-selected-l);
2455
+ --dt-shell-action-color-background-primary-selected-hsla: hsl(var(--dt-shell-action-color-background-primary-selected-h) var(--dt-shell-action-color-background-primary-selected-s) var(--dt-shell-action-color-background-primary-selected-l) / var(--alpha, 13%));
2456
+ --dt-shell-action-color-background-primary-selected: hsl(0 0% 14.5% / 0.13);
2457
+ --dt-shell-action-color-background-primary-active-h: 0;
2458
+ --dt-shell-action-color-background-primary-active-s: 0%;
2459
+ --dt-shell-action-color-background-primary-active-l: 14.499999999999998%;
2460
+ --dt-shell-action-color-background-primary-active-a: 16%;
2461
+ --dt-shell-action-color-background-primary-active-hsl: var(--dt-shell-action-color-background-primary-active-h) var(--dt-shell-action-color-background-primary-active-s) var(--dt-shell-action-color-background-primary-active-l);
2462
+ --dt-shell-action-color-background-primary-active-hsla: hsl(var(--dt-shell-action-color-background-primary-active-h) var(--dt-shell-action-color-background-primary-active-s) var(--dt-shell-action-color-background-primary-active-l) / var(--alpha, 16%));
2463
+ --dt-shell-action-color-background-primary-active: hsl(0 0% 14.5% / 0.16);
2464
+ --dt-shell-action-color-background-primary-hover-h: 0;
2465
+ --dt-shell-action-color-background-primary-hover-s: 0%;
2466
+ --dt-shell-action-color-background-primary-hover-l: 14.499999999999998%;
2467
+ --dt-shell-action-color-background-primary-hover-a: 10%;
2468
+ --dt-shell-action-color-background-primary-hover-hsl: var(--dt-shell-action-color-background-primary-hover-h) var(--dt-shell-action-color-background-primary-hover-s) var(--dt-shell-action-color-background-primary-hover-l);
2469
+ --dt-shell-action-color-background-primary-hover-hsla: hsl(var(--dt-shell-action-color-background-primary-hover-h) var(--dt-shell-action-color-background-primary-hover-s) var(--dt-shell-action-color-background-primary-hover-l) / var(--alpha, 10%));
2470
+ --dt-shell-action-color-background-primary-hover: hsl(0 0% 14.5% / 0.1);
2471
+ --dt-shell-action-color-background-primary-default-h: 0;
2472
+ --dt-shell-action-color-background-primary-default-s: 0%;
2473
+ --dt-shell-action-color-background-primary-default-l: 14.499999999999998%;
2474
+ --dt-shell-action-color-background-primary-default-a: 0%;
2475
+ --dt-shell-action-color-background-primary-default-hsl: var(--dt-shell-action-color-background-primary-default-h) var(--dt-shell-action-color-background-primary-default-s) var(--dt-shell-action-color-background-primary-default-l);
2476
+ --dt-shell-action-color-background-primary-default-hsla: hsl(var(--dt-shell-action-color-background-primary-default-h) var(--dt-shell-action-color-background-primary-default-s) var(--dt-shell-action-color-background-primary-default-l) / var(--alpha, 0%));
2477
+ --dt-shell-action-color-background-primary-default: hsl(0 0% 14.5% / 0);
2478
+ --dt-shell-color-border-default-h: 0;
2479
+ --dt-shell-color-border-default-s: 0%;
2480
+ --dt-shell-color-border-default-l: 11%;
2481
+ --dt-shell-color-border-default-a: 17%;
2482
+ --dt-shell-color-border-default-hsl: var(--dt-shell-color-border-default-h) var(--dt-shell-color-border-default-s) var(--dt-shell-color-border-default-l);
2483
+ --dt-shell-color-border-default-hsla: hsl(var(--dt-shell-color-border-default-h) var(--dt-shell-color-border-default-s) var(--dt-shell-color-border-default-l) / var(--alpha, 17%));
2484
+ --dt-shell-color-border-default: hsl(0 0% 11% / 0.17);
2485
+ --dt-shell-color-border-subtle-h: 0;
2486
+ --dt-shell-color-border-subtle-s: 0%;
2487
+ --dt-shell-color-border-subtle-l: 11%;
2488
+ --dt-shell-color-border-subtle-a: 10%;
2489
+ --dt-shell-color-border-subtle-hsl: var(--dt-shell-color-border-subtle-h) var(--dt-shell-color-border-subtle-s) var(--dt-shell-color-border-subtle-l);
2490
+ --dt-shell-color-border-subtle-hsla: hsl(var(--dt-shell-color-border-subtle-h) var(--dt-shell-color-border-subtle-s) var(--dt-shell-color-border-subtle-l) / var(--alpha, 10%));
2491
+ --dt-shell-color-border-subtle: hsl(0 0% 11% / 0.1);
2492
+ --dt-shell-color-foreground-warning-h: 35.8;
2493
+ --dt-shell-color-foreground-warning-s: 100%;
2494
+ --dt-shell-color-foreground-warning-l: 31.3%;
2495
+ --dt-shell-color-foreground-warning-a: 100%;
2496
+ --dt-shell-color-foreground-warning-hsl: var(--dt-shell-color-foreground-warning-h) var(--dt-shell-color-foreground-warning-s) var(--dt-shell-color-foreground-warning-l);
2497
+ --dt-shell-color-foreground-warning-hsla: hsl(var(--dt-shell-color-foreground-warning-h) var(--dt-shell-color-foreground-warning-s) var(--dt-shell-color-foreground-warning-l) / var(--alpha, 100%));
2498
+ --dt-shell-color-foreground-warning: hsl(35.8 100% 31.3%);
2499
+ --dt-shell-color-foreground-critical-h: 343;
2500
+ --dt-shell-color-foreground-critical-s: 100%;
2501
+ --dt-shell-color-foreground-critical-l: 27.500000000000004%;
2502
+ --dt-shell-color-foreground-critical-a: 100%;
2503
+ --dt-shell-color-foreground-critical-hsl: var(--dt-shell-color-foreground-critical-h) var(--dt-shell-color-foreground-critical-s) var(--dt-shell-color-foreground-critical-l);
2504
+ --dt-shell-color-foreground-critical-hsla: hsl(var(--dt-shell-color-foreground-critical-h) var(--dt-shell-color-foreground-critical-s) var(--dt-shell-color-foreground-critical-l) / var(--alpha, 100%));
2505
+ --dt-shell-color-foreground-critical: hsl(343 100% 27.5%);
2506
+ --dt-shell-color-foreground-positive-h: 104;
2507
+ --dt-shell-color-foreground-positive-s: 68.2%;
2508
+ --dt-shell-color-foreground-positive-l: 39.8%;
2509
+ --dt-shell-color-foreground-positive-a: 100%;
2510
+ --dt-shell-color-foreground-positive-hsl: var(--dt-shell-color-foreground-positive-h) var(--dt-shell-color-foreground-positive-s) var(--dt-shell-color-foreground-positive-l);
2511
+ --dt-shell-color-foreground-positive-hsla: hsl(var(--dt-shell-color-foreground-positive-h) var(--dt-shell-color-foreground-positive-s) var(--dt-shell-color-foreground-positive-l) / var(--alpha, 100%));
2512
+ --dt-shell-color-foreground-positive: hsl(104 68.2% 39.8%);
2513
+ --dt-shell-color-foreground-disabled-h: 0;
2514
+ --dt-shell-color-foreground-disabled-s: 0%;
2515
+ --dt-shell-color-foreground-disabled-l: 11%;
2516
+ --dt-shell-color-foreground-disabled-a: 57%;
2517
+ --dt-shell-color-foreground-disabled-hsl: var(--dt-shell-color-foreground-disabled-h) var(--dt-shell-color-foreground-disabled-s) var(--dt-shell-color-foreground-disabled-l);
2518
+ --dt-shell-color-foreground-disabled-hsla: hsl(var(--dt-shell-color-foreground-disabled-h) var(--dt-shell-color-foreground-disabled-s) var(--dt-shell-color-foreground-disabled-l) / var(--alpha, 57%));
2519
+ --dt-shell-color-foreground-disabled: hsl(0 0% 11% / 0.57);
2520
+ --dt-shell-color-foreground-muted-h: 0;
2521
+ --dt-shell-color-foreground-muted-s: 0%;
2522
+ --dt-shell-color-foreground-muted-l: 11%;
2523
+ --dt-shell-color-foreground-muted-a: 60%;
2524
+ --dt-shell-color-foreground-muted-hsl: var(--dt-shell-color-foreground-muted-h) var(--dt-shell-color-foreground-muted-s) var(--dt-shell-color-foreground-muted-l);
2525
+ --dt-shell-color-foreground-muted-hsla: hsl(var(--dt-shell-color-foreground-muted-h) var(--dt-shell-color-foreground-muted-s) var(--dt-shell-color-foreground-muted-l) / var(--alpha, 60%));
2526
+ --dt-shell-color-foreground-muted: hsl(0 0% 11% / 0.6);
2527
+ --dt-shell-color-foreground-strong-h: 0;
2528
+ --dt-shell-color-foreground-strong-s: 0%;
2529
+ --dt-shell-color-foreground-strong-l: 11%;
2530
+ --dt-shell-color-foreground-strong-a: 100%;
2531
+ --dt-shell-color-foreground-strong-hsl: var(--dt-shell-color-foreground-strong-h) var(--dt-shell-color-foreground-strong-s) var(--dt-shell-color-foreground-strong-l);
2532
+ --dt-shell-color-foreground-strong-hsla: hsl(var(--dt-shell-color-foreground-strong-h) var(--dt-shell-color-foreground-strong-s) var(--dt-shell-color-foreground-strong-l) / var(--alpha, 100%));
2533
+ --dt-shell-color-foreground-strong: hsl(0 0% 11%);
2534
+ --dt-shell-color-foreground-tertiary-h: 0;
2535
+ --dt-shell-color-foreground-tertiary-s: 0%;
2536
+ --dt-shell-color-foreground-tertiary-l: 11%;
2537
+ --dt-shell-color-foreground-tertiary-a: 72%;
2538
+ --dt-shell-color-foreground-tertiary-hsl: var(--dt-shell-color-foreground-tertiary-h) var(--dt-shell-color-foreground-tertiary-s) var(--dt-shell-color-foreground-tertiary-l);
2539
+ --dt-shell-color-foreground-tertiary-hsla: hsl(var(--dt-shell-color-foreground-tertiary-h) var(--dt-shell-color-foreground-tertiary-s) var(--dt-shell-color-foreground-tertiary-l) / var(--alpha, 72%));
2540
+ --dt-shell-color-foreground-tertiary: hsl(0 0% 11% / 0.72);
2541
+ --dt-shell-color-foreground-secondary-h: 0;
2542
+ --dt-shell-color-foreground-secondary-s: 0%;
2543
+ --dt-shell-color-foreground-secondary-l: 11%;
2544
+ --dt-shell-color-foreground-secondary-a: 86%;
2545
+ --dt-shell-color-foreground-secondary-hsl: var(--dt-shell-color-foreground-secondary-h) var(--dt-shell-color-foreground-secondary-s) var(--dt-shell-color-foreground-secondary-l);
2546
+ --dt-shell-color-foreground-secondary-hsla: hsl(var(--dt-shell-color-foreground-secondary-h) var(--dt-shell-color-foreground-secondary-s) var(--dt-shell-color-foreground-secondary-l) / var(--alpha, 86%));
2547
+ --dt-shell-color-foreground-secondary: hsl(0 0% 11% / 0.86);
2548
+ --dt-shell-color-foreground-primary-h: var(--dt-shell-base-color-foreground-h);
2549
+ --dt-shell-color-foreground-primary-s: var(--dt-shell-base-color-foreground-s);
2550
+ --dt-shell-color-foreground-primary-l: var(--dt-shell-base-color-foreground-l);
2551
+ --dt-shell-color-foreground-primary-a: var(--dt-shell-base-color-foreground-a);
2552
+ --dt-shell-color-foreground-primary-hsl: var(--dt-shell-base-color-foreground-hsl);
2553
+ --dt-shell-color-foreground-primary-hsla: var(--dt-shell-base-color-foreground-hsla);
2554
+ --dt-shell-color-foreground-primary: var(--dt-shell-base-color-foreground);
2555
+ --dt-shell-base-color-surface-h: var(--dt-color-surface-secondary-h);
2556
+ --dt-shell-base-color-surface-s: var(--dt-color-surface-secondary-s);
2557
+ --dt-shell-base-color-surface-l: var(--dt-color-surface-secondary-l);
2558
+ --dt-shell-base-color-surface-a: var(--dt-color-surface-secondary-a);
2559
+ --dt-shell-base-color-surface-hsl: var(--dt-color-surface-secondary-hsl);
2560
+ --dt-shell-base-color-surface-hsla: var(--dt-color-surface-secondary-hsla);
2561
+ --dt-shell-base-color-surface: var(--dt-color-surface-secondary);
2562
+ --dt-theme-mention-color-background-h: var(--dt-color-surface-brand-strong-h);
2563
+ --dt-theme-mention-color-background-s: var(--dt-color-surface-brand-strong-s);
2564
+ --dt-theme-mention-color-background-l: var(--dt-color-surface-brand-strong-l);
2565
+ --dt-theme-mention-color-background-a: var(--dt-color-surface-brand-strong-a);
2566
+ --dt-theme-mention-color-background-hsl: var(--dt-color-surface-brand-strong-hsl);
2567
+ --dt-theme-mention-color-background-hsla: var(--dt-color-surface-brand-strong-hsla);
2568
+ --dt-theme-mention-color-background: var(--dt-color-surface-brand-strong);
1708
2569
  --dt-theme-mention-color-foreground-strong-h: var(--dt-color-foreground-primary-inverted-h);
1709
2570
  --dt-theme-mention-color-foreground-strong-s: var(--dt-color-foreground-primary-inverted-s);
1710
2571
  --dt-theme-mention-color-foreground-strong-l: var(--dt-color-foreground-primary-inverted-l);
@@ -1936,6 +2797,13 @@
1936
2797
  --dt-action-color-border-critical-outlined-default-hsl: var(--dt-color-border-critical-hsl);
1937
2798
  --dt-action-color-border-critical-outlined-default-hsla: var(--dt-color-border-critical-hsla);
1938
2799
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
2800
+ --dt-action-color-border-base-outlined-default-h: var(--dt-color-border-brand-h);
2801
+ --dt-action-color-border-base-outlined-default-s: var(--dt-color-border-brand-s);
2802
+ --dt-action-color-border-base-outlined-default-l: var(--dt-color-border-brand-l);
2803
+ --dt-action-color-border-base-outlined-default-a: var(--dt-color-border-brand-a);
2804
+ --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-border-brand-hsl);
2805
+ --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-border-brand-hsla);
2806
+ --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
1939
2807
  --dt-action-color-background-positive-primary-active-h: 155;
1940
2808
  --dt-action-color-background-positive-primary-active-s: 100%;
1941
2809
  --dt-action-color-background-positive-primary-active-l: 24.8%;
@@ -1964,13 +2832,13 @@
1964
2832
  --dt-action-color-background-muted-hover-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1965
2833
  --dt-action-color-background-muted-hover-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1966
2834
  --dt-action-color-background-muted-hover: var(--dt-color-surface-moderate-opaque);
1967
- --dt-action-color-background-inverted-primary-active-h: var(--dt-action-color-background-inverted-primary-default-h);
1968
- --dt-action-color-background-inverted-primary-active-s: var(--dt-action-color-background-inverted-primary-default-s);
1969
- --dt-action-color-background-inverted-primary-active-l: var(--dt-action-color-background-inverted-primary-default-l);
1970
- --dt-action-color-background-inverted-primary-active-a: var(--dt-action-color-background-inverted-primary-default-a);
1971
- --dt-action-color-background-inverted-primary-active-hsl: var(--dt-action-color-background-inverted-primary-default-hsl);
1972
- --dt-action-color-background-inverted-primary-active-hsla: var(--dt-action-color-background-inverted-primary-default-hsla);
1973
- --dt-action-color-background-inverted-primary-active: var(--dt-action-color-background-inverted-primary-default);
2835
+ --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-surface-brand-h);
2836
+ --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-surface-brand-s);
2837
+ --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-surface-brand-l);
2838
+ --dt-action-color-background-inverted-primary-hover-a: var(--dt-color-surface-brand-a);
2839
+ --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-surface-brand-hsl);
2840
+ --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-surface-brand-hsla);
2841
+ --dt-action-color-background-inverted-primary-hover: var(--dt-color-surface-brand);
1974
2842
  --dt-action-color-background-inverted-active-h: var(--dt-color-surface-bold-opaque-inverted-h);
1975
2843
  --dt-action-color-background-inverted-active-s: var(--dt-color-surface-bold-opaque-inverted-s);
1976
2844
  --dt-action-color-background-inverted-active-l: var(--dt-color-surface-bold-opaque-inverted-l);
@@ -1992,13 +2860,13 @@
1992
2860
  --dt-action-color-background-critical-hover-hsl: var(--dt-color-surface-critical-opaque-hsl);
1993
2861
  --dt-action-color-background-critical-hover-hsla: var(--dt-color-surface-critical-opaque-hsla);
1994
2862
  --dt-action-color-background-critical-hover: var(--dt-color-surface-critical-opaque);
1995
- --dt-action-color-background-base-active-h: 329;
1996
- --dt-action-color-background-base-active-s: 100%;
1997
- --dt-action-color-background-base-active-l: 39.4%;
1998
- --dt-action-color-background-base-active-a: 11%;
1999
- --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
2000
- --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 11%));
2001
- --dt-action-color-background-base-active: hsl(329 100% 39.4% / 0.11);
2863
+ --dt-action-color-background-base-hover-h: var(--dt-color-surface-brand-opaque-h);
2864
+ --dt-action-color-background-base-hover-s: var(--dt-color-surface-brand-opaque-s);
2865
+ --dt-action-color-background-base-hover-l: var(--dt-color-surface-brand-opaque-l);
2866
+ --dt-action-color-background-base-hover-a: var(--dt-color-surface-brand-opaque-a);
2867
+ --dt-action-color-background-base-hover-hsl: var(--dt-color-surface-brand-opaque-hsl);
2868
+ --dt-action-color-background-base-hover-hsla: var(--dt-color-surface-brand-opaque-hsla);
2869
+ --dt-action-color-background-base-hover: var(--dt-color-surface-brand-opaque);
2002
2870
  --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
2003
2871
  --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
2004
2872
  --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);
@@ -2006,13 +2874,20 @@
2006
2874
  --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
2007
2875
  --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
2008
2876
  --dt-action-color-foreground-disabled-default: var(--dt-color-foreground-disabled);
2009
- --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
2010
- --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
2011
- --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
2012
- --dt-action-color-foreground-inverted-primary-active-a: var(--dt-action-color-foreground-inverted-primary-hover-a);
2013
- --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
2014
- --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
2015
- --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
2877
+ --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-link-primary-hover-h);
2878
+ --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-link-primary-hover-s);
2879
+ --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-link-primary-hover-l);
2880
+ --dt-action-color-foreground-inverted-primary-hover-a: var(--dt-color-link-primary-hover-a);
2881
+ --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-link-primary-hover-hsl);
2882
+ --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-link-primary-hover-hsla);
2883
+ --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-link-primary-hover);
2884
+ --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-link-primary-h);
2885
+ --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-link-primary-s);
2886
+ --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-link-primary-l);
2887
+ --dt-action-color-foreground-inverted-primary-default-a: var(--dt-color-link-primary-a);
2888
+ --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-link-primary-hsl);
2889
+ --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-link-primary-hsla);
2890
+ --dt-action-color-foreground-inverted-primary-default: var(--dt-color-link-primary);
2016
2891
  --dt-action-color-foreground-inverted-default-h: var(--dt-color-foreground-primary-inverted-h);
2017
2892
  --dt-action-color-foreground-inverted-default-s: var(--dt-color-foreground-primary-inverted-s);
2018
2893
  --dt-action-color-foreground-inverted-default-l: var(--dt-color-foreground-primary-inverted-l);
@@ -2020,13 +2895,20 @@
2020
2895
  --dt-action-color-foreground-inverted-default-hsl: var(--dt-color-foreground-primary-inverted-hsl);
2021
2896
  --dt-action-color-foreground-inverted-default-hsla: var(--dt-color-foreground-primary-inverted-hsla);
2022
2897
  --dt-action-color-foreground-inverted-default: var(--dt-color-foreground-primary-inverted);
2023
- --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
2024
- --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
2025
- --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
2026
- --dt-action-color-foreground-base-active-a: var(--dt-action-color-foreground-base-hover-a);
2027
- --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
2028
- --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
2029
- --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
2898
+ --dt-action-color-foreground-base-hover-h: var(--dt-color-link-primary-hover-h);
2899
+ --dt-action-color-foreground-base-hover-s: var(--dt-color-link-primary-hover-s);
2900
+ --dt-action-color-foreground-base-hover-l: var(--dt-color-link-primary-hover-l);
2901
+ --dt-action-color-foreground-base-hover-a: var(--dt-color-link-primary-hover-a);
2902
+ --dt-action-color-foreground-base-hover-hsl: var(--dt-color-link-primary-hover-hsl);
2903
+ --dt-action-color-foreground-base-hover-hsla: var(--dt-color-link-primary-hover-hsla);
2904
+ --dt-action-color-foreground-base-hover: var(--dt-color-link-primary-hover);
2905
+ --dt-action-color-foreground-base-default-h: var(--dt-color-link-primary-h);
2906
+ --dt-action-color-foreground-base-default-s: var(--dt-color-link-primary-s);
2907
+ --dt-action-color-foreground-base-default-l: var(--dt-color-link-primary-l);
2908
+ --dt-action-color-foreground-base-default-a: var(--dt-color-link-primary-a);
2909
+ --dt-action-color-foreground-base-default-hsl: var(--dt-color-link-primary-hsl);
2910
+ --dt-action-color-foreground-base-default-hsla: var(--dt-color-link-primary-hsla);
2911
+ --dt-action-color-foreground-base-default: var(--dt-color-link-primary);
2030
2912
  --dt-inputs-color-background-disabled-h: var(--dt-color-surface-moderate-opaque-h);
2031
2913
  --dt-inputs-color-background-disabled-s: var(--dt-color-surface-moderate-opaque-s);
2032
2914
  --dt-inputs-color-background-disabled-l: var(--dt-color-surface-moderate-opaque-l);
@@ -2287,6 +3169,62 @@
2287
3169
  --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
2288
3170
  --dt-color-link-critical: var(--dt-color-foreground-critical);
2289
3171
  --dt-icon-size-border-500: var(--dt-icon-size-border-400);
3172
+ --dt-shell-action-color-foreground-muted-default-h: var(--dt-shell-color-foreground-muted-h);
3173
+ --dt-shell-action-color-foreground-muted-default-s: var(--dt-shell-color-foreground-muted-s);
3174
+ --dt-shell-action-color-foreground-muted-default-l: var(--dt-shell-color-foreground-muted-l);
3175
+ --dt-shell-action-color-foreground-muted-default-a: var(--dt-shell-color-foreground-muted-a);
3176
+ --dt-shell-action-color-foreground-muted-default-hsl: var(--dt-shell-color-foreground-muted-hsl);
3177
+ --dt-shell-action-color-foreground-muted-default-hsla: var(--dt-shell-color-foreground-muted-hsla);
3178
+ --dt-shell-action-color-foreground-muted-default: var(--dt-shell-color-foreground-muted);
3179
+ --dt-shell-action-color-foreground-secondary-disabled-h: var(--dt-shell-color-foreground-disabled-h);
3180
+ --dt-shell-action-color-foreground-secondary-disabled-s: var(--dt-shell-color-foreground-disabled-s);
3181
+ --dt-shell-action-color-foreground-secondary-disabled-l: var(--dt-shell-color-foreground-disabled-l);
3182
+ --dt-shell-action-color-foreground-secondary-disabled-a: var(--dt-shell-color-foreground-disabled-a);
3183
+ --dt-shell-action-color-foreground-secondary-disabled-hsl: var(--dt-shell-color-foreground-disabled-hsl);
3184
+ --dt-shell-action-color-foreground-secondary-disabled-hsla: var(--dt-shell-color-foreground-disabled-hsla);
3185
+ --dt-shell-action-color-foreground-secondary-disabled: var(--dt-shell-color-foreground-disabled);
3186
+ --dt-shell-action-color-foreground-primary-disabled-h: var(--dt-shell-color-foreground-disabled-h);
3187
+ --dt-shell-action-color-foreground-primary-disabled-s: var(--dt-shell-color-foreground-disabled-s);
3188
+ --dt-shell-action-color-foreground-primary-disabled-l: var(--dt-shell-color-foreground-disabled-l);
3189
+ --dt-shell-action-color-foreground-primary-disabled-a: var(--dt-shell-color-foreground-disabled-a);
3190
+ --dt-shell-action-color-foreground-primary-disabled-hsl: var(--dt-shell-color-foreground-disabled-hsl);
3191
+ --dt-shell-action-color-foreground-primary-disabled-hsla: var(--dt-shell-color-foreground-disabled-hsla);
3192
+ --dt-shell-action-color-foreground-primary-disabled: var(--dt-shell-color-foreground-disabled);
3193
+ --dt-shell-action-color-foreground-tertiary-default-h: var(--dt-shell-color-foreground-tertiary-h);
3194
+ --dt-shell-action-color-foreground-tertiary-default-s: var(--dt-shell-color-foreground-tertiary-s);
3195
+ --dt-shell-action-color-foreground-tertiary-default-l: var(--dt-shell-color-foreground-tertiary-l);
3196
+ --dt-shell-action-color-foreground-tertiary-default-a: var(--dt-shell-color-foreground-tertiary-a);
3197
+ --dt-shell-action-color-foreground-tertiary-default-hsl: var(--dt-shell-color-foreground-tertiary-hsl);
3198
+ --dt-shell-action-color-foreground-tertiary-default-hsla: var(--dt-shell-color-foreground-tertiary-hsla);
3199
+ --dt-shell-action-color-foreground-tertiary-default: var(--dt-shell-color-foreground-tertiary);
3200
+ --dt-shell-action-color-foreground-primary-strong-h: var(--dt-shell-color-foreground-strong-h);
3201
+ --dt-shell-action-color-foreground-primary-strong-s: var(--dt-shell-color-foreground-strong-s);
3202
+ --dt-shell-action-color-foreground-primary-strong-l: var(--dt-shell-color-foreground-strong-l);
3203
+ --dt-shell-action-color-foreground-primary-strong-a: var(--dt-shell-color-foreground-strong-a);
3204
+ --dt-shell-action-color-foreground-primary-strong-hsl: var(--dt-shell-color-foreground-strong-hsl);
3205
+ --dt-shell-action-color-foreground-primary-strong-hsla: var(--dt-shell-color-foreground-strong-hsla);
3206
+ --dt-shell-action-color-foreground-primary-strong: var(--dt-shell-color-foreground-strong);
3207
+ --dt-shell-action-color-foreground-secondary-default-h: var(--dt-shell-color-foreground-secondary-h);
3208
+ --dt-shell-action-color-foreground-secondary-default-s: var(--dt-shell-color-foreground-secondary-s);
3209
+ --dt-shell-action-color-foreground-secondary-default-l: var(--dt-shell-color-foreground-secondary-l);
3210
+ --dt-shell-action-color-foreground-secondary-default-a: var(--dt-shell-color-foreground-secondary-a);
3211
+ --dt-shell-action-color-foreground-secondary-default-hsl: var(--dt-shell-color-foreground-secondary-hsl);
3212
+ --dt-shell-action-color-foreground-secondary-default-hsla: var(--dt-shell-color-foreground-secondary-hsla);
3213
+ --dt-shell-action-color-foreground-secondary-default: var(--dt-shell-color-foreground-secondary);
3214
+ --dt-shell-action-color-foreground-primary-default-h: var(--dt-shell-color-foreground-secondary-h);
3215
+ --dt-shell-action-color-foreground-primary-default-s: var(--dt-shell-color-foreground-secondary-s);
3216
+ --dt-shell-action-color-foreground-primary-default-l: var(--dt-shell-color-foreground-secondary-l);
3217
+ --dt-shell-action-color-foreground-primary-default-a: var(--dt-shell-color-foreground-secondary-a);
3218
+ --dt-shell-action-color-foreground-primary-default-hsl: var(--dt-shell-color-foreground-secondary-hsl);
3219
+ --dt-shell-action-color-foreground-primary-default-hsla: var(--dt-shell-color-foreground-secondary-hsla);
3220
+ --dt-shell-action-color-foreground-primary-default: var(--dt-shell-color-foreground-secondary);
3221
+ --dt-shell-color-surface-default-h: var(--dt-shell-base-color-surface-h);
3222
+ --dt-shell-color-surface-default-s: var(--dt-shell-base-color-surface-s);
3223
+ --dt-shell-color-surface-default-l: var(--dt-shell-base-color-surface-l);
3224
+ --dt-shell-color-surface-default-a: var(--dt-shell-base-color-surface-a);
3225
+ --dt-shell-color-surface-default-hsl: var(--dt-shell-base-color-surface-hsl);
3226
+ --dt-shell-color-surface-default-hsla: var(--dt-shell-base-color-surface-hsla);
3227
+ --dt-shell-color-surface-default: var(--dt-shell-base-color-surface);
2290
3228
  --dt-theme-sidebar-icon-color-foreground-h: var(--dt-theme-sidebar-color-foreground-h);
2291
3229
  --dt-theme-sidebar-icon-color-foreground-s: var(--dt-theme-sidebar-color-foreground-s);
2292
3230
  --dt-theme-sidebar-icon-color-foreground-l: var(--dt-theme-sidebar-color-foreground-l);
@@ -2329,6 +3267,13 @@
2329
3267
  --dt-action-color-background-critical-active-hsl: var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l);
2330
3268
  --dt-action-color-background-critical-active-hsla: hsl(var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l) / var(--alpha, 31%));
2331
3269
  --dt-action-color-background-critical-active: hsl(4.62 100% 73.2% / 0.31);
3270
+ --dt-action-color-background-base-active-h: 261;
3271
+ --dt-action-color-background-base-active-s: 100%;
3272
+ --dt-action-color-background-base-active-l: 77.3%;
3273
+ --dt-action-color-background-base-active-a: 27%;
3274
+ --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
3275
+ --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 27%));
3276
+ --dt-action-color-background-base-active: hsl(261 100% 77.3% / 0.27);
2332
3277
  --dt-action-color-foreground-positive-hover-h: var(--dt-color-link-success-hover-h);
2333
3278
  --dt-action-color-foreground-positive-hover-s: var(--dt-color-link-success-hover-s);
2334
3279
  --dt-action-color-foreground-positive-hover-l: var(--dt-color-link-success-hover-l);
@@ -2357,6 +3302,13 @@
2357
3302
  --dt-action-color-foreground-muted-default-hsl: var(--dt-color-link-muted-hsl);
2358
3303
  --dt-action-color-foreground-muted-default-hsla: var(--dt-color-link-muted-hsla);
2359
3304
  --dt-action-color-foreground-muted-default: var(--dt-color-link-muted);
3305
+ --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
3306
+ --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
3307
+ --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
3308
+ --dt-action-color-foreground-inverted-primary-active-a: var(--dt-action-color-foreground-inverted-primary-hover-a);
3309
+ --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
3310
+ --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
3311
+ --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
2360
3312
  --dt-action-color-foreground-inverted-hover-h: var(--dt-action-color-foreground-inverted-default-h);
2361
3313
  --dt-action-color-foreground-inverted-hover-s: var(--dt-action-color-foreground-inverted-default-s);
2362
3314
  --dt-action-color-foreground-inverted-hover-l: var(--dt-action-color-foreground-inverted-default-l);
@@ -2378,6 +3330,13 @@
2378
3330
  --dt-action-color-foreground-critical-default-hsl: var(--dt-color-link-critical-hsl);
2379
3331
  --dt-action-color-foreground-critical-default-hsla: var(--dt-color-link-critical-hsla);
2380
3332
  --dt-action-color-foreground-critical-default: var(--dt-color-link-critical);
3333
+ --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
3334
+ --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
3335
+ --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
3336
+ --dt-action-color-foreground-base-active-a: var(--dt-action-color-foreground-base-hover-a);
3337
+ --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
3338
+ --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
3339
+ --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
2381
3340
  --dt-typography-button-xl-font-size: var(--dt-button-font-size-xl); /* Text style for extra large button */
2382
3341
  --dt-typography-button-lg-font-size: var(--dt-button-font-size-lg); /* Text style for large button */
2383
3342
  --dt-typography-button-md-font-size: var(--dt-button-font-size-md); /* Text style for medium button */
@@ -2436,6 +3395,20 @@
2436
3395
  --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
2437
3396
  --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
2438
3397
  --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
3398
+ --dt-shell-action-color-foreground-muted-selected-h: 0;
3399
+ --dt-shell-action-color-foreground-muted-selected-s: 0%;
3400
+ --dt-shell-action-color-foreground-muted-selected-l: 4.4%;
3401
+ --dt-shell-action-color-foreground-muted-selected-a: 60%;
3402
+ --dt-shell-action-color-foreground-muted-selected-hsl: var(--dt-shell-action-color-foreground-muted-selected-h) var(--dt-shell-action-color-foreground-muted-selected-s) var(--dt-shell-action-color-foreground-muted-selected-l);
3403
+ --dt-shell-action-color-foreground-muted-selected-hsla: hsl(var(--dt-shell-action-color-foreground-muted-selected-h) var(--dt-shell-action-color-foreground-muted-selected-s) var(--dt-shell-action-color-foreground-muted-selected-l) / var(--alpha, 60%));
3404
+ --dt-shell-action-color-foreground-muted-selected: hsl(0 0% 4.4% / 0.6);
3405
+ --dt-shell-action-color-foreground-muted-hover-h: 0;
3406
+ --dt-shell-action-color-foreground-muted-hover-s: 0%;
3407
+ --dt-shell-action-color-foreground-muted-hover-l: 6.6000000000000005%;
3408
+ --dt-shell-action-color-foreground-muted-hover-a: 60%;
3409
+ --dt-shell-action-color-foreground-muted-hover-hsl: var(--dt-shell-action-color-foreground-muted-hover-h) var(--dt-shell-action-color-foreground-muted-hover-s) var(--dt-shell-action-color-foreground-muted-hover-l);
3410
+ --dt-shell-action-color-foreground-muted-hover-hsla: hsl(var(--dt-shell-action-color-foreground-muted-hover-h) var(--dt-shell-action-color-foreground-muted-hover-s) var(--dt-shell-action-color-foreground-muted-hover-l) / var(--alpha, 60%));
3411
+ --dt-shell-action-color-foreground-muted-hover: hsl(0 0% 6.6% / 0.6);
2439
3412
  --dt-action-color-foreground-positive-active-h: var(--dt-action-color-foreground-positive-hover-h);
2440
3413
  --dt-action-color-foreground-positive-active-s: var(--dt-action-color-foreground-positive-hover-s);
2441
3414
  --dt-action-color-foreground-positive-active-l: var(--dt-action-color-foreground-positive-hover-l);
@@ -2464,6 +3437,13 @@
2464
3437
  --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
2465
3438
  --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
2466
3439
  --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
3440
+ --dt-shell-action-color-foreground-muted-active-h: var(--dt-shell-action-color-foreground-muted-hover-h);
3441
+ --dt-shell-action-color-foreground-muted-active-s: var(--dt-shell-action-color-foreground-muted-hover-s);
3442
+ --dt-shell-action-color-foreground-muted-active-l: var(--dt-shell-action-color-foreground-muted-hover-l);
3443
+ --dt-shell-action-color-foreground-muted-active-a: var(--dt-shell-action-color-foreground-muted-hover-a);
3444
+ --dt-shell-action-color-foreground-muted-active-hsl: var(--dt-shell-action-color-foreground-muted-hover-hsl);
3445
+ --dt-shell-action-color-foreground-muted-active-hsla: var(--dt-shell-action-color-foreground-muted-hover-hsla);
3446
+ --dt-shell-action-color-foreground-muted-active: var(--dt-shell-action-color-foreground-muted-hover);
2467
3447
  --dt-font-size-100-mobile: 1.2rem;
2468
3448
  --dt-font-size-200-mobile: 1.6rem;
2469
3449
  --dt-font-size-300-mobile: 2rem;