@dialpad/dialtone 9.97.0 → 9.98.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 (22) hide show
  1. package/dist/css/tokens/tokens-base-deca-dark.css +293 -391
  2. package/dist/css/tokens/tokens-base-deca-light.css +284 -382
  3. package/dist/css/tokens/tokens-deca-dark.css +1001 -966
  4. package/dist/css/tokens/tokens-deca-light.css +731 -696
  5. package/dist/tokens/css/tokens-base-deca-dark.css +293 -391
  6. package/dist/tokens/css/tokens-base-deca-light.css +284 -382
  7. package/dist/tokens/css/tokens-deca-dark.css +1001 -966
  8. package/dist/tokens/css/tokens-deca-light.css +731 -696
  9. package/dist/tokens/doc.json +34038 -34284
  10. package/dist/tokens/less/tokens-base-deca-dark.less +77 -91
  11. package/dist/tokens/less/tokens-base-deca-light.less +75 -89
  12. package/dist/tokens/less/tokens-deca-dark.less +225 -220
  13. package/dist/tokens/less/tokens-deca-light.less +229 -224
  14. package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
  15. package/dist/tokens/themes/dp-deca-dark.js +1 -1
  16. package/dist/tokens/themes/dp-deca-light.cjs +1 -1
  17. package/dist/tokens/themes/dp-deca-light.js +1 -1
  18. package/dist/tokens/tokens-base-deca-dark.json +77 -91
  19. package/dist/tokens/tokens-base-deca-light.json +75 -89
  20. package/dist/tokens/tokens-deca-dark.json +224 -219
  21. package/dist/tokens/tokens-deca-light.json +229 -224
  22. package/package.json +3 -3
package/dist/tokens/css/tokens-deca-dark.css CHANGED
@@ -153,37 +153,44 @@
153
153
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
154
154
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
155
155
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
156
- --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
157
- --dt-button-font-weight-sm: var(--dt-font-weight-medium); /* Font weight for SM button */
158
- --dt-button-font-weight-xs: var(--dt-font-weight-medium); /* Font weight for XS button */
156
+ --dt-button-font-weight-md: var(--dt-font-weight-semi-bold);
157
+ --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold);
158
+ --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold);
159
159
  --dt-badge-color-border-bulletin-subtle-h: 255;
160
- --dt-badge-color-border-bulletin-subtle-s: 100%;
161
- --dt-badge-color-border-bulletin-subtle-l: 66.9%;
160
+ --dt-badge-color-border-bulletin-subtle-s: 86.9%;
161
+ --dt-badge-color-border-bulletin-subtle-l: 58.20000000000001%;
162
162
  --dt-badge-color-border-bulletin-subtle-a: 60%;
163
163
  --dt-badge-color-border-bulletin-subtle-hsl: var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l);
164
164
  --dt-badge-color-border-bulletin-subtle-hsla: hsl(var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l) / var(--alpha, 60%));
165
- --dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.9% / 0.6);
166
- --dt-badge-color-foreground-bulletin-h: var(--dt-color-black-50-h);
167
- --dt-badge-color-foreground-bulletin-s: var(--dt-color-black-50-s);
168
- --dt-badge-color-foreground-bulletin-l: var(--dt-color-black-50-l);
169
- --dt-badge-color-foreground-bulletin-a: var(--dt-color-black-50-a);
170
- --dt-badge-color-foreground-bulletin-hsl: var(--dt-color-black-50-hsl);
171
- --dt-badge-color-foreground-bulletin-hsla: var(--dt-color-black-50-hsla);
172
- --dt-badge-color-foreground-bulletin: var(--dt-color-black-50);
165
+ --dt-badge-color-border-bulletin-subtle: hsl(255 86.9% 58.2% / 0.6);
166
+ --dt-badge-color-foreground-bulletin-h: var(--dt-color-neutral-black-h);
167
+ --dt-badge-color-foreground-bulletin-s: var(--dt-color-neutral-black-s);
168
+ --dt-badge-color-foreground-bulletin-l: var(--dt-color-neutral-black-l);
169
+ --dt-badge-color-foreground-bulletin-a: var(--dt-color-neutral-black-a);
170
+ --dt-badge-color-foreground-bulletin-hsl: var(--dt-color-neutral-black-hsl);
171
+ --dt-badge-color-foreground-bulletin-hsla: var(--dt-color-neutral-black-hsla);
172
+ --dt-badge-color-foreground-bulletin: var(--dt-color-neutral-black);
173
173
  --dt-badge-color-background-bulletin-subtle-h: 255;
174
- --dt-badge-color-background-bulletin-subtle-s: 100%;
175
- --dt-badge-color-background-bulletin-subtle-l: 66.9%;
174
+ --dt-badge-color-background-bulletin-subtle-s: 86.9%;
175
+ --dt-badge-color-background-bulletin-subtle-l: 58.20000000000001%;
176
176
  --dt-badge-color-background-bulletin-subtle-a: 60%;
177
177
  --dt-badge-color-background-bulletin-subtle-hsl: var(--dt-badge-color-background-bulletin-subtle-h) var(--dt-badge-color-background-bulletin-subtle-s) var(--dt-badge-color-background-bulletin-subtle-l);
178
178
  --dt-badge-color-background-bulletin-subtle-hsla: hsl(var(--dt-badge-color-background-bulletin-subtle-h) var(--dt-badge-color-background-bulletin-subtle-s) var(--dt-badge-color-background-bulletin-subtle-l) / var(--alpha, 60%));
179
- --dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.9% / 0.6);
180
- --dt-badge-color-background-critical-h: var(--dt-color-red-125-h);
181
- --dt-badge-color-background-critical-s: var(--dt-color-red-125-s);
182
- --dt-badge-color-background-critical-l: var(--dt-color-red-125-l);
183
- --dt-badge-color-background-critical-a: var(--dt-color-red-125-a);
184
- --dt-badge-color-background-critical-hsl: var(--dt-color-red-125-hsl);
185
- --dt-badge-color-background-critical-hsla: var(--dt-color-red-125-hsla);
186
- --dt-badge-color-background-critical: var(--dt-color-red-125);
179
+ --dt-badge-color-background-bulletin-subtle: hsl(255 86.9% 58.2% / 0.6);
180
+ --dt-badge-color-background-bulletin-h: var(--dt-color-purple-475-h);
181
+ --dt-badge-color-background-bulletin-s: var(--dt-color-purple-475-s);
182
+ --dt-badge-color-background-bulletin-l: var(--dt-color-purple-475-l);
183
+ --dt-badge-color-background-bulletin-a: var(--dt-color-purple-475-a);
184
+ --dt-badge-color-background-bulletin-hsl: var(--dt-color-purple-475-hsl);
185
+ --dt-badge-color-background-bulletin-hsla: var(--dt-color-purple-475-hsla);
186
+ --dt-badge-color-background-bulletin: var(--dt-color-purple-475);
187
+ --dt-badge-color-background-critical-h: var(--dt-color-red-150-h);
188
+ --dt-badge-color-background-critical-s: var(--dt-color-red-150-s);
189
+ --dt-badge-color-background-critical-l: var(--dt-color-red-150-l);
190
+ --dt-badge-color-background-critical-a: var(--dt-color-red-150-a);
191
+ --dt-badge-color-background-critical-hsl: var(--dt-color-red-150-hsl);
192
+ --dt-badge-color-background-critical-hsla: var(--dt-color-red-150-hsla);
193
+ --dt-badge-color-background-critical: var(--dt-color-red-150);
187
194
  --dt-badge-color-background-warning-h: var(--dt-color-gold-150-h);
188
195
  --dt-badge-color-background-warning-s: var(--dt-color-gold-150-s);
189
196
  --dt-badge-color-background-warning-l: var(--dt-color-gold-150-l);
@@ -191,13 +198,13 @@
191
198
  --dt-badge-color-background-warning-hsl: var(--dt-color-gold-150-hsl);
192
199
  --dt-badge-color-background-warning-hsla: var(--dt-color-gold-150-hsla);
193
200
  --dt-badge-color-background-warning: var(--dt-color-gold-150);
194
- --dt-badge-color-background-success-h: var(--dt-color-green-200-h);
195
- --dt-badge-color-background-success-s: var(--dt-color-green-200-s);
196
- --dt-badge-color-background-success-l: var(--dt-color-green-200-l);
197
- --dt-badge-color-background-success-a: var(--dt-color-green-200-a);
198
- --dt-badge-color-background-success-hsl: var(--dt-color-green-200-hsl);
199
- --dt-badge-color-background-success-hsla: var(--dt-color-green-200-hsla);
200
- --dt-badge-color-background-success: var(--dt-color-green-200);
201
+ --dt-badge-color-background-success-h: var(--dt-color-green-150-h);
202
+ --dt-badge-color-background-success-s: var(--dt-color-green-150-s);
203
+ --dt-badge-color-background-success-l: var(--dt-color-green-150-l);
204
+ --dt-badge-color-background-success-a: var(--dt-color-green-150-a);
205
+ --dt-badge-color-background-success-hsl: var(--dt-color-green-150-hsl);
206
+ --dt-badge-color-background-success-hsla: var(--dt-color-green-150-hsla);
207
+ --dt-badge-color-background-success: var(--dt-color-green-150);
201
208
  --dt-badge-color-background-info-h: var(--dt-color-blue-125-h);
202
209
  --dt-badge-color-background-info-s: var(--dt-color-blue-125-s);
203
210
  --dt-badge-color-background-info-l: var(--dt-color-blue-125-l);
@@ -212,20 +219,27 @@
212
219
  --dt-avatar-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
213
220
  --dt-avatar-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
214
221
  --dt-avatar-color-foreground: var(--dt-color-neutral-black);
215
- --dt-theme-mention-color-background-strong-h: var(--dt-color-purple-500-h);
216
- --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-500-s);
217
- --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-500-l);
218
- --dt-theme-mention-color-background-strong-a: var(--dt-color-purple-500-a);
219
- --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-500-hsl);
220
- --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-500-hsla);
221
- --dt-theme-mention-color-background-strong: var(--dt-color-purple-500);
222
- --dt-theme-mention-color-foreground-h: var(--dt-color-neutral-white-h);
223
- --dt-theme-mention-color-foreground-s: var(--dt-color-neutral-white-s);
224
- --dt-theme-mention-color-foreground-l: var(--dt-color-neutral-white-l);
225
- --dt-theme-mention-color-foreground-a: var(--dt-color-neutral-white-a);
226
- --dt-theme-mention-color-foreground-hsl: var(--dt-color-neutral-white-hsl);
227
- --dt-theme-mention-color-foreground-hsla: var(--dt-color-neutral-white-hsla);
228
- --dt-theme-mention-color-foreground: var(--dt-color-neutral-white);
222
+ --dt-theme-mention-color-background-strong-h: var(--dt-color-purple-600-h);
223
+ --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-600-s);
224
+ --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-600-l);
225
+ --dt-theme-mention-color-background-strong-a: var(--dt-color-purple-600-a);
226
+ --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-600-hsl);
227
+ --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-600-hsla);
228
+ --dt-theme-mention-color-background-strong: var(--dt-color-purple-600);
229
+ --dt-theme-mention-color-background-h: var(--dt-color-purple-475-h);
230
+ --dt-theme-mention-color-background-s: var(--dt-color-purple-475-s);
231
+ --dt-theme-mention-color-background-l: var(--dt-color-purple-475-l);
232
+ --dt-theme-mention-color-background-a: var(--dt-color-purple-475-a);
233
+ --dt-theme-mention-color-background-hsl: var(--dt-color-purple-475-hsl);
234
+ --dt-theme-mention-color-background-hsla: var(--dt-color-purple-475-hsla);
235
+ --dt-theme-mention-color-background: var(--dt-color-purple-475);
236
+ --dt-theme-mention-color-foreground-h: var(--dt-color-neutral-black-h);
237
+ --dt-theme-mention-color-foreground-s: var(--dt-color-neutral-black-s);
238
+ --dt-theme-mention-color-foreground-l: var(--dt-color-neutral-black-l);
239
+ --dt-theme-mention-color-foreground-a: var(--dt-color-neutral-black-a);
240
+ --dt-theme-mention-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
241
+ --dt-theme-mention-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
242
+ --dt-theme-mention-color-foreground: var(--dt-color-neutral-black);
229
243
  --dt-theme-presence-color-background-offline-h: var(--dt-color-neutral-white-h);
230
244
  --dt-theme-presence-color-background-offline-s: var(--dt-color-neutral-white-s);
231
245
  --dt-theme-presence-color-background-offline-l: var(--dt-color-neutral-white-l);
@@ -233,27 +247,27 @@
233
247
  --dt-theme-presence-color-background-offline-hsl: var(--dt-color-neutral-white-hsl);
234
248
  --dt-theme-presence-color-background-offline-hsla: var(--dt-color-neutral-white-hsla);
235
249
  --dt-theme-presence-color-background-offline: var(--dt-color-neutral-white);
236
- --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-425-h);
237
- --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-425-s);
238
- --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-425-l);
239
- --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-425-a);
240
- --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-425-hsl);
241
- --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-425-hsla);
242
- --dt-theme-presence-color-background-busy: var(--dt-color-gold-425);
243
- --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-350-h);
244
- --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-350-s);
245
- --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-350-l);
246
- --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-350-a);
247
- --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-350-hsl);
248
- --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-350-hsla);
249
- --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-350);
250
- --dt-theme-presence-color-background-available-h: var(--dt-color-green-450-h);
251
- --dt-theme-presence-color-background-available-s: var(--dt-color-green-450-s);
252
- --dt-theme-presence-color-background-available-l: var(--dt-color-green-450-l);
253
- --dt-theme-presence-color-background-available-a: var(--dt-color-green-450-a);
254
- --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-450-hsl);
255
- --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-450-hsla);
256
- --dt-theme-presence-color-background-available: var(--dt-color-green-450);
250
+ --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-400-h);
251
+ --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-400-s);
252
+ --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-400-l);
253
+ --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-400-a);
254
+ --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-400-hsl);
255
+ --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-400-hsla);
256
+ --dt-theme-presence-color-background-busy: var(--dt-color-gold-400);
257
+ --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-400-h);
258
+ --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-400-s);
259
+ --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-400-l);
260
+ --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-400-a);
261
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-400-hsl);
262
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-400-hsla);
263
+ --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-400);
264
+ --dt-theme-presence-color-background-available-h: var(--dt-color-green-300-h);
265
+ --dt-theme-presence-color-background-available-s: var(--dt-color-green-300-s);
266
+ --dt-theme-presence-color-background-available-l: var(--dt-color-green-300-l);
267
+ --dt-theme-presence-color-background-available-a: var(--dt-color-green-300-a);
268
+ --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-300-hsl);
269
+ --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-300-hsla);
270
+ --dt-theme-presence-color-background-available: var(--dt-color-green-300);
257
271
  --dt-theme-color-base-h: var(--dt-color-black-900-h);
258
272
  --dt-theme-color-base-s: var(--dt-color-black-900-s);
259
273
  --dt-theme-color-base-l: var(--dt-color-black-900-l);
@@ -261,48 +275,27 @@
261
275
  --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
262
276
  --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
263
277
  --dt-theme-color-base: var(--dt-color-black-900);
264
- --dt-action-color-border-base-outlined-default-h: var(--dt-color-purple-400-h);
265
- --dt-action-color-border-base-outlined-default-s: var(--dt-color-purple-400-s);
266
- --dt-action-color-border-base-outlined-default-l: var(--dt-color-purple-400-l);
267
- --dt-action-color-border-base-outlined-default-a: var(--dt-color-purple-400-a);
268
- --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-purple-400-hsl);
269
- --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-purple-400-hsla);
270
- --dt-action-color-border-base-outlined-default: var(--dt-color-purple-400);
271
- --dt-action-color-background-positive-primary-active-h: var(--dt-color-green-475-h);
272
- --dt-action-color-background-positive-primary-active-s: var(--dt-color-green-475-s);
273
- --dt-action-color-background-positive-primary-active-l: var(--dt-color-green-475-l);
274
- --dt-action-color-background-positive-primary-active-a: var(--dt-color-green-475-a);
275
- --dt-action-color-background-positive-primary-active-hsl: var(--dt-color-green-475-hsl);
276
- --dt-action-color-background-positive-primary-active-hsla: var(--dt-color-green-475-hsla);
277
- --dt-action-color-background-positive-primary-active: var(--dt-color-green-475);
278
- --dt-action-color-background-positive-primary-hover-h: var(--dt-color-green-450-h);
279
- --dt-action-color-background-positive-primary-hover-s: var(--dt-color-green-450-s);
280
- --dt-action-color-background-positive-primary-hover-l: var(--dt-color-green-450-l);
281
- --dt-action-color-background-positive-primary-hover-a: var(--dt-color-green-450-a);
282
- --dt-action-color-background-positive-primary-hover-hsl: var(--dt-color-green-450-hsl);
283
- --dt-action-color-background-positive-primary-hover-hsla: var(--dt-color-green-450-hsla);
284
- --dt-action-color-background-positive-primary-hover: var(--dt-color-green-450);
285
- --dt-action-color-background-positive-primary-default-h: var(--dt-color-green-425-h);
286
- --dt-action-color-background-positive-primary-default-s: var(--dt-color-green-425-s);
287
- --dt-action-color-background-positive-primary-default-l: var(--dt-color-green-425-l);
288
- --dt-action-color-background-positive-primary-default-a: var(--dt-color-green-425-a);
289
- --dt-action-color-background-positive-primary-default-hsl: var(--dt-color-green-425-hsl);
290
- --dt-action-color-background-positive-primary-default-hsla: var(--dt-color-green-425-hsla);
291
- --dt-action-color-background-positive-primary-default: var(--dt-color-green-425);
292
- --dt-action-color-background-positive-active-h: var(--dt-color-green-200-h);
293
- --dt-action-color-background-positive-active-s: var(--dt-color-green-200-s);
294
- --dt-action-color-background-positive-active-l: var(--dt-color-green-200-l);
295
- --dt-action-color-background-positive-active-a: var(--dt-color-green-200-a);
296
- --dt-action-color-background-positive-active-hsl: var(--dt-color-green-200-hsl);
297
- --dt-action-color-background-positive-active-hsla: var(--dt-color-green-200-hsla);
298
- --dt-action-color-background-positive-active: var(--dt-color-green-200);
299
- --dt-action-color-background-positive-hover-h: var(--dt-color-green-100-h);
300
- --dt-action-color-background-positive-hover-s: var(--dt-color-green-100-s);
301
- --dt-action-color-background-positive-hover-l: var(--dt-color-green-100-l);
302
- --dt-action-color-background-positive-hover-a: var(--dt-color-green-100-a);
303
- --dt-action-color-background-positive-hover-hsl: var(--dt-color-green-100-hsl);
304
- --dt-action-color-background-positive-hover-hsla: var(--dt-color-green-100-hsla);
305
- --dt-action-color-background-positive-hover: var(--dt-color-green-100);
278
+ --dt-action-color-background-positive-primary-hover-h: var(--dt-color-green-400-h);
279
+ --dt-action-color-background-positive-primary-hover-s: var(--dt-color-green-400-s);
280
+ --dt-action-color-background-positive-primary-hover-l: var(--dt-color-green-400-l);
281
+ --dt-action-color-background-positive-primary-hover-a: var(--dt-color-green-400-a);
282
+ --dt-action-color-background-positive-primary-hover-hsl: var(--dt-color-green-400-hsl);
283
+ --dt-action-color-background-positive-primary-hover-hsla: var(--dt-color-green-400-hsla);
284
+ --dt-action-color-background-positive-primary-hover: var(--dt-color-green-400);
285
+ --dt-action-color-background-positive-primary-default-h: var(--dt-color-green-375-h);
286
+ --dt-action-color-background-positive-primary-default-s: var(--dt-color-green-375-s);
287
+ --dt-action-color-background-positive-primary-default-l: var(--dt-color-green-375-l);
288
+ --dt-action-color-background-positive-primary-default-a: var(--dt-color-green-375-a);
289
+ --dt-action-color-background-positive-primary-default-hsl: var(--dt-color-green-375-hsl);
290
+ --dt-action-color-background-positive-primary-default-hsla: var(--dt-color-green-375-hsla);
291
+ --dt-action-color-background-positive-primary-default: var(--dt-color-green-375); /* Postive, accepting, or success actions. */
292
+ --dt-action-color-background-positive-active-h: var(--dt-color-green-150-h);
293
+ --dt-action-color-background-positive-active-s: var(--dt-color-green-150-s);
294
+ --dt-action-color-background-positive-active-l: var(--dt-color-green-150-l);
295
+ --dt-action-color-background-positive-active-a: var(--dt-color-green-150-a);
296
+ --dt-action-color-background-positive-active-hsl: var(--dt-color-green-150-hsl);
297
+ --dt-action-color-background-positive-active-hsla: var(--dt-color-green-150-hsla);
298
+ --dt-action-color-background-positive-active: var(--dt-color-green-150);
306
299
  --dt-action-color-background-positive-default-h: var(--dt-color-neutral-transparent-h);
307
300
  --dt-action-color-background-positive-default-s: var(--dt-color-neutral-transparent-s);
308
301
  --dt-action-color-background-positive-default-l: var(--dt-color-neutral-transparent-l);
@@ -310,20 +303,6 @@
310
303
  --dt-action-color-background-positive-default-hsl: var(--dt-color-neutral-transparent-hsl);
311
304
  --dt-action-color-background-positive-default-hsla: var(--dt-color-neutral-transparent-hsla);
312
305
  --dt-action-color-background-positive-default: var(--dt-color-neutral-transparent);
313
- --dt-action-color-background-muted-active-h: 0;
314
- --dt-action-color-background-muted-active-s: 0%;
315
- --dt-action-color-background-muted-active-l: 78%;
316
- --dt-action-color-background-muted-active-a: 15%;
317
- --dt-action-color-background-muted-active-hsl: var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l);
318
- --dt-action-color-background-muted-active-hsla: hsl(var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l) / var(--alpha, 15%));
319
- --dt-action-color-background-muted-active: hsl(0 0% 78% / 0.15);
320
- --dt-action-color-background-muted-hover-h: 0;
321
- --dt-action-color-background-muted-hover-s: 0%;
322
- --dt-action-color-background-muted-hover-l: 78%;
323
- --dt-action-color-background-muted-hover-a: 10%;
324
- --dt-action-color-background-muted-hover-hsl: var(--dt-action-color-background-muted-hover-h) var(--dt-action-color-background-muted-hover-s) var(--dt-action-color-background-muted-hover-l);
325
- --dt-action-color-background-muted-hover-hsla: hsl(var(--dt-action-color-background-muted-hover-h) var(--dt-action-color-background-muted-hover-s) var(--dt-action-color-background-muted-hover-l) / var(--alpha, 10%));
326
- --dt-action-color-background-muted-hover: hsl(0 0% 78% / 0.1);
327
306
  --dt-action-color-background-muted-default-h: var(--dt-color-neutral-transparent-h);
328
307
  --dt-action-color-background-muted-default-s: var(--dt-color-neutral-transparent-s);
329
308
  --dt-action-color-background-muted-default-l: var(--dt-color-neutral-transparent-l);
@@ -338,34 +317,27 @@
338
317
  --dt-action-color-background-inverted-primary-active-hsl: var(--dt-color-purple-200-hsl);
339
318
  --dt-action-color-background-inverted-primary-active-hsla: var(--dt-color-purple-200-hsla);
340
319
  --dt-action-color-background-inverted-primary-active: var(--dt-color-purple-200);
341
- --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-black-100-h);
342
- --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-black-100-s);
343
- --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-black-100-l);
344
- --dt-action-color-background-inverted-primary-hover-a: var(--dt-color-black-100-a);
345
- --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-black-100-hsl);
346
- --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-black-100-hsla);
347
- --dt-action-color-background-inverted-primary-hover: var(--dt-color-black-100);
348
- --dt-action-color-background-inverted-primary-default-h: var(--dt-color-purple-100-h);
349
- --dt-action-color-background-inverted-primary-default-s: var(--dt-color-purple-100-s);
350
- --dt-action-color-background-inverted-primary-default-l: var(--dt-color-purple-100-l);
351
- --dt-action-color-background-inverted-primary-default-a: var(--dt-color-purple-100-a);
352
- --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-purple-100-hsl);
353
- --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-purple-100-hsla);
354
- --dt-action-color-background-inverted-primary-default: var(--dt-color-purple-100);
355
- --dt-action-color-background-inverted-active-h: var(--dt-color-black-600-h);
356
- --dt-action-color-background-inverted-active-s: var(--dt-color-black-600-s);
357
- --dt-action-color-background-inverted-active-l: var(--dt-color-black-600-l);
358
- --dt-action-color-background-inverted-active-a: var(--dt-color-black-600-a);
359
- --dt-action-color-background-inverted-active-hsl: var(--dt-color-black-600-hsl);
360
- --dt-action-color-background-inverted-active-hsla: var(--dt-color-black-600-hsla);
361
- --dt-action-color-background-inverted-active: var(--dt-color-black-600);
362
- --dt-action-color-background-inverted-hover-h: var(--dt-color-black-700-h);
363
- --dt-action-color-background-inverted-hover-s: var(--dt-color-black-700-s);
364
- --dt-action-color-background-inverted-hover-l: var(--dt-color-black-700-l);
365
- --dt-action-color-background-inverted-hover-a: var(--dt-color-black-700-a);
366
- --dt-action-color-background-inverted-hover-hsl: var(--dt-color-black-700-hsl);
367
- --dt-action-color-background-inverted-hover-hsla: var(--dt-color-black-700-hsla);
368
- --dt-action-color-background-inverted-hover: var(--dt-color-black-700);
320
+ --dt-action-color-background-inverted-primary-default-h: var(--dt-color-black-100-h);
321
+ --dt-action-color-background-inverted-primary-default-s: var(--dt-color-black-100-s);
322
+ --dt-action-color-background-inverted-primary-default-l: var(--dt-color-black-100-l);
323
+ --dt-action-color-background-inverted-primary-default-a: var(--dt-color-black-100-a);
324
+ --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-black-100-hsl);
325
+ --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-black-100-hsla);
326
+ --dt-action-color-background-inverted-primary-default: var(--dt-color-black-100);
327
+ --dt-action-color-background-inverted-active-h: var(--dt-color-black-500-h);
328
+ --dt-action-color-background-inverted-active-s: var(--dt-color-black-500-s);
329
+ --dt-action-color-background-inverted-active-l: var(--dt-color-black-500-l);
330
+ --dt-action-color-background-inverted-active-a: var(--dt-color-black-500-a);
331
+ --dt-action-color-background-inverted-active-hsl: var(--dt-color-black-500-hsl);
332
+ --dt-action-color-background-inverted-active-hsla: var(--dt-color-black-500-hsla);
333
+ --dt-action-color-background-inverted-active: var(--dt-color-black-500);
334
+ --dt-action-color-background-inverted-hover-h: var(--dt-color-black-600-h);
335
+ --dt-action-color-background-inverted-hover-s: var(--dt-color-black-600-s);
336
+ --dt-action-color-background-inverted-hover-l: var(--dt-color-black-600-l);
337
+ --dt-action-color-background-inverted-hover-a: var(--dt-color-black-600-a);
338
+ --dt-action-color-background-inverted-hover-hsl: var(--dt-color-black-600-hsl);
339
+ --dt-action-color-background-inverted-hover-hsla: var(--dt-color-black-600-hsla);
340
+ --dt-action-color-background-inverted-hover: var(--dt-color-black-600);
369
341
  --dt-action-color-background-inverted-default-h: var(--dt-color-neutral-transparent-h);
370
342
  --dt-action-color-background-inverted-default-s: var(--dt-color-neutral-transparent-s);
371
343
  --dt-action-color-background-inverted-default-l: var(--dt-color-neutral-transparent-l);
@@ -373,41 +345,27 @@
373
345
  --dt-action-color-background-inverted-default-hsl: var(--dt-color-neutral-transparent-hsl);
374
346
  --dt-action-color-background-inverted-default-hsla: var(--dt-color-neutral-transparent-hsla);
375
347
  --dt-action-color-background-inverted-default: var(--dt-color-neutral-transparent);
376
- --dt-action-color-background-critical-primary-active-h: var(--dt-color-red-450-h);
377
- --dt-action-color-background-critical-primary-active-s: var(--dt-color-red-450-s);
378
- --dt-action-color-background-critical-primary-active-l: var(--dt-color-red-450-l);
379
- --dt-action-color-background-critical-primary-active-a: var(--dt-color-red-450-a);
380
- --dt-action-color-background-critical-primary-active-hsl: var(--dt-color-red-450-hsl);
381
- --dt-action-color-background-critical-primary-active-hsla: var(--dt-color-red-450-hsla);
382
- --dt-action-color-background-critical-primary-active: var(--dt-color-red-450);
383
- --dt-action-color-background-critical-primary-hover-h: var(--dt-color-red-450-h);
384
- --dt-action-color-background-critical-primary-hover-s: var(--dt-color-red-450-s);
385
- --dt-action-color-background-critical-primary-hover-l: var(--dt-color-red-450-l);
386
- --dt-action-color-background-critical-primary-hover-a: var(--dt-color-red-450-a);
387
- --dt-action-color-background-critical-primary-hover-hsl: var(--dt-color-red-450-hsl);
388
- --dt-action-color-background-critical-primary-hover-hsla: var(--dt-color-red-450-hsla);
389
- --dt-action-color-background-critical-primary-hover: var(--dt-color-red-450);
390
- --dt-action-color-background-critical-primary-default-h: var(--dt-color-red-350-h);
391
- --dt-action-color-background-critical-primary-default-s: var(--dt-color-red-350-s);
392
- --dt-action-color-background-critical-primary-default-l: var(--dt-color-red-350-l);
393
- --dt-action-color-background-critical-primary-default-a: var(--dt-color-red-350-a);
394
- --dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-350-hsl);
395
- --dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-350-hsla);
396
- --dt-action-color-background-critical-primary-default: var(--dt-color-red-350);
397
- --dt-action-color-background-critical-active-h: var(--dt-color-red-125-h);
398
- --dt-action-color-background-critical-active-s: var(--dt-color-red-125-s);
399
- --dt-action-color-background-critical-active-l: var(--dt-color-red-125-l);
400
- --dt-action-color-background-critical-active-a: var(--dt-color-red-125-a);
401
- --dt-action-color-background-critical-active-hsl: var(--dt-color-red-125-hsl);
402
- --dt-action-color-background-critical-active-hsla: var(--dt-color-red-125-hsla);
403
- --dt-action-color-background-critical-active: var(--dt-color-red-125);
404
- --dt-action-color-background-critical-hover-h: var(--dt-color-red-100-h);
405
- --dt-action-color-background-critical-hover-s: var(--dt-color-red-100-s);
406
- --dt-action-color-background-critical-hover-l: var(--dt-color-red-100-l);
407
- --dt-action-color-background-critical-hover-a: var(--dt-color-red-100-a);
408
- --dt-action-color-background-critical-hover-hsl: var(--dt-color-red-100-hsl);
409
- --dt-action-color-background-critical-hover-hsla: var(--dt-color-red-100-hsla);
410
- --dt-action-color-background-critical-hover: var(--dt-color-red-100);
348
+ --dt-action-color-background-critical-primary-hover-h: var(--dt-color-red-500-h);
349
+ --dt-action-color-background-critical-primary-hover-s: var(--dt-color-red-500-s);
350
+ --dt-action-color-background-critical-primary-hover-l: var(--dt-color-red-500-l);
351
+ --dt-action-color-background-critical-primary-hover-a: var(--dt-color-red-500-a);
352
+ --dt-action-color-background-critical-primary-hover-hsl: var(--dt-color-red-500-hsl);
353
+ --dt-action-color-background-critical-primary-hover-hsla: var(--dt-color-red-500-hsla);
354
+ --dt-action-color-background-critical-primary-hover: var(--dt-color-red-500);
355
+ --dt-action-color-background-critical-primary-default-h: var(--dt-color-red-450-h);
356
+ --dt-action-color-background-critical-primary-default-s: var(--dt-color-red-450-s);
357
+ --dt-action-color-background-critical-primary-default-l: var(--dt-color-red-450-l);
358
+ --dt-action-color-background-critical-primary-default-a: var(--dt-color-red-450-a);
359
+ --dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-450-hsl);
360
+ --dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-450-hsla);
361
+ --dt-action-color-background-critical-primary-default: var(--dt-color-red-450);
362
+ --dt-action-color-background-critical-active-h: var(--dt-color-red-150-h);
363
+ --dt-action-color-background-critical-active-s: var(--dt-color-red-150-s);
364
+ --dt-action-color-background-critical-active-l: var(--dt-color-red-150-l);
365
+ --dt-action-color-background-critical-active-a: var(--dt-color-red-150-a);
366
+ --dt-action-color-background-critical-active-hsl: var(--dt-color-red-150-hsl);
367
+ --dt-action-color-background-critical-active-hsla: var(--dt-color-red-150-hsla);
368
+ --dt-action-color-background-critical-active: var(--dt-color-red-150);
411
369
  --dt-action-color-background-critical-default-h: var(--dt-color-neutral-transparent-h);
412
370
  --dt-action-color-background-critical-default-s: var(--dt-color-neutral-transparent-s);
413
371
  --dt-action-color-background-critical-default-l: var(--dt-color-neutral-transparent-l);
@@ -415,41 +373,27 @@
415
373
  --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
416
374
  --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
417
375
  --dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
418
- --dt-action-color-background-base-primary-active-h: var(--dt-color-purple-500-h);
419
- --dt-action-color-background-base-primary-active-s: var(--dt-color-purple-500-s);
420
- --dt-action-color-background-base-primary-active-l: var(--dt-color-purple-500-l);
421
- --dt-action-color-background-base-primary-active-a: var(--dt-color-purple-500-a);
422
- --dt-action-color-background-base-primary-active-hsl: var(--dt-color-purple-500-hsl);
423
- --dt-action-color-background-base-primary-active-hsla: var(--dt-color-purple-500-hsla);
424
- --dt-action-color-background-base-primary-active: var(--dt-color-purple-500);
425
- --dt-action-color-background-base-primary-hover-h: var(--dt-color-purple-475-h);
426
- --dt-action-color-background-base-primary-hover-s: var(--dt-color-purple-475-s);
427
- --dt-action-color-background-base-primary-hover-l: var(--dt-color-purple-475-l);
428
- --dt-action-color-background-base-primary-hover-a: var(--dt-color-purple-475-a);
429
- --dt-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-475-hsl);
430
- --dt-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-475-hsla);
431
- --dt-action-color-background-base-primary-hover: var(--dt-color-purple-475);
432
- --dt-action-color-background-base-primary-default-h: var(--dt-color-purple-425-h);
433
- --dt-action-color-background-base-primary-default-s: var(--dt-color-purple-425-s);
434
- --dt-action-color-background-base-primary-default-l: var(--dt-color-purple-425-l);
435
- --dt-action-color-background-base-primary-default-a: var(--dt-color-purple-425-a);
436
- --dt-action-color-background-base-primary-default-hsl: var(--dt-color-purple-425-hsl);
437
- --dt-action-color-background-base-primary-default-hsla: var(--dt-color-purple-425-hsla);
438
- --dt-action-color-background-base-primary-default: var(--dt-color-purple-425);
439
- --dt-action-color-background-base-active-h: var(--dt-color-purple-100-h);
440
- --dt-action-color-background-base-active-s: var(--dt-color-purple-100-s);
441
- --dt-action-color-background-base-active-l: var(--dt-color-purple-100-l);
442
- --dt-action-color-background-base-active-a: var(--dt-color-purple-100-a);
443
- --dt-action-color-background-base-active-hsl: var(--dt-color-purple-100-hsl);
444
- --dt-action-color-background-base-active-hsla: var(--dt-color-purple-100-hsla);
445
- --dt-action-color-background-base-active: var(--dt-color-purple-100);
446
- --dt-action-color-background-base-hover-h: var(--dt-color-purple-50-h);
447
- --dt-action-color-background-base-hover-s: var(--dt-color-purple-50-s);
448
- --dt-action-color-background-base-hover-l: var(--dt-color-purple-50-l);
449
- --dt-action-color-background-base-hover-a: var(--dt-color-purple-50-a);
450
- --dt-action-color-background-base-hover-hsl: var(--dt-color-purple-50-hsl);
451
- --dt-action-color-background-base-hover-hsla: var(--dt-color-purple-50-hsla);
452
- --dt-action-color-background-base-hover: var(--dt-color-purple-50);
376
+ --dt-action-color-background-base-primary-hover-h: var(--dt-color-purple-500-h);
377
+ --dt-action-color-background-base-primary-hover-s: var(--dt-color-purple-500-s);
378
+ --dt-action-color-background-base-primary-hover-l: var(--dt-color-purple-500-l);
379
+ --dt-action-color-background-base-primary-hover-a: var(--dt-color-purple-500-a);
380
+ --dt-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-500-hsl);
381
+ --dt-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-500-hsla);
382
+ --dt-action-color-background-base-primary-hover: var(--dt-color-purple-500);
383
+ --dt-action-color-background-base-primary-default-h: var(--dt-color-purple-475-h);
384
+ --dt-action-color-background-base-primary-default-s: var(--dt-color-purple-475-s);
385
+ --dt-action-color-background-base-primary-default-l: var(--dt-color-purple-475-l);
386
+ --dt-action-color-background-base-primary-default-a: var(--dt-color-purple-475-a);
387
+ --dt-action-color-background-base-primary-default-hsl: var(--dt-color-purple-475-hsl);
388
+ --dt-action-color-background-base-primary-default-hsla: var(--dt-color-purple-475-hsla);
389
+ --dt-action-color-background-base-primary-default: var(--dt-color-purple-475);
390
+ --dt-action-color-background-base-active-h: var(--dt-color-purple-200-h);
391
+ --dt-action-color-background-base-active-s: var(--dt-color-purple-200-s);
392
+ --dt-action-color-background-base-active-l: var(--dt-color-purple-200-l);
393
+ --dt-action-color-background-base-active-a: var(--dt-color-purple-200-a);
394
+ --dt-action-color-background-base-active-hsl: var(--dt-color-purple-200-hsl);
395
+ --dt-action-color-background-base-active-hsla: var(--dt-color-purple-200-hsla);
396
+ --dt-action-color-background-base-active: var(--dt-color-purple-200);
453
397
  --dt-action-color-background-base-default-h: var(--dt-color-neutral-transparent-h);
454
398
  --dt-action-color-background-base-default-s: var(--dt-color-neutral-transparent-s);
455
399
  --dt-action-color-background-base-default-l: var(--dt-color-neutral-transparent-l);
@@ -457,90 +401,34 @@
457
401
  --dt-action-color-background-base-default-hsl: var(--dt-color-neutral-transparent-hsl);
458
402
  --dt-action-color-background-base-default-hsla: var(--dt-color-neutral-transparent-hsla);
459
403
  --dt-action-color-background-base-default: var(--dt-color-neutral-transparent);
460
- --dt-action-color-foreground-positive-primary-default-h: var(--dt-color-neutral-white-h);
461
- --dt-action-color-foreground-positive-primary-default-s: var(--dt-color-neutral-white-s);
462
- --dt-action-color-foreground-positive-primary-default-l: var(--dt-color-neutral-white-l);
463
- --dt-action-color-foreground-positive-primary-default-a: var(--dt-color-neutral-white-a);
464
- --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-neutral-white-hsl);
465
- --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-neutral-white-hsla);
466
- --dt-action-color-foreground-positive-primary-default: var(--dt-color-neutral-white);
467
- --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-purple-425-h);
468
- --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-purple-425-s);
469
- --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-purple-425-l);
470
- --dt-action-color-foreground-inverted-primary-hover-a: var(--dt-color-purple-425-a);
471
- --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-purple-425-hsl);
472
- --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-purple-425-hsla);
473
- --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-purple-425);
474
- --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-purple-400-h);
475
- --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-purple-400-s);
476
- --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-purple-400-l);
477
- --dt-action-color-foreground-inverted-primary-default-a: var(--dt-color-purple-400-a);
478
- --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-purple-400-hsl);
479
- --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-purple-400-hsla);
480
- --dt-action-color-foreground-inverted-primary-default: var(--dt-color-purple-400);
481
- --dt-action-color-foreground-critical-primary-default-h: var(--dt-color-black-50-h);
482
- --dt-action-color-foreground-critical-primary-default-s: var(--dt-color-black-50-s);
483
- --dt-action-color-foreground-critical-primary-default-l: var(--dt-color-black-50-l);
484
- --dt-action-color-foreground-critical-primary-default-a: var(--dt-color-black-50-a);
485
- --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-color-black-50-hsl);
486
- --dt-action-color-foreground-critical-primary-default-hsla: var(--dt-color-black-50-hsla);
487
- --dt-action-color-foreground-critical-primary-default: var(--dt-color-black-50);
488
- --dt-action-color-foreground-critical-hover-h: var(--dt-color-red-400-h);
489
- --dt-action-color-foreground-critical-hover-s: var(--dt-color-red-400-s);
490
- --dt-action-color-foreground-critical-hover-l: var(--dt-color-red-400-l);
491
- --dt-action-color-foreground-critical-hover-a: var(--dt-color-red-400-a);
492
- --dt-action-color-foreground-critical-hover-hsl: var(--dt-color-red-400-hsl);
493
- --dt-action-color-foreground-critical-hover-hsla: var(--dt-color-red-400-hsla);
494
- --dt-action-color-foreground-critical-hover: var(--dt-color-red-400);
495
- --dt-action-color-foreground-critical-default-h: var(--dt-color-red-350-h);
496
- --dt-action-color-foreground-critical-default-s: var(--dt-color-red-350-s);
497
- --dt-action-color-foreground-critical-default-l: var(--dt-color-red-350-l);
498
- --dt-action-color-foreground-critical-default-a: var(--dt-color-red-350-a);
499
- --dt-action-color-foreground-critical-default-hsl: var(--dt-color-red-350-hsl);
500
- --dt-action-color-foreground-critical-default-hsla: var(--dt-color-red-350-hsla);
501
- --dt-action-color-foreground-critical-default: var(--dt-color-red-350);
502
- --dt-action-color-foreground-base-primary-default-h: var(--dt-color-black-50-h);
503
- --dt-action-color-foreground-base-primary-default-s: var(--dt-color-black-50-s);
504
- --dt-action-color-foreground-base-primary-default-l: var(--dt-color-black-50-l);
505
- --dt-action-color-foreground-base-primary-default-a: var(--dt-color-black-50-a);
506
- --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-black-50-hsl);
507
- --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-black-50-hsla);
508
- --dt-action-color-foreground-base-primary-default: var(--dt-color-black-50);
509
- --dt-action-color-foreground-base-hover-h: var(--dt-color-purple-475-h);
510
- --dt-action-color-foreground-base-hover-s: var(--dt-color-purple-475-s);
511
- --dt-action-color-foreground-base-hover-l: var(--dt-color-purple-475-l);
512
- --dt-action-color-foreground-base-hover-a: var(--dt-color-purple-475-a);
513
- --dt-action-color-foreground-base-hover-hsl: var(--dt-color-purple-475-hsl);
514
- --dt-action-color-foreground-base-hover-hsla: var(--dt-color-purple-475-hsla);
515
- --dt-action-color-foreground-base-hover: var(--dt-color-purple-475);
516
- --dt-action-color-foreground-base-default-h: var(--dt-color-purple-425-h);
517
- --dt-action-color-foreground-base-default-s: var(--dt-color-purple-425-s);
518
- --dt-action-color-foreground-base-default-l: var(--dt-color-purple-425-l);
519
- --dt-action-color-foreground-base-default-a: var(--dt-color-purple-425-a);
520
- --dt-action-color-foreground-base-default-hsl: var(--dt-color-purple-425-hsl);
521
- --dt-action-color-foreground-base-default-hsla: var(--dt-color-purple-425-hsla);
522
- --dt-action-color-foreground-base-default: var(--dt-color-purple-425);
523
- --dt-inputs-color-background-disabled-h: 0;
524
- --dt-inputs-color-background-disabled-s: 0%;
525
- --dt-inputs-color-background-disabled-l: 98.4%;
526
- --dt-inputs-color-background-disabled-a: 15%;
527
- --dt-inputs-color-background-disabled-hsl: var(--dt-inputs-color-background-disabled-h) var(--dt-inputs-color-background-disabled-s) var(--dt-inputs-color-background-disabled-l);
528
- --dt-inputs-color-background-disabled-hsla: hsl(var(--dt-inputs-color-background-disabled-h) var(--dt-inputs-color-background-disabled-s) var(--dt-inputs-color-background-disabled-l) / var(--alpha, 15%));
529
- --dt-inputs-color-background-disabled: hsl(0 0% 98.4% / 0.15);
530
- --dt-inputs-color-background-focus-h: 0;
531
- --dt-inputs-color-background-focus-s: 0%;
532
- --dt-inputs-color-background-focus-l: 98.4%;
533
- --dt-inputs-color-background-focus-a: 3%;
534
- --dt-inputs-color-background-focus-hsl: var(--dt-inputs-color-background-focus-h) var(--dt-inputs-color-background-focus-s) var(--dt-inputs-color-background-focus-l);
535
- --dt-inputs-color-background-focus-hsla: hsl(var(--dt-inputs-color-background-focus-h) var(--dt-inputs-color-background-focus-s) var(--dt-inputs-color-background-focus-l) / var(--alpha, 3%));
536
- --dt-inputs-color-background-focus: hsl(0 0% 98.4% / 0.03);
537
- --dt-inputs-color-background-default-h: 0;
538
- --dt-inputs-color-background-default-s: 0%;
539
- --dt-inputs-color-background-default-l: 98.4%;
540
- --dt-inputs-color-background-default-a: 6%;
541
- --dt-inputs-color-background-default-hsl: var(--dt-inputs-color-background-default-h) var(--dt-inputs-color-background-default-s) var(--dt-inputs-color-background-default-l);
542
- --dt-inputs-color-background-default-hsla: hsl(var(--dt-inputs-color-background-default-h) var(--dt-inputs-color-background-default-s) var(--dt-inputs-color-background-default-l) / var(--alpha, 6%));
543
- --dt-inputs-color-background-default: hsl(0 0% 98.4% / 0.06);
404
+ --dt-action-color-foreground-positive-primary-default-h: var(--dt-color-neutral-black-h);
405
+ --dt-action-color-foreground-positive-primary-default-s: var(--dt-color-neutral-black-s);
406
+ --dt-action-color-foreground-positive-primary-default-l: var(--dt-color-neutral-black-l);
407
+ --dt-action-color-foreground-positive-primary-default-a: var(--dt-color-neutral-black-a);
408
+ --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-neutral-black-hsl);
409
+ --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-neutral-black-hsla);
410
+ --dt-action-color-foreground-positive-primary-default: var(--dt-color-neutral-black);
411
+ --dt-action-color-foreground-critical-primary-default-h: var(--dt-color-neutral-black-h);
412
+ --dt-action-color-foreground-critical-primary-default-s: var(--dt-color-neutral-black-s);
413
+ --dt-action-color-foreground-critical-primary-default-l: var(--dt-color-neutral-black-l);
414
+ --dt-action-color-foreground-critical-primary-default-a: var(--dt-color-neutral-black-a);
415
+ --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-color-neutral-black-hsl);
416
+ --dt-action-color-foreground-critical-primary-default-hsla: var(--dt-color-neutral-black-hsla);
417
+ --dt-action-color-foreground-critical-primary-default: var(--dt-color-neutral-black);
418
+ --dt-action-color-foreground-base-primary-default-h: var(--dt-color-neutral-black-h);
419
+ --dt-action-color-foreground-base-primary-default-s: var(--dt-color-neutral-black-s);
420
+ --dt-action-color-foreground-base-primary-default-l: var(--dt-color-neutral-black-l);
421
+ --dt-action-color-foreground-base-primary-default-a: var(--dt-color-neutral-black-a);
422
+ --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-neutral-black-hsl);
423
+ --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-neutral-black-hsla);
424
+ --dt-action-color-foreground-base-primary-default: var(--dt-color-neutral-black);
425
+ --dt-inputs-color-background-focus-h: var(--dt-color-black-100-h);
426
+ --dt-inputs-color-background-focus-s: var(--dt-color-black-100-s);
427
+ --dt-inputs-color-background-focus-l: var(--dt-color-black-100-l);
428
+ --dt-inputs-color-background-focus-a: var(--dt-color-black-100-a);
429
+ --dt-inputs-color-background-focus-hsl: var(--dt-color-black-100-hsl);
430
+ --dt-inputs-color-background-focus-hsla: var(--dt-color-black-100-hsla);
431
+ --dt-inputs-color-background-focus: var(--dt-color-black-100);
544
432
  --dt-inputs-color-border-disabled-h: var(--dt-color-neutral-transparent-h);
545
433
  --dt-inputs-color-border-disabled-s: var(--dt-color-neutral-transparent-s);
546
434
  --dt-inputs-color-border-disabled-l: var(--dt-color-neutral-transparent-l);
@@ -699,146 +587,146 @@
699
587
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
700
588
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
701
589
  --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
702
- --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-200-h);
703
- --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-200-s);
704
- --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-200-l);
705
- --dt-color-border-brand-strong-inverted-a: var(--dt-color-purple-200-a);
706
- --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-200-hsl);
707
- --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-200-hsla);
708
- --dt-color-border-brand-strong-inverted: var(--dt-color-purple-200);
709
- --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-475-h);
710
- --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-475-s);
711
- --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-475-l);
712
- --dt-color-border-brand-subtle-inverted-a: var(--dt-color-purple-475-a);
713
- --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-475-hsl);
714
- --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-475-hsla);
715
- --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-475);
716
- --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-150-h);
717
- --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-150-s);
718
- --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-150-l);
719
- --dt-color-border-warning-strong-inverted-a: var(--dt-color-gold-150-a);
720
- --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-gold-150-hsl);
721
- --dt-color-border-warning-strong-inverted-hsla: var(--dt-color-gold-150-hsla);
722
- --dt-color-border-warning-strong-inverted: var(--dt-color-gold-150);
723
- --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-300-h);
724
- --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-300-s);
725
- --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-300-l);
726
- --dt-color-border-warning-subtle-inverted-a: var(--dt-color-gold-300-a);
727
- --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-300-hsl);
728
- --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-300-hsla);
729
- --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-300);
730
- --dt-color-border-success-strong-inverted-h: var(--dt-color-green-200-h);
731
- --dt-color-border-success-strong-inverted-s: var(--dt-color-green-200-s);
732
- --dt-color-border-success-strong-inverted-l: var(--dt-color-green-200-l);
733
- --dt-color-border-success-strong-inverted-a: var(--dt-color-green-200-a);
734
- --dt-color-border-success-strong-inverted-hsl: var(--dt-color-green-200-hsl);
735
- --dt-color-border-success-strong-inverted-hsla: var(--dt-color-green-200-hsla);
736
- --dt-color-border-success-strong-inverted: var(--dt-color-green-200);
737
- --dt-color-border-success-subtle-inverted-h: var(--dt-color-green-450-h);
738
- --dt-color-border-success-subtle-inverted-s: var(--dt-color-green-450-s);
739
- --dt-color-border-success-subtle-inverted-l: var(--dt-color-green-450-l);
740
- --dt-color-border-success-subtle-inverted-a: var(--dt-color-green-450-a);
741
- --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-450-hsl);
742
- --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-450-hsla);
743
- --dt-color-border-success-subtle-inverted: var(--dt-color-green-450);
744
- --dt-color-border-critical-strong-inverted-h: var(--dt-color-red-175-h);
745
- --dt-color-border-critical-strong-inverted-s: var(--dt-color-red-175-s);
746
- --dt-color-border-critical-strong-inverted-l: var(--dt-color-red-175-l);
747
- --dt-color-border-critical-strong-inverted-a: var(--dt-color-red-175-a);
748
- --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-175-hsl);
749
- --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-175-hsla);
750
- --dt-color-border-critical-strong-inverted: var(--dt-color-red-175);
751
- --dt-color-border-critical-subtle-inverted-h: var(--dt-color-red-400-h);
752
- --dt-color-border-critical-subtle-inverted-s: var(--dt-color-red-400-s);
753
- --dt-color-border-critical-subtle-inverted-l: var(--dt-color-red-400-l);
754
- --dt-color-border-critical-subtle-inverted-a: var(--dt-color-red-400-a);
755
- --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-400-hsl);
756
- --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-400-hsla);
757
- --dt-color-border-critical-subtle-inverted: var(--dt-color-red-400);
758
- --dt-color-border-brand-inverted-h: var(--dt-color-purple-400-h);
759
- --dt-color-border-brand-inverted-s: var(--dt-color-purple-400-s);
760
- --dt-color-border-brand-inverted-l: var(--dt-color-purple-400-l);
761
- --dt-color-border-brand-inverted-a: var(--dt-color-purple-400-a);
762
- --dt-color-border-brand-inverted-hsl: var(--dt-color-purple-400-hsl);
763
- --dt-color-border-brand-inverted-hsla: var(--dt-color-purple-400-hsla);
764
- --dt-color-border-brand-inverted: var(--dt-color-purple-400);
765
- --dt-color-border-warning-inverted-h: var(--dt-color-gold-275-h);
766
- --dt-color-border-warning-inverted-s: var(--dt-color-gold-275-s);
767
- --dt-color-border-warning-inverted-l: var(--dt-color-gold-275-l);
768
- --dt-color-border-warning-inverted-a: var(--dt-color-gold-275-a);
769
- --dt-color-border-warning-inverted-hsl: var(--dt-color-gold-275-hsl);
770
- --dt-color-border-warning-inverted-hsla: var(--dt-color-gold-275-hsla);
771
- --dt-color-border-warning-inverted: var(--dt-color-gold-275);
772
- --dt-color-border-success-inverted-h: var(--dt-color-green-325-h);
773
- --dt-color-border-success-inverted-s: var(--dt-color-green-325-s);
774
- --dt-color-border-success-inverted-l: var(--dt-color-green-325-l);
775
- --dt-color-border-success-inverted-a: var(--dt-color-green-325-a);
776
- --dt-color-border-success-inverted-hsl: var(--dt-color-green-325-hsl);
777
- --dt-color-border-success-inverted-hsla: var(--dt-color-green-325-hsla);
778
- --dt-color-border-success-inverted: var(--dt-color-green-325);
779
- --dt-color-border-critical-inverted-h: var(--dt-color-red-275-h);
780
- --dt-color-border-critical-inverted-s: var(--dt-color-red-275-s);
781
- --dt-color-border-critical-inverted-l: var(--dt-color-red-275-l);
782
- --dt-color-border-critical-inverted-a: var(--dt-color-red-275-a);
783
- --dt-color-border-critical-inverted-hsl: var(--dt-color-red-275-hsl);
784
- --dt-color-border-critical-inverted-hsla: var(--dt-color-red-275-hsla);
785
- --dt-color-border-critical-inverted: var(--dt-color-red-275);
786
- --dt-color-border-brand-strong-h: var(--dt-color-purple-475-h);
787
- --dt-color-border-brand-strong-s: var(--dt-color-purple-475-s);
788
- --dt-color-border-brand-strong-l: var(--dt-color-purple-475-l);
789
- --dt-color-border-brand-strong-a: var(--dt-color-purple-475-a);
790
- --dt-color-border-brand-strong-hsl: var(--dt-color-purple-475-hsl);
791
- --dt-color-border-brand-strong-hsla: var(--dt-color-purple-475-hsla);
792
- --dt-color-border-brand-strong: var(--dt-color-purple-475);
793
- --dt-color-border-brand-subtle-h: var(--dt-color-purple-250-h);
794
- --dt-color-border-brand-subtle-s: var(--dt-color-purple-250-s);
795
- --dt-color-border-brand-subtle-l: var(--dt-color-purple-250-l);
796
- --dt-color-border-brand-subtle-a: var(--dt-color-purple-250-a);
797
- --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-250-hsl);
798
- --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-250-hsla);
799
- --dt-color-border-brand-subtle: var(--dt-color-purple-250);
800
- --dt-color-border-warning-strong-h: var(--dt-color-gold-475-h);
801
- --dt-color-border-warning-strong-s: var(--dt-color-gold-475-s);
802
- --dt-color-border-warning-strong-l: var(--dt-color-gold-475-l);
803
- --dt-color-border-warning-strong-a: var(--dt-color-gold-475-a);
804
- --dt-color-border-warning-strong-hsl: var(--dt-color-gold-475-hsl);
805
- --dt-color-border-warning-strong-hsla: var(--dt-color-gold-475-hsla);
806
- --dt-color-border-warning-strong: var(--dt-color-gold-475);
807
- --dt-color-border-warning-subtle-h: var(--dt-color-gold-225-h);
808
- --dt-color-border-warning-subtle-s: var(--dt-color-gold-225-s);
809
- --dt-color-border-warning-subtle-l: var(--dt-color-gold-225-l);
810
- --dt-color-border-warning-subtle-a: var(--dt-color-gold-225-a);
811
- --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-225-hsl);
812
- --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-225-hsla);
813
- --dt-color-border-warning-subtle: var(--dt-color-gold-225);
814
- --dt-color-border-success-strong-h: var(--dt-color-green-475-h);
815
- --dt-color-border-success-strong-s: var(--dt-color-green-475-s);
816
- --dt-color-border-success-strong-l: var(--dt-color-green-475-l);
817
- --dt-color-border-success-strong-a: var(--dt-color-green-475-a);
818
- --dt-color-border-success-strong-hsl: var(--dt-color-green-475-hsl);
819
- --dt-color-border-success-strong-hsla: var(--dt-color-green-475-hsla);
820
- --dt-color-border-success-strong: var(--dt-color-green-475);
821
- --dt-color-border-success-subtle-h: var(--dt-color-green-375-h);
822
- --dt-color-border-success-subtle-s: var(--dt-color-green-375-s);
823
- --dt-color-border-success-subtle-l: var(--dt-color-green-375-l);
824
- --dt-color-border-success-subtle-a: var(--dt-color-green-375-a);
825
- --dt-color-border-success-subtle-hsl: var(--dt-color-green-375-hsl);
826
- --dt-color-border-success-subtle-hsla: var(--dt-color-green-375-hsla);
827
- --dt-color-border-success-subtle: var(--dt-color-green-375);
828
- --dt-color-border-critical-strong-h: var(--dt-color-red-400-h);
829
- --dt-color-border-critical-strong-s: var(--dt-color-red-400-s);
830
- --dt-color-border-critical-strong-l: var(--dt-color-red-400-l);
831
- --dt-color-border-critical-strong-a: var(--dt-color-red-400-a);
832
- --dt-color-border-critical-strong-hsl: var(--dt-color-red-400-hsl);
833
- --dt-color-border-critical-strong-hsla: var(--dt-color-red-400-hsla);
834
- --dt-color-border-critical-strong: var(--dt-color-red-400);
835
- --dt-color-border-critical-subtle-h: var(--dt-color-red-200-h);
836
- --dt-color-border-critical-subtle-s: var(--dt-color-red-200-s);
837
- --dt-color-border-critical-subtle-l: var(--dt-color-red-200-l);
838
- --dt-color-border-critical-subtle-a: var(--dt-color-red-200-a);
839
- --dt-color-border-critical-subtle-hsl: var(--dt-color-red-200-hsl);
840
- --dt-color-border-critical-subtle-hsla: var(--dt-color-red-200-hsla);
841
- --dt-color-border-critical-subtle: var(--dt-color-red-200);
590
+ --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-300-h);
591
+ --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-300-s);
592
+ --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-300-l);
593
+ --dt-color-border-brand-strong-inverted-a: var(--dt-color-purple-300-a);
594
+ --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-300-hsl);
595
+ --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-300-hsla);
596
+ --dt-color-border-brand-strong-inverted: var(--dt-color-purple-300);
597
+ --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-500-h);
598
+ --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-500-s);
599
+ --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-500-l);
600
+ --dt-color-border-brand-subtle-inverted-a: var(--dt-color-purple-500-a);
601
+ --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-500-hsl);
602
+ --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-500-hsla);
603
+ --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-500);
604
+ --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-200-h);
605
+ --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-200-s);
606
+ --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-200-l);
607
+ --dt-color-border-warning-strong-inverted-a: var(--dt-color-gold-200-a);
608
+ --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-gold-200-hsl);
609
+ --dt-color-border-warning-strong-inverted-hsla: var(--dt-color-gold-200-hsla);
610
+ --dt-color-border-warning-strong-inverted: var(--dt-color-gold-200);
611
+ --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-400-h);
612
+ --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-400-s);
613
+ --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-400-l);
614
+ --dt-color-border-warning-subtle-inverted-a: var(--dt-color-gold-400-a);
615
+ --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-400-hsl);
616
+ --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-400-hsla);
617
+ --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-400);
618
+ --dt-color-border-success-strong-inverted-h: var(--dt-color-green-150-h);
619
+ --dt-color-border-success-strong-inverted-s: var(--dt-color-green-150-s);
620
+ --dt-color-border-success-strong-inverted-l: var(--dt-color-green-150-l);
621
+ --dt-color-border-success-strong-inverted-a: var(--dt-color-green-150-a);
622
+ --dt-color-border-success-strong-inverted-hsl: var(--dt-color-green-150-hsl);
623
+ --dt-color-border-success-strong-inverted-hsla: var(--dt-color-green-150-hsla);
624
+ --dt-color-border-success-strong-inverted: var(--dt-color-green-150);
625
+ --dt-color-border-success-subtle-inverted-h: var(--dt-color-green-375-h);
626
+ --dt-color-border-success-subtle-inverted-s: var(--dt-color-green-375-s);
627
+ --dt-color-border-success-subtle-inverted-l: var(--dt-color-green-375-l);
628
+ --dt-color-border-success-subtle-inverted-a: var(--dt-color-green-375-a);
629
+ --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-375-hsl);
630
+ --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-375-hsla);
631
+ --dt-color-border-success-subtle-inverted: var(--dt-color-green-375);
632
+ --dt-color-border-critical-strong-inverted-h: var(--dt-color-red-300-h);
633
+ --dt-color-border-critical-strong-inverted-s: var(--dt-color-red-300-s);
634
+ --dt-color-border-critical-strong-inverted-l: var(--dt-color-red-300-l);
635
+ --dt-color-border-critical-strong-inverted-a: var(--dt-color-red-300-a);
636
+ --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-300-hsl);
637
+ --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-300-hsla);
638
+ --dt-color-border-critical-strong-inverted: var(--dt-color-red-300);
639
+ --dt-color-border-critical-subtle-inverted-h: var(--dt-color-red-450-h);
640
+ --dt-color-border-critical-subtle-inverted-s: var(--dt-color-red-450-s);
641
+ --dt-color-border-critical-subtle-inverted-l: var(--dt-color-red-450-l);
642
+ --dt-color-border-critical-subtle-inverted-a: var(--dt-color-red-450-a);
643
+ --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-450-hsl);
644
+ --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-450-hsla);
645
+ --dt-color-border-critical-subtle-inverted: var(--dt-color-red-450);
646
+ --dt-color-border-brand-inverted-h: var(--dt-color-purple-425-h);
647
+ --dt-color-border-brand-inverted-s: var(--dt-color-purple-425-s);
648
+ --dt-color-border-brand-inverted-l: var(--dt-color-purple-425-l);
649
+ --dt-color-border-brand-inverted-a: var(--dt-color-purple-425-a);
650
+ --dt-color-border-brand-inverted-hsl: var(--dt-color-purple-425-hsl);
651
+ --dt-color-border-brand-inverted-hsla: var(--dt-color-purple-425-hsla);
652
+ --dt-color-border-brand-inverted: var(--dt-color-purple-425);
653
+ --dt-color-border-warning-inverted-h: var(--dt-color-gold-300-h);
654
+ --dt-color-border-warning-inverted-s: var(--dt-color-gold-300-s);
655
+ --dt-color-border-warning-inverted-l: var(--dt-color-gold-300-l);
656
+ --dt-color-border-warning-inverted-a: var(--dt-color-gold-300-a);
657
+ --dt-color-border-warning-inverted-hsl: var(--dt-color-gold-300-hsl);
658
+ --dt-color-border-warning-inverted-hsla: var(--dt-color-gold-300-hsla);
659
+ --dt-color-border-warning-inverted: var(--dt-color-gold-300);
660
+ --dt-color-border-success-inverted-h: var(--dt-color-green-200-h);
661
+ --dt-color-border-success-inverted-s: var(--dt-color-green-200-s);
662
+ --dt-color-border-success-inverted-l: var(--dt-color-green-200-l);
663
+ --dt-color-border-success-inverted-a: var(--dt-color-green-200-a);
664
+ --dt-color-border-success-inverted-hsl: var(--dt-color-green-200-hsl);
665
+ --dt-color-border-success-inverted-hsla: var(--dt-color-green-200-hsla);
666
+ --dt-color-border-success-inverted: var(--dt-color-green-200);
667
+ --dt-color-border-critical-inverted-h: var(--dt-color-red-400-h);
668
+ --dt-color-border-critical-inverted-s: var(--dt-color-red-400-s);
669
+ --dt-color-border-critical-inverted-l: var(--dt-color-red-400-l);
670
+ --dt-color-border-critical-inverted-a: var(--dt-color-red-400-a);
671
+ --dt-color-border-critical-inverted-hsl: var(--dt-color-red-400-hsl);
672
+ --dt-color-border-critical-inverted-hsla: var(--dt-color-red-400-hsla);
673
+ --dt-color-border-critical-inverted: var(--dt-color-red-400);
674
+ --dt-color-border-brand-strong-h: var(--dt-color-purple-600-h);
675
+ --dt-color-border-brand-strong-s: var(--dt-color-purple-600-s);
676
+ --dt-color-border-brand-strong-l: var(--dt-color-purple-600-l);
677
+ --dt-color-border-brand-strong-a: var(--dt-color-purple-600-a);
678
+ --dt-color-border-brand-strong-hsl: var(--dt-color-purple-600-hsl);
679
+ --dt-color-border-brand-strong-hsla: var(--dt-color-purple-600-hsla);
680
+ --dt-color-border-brand-strong: var(--dt-color-purple-600);
681
+ --dt-color-border-brand-subtle-h: var(--dt-color-purple-400-h);
682
+ --dt-color-border-brand-subtle-s: var(--dt-color-purple-400-s);
683
+ --dt-color-border-brand-subtle-l: var(--dt-color-purple-400-l);
684
+ --dt-color-border-brand-subtle-a: var(--dt-color-purple-400-a);
685
+ --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-400-hsl);
686
+ --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-400-hsla);
687
+ --dt-color-border-brand-subtle: var(--dt-color-purple-400);
688
+ --dt-color-border-warning-strong-h: var(--dt-color-gold-600-h);
689
+ --dt-color-border-warning-strong-s: var(--dt-color-gold-600-s);
690
+ --dt-color-border-warning-strong-l: var(--dt-color-gold-600-l);
691
+ --dt-color-border-warning-strong-a: var(--dt-color-gold-600-a);
692
+ --dt-color-border-warning-strong-hsl: var(--dt-color-gold-600-hsl);
693
+ --dt-color-border-warning-strong-hsla: var(--dt-color-gold-600-hsla);
694
+ --dt-color-border-warning-strong: var(--dt-color-gold-600);
695
+ --dt-color-border-warning-subtle-h: var(--dt-color-gold-250-h);
696
+ --dt-color-border-warning-subtle-s: var(--dt-color-gold-250-s);
697
+ --dt-color-border-warning-subtle-l: var(--dt-color-gold-250-l);
698
+ --dt-color-border-warning-subtle-a: var(--dt-color-gold-250-a);
699
+ --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-250-hsl);
700
+ --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-250-hsla);
701
+ --dt-color-border-warning-subtle: var(--dt-color-gold-250);
702
+ --dt-color-border-success-strong-h: var(--dt-color-green-375-h);
703
+ --dt-color-border-success-strong-s: var(--dt-color-green-375-s);
704
+ --dt-color-border-success-strong-l: var(--dt-color-green-375-l);
705
+ --dt-color-border-success-strong-a: var(--dt-color-green-375-a);
706
+ --dt-color-border-success-strong-hsl: var(--dt-color-green-375-hsl);
707
+ --dt-color-border-success-strong-hsla: var(--dt-color-green-375-hsla);
708
+ --dt-color-border-success-strong: var(--dt-color-green-375);
709
+ --dt-color-border-success-subtle-h: var(--dt-color-green-200-h);
710
+ --dt-color-border-success-subtle-s: var(--dt-color-green-200-s);
711
+ --dt-color-border-success-subtle-l: var(--dt-color-green-200-l);
712
+ --dt-color-border-success-subtle-a: var(--dt-color-green-200-a);
713
+ --dt-color-border-success-subtle-hsl: var(--dt-color-green-200-hsl);
714
+ --dt-color-border-success-subtle-hsla: var(--dt-color-green-200-hsla);
715
+ --dt-color-border-success-subtle: var(--dt-color-green-200);
716
+ --dt-color-border-critical-strong-h: var(--dt-color-red-500-h);
717
+ --dt-color-border-critical-strong-s: var(--dt-color-red-500-s);
718
+ --dt-color-border-critical-strong-l: var(--dt-color-red-500-l);
719
+ --dt-color-border-critical-strong-a: var(--dt-color-red-500-a);
720
+ --dt-color-border-critical-strong-hsl: var(--dt-color-red-500-hsl);
721
+ --dt-color-border-critical-strong-hsla: var(--dt-color-red-500-hsla);
722
+ --dt-color-border-critical-strong: var(--dt-color-red-500);
723
+ --dt-color-border-critical-subtle-h: var(--dt-color-red-300-h);
724
+ --dt-color-border-critical-subtle-s: var(--dt-color-red-300-s);
725
+ --dt-color-border-critical-subtle-l: var(--dt-color-red-300-l);
726
+ --dt-color-border-critical-subtle-a: var(--dt-color-red-300-a);
727
+ --dt-color-border-critical-subtle-hsl: var(--dt-color-red-300-hsl);
728
+ --dt-color-border-critical-subtle-hsla: var(--dt-color-red-300-hsla);
729
+ --dt-color-border-critical-subtle: var(--dt-color-red-300);
842
730
  --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
843
731
  --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
844
732
  --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
@@ -846,34 +734,41 @@
846
734
  --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
847
735
  --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
848
736
  --dt-color-border-accent: var(--dt-color-brand-magenta);
849
- --dt-color-border-warning-h: var(--dt-color-gold-425-h);
850
- --dt-color-border-warning-s: var(--dt-color-gold-425-s);
851
- --dt-color-border-warning-l: var(--dt-color-gold-425-l);
852
- --dt-color-border-warning-a: var(--dt-color-gold-425-a);
853
- --dt-color-border-warning-hsl: var(--dt-color-gold-425-hsl);
854
- --dt-color-border-warning-hsla: var(--dt-color-gold-425-hsla);
855
- --dt-color-border-warning: var(--dt-color-gold-425);
856
- --dt-color-border-success-h: var(--dt-color-green-450-h);
857
- --dt-color-border-success-s: var(--dt-color-green-450-s);
858
- --dt-color-border-success-l: var(--dt-color-green-450-l);
859
- --dt-color-border-success-a: var(--dt-color-green-450-a);
860
- --dt-color-border-success-hsl: var(--dt-color-green-450-hsl);
861
- --dt-color-border-success-hsla: var(--dt-color-green-450-hsla);
862
- --dt-color-border-success: var(--dt-color-green-450);
863
- --dt-color-border-critical-h: var(--dt-color-red-350-h);
864
- --dt-color-border-critical-s: var(--dt-color-red-350-s);
865
- --dt-color-border-critical-l: var(--dt-color-red-350-l);
866
- --dt-color-border-critical-a: var(--dt-color-red-350-a);
867
- --dt-color-border-critical-hsl: var(--dt-color-red-350-hsl);
868
- --dt-color-border-critical-hsla: var(--dt-color-red-350-hsla);
869
- --dt-color-border-critical: var(--dt-color-red-350);
870
- --dt-color-border-focus-h: var(--dt-color-blue-250-h);
871
- --dt-color-border-focus-s: var(--dt-color-blue-250-s);
872
- --dt-color-border-focus-l: var(--dt-color-blue-250-l);
873
- --dt-color-border-focus-a: var(--dt-color-blue-250-a);
874
- --dt-color-border-focus-hsl: var(--dt-color-blue-250-hsl);
875
- --dt-color-border-focus-hsla: var(--dt-color-blue-250-hsla);
876
- --dt-color-border-focus: var(--dt-color-blue-250);
737
+ --dt-color-border-brand-h: var(--dt-color-purple-475-h);
738
+ --dt-color-border-brand-s: var(--dt-color-purple-475-s);
739
+ --dt-color-border-brand-l: var(--dt-color-purple-475-l);
740
+ --dt-color-border-brand-a: var(--dt-color-purple-475-a);
741
+ --dt-color-border-brand-hsl: var(--dt-color-purple-475-hsl);
742
+ --dt-color-border-brand-hsla: var(--dt-color-purple-475-hsla);
743
+ --dt-color-border-brand: var(--dt-color-purple-475);
744
+ --dt-color-border-warning-h: var(--dt-color-gold-400-h);
745
+ --dt-color-border-warning-s: var(--dt-color-gold-400-s);
746
+ --dt-color-border-warning-l: var(--dt-color-gold-400-l);
747
+ --dt-color-border-warning-a: var(--dt-color-gold-400-a);
748
+ --dt-color-border-warning-hsl: var(--dt-color-gold-400-hsl);
749
+ --dt-color-border-warning-hsla: var(--dt-color-gold-400-hsla);
750
+ --dt-color-border-warning: var(--dt-color-gold-400);
751
+ --dt-color-border-success-h: var(--dt-color-green-300-h);
752
+ --dt-color-border-success-s: var(--dt-color-green-300-s);
753
+ --dt-color-border-success-l: var(--dt-color-green-300-l);
754
+ --dt-color-border-success-a: var(--dt-color-green-300-a);
755
+ --dt-color-border-success-hsl: var(--dt-color-green-300-hsl);
756
+ --dt-color-border-success-hsla: var(--dt-color-green-300-hsla);
757
+ --dt-color-border-success: var(--dt-color-green-300);
758
+ --dt-color-border-critical-h: var(--dt-color-red-450-h);
759
+ --dt-color-border-critical-s: var(--dt-color-red-450-s);
760
+ --dt-color-border-critical-l: var(--dt-color-red-450-l);
761
+ --dt-color-border-critical-a: var(--dt-color-red-450-a);
762
+ --dt-color-border-critical-hsl: var(--dt-color-red-450-hsl);
763
+ --dt-color-border-critical-hsla: var(--dt-color-red-450-hsla);
764
+ --dt-color-border-critical: var(--dt-color-red-450);
765
+ --dt-color-border-focus-h: var(--dt-color-blue-325-h);
766
+ --dt-color-border-focus-s: var(--dt-color-blue-325-s);
767
+ --dt-color-border-focus-l: var(--dt-color-blue-325-l);
768
+ --dt-color-border-focus-a: var(--dt-color-blue-325-a);
769
+ --dt-color-border-focus-hsl: var(--dt-color-blue-325-hsl);
770
+ --dt-color-border-focus-hsla: var(--dt-color-blue-325-hsla);
771
+ --dt-color-border-focus: var(--dt-color-blue-325);
877
772
  --dt-color-border-bold-inverted-h: 0;
878
773
  --dt-color-border-bold-inverted-s: 0%;
879
774
  --dt-color-border-bold-inverted-l: 0%;
@@ -930,20 +825,55 @@
930
825
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
931
826
  --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 14%));
932
827
  --dt-color-border-subtle: hsl(0 0% 100% / 0.14);
933
- --dt-color-surface-info-strong-h: var(--dt-color-blue-350-h);
934
- --dt-color-surface-info-strong-s: var(--dt-color-blue-350-s);
935
- --dt-color-surface-info-strong-l: var(--dt-color-blue-350-l);
936
- --dt-color-surface-info-strong-a: var(--dt-color-blue-350-a);
937
- --dt-color-surface-info-strong-hsl: var(--dt-color-blue-350-hsl);
938
- --dt-color-surface-info-strong-hsla: var(--dt-color-blue-350-hsla);
939
- --dt-color-surface-info-strong: var(--dt-color-blue-350); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
940
- --dt-color-surface-info-subtle-h: var(--dt-color-blue-50-h);
941
- --dt-color-surface-info-subtle-s: var(--dt-color-blue-50-s);
942
- --dt-color-surface-info-subtle-l: var(--dt-color-blue-50-l);
943
- --dt-color-surface-info-subtle-a: var(--dt-color-blue-50-a);
944
- --dt-color-surface-info-subtle-hsl: var(--dt-color-blue-50-hsl);
945
- --dt-color-surface-info-subtle-hsla: var(--dt-color-blue-50-hsla);
946
- --dt-color-surface-info-subtle: var(--dt-color-blue-50); /* A softer version of the default informational surface. */
828
+ --dt-color-surface-brand-subtle-opaque-h: 260;
829
+ --dt-color-surface-brand-subtle-opaque-s: 90.9%;
830
+ --dt-color-surface-brand-subtle-opaque-l: 12.9%;
831
+ --dt-color-surface-brand-subtle-opaque-a: 50%;
832
+ --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);
833
+ --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, 50%));
834
+ --dt-color-surface-brand-subtle-opaque: hsl(260 90.9% 12.9% / 0.5);
835
+ --dt-color-surface-brand-opaque-h: 260;
836
+ --dt-color-surface-brand-opaque-s: 86.9%;
837
+ --dt-color-surface-brand-opaque-l: 21%;
838
+ --dt-color-surface-brand-opaque-a: 50%;
839
+ --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);
840
+ --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, 50%));
841
+ --dt-color-surface-brand-opaque: hsl(260 86.9% 21% / 0.5);
842
+ --dt-color-surface-brand-strong-h: var(--dt-color-purple-475-h);
843
+ --dt-color-surface-brand-strong-s: var(--dt-color-purple-475-s);
844
+ --dt-color-surface-brand-strong-l: var(--dt-color-purple-475-l);
845
+ --dt-color-surface-brand-strong-a: var(--dt-color-purple-475-a);
846
+ --dt-color-surface-brand-strong-hsl: var(--dt-color-purple-475-hsl);
847
+ --dt-color-surface-brand-strong-hsla: var(--dt-color-purple-475-hsla);
848
+ --dt-color-surface-brand-strong: var(--dt-color-purple-475);
849
+ --dt-color-surface-brand-subtle-h: 260;
850
+ --dt-color-surface-brand-subtle-s: 90.9%;
851
+ --dt-color-surface-brand-subtle-l: 7.76%;
852
+ --dt-color-surface-brand-subtle-a: 100%;
853
+ --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);
854
+ --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%));
855
+ --dt-color-surface-brand-subtle: hsl(260 90.9% 7.76%);
856
+ --dt-color-surface-brand-h: var(--dt-color-purple-100-h);
857
+ --dt-color-surface-brand-s: var(--dt-color-purple-100-s);
858
+ --dt-color-surface-brand-l: var(--dt-color-purple-100-l);
859
+ --dt-color-surface-brand-a: var(--dt-color-purple-100-a);
860
+ --dt-color-surface-brand-hsl: var(--dt-color-purple-100-hsl);
861
+ --dt-color-surface-brand-hsla: var(--dt-color-purple-100-hsla);
862
+ --dt-color-surface-brand: var(--dt-color-purple-100); /* Background surface color containing messaging or elements communicated as generally informational. */
863
+ --dt-color-surface-info-strong-h: var(--dt-color-blue-375-h);
864
+ --dt-color-surface-info-strong-s: var(--dt-color-blue-375-s);
865
+ --dt-color-surface-info-strong-l: var(--dt-color-blue-375-l);
866
+ --dt-color-surface-info-strong-a: var(--dt-color-blue-375-a);
867
+ --dt-color-surface-info-strong-hsl: var(--dt-color-blue-375-hsl);
868
+ --dt-color-surface-info-strong-hsla: var(--dt-color-blue-375-hsla);
869
+ --dt-color-surface-info-strong: var(--dt-color-blue-375);
870
+ --dt-color-surface-info-subtle-h: 210;
871
+ --dt-color-surface-info-subtle-s: 100%;
872
+ --dt-color-surface-info-subtle-l: 7.180000000000001%;
873
+ --dt-color-surface-info-subtle-a: 100%;
874
+ --dt-color-surface-info-subtle-hsl: var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l);
875
+ --dt-color-surface-info-subtle-hsla: hsl(var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l) / var(--alpha, 100%));
876
+ --dt-color-surface-info-subtle: hsl(210 100% 7.18%);
947
877
  --dt-color-surface-info-h: var(--dt-color-blue-100-h);
948
878
  --dt-color-surface-info-s: var(--dt-color-blue-100-s);
949
879
  --dt-color-surface-info-l: var(--dt-color-blue-100-l);
@@ -951,20 +881,20 @@
951
881
  --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
952
882
  --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
953
883
  --dt-color-surface-info: var(--dt-color-blue-100); /* Background surface color containing messaging or elements communicated as generally informational. */
954
- --dt-color-surface-success-strong-h: var(--dt-color-green-450-h);
955
- --dt-color-surface-success-strong-s: var(--dt-color-green-450-s);
956
- --dt-color-surface-success-strong-l: var(--dt-color-green-450-l);
957
- --dt-color-surface-success-strong-a: var(--dt-color-green-450-a);
958
- --dt-color-surface-success-strong-hsl: var(--dt-color-green-450-hsl);
959
- --dt-color-surface-success-strong-hsla: var(--dt-color-green-450-hsla);
960
- --dt-color-surface-success-strong: var(--dt-color-green-450);
961
- --dt-color-surface-success-subtle-h: var(--dt-color-green-50-h);
962
- --dt-color-surface-success-subtle-s: var(--dt-color-green-50-s);
963
- --dt-color-surface-success-subtle-l: var(--dt-color-green-50-l);
964
- --dt-color-surface-success-subtle-a: var(--dt-color-green-50-a);
965
- --dt-color-surface-success-subtle-hsl: var(--dt-color-green-50-hsl);
966
- --dt-color-surface-success-subtle-hsla: var(--dt-color-green-50-hsla);
967
- --dt-color-surface-success-subtle: var(--dt-color-green-50); /* A softer version of the default success surface. */
884
+ --dt-color-surface-success-strong-h: var(--dt-color-green-400-h);
885
+ --dt-color-surface-success-strong-s: var(--dt-color-green-400-s);
886
+ --dt-color-surface-success-strong-l: var(--dt-color-green-400-l);
887
+ --dt-color-surface-success-strong-a: var(--dt-color-green-400-a);
888
+ --dt-color-surface-success-strong-hsl: var(--dt-color-green-400-hsl);
889
+ --dt-color-surface-success-strong-hsla: var(--dt-color-green-400-hsla);
890
+ --dt-color-surface-success-strong: var(--dt-color-green-400);
891
+ --dt-color-surface-success-subtle-h: 153;
892
+ --dt-color-surface-success-subtle-s: 88.2%;
893
+ --dt-color-surface-success-subtle-l: 6%;
894
+ --dt-color-surface-success-subtle-a: 100%;
895
+ --dt-color-surface-success-subtle-hsl: var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l);
896
+ --dt-color-surface-success-subtle-hsla: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
897
+ --dt-color-surface-success-subtle: hsl(153 88.2% 6%);
968
898
  --dt-color-surface-success-h: var(--dt-color-green-100-h);
969
899
  --dt-color-surface-success-s: var(--dt-color-green-100-s);
970
900
  --dt-color-surface-success-l: var(--dt-color-green-100-l);
@@ -972,20 +902,20 @@
972
902
  --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
973
903
  --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
974
904
  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
975
- --dt-color-surface-warning-strong-h: var(--dt-color-gold-275-h);
976
- --dt-color-surface-warning-strong-s: var(--dt-color-gold-275-s);
977
- --dt-color-surface-warning-strong-l: var(--dt-color-gold-275-l);
978
- --dt-color-surface-warning-strong-a: var(--dt-color-gold-275-a);
979
- --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-275-hsl);
980
- --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-275-hsla);
981
- --dt-color-surface-warning-strong: var(--dt-color-gold-275);
982
- --dt-color-surface-warning-subtle-h: var(--dt-color-gold-50-h);
983
- --dt-color-surface-warning-subtle-s: var(--dt-color-gold-50-s);
984
- --dt-color-surface-warning-subtle-l: var(--dt-color-gold-50-l);
985
- --dt-color-surface-warning-subtle-a: var(--dt-color-gold-50-a);
986
- --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-50-hsl);
987
- --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-50-hsla);
988
- --dt-color-surface-warning-subtle: var(--dt-color-gold-50); /* A softer version of the default warning surface. */
905
+ --dt-color-surface-warning-strong-h: var(--dt-color-gold-500-h);
906
+ --dt-color-surface-warning-strong-s: var(--dt-color-gold-500-s);
907
+ --dt-color-surface-warning-strong-l: var(--dt-color-gold-500-l);
908
+ --dt-color-surface-warning-strong-a: var(--dt-color-gold-500-a);
909
+ --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-500-hsl);
910
+ --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-500-hsla);
911
+ --dt-color-surface-warning-strong: var(--dt-color-gold-500);
912
+ --dt-color-surface-warning-subtle-h: 35.8;
913
+ --dt-color-surface-warning-subtle-s: 92.9%;
914
+ --dt-color-surface-warning-subtle-l: 6.59%;
915
+ --dt-color-surface-warning-subtle-a: 100%;
916
+ --dt-color-surface-warning-subtle-hsl: var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l);
917
+ --dt-color-surface-warning-subtle-hsla: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
918
+ --dt-color-surface-warning-subtle: hsl(35.8 92.9% 6.59%);
989
919
  --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
990
920
  --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
991
921
  --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
@@ -993,20 +923,20 @@
993
923
  --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
994
924
  --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
995
925
  --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
996
- --dt-color-surface-critical-strong-h: var(--dt-color-red-350-h);
997
- --dt-color-surface-critical-strong-s: var(--dt-color-red-350-s);
998
- --dt-color-surface-critical-strong-l: var(--dt-color-red-350-l);
999
- --dt-color-surface-critical-strong-a: var(--dt-color-red-350-a);
1000
- --dt-color-surface-critical-strong-hsl: var(--dt-color-red-350-hsl);
1001
- --dt-color-surface-critical-strong-hsla: var(--dt-color-red-350-hsla);
1002
- --dt-color-surface-critical-strong: var(--dt-color-red-350);
1003
- --dt-color-surface-critical-subtle-h: var(--dt-color-red-50-h);
1004
- --dt-color-surface-critical-subtle-s: var(--dt-color-red-50-s);
1005
- --dt-color-surface-critical-subtle-l: var(--dt-color-red-50-l);
1006
- --dt-color-surface-critical-subtle-a: var(--dt-color-red-50-a);
1007
- --dt-color-surface-critical-subtle-hsl: var(--dt-color-red-50-hsl);
1008
- --dt-color-surface-critical-subtle-hsla: var(--dt-color-red-50-hsla);
1009
- --dt-color-surface-critical-subtle: var(--dt-color-red-50); /* A softer version of the Critical surface. */
926
+ --dt-color-surface-critical-strong-h: var(--dt-color-red-500-h);
927
+ --dt-color-surface-critical-strong-s: var(--dt-color-red-500-s);
928
+ --dt-color-surface-critical-strong-l: var(--dt-color-red-500-l);
929
+ --dt-color-surface-critical-strong-a: var(--dt-color-red-500-a);
930
+ --dt-color-surface-critical-strong-hsl: var(--dt-color-red-500-hsl);
931
+ --dt-color-surface-critical-strong-hsla: var(--dt-color-red-500-hsla);
932
+ --dt-color-surface-critical-strong: var(--dt-color-red-500);
933
+ --dt-color-surface-critical-subtle-h: 342;
934
+ --dt-color-surface-critical-subtle-s: 95.7%;
935
+ --dt-color-surface-critical-subtle-l: 5.41%;
936
+ --dt-color-surface-critical-subtle-a: 100%;
937
+ --dt-color-surface-critical-subtle-hsl: var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l);
938
+ --dt-color-surface-critical-subtle-hsla: hsl(var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l) / var(--alpha, 100%));
939
+ --dt-color-surface-critical-subtle: hsl(342 95.7% 5.41%);
1010
940
  --dt-color-surface-critical-h: var(--dt-color-red-100-h);
1011
941
  --dt-color-surface-critical-s: var(--dt-color-red-100-s);
1012
942
  --dt-color-surface-critical-l: var(--dt-color-red-100-l);
@@ -1014,146 +944,146 @@
1014
944
  --dt-color-surface-critical-hsl: var(--dt-color-red-100-hsl);
1015
945
  --dt-color-surface-critical-hsla: var(--dt-color-red-100-hsla);
1016
946
  --dt-color-surface-critical: var(--dt-color-red-100); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
1017
- --dt-color-surface-contrast-h: var(--dt-color-black-900-h);
1018
- --dt-color-surface-contrast-s: var(--dt-color-black-900-s);
1019
- --dt-color-surface-contrast-l: var(--dt-color-black-900-l);
1020
- --dt-color-surface-contrast-a: var(--dt-color-black-900-a);
1021
- --dt-color-surface-contrast-hsl: var(--dt-color-black-900-hsl);
1022
- --dt-color-surface-contrast-hsla: var(--dt-color-black-900-hsla);
1023
- --dt-color-surface-contrast: var(--dt-color-black-900);
1024
- --dt-color-surface-strong-h: var(--dt-color-black-700-h);
1025
- --dt-color-surface-strong-s: var(--dt-color-black-700-s);
1026
- --dt-color-surface-strong-l: var(--dt-color-black-700-l);
1027
- --dt-color-surface-strong-a: var(--dt-color-black-700-a);
1028
- --dt-color-surface-strong-hsl: var(--dt-color-black-700-hsl);
1029
- --dt-color-surface-strong-hsla: var(--dt-color-black-700-hsla);
1030
- --dt-color-surface-strong: var(--dt-color-black-700);
1031
- --dt-color-surface-bold-h: var(--dt-color-black-500-h);
1032
- --dt-color-surface-bold-s: var(--dt-color-black-500-s);
1033
- --dt-color-surface-bold-l: var(--dt-color-black-500-l);
1034
- --dt-color-surface-bold-a: var(--dt-color-black-500-a);
1035
- --dt-color-surface-bold-hsl: var(--dt-color-black-500-hsl);
1036
- --dt-color-surface-bold-hsla: var(--dt-color-black-500-hsla);
1037
- --dt-color-surface-bold: var(--dt-color-black-500);
1038
- --dt-color-surface-moderate-h: var(--dt-color-black-400-h);
1039
- --dt-color-surface-moderate-s: var(--dt-color-black-400-s);
1040
- --dt-color-surface-moderate-l: var(--dt-color-black-400-l);
1041
- --dt-color-surface-moderate-a: var(--dt-color-black-400-a);
1042
- --dt-color-surface-moderate-hsl: var(--dt-color-black-400-hsl);
1043
- --dt-color-surface-moderate-hsla: var(--dt-color-black-400-hsla);
1044
- --dt-color-surface-moderate: var(--dt-color-black-400);
1045
- --dt-color-surface-secondary-h: 0;
1046
- --dt-color-surface-secondary-s: 0%;
1047
- --dt-color-surface-secondary-l: 13.4%;
1048
- --dt-color-surface-secondary-a: 100%;
1049
- --dt-color-surface-secondary-hsl: var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l);
1050
- --dt-color-surface-secondary-hsla: hsl(var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l) / var(--alpha, 100%));
1051
- --dt-color-surface-secondary: hsl(0 0% 13.4%);
1052
- --dt-color-surface-primary-h: var(--dt-color-black-200-h);
1053
- --dt-color-surface-primary-s: var(--dt-color-black-200-s);
1054
- --dt-color-surface-primary-l: var(--dt-color-black-200-l);
1055
- --dt-color-surface-primary-a: var(--dt-color-black-200-a);
1056
- --dt-color-surface-primary-hsl: var(--dt-color-black-200-hsl);
1057
- --dt-color-surface-primary-hsla: var(--dt-color-black-200-hsla);
1058
- --dt-color-surface-primary: var(--dt-color-black-200);
1059
- --dt-color-surface-info-subtle-opaque-h: 212;
947
+ --dt-color-surface-contrast-h: var(--dt-color-black-1000-h);
948
+ --dt-color-surface-contrast-s: var(--dt-color-black-1000-s);
949
+ --dt-color-surface-contrast-l: var(--dt-color-black-1000-l);
950
+ --dt-color-surface-contrast-a: var(--dt-color-black-1000-a);
951
+ --dt-color-surface-contrast-hsl: var(--dt-color-black-1000-hsl);
952
+ --dt-color-surface-contrast-hsla: var(--dt-color-black-1000-hsla);
953
+ --dt-color-surface-contrast: var(--dt-color-black-1000);
954
+ --dt-color-surface-strong-h: var(--dt-color-black-600-h);
955
+ --dt-color-surface-strong-s: var(--dt-color-black-600-s);
956
+ --dt-color-surface-strong-l: var(--dt-color-black-600-l);
957
+ --dt-color-surface-strong-a: var(--dt-color-black-600-a);
958
+ --dt-color-surface-strong-hsl: var(--dt-color-black-600-hsl);
959
+ --dt-color-surface-strong-hsla: var(--dt-color-black-600-hsla);
960
+ --dt-color-surface-strong: var(--dt-color-black-600);
961
+ --dt-color-surface-bold-h: var(--dt-color-black-400-h);
962
+ --dt-color-surface-bold-s: var(--dt-color-black-400-s);
963
+ --dt-color-surface-bold-l: var(--dt-color-black-400-l);
964
+ --dt-color-surface-bold-a: var(--dt-color-black-400-a);
965
+ --dt-color-surface-bold-hsl: var(--dt-color-black-400-hsl);
966
+ --dt-color-surface-bold-hsla: var(--dt-color-black-400-hsla);
967
+ --dt-color-surface-bold: var(--dt-color-black-400);
968
+ --dt-color-surface-moderate-h: var(--dt-color-black-300-h);
969
+ --dt-color-surface-moderate-s: var(--dt-color-black-300-s);
970
+ --dt-color-surface-moderate-l: var(--dt-color-black-300-l);
971
+ --dt-color-surface-moderate-a: var(--dt-color-black-300-a);
972
+ --dt-color-surface-moderate-hsl: var(--dt-color-black-300-hsl);
973
+ --dt-color-surface-moderate-hsla: var(--dt-color-black-300-hsla);
974
+ --dt-color-surface-moderate: var(--dt-color-black-300);
975
+ --dt-color-surface-secondary-h: var(--dt-color-black-200-h);
976
+ --dt-color-surface-secondary-s: var(--dt-color-black-200-s);
977
+ --dt-color-surface-secondary-l: var(--dt-color-black-200-l);
978
+ --dt-color-surface-secondary-a: var(--dt-color-black-200-a);
979
+ --dt-color-surface-secondary-hsl: var(--dt-color-black-200-hsl);
980
+ --dt-color-surface-secondary-hsla: var(--dt-color-black-200-hsla);
981
+ --dt-color-surface-secondary: var(--dt-color-black-200);
982
+ --dt-color-surface-primary-h: var(--dt-color-black-100-h);
983
+ --dt-color-surface-primary-s: var(--dt-color-black-100-s);
984
+ --dt-color-surface-primary-l: var(--dt-color-black-100-l);
985
+ --dt-color-surface-primary-a: var(--dt-color-black-100-a);
986
+ --dt-color-surface-primary-hsl: var(--dt-color-black-100-hsl);
987
+ --dt-color-surface-primary-hsla: var(--dt-color-black-100-hsla);
988
+ --dt-color-surface-primary: var(--dt-color-black-100);
989
+ --dt-color-surface-info-subtle-opaque-h: 210;
1060
990
  --dt-color-surface-info-subtle-opaque-s: 100%;
1061
- --dt-color-surface-info-subtle-opaque-l: 33.3%;
1062
- --dt-color-surface-info-subtle-opaque-a: 25%;
991
+ --dt-color-surface-info-subtle-opaque-l: 12%;
992
+ --dt-color-surface-info-subtle-opaque-a: 24%;
1063
993
  --dt-color-surface-info-subtle-opaque-hsl: var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l);
1064
- --dt-color-surface-info-subtle-opaque-hsla: hsl(var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l) / var(--alpha, 25%));
1065
- --dt-color-surface-info-subtle-opaque: hsl(212 100% 33.3% / 0.25);
1066
- --dt-color-surface-info-opaque-h: 212;
994
+ --dt-color-surface-info-subtle-opaque-hsla: hsl(var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l) / var(--alpha, 24%));
995
+ --dt-color-surface-info-subtle-opaque: hsl(210 100% 12% / 0.24);
996
+ --dt-color-surface-info-opaque-h: 211;
1067
997
  --dt-color-surface-info-opaque-s: 100%;
1068
- --dt-color-surface-info-opaque-l: 28.800000000000004%;
998
+ --dt-color-surface-info-opaque-l: 19.8%;
1069
999
  --dt-color-surface-info-opaque-a: 62%;
1070
1000
  --dt-color-surface-info-opaque-hsl: var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l);
1071
1001
  --dt-color-surface-info-opaque-hsla: hsl(var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l) / var(--alpha, 62%));
1072
- --dt-color-surface-info-opaque: hsl(212 100% 28.8% / 0.62);
1073
- --dt-color-surface-success-subtle-opaque-h: 138;
1002
+ --dt-color-surface-info-opaque: hsl(211 100% 19.8% / 0.62);
1003
+ --dt-color-surface-success-subtle-opaque-h: 155;
1074
1004
  --dt-color-surface-success-subtle-opaque-s: 100%;
1075
- --dt-color-surface-success-subtle-opaque-l: 11.2%;
1076
- --dt-color-surface-success-subtle-opaque-a: 45%;
1005
+ --dt-color-surface-success-subtle-opaque-l: 15.5%;
1006
+ --dt-color-surface-success-subtle-opaque-a: 18%;
1077
1007
  --dt-color-surface-success-subtle-opaque-hsl: var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l);
1078
- --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 45%));
1079
- --dt-color-surface-success-subtle-opaque: hsl(138 100% 11.2% / 0.45);
1080
- --dt-color-surface-success-opaque-h: 141;
1008
+ --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 18%));
1009
+ --dt-color-surface-success-subtle-opaque: hsl(155 100% 15.5% / 0.18);
1010
+ --dt-color-surface-success-opaque-h: 155;
1081
1011
  --dt-color-surface-success-opaque-s: 100%;
1082
- --dt-color-surface-success-opaque-l: 16.3%;
1012
+ --dt-color-surface-success-opaque-l: 27.800000000000004%;
1083
1013
  --dt-color-surface-success-opaque-a: 51%;
1084
1014
  --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
1085
1015
  --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 51%));
1086
- --dt-color-surface-success-opaque: hsl(141 100% 16.3% / 0.51);
1087
- --dt-color-surface-warning-subtle-opaque-h: 38.2;
1088
- --dt-color-surface-warning-subtle-opaque-s: 100%;
1089
- --dt-color-surface-warning-subtle-opaque-l: 25.900000000000002%;
1090
- --dt-color-surface-warning-subtle-opaque-a: 20%;
1016
+ --dt-color-surface-success-opaque: hsl(155 100% 27.8% / 0.51);
1017
+ --dt-color-surface-warning-subtle-opaque-h: 35.8;
1018
+ --dt-color-surface-warning-subtle-opaque-s: 92.9%;
1019
+ --dt-color-surface-warning-subtle-opaque-l: 11%;
1020
+ --dt-color-surface-warning-subtle-opaque-a: 13%;
1091
1021
  --dt-color-surface-warning-subtle-opaque-hsl: var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l);
1092
- --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 20%));
1093
- --dt-color-surface-warning-subtle-opaque: hsl(38.2 100% 25.9% / 0.2);
1094
- --dt-color-surface-warning-opaque-h: 37.8;
1095
- --dt-color-surface-warning-opaque-s: 100%;
1096
- --dt-color-surface-warning-opaque-l: 19.6%;
1022
+ --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 13%));
1023
+ --dt-color-surface-warning-subtle-opaque: hsl(35.8 92.9% 11% / 0.13);
1024
+ --dt-color-surface-warning-opaque-h: 34.9;
1025
+ --dt-color-surface-warning-opaque-s: 90.8%;
1026
+ --dt-color-surface-warning-opaque-l: 17.1%;
1097
1027
  --dt-color-surface-warning-opaque-a: 52%;
1098
1028
  --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
1099
1029
  --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 52%));
1100
- --dt-color-surface-warning-opaque: hsl(37.8 100% 19.6% / 0.52);
1101
- --dt-color-surface-critical-subtle-opaque-h: 351;
1102
- --dt-color-surface-critical-subtle-opaque-s: 100%;
1103
- --dt-color-surface-critical-subtle-opaque-l: 16.5%;
1104
- --dt-color-surface-critical-subtle-opaque-a: 60%;
1030
+ --dt-color-surface-warning-opaque: hsl(34.9 90.8% 17.1% / 0.52);
1031
+ --dt-color-surface-critical-subtle-opaque-h: 342;
1032
+ --dt-color-surface-critical-subtle-opaque-s: 85.2%;
1033
+ --dt-color-surface-critical-subtle-opaque-l: 21.2%;
1034
+ --dt-color-surface-critical-subtle-opaque-a: 35%;
1105
1035
  --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);
1106
- --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, 60%));
1107
- --dt-color-surface-critical-subtle-opaque: hsl(351 100% 16.5% / 0.6);
1108
- --dt-color-surface-critical-opaque-h: 350;
1109
- --dt-color-surface-critical-opaque-s: 100%;
1110
- --dt-color-surface-critical-opaque-l: 20.4%;
1111
- --dt-color-surface-critical-opaque-a: 71%;
1036
+ --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, 35%));
1037
+ --dt-color-surface-critical-subtle-opaque: hsl(342 85.2% 21.2% / 0.35);
1038
+ --dt-color-surface-critical-opaque-h: 342;
1039
+ --dt-color-surface-critical-opaque-s: 85.2%;
1040
+ --dt-color-surface-critical-opaque-l: 21.2%;
1041
+ --dt-color-surface-critical-opaque-a: 58%;
1112
1042
  --dt-color-surface-critical-opaque-hsl: var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l);
1113
- --dt-color-surface-critical-opaque-hsla: hsl(var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l) / var(--alpha, 71%));
1114
- --dt-color-surface-critical-opaque: hsl(350 100% 20.4% / 0.71);
1043
+ --dt-color-surface-critical-opaque-hsla: hsl(var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l) / var(--alpha, 58%));
1044
+ --dt-color-surface-critical-opaque: hsl(342 85.2% 21.2% / 0.58);
1115
1045
  --dt-color-surface-backdrop-h: 0;
1116
1046
  --dt-color-surface-backdrop-s: 0%;
1117
1047
  --dt-color-surface-backdrop-l: 0%;
1118
- --dt-color-surface-backdrop-a: 70%;
1048
+ --dt-color-surface-backdrop-a: 65%;
1119
1049
  --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
1120
- --dt-color-surface-backdrop-hsla: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 70%));
1121
- --dt-color-surface-backdrop: hsl(0 0% 0% / 0.7); /* Background color for a modal-like backdrop. */
1050
+ --dt-color-surface-backdrop-hsla: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 65%));
1051
+ --dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); /* Background color for a modal-like backdrop. */
1122
1052
  --dt-color-surface-contrast-opaque-h: 0;
1123
1053
  --dt-color-surface-contrast-opaque-s: 0%;
1124
- --dt-color-surface-contrast-opaque-l: 98.4%;
1125
- --dt-color-surface-contrast-opaque-a: 98%;
1054
+ --dt-color-surface-contrast-opaque-l: 100%;
1055
+ --dt-color-surface-contrast-opaque-a: 97%;
1126
1056
  --dt-color-surface-contrast-opaque-hsl: var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l);
1127
- --dt-color-surface-contrast-opaque-hsla: hsl(var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l) / var(--alpha, 98%));
1128
- --dt-color-surface-contrast-opaque: hsl(0 0% 98.4% / 0.98);
1057
+ --dt-color-surface-contrast-opaque-hsla: hsl(var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l) / var(--alpha, 97%));
1058
+ --dt-color-surface-contrast-opaque: hsl(0 0% 100% / 0.97);
1129
1059
  --dt-color-surface-strong-opaque-h: 0;
1130
1060
  --dt-color-surface-strong-opaque-s: 0%;
1131
- --dt-color-surface-strong-opaque-l: 98.4%;
1132
- --dt-color-surface-strong-opaque-a: 65%;
1061
+ --dt-color-surface-strong-opaque-l: 90.2%;
1062
+ --dt-color-surface-strong-opaque-a: 74%;
1133
1063
  --dt-color-surface-strong-opaque-hsl: var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l);
1134
- --dt-color-surface-strong-opaque-hsla: hsl(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--alpha, 65%));
1135
- --dt-color-surface-strong-opaque: hsl(0 0% 98.4% / 0.65);
1064
+ --dt-color-surface-strong-opaque-hsla: hsl(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--alpha, 74%));
1065
+ --dt-color-surface-strong-opaque: hsl(0 0% 90.2% / 0.74);
1136
1066
  --dt-color-surface-bold-opaque-h: 0;
1137
1067
  --dt-color-surface-bold-opaque-s: 0%;
1138
- --dt-color-surface-bold-opaque-l: 98.4%;
1139
- --dt-color-surface-bold-opaque-a: 25%;
1068
+ --dt-color-surface-bold-opaque-l: 90.2%;
1069
+ --dt-color-surface-bold-opaque-a: 30%;
1140
1070
  --dt-color-surface-bold-opaque-hsl: var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l);
1141
- --dt-color-surface-bold-opaque-hsla: hsl(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--alpha, 25%));
1142
- --dt-color-surface-bold-opaque: hsl(0 0% 98.4% / 0.25);
1071
+ --dt-color-surface-bold-opaque-hsla: hsl(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--alpha, 30%));
1072
+ --dt-color-surface-bold-opaque: hsl(0 0% 90.2% / 0.3);
1143
1073
  --dt-color-surface-moderate-opaque-h: 0;
1144
1074
  --dt-color-surface-moderate-opaque-s: 0%;
1145
- --dt-color-surface-moderate-opaque-l: 98.4%;
1146
- --dt-color-surface-moderate-opaque-a: 15%;
1075
+ --dt-color-surface-moderate-opaque-l: 90.2%;
1076
+ --dt-color-surface-moderate-opaque-a: 18%;
1147
1077
  --dt-color-surface-moderate-opaque-hsl: var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l);
1148
- --dt-color-surface-moderate-opaque-hsla: hsl(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--alpha, 15%));
1149
- --dt-color-surface-moderate-opaque: hsl(0 0% 98.4% / 0.15);
1078
+ --dt-color-surface-moderate-opaque-hsla: hsl(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--alpha, 18%));
1079
+ --dt-color-surface-moderate-opaque: hsl(0 0% 90.2% / 0.18);
1150
1080
  --dt-color-surface-secondary-opaque-h: 0;
1151
1081
  --dt-color-surface-secondary-opaque-s: 0%;
1152
- --dt-color-surface-secondary-opaque-l: 98.4%;
1082
+ --dt-color-surface-secondary-opaque-l: 90.2%;
1153
1083
  --dt-color-surface-secondary-opaque-a: 3%;
1154
1084
  --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);
1155
1085
  --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, 3%));
1156
- --dt-color-surface-secondary-opaque: hsl(0 0% 98.4% / 0.03);
1086
+ --dt-color-surface-secondary-opaque: hsl(0 0% 90.2% / 0.03);
1157
1087
  --dt-color-link-muted-inverted-hover-h: var(--dt-color-black-100-h);
1158
1088
  --dt-color-link-muted-inverted-hover-s: var(--dt-color-black-100-s);
1159
1089
  --dt-color-link-muted-inverted-hover-l: var(--dt-color-black-100-l);
@@ -1168,125 +1098,111 @@
1168
1098
  --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-gold-150-hsl);
1169
1099
  --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-gold-150-hsla);
1170
1100
  --dt-color-link-warning-inverted-hover: var(--dt-color-gold-150);
1171
- --dt-color-link-primary-inverted-hover-h: var(--dt-color-purple-200-h);
1172
- --dt-color-link-primary-inverted-hover-s: var(--dt-color-purple-200-s);
1173
- --dt-color-link-primary-inverted-hover-l: var(--dt-color-purple-200-l);
1174
- --dt-color-link-primary-inverted-hover-a: var(--dt-color-purple-200-a);
1175
- --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-200-hsl);
1176
- --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-200-hsla);
1177
- --dt-color-link-primary-inverted-hover: var(--dt-color-purple-200);
1178
- --dt-color-link-warning-hover-h: var(--dt-color-gold-475-h);
1179
- --dt-color-link-warning-hover-s: var(--dt-color-gold-475-s);
1180
- --dt-color-link-warning-hover-l: var(--dt-color-gold-475-l);
1181
- --dt-color-link-warning-hover-a: var(--dt-color-gold-475-a);
1182
- --dt-color-link-warning-hover-hsl: var(--dt-color-gold-475-hsl);
1183
- --dt-color-link-warning-hover-hsla: var(--dt-color-gold-475-hsla);
1184
- --dt-color-link-warning-hover: var(--dt-color-gold-475);
1185
- --dt-color-link-success-hover-h: var(--dt-color-green-450-h);
1186
- --dt-color-link-success-hover-s: var(--dt-color-green-450-s);
1187
- --dt-color-link-success-hover-l: var(--dt-color-green-450-l);
1188
- --dt-color-link-success-hover-a: var(--dt-color-green-450-a);
1189
- --dt-color-link-success-hover-hsl: var(--dt-color-green-450-hsl);
1190
- --dt-color-link-success-hover-hsla: var(--dt-color-green-450-hsla);
1191
- --dt-color-link-success-hover: var(--dt-color-green-450);
1192
- --dt-color-link-critical-hover-h: var(--dt-color-red-400-h);
1193
- --dt-color-link-critical-hover-s: var(--dt-color-red-400-s);
1194
- --dt-color-link-critical-hover-l: var(--dt-color-red-400-l);
1195
- --dt-color-link-critical-hover-a: var(--dt-color-red-400-a);
1196
- --dt-color-link-critical-hover-hsl: var(--dt-color-red-400-hsl);
1197
- --dt-color-link-critical-hover-hsla: var(--dt-color-red-400-hsla);
1198
- --dt-color-link-critical-hover: var(--dt-color-red-400);
1199
- --dt-color-link-primary-hover-h: var(--dt-color-purple-500-h);
1200
- --dt-color-link-primary-hover-s: var(--dt-color-purple-500-s);
1201
- --dt-color-link-primary-hover-l: var(--dt-color-purple-500-l);
1202
- --dt-color-link-primary-hover-a: var(--dt-color-purple-500-a);
1203
- --dt-color-link-primary-hover-hsl: var(--dt-color-purple-500-hsl);
1204
- --dt-color-link-primary-hover-hsla: var(--dt-color-purple-500-hsla);
1205
- --dt-color-link-primary-hover: var(--dt-color-purple-500);
1206
- --dt-color-link-primary-inverted-h: var(--dt-color-purple-250-h);
1207
- --dt-color-link-primary-inverted-s: var(--dt-color-purple-250-s);
1208
- --dt-color-link-primary-inverted-l: var(--dt-color-purple-250-l);
1209
- --dt-color-link-primary-inverted-a: var(--dt-color-purple-250-a);
1210
- --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-250-hsl);
1211
- --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-250-hsla);
1212
- --dt-color-link-primary-inverted: var(--dt-color-purple-250);
1213
- --dt-color-link-primary-h: var(--dt-color-purple-425-h);
1214
- --dt-color-link-primary-s: var(--dt-color-purple-425-s);
1215
- --dt-color-link-primary-l: var(--dt-color-purple-425-l);
1216
- --dt-color-link-primary-a: var(--dt-color-purple-425-a);
1217
- --dt-color-link-primary-hsl: var(--dt-color-purple-425-hsl);
1218
- --dt-color-link-primary-hsla: var(--dt-color-purple-425-hsla);
1219
- --dt-color-link-primary: var(--dt-color-purple-425);
1101
+ --dt-color-link-primary-inverted-hover-h: var(--dt-color-purple-350-h);
1102
+ --dt-color-link-primary-inverted-hover-s: var(--dt-color-purple-350-s);
1103
+ --dt-color-link-primary-inverted-hover-l: var(--dt-color-purple-350-l);
1104
+ --dt-color-link-primary-inverted-hover-a: var(--dt-color-purple-350-a);
1105
+ --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-350-hsl);
1106
+ --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-350-hsla);
1107
+ --dt-color-link-primary-inverted-hover: var(--dt-color-purple-350);
1108
+ --dt-color-link-warning-hover-h: var(--dt-color-gold-500-h);
1109
+ --dt-color-link-warning-hover-s: var(--dt-color-gold-500-s);
1110
+ --dt-color-link-warning-hover-l: var(--dt-color-gold-500-l);
1111
+ --dt-color-link-warning-hover-a: var(--dt-color-gold-500-a);
1112
+ --dt-color-link-warning-hover-hsl: var(--dt-color-gold-500-hsl);
1113
+ --dt-color-link-warning-hover-hsla: var(--dt-color-gold-500-hsla);
1114
+ --dt-color-link-warning-hover: var(--dt-color-gold-500);
1115
+ --dt-color-link-primary-hover-h: var(--dt-color-purple-600-h);
1116
+ --dt-color-link-primary-hover-s: var(--dt-color-purple-600-s);
1117
+ --dt-color-link-primary-hover-l: var(--dt-color-purple-600-l);
1118
+ --dt-color-link-primary-hover-a: var(--dt-color-purple-600-a);
1119
+ --dt-color-link-primary-hover-hsl: var(--dt-color-purple-600-hsl);
1120
+ --dt-color-link-primary-hover-hsla: var(--dt-color-purple-600-hsla);
1121
+ --dt-color-link-primary-hover: var(--dt-color-purple-600);
1122
+ --dt-color-link-primary-inverted-h: var(--dt-color-purple-425-h);
1123
+ --dt-color-link-primary-inverted-s: var(--dt-color-purple-425-s);
1124
+ --dt-color-link-primary-inverted-l: var(--dt-color-purple-425-l);
1125
+ --dt-color-link-primary-inverted-a: var(--dt-color-purple-425-a);
1126
+ --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-425-hsl);
1127
+ --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-425-hsla);
1128
+ --dt-color-link-primary-inverted: var(--dt-color-purple-425);
1129
+ --dt-color-link-primary-h: var(--dt-color-purple-500-h);
1130
+ --dt-color-link-primary-s: var(--dt-color-purple-500-s);
1131
+ --dt-color-link-primary-l: var(--dt-color-purple-500-l);
1132
+ --dt-color-link-primary-a: var(--dt-color-purple-500-a);
1133
+ --dt-color-link-primary-hsl: var(--dt-color-purple-500-hsl);
1134
+ --dt-color-link-primary-hsla: var(--dt-color-purple-500-hsla);
1135
+ --dt-color-link-primary: var(--dt-color-purple-500);
1220
1136
  --dt-color-foreground-warning-inverted-h: var(--dt-color-gold-200-h);
1221
1137
  --dt-color-foreground-warning-inverted-s: var(--dt-color-gold-200-s);
1222
1138
  --dt-color-foreground-warning-inverted-l: var(--dt-color-gold-200-l);
1223
1139
  --dt-color-foreground-warning-inverted-a: var(--dt-color-gold-200-a);
1224
1140
  --dt-color-foreground-warning-inverted-hsl: var(--dt-color-gold-200-hsl);
1225
1141
  --dt-color-foreground-warning-inverted-hsla: var(--dt-color-gold-200-hsla);
1226
- --dt-color-foreground-warning-inverted: var(--dt-color-gold-200); /* Warning text that sits on high-contrast surfaces or backgrounds */
1227
- --dt-color-foreground-success-strong-inverted-h: var(--dt-color-green-200-h);
1228
- --dt-color-foreground-success-strong-inverted-s: var(--dt-color-green-200-s);
1229
- --dt-color-foreground-success-strong-inverted-l: var(--dt-color-green-200-l);
1230
- --dt-color-foreground-success-strong-inverted-a: var(--dt-color-green-200-a);
1231
- --dt-color-foreground-success-strong-inverted-hsl: var(--dt-color-green-200-hsl);
1232
- --dt-color-foreground-success-strong-inverted-hsla: var(--dt-color-green-200-hsla);
1233
- --dt-color-foreground-success-strong-inverted: var(--dt-color-green-200); /* Success strong text that sits on high-contrast surfaces or backgrounds */
1234
- --dt-color-foreground-success-inverted-h: var(--dt-color-green-300-h);
1235
- --dt-color-foreground-success-inverted-s: var(--dt-color-green-300-s);
1236
- --dt-color-foreground-success-inverted-l: var(--dt-color-green-300-l);
1237
- --dt-color-foreground-success-inverted-a: var(--dt-color-green-300-a);
1238
- --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-300-hsl);
1239
- --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-300-hsla);
1240
- --dt-color-foreground-success-inverted: var(--dt-color-green-300); /* Success text that sits on high-contrast surfaces or backgrounds */
1241
- --dt-color-foreground-critical-strong-inverted-h: var(--dt-color-red-175-h);
1242
- --dt-color-foreground-critical-strong-inverted-s: var(--dt-color-red-175-s);
1243
- --dt-color-foreground-critical-strong-inverted-l: var(--dt-color-red-175-l);
1244
- --dt-color-foreground-critical-strong-inverted-a: var(--dt-color-red-175-a);
1245
- --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-red-175-hsl);
1246
- --dt-color-foreground-critical-strong-inverted-hsla: var(--dt-color-red-175-hsla);
1247
- --dt-color-foreground-critical-strong-inverted: var(--dt-color-red-175); /* Critical strong text that sits on high-contrast surfaces or backgrounds */
1248
- --dt-color-foreground-critical-inverted-h: var(--dt-color-red-200-h);
1249
- --dt-color-foreground-critical-inverted-s: var(--dt-color-red-200-s);
1250
- --dt-color-foreground-critical-inverted-l: var(--dt-color-red-200-l);
1251
- --dt-color-foreground-critical-inverted-a: var(--dt-color-red-200-a);
1252
- --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-200-hsl);
1253
- --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-200-hsla);
1254
- --dt-color-foreground-critical-inverted: var(--dt-color-red-200); /* Critical text that sits on high-contrast surfaces or backgrounds */
1255
- --dt-color-foreground-disabled-inverted-h: var(--dt-color-black-500-h);
1256
- --dt-color-foreground-disabled-inverted-s: var(--dt-color-black-500-s);
1257
- --dt-color-foreground-disabled-inverted-l: var(--dt-color-black-500-l);
1258
- --dt-color-foreground-disabled-inverted-a: var(--dt-color-black-500-a);
1259
- --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-black-500-hsl);
1260
- --dt-color-foreground-disabled-inverted-hsla: var(--dt-color-black-500-hsla);
1261
- --dt-color-foreground-disabled-inverted: var(--dt-color-black-500); /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
1262
- --dt-color-foreground-placeholder-inverted-h: var(--dt-color-black-500-h);
1263
- --dt-color-foreground-placeholder-inverted-s: var(--dt-color-black-500-s);
1264
- --dt-color-foreground-placeholder-inverted-l: var(--dt-color-black-500-l);
1265
- --dt-color-foreground-placeholder-inverted-a: var(--dt-color-black-500-a);
1266
- --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-black-500-hsl);
1267
- --dt-color-foreground-placeholder-inverted-hsla: var(--dt-color-black-500-hsla);
1268
- --dt-color-foreground-placeholder-inverted: var(--dt-color-black-500); /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
1142
+ --dt-color-foreground-warning-inverted: var(--dt-color-gold-200);
1143
+ --dt-color-foreground-success-strong-inverted-h: var(--dt-color-green-150-h);
1144
+ --dt-color-foreground-success-strong-inverted-s: var(--dt-color-green-150-s);
1145
+ --dt-color-foreground-success-strong-inverted-l: var(--dt-color-green-150-l);
1146
+ --dt-color-foreground-success-strong-inverted-a: var(--dt-color-green-150-a);
1147
+ --dt-color-foreground-success-strong-inverted-hsl: var(--dt-color-green-150-hsl);
1148
+ --dt-color-foreground-success-strong-inverted-hsla: var(--dt-color-green-150-hsla);
1149
+ --dt-color-foreground-success-strong-inverted: var(--dt-color-green-150);
1150
+ --dt-color-foreground-success-inverted-h: var(--dt-color-green-200-h);
1151
+ --dt-color-foreground-success-inverted-s: var(--dt-color-green-200-s);
1152
+ --dt-color-foreground-success-inverted-l: var(--dt-color-green-200-l);
1153
+ --dt-color-foreground-success-inverted-a: var(--dt-color-green-200-a);
1154
+ --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-200-hsl);
1155
+ --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-200-hsla);
1156
+ --dt-color-foreground-success-inverted: var(--dt-color-green-200);
1157
+ --dt-color-foreground-critical-strong-inverted-h: var(--dt-color-red-300-h);
1158
+ --dt-color-foreground-critical-strong-inverted-s: var(--dt-color-red-300-s);
1159
+ --dt-color-foreground-critical-strong-inverted-l: var(--dt-color-red-300-l);
1160
+ --dt-color-foreground-critical-strong-inverted-a: var(--dt-color-red-300-a);
1161
+ --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-red-300-hsl);
1162
+ --dt-color-foreground-critical-strong-inverted-hsla: var(--dt-color-red-300-hsla);
1163
+ --dt-color-foreground-critical-strong-inverted: var(--dt-color-red-300);
1164
+ --dt-color-foreground-critical-inverted-h: var(--dt-color-red-350-h);
1165
+ --dt-color-foreground-critical-inverted-s: var(--dt-color-red-350-s);
1166
+ --dt-color-foreground-critical-inverted-l: var(--dt-color-red-350-l);
1167
+ --dt-color-foreground-critical-inverted-a: var(--dt-color-red-350-a);
1168
+ --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-350-hsl);
1169
+ --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-350-hsla);
1170
+ --dt-color-foreground-critical-inverted: var(--dt-color-red-350);
1171
+ --dt-color-foreground-disabled-inverted-h: var(--dt-color-black-400-h);
1172
+ --dt-color-foreground-disabled-inverted-s: var(--dt-color-black-400-s);
1173
+ --dt-color-foreground-disabled-inverted-l: var(--dt-color-black-400-l);
1174
+ --dt-color-foreground-disabled-inverted-a: var(--dt-color-black-400-a);
1175
+ --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-black-400-hsl);
1176
+ --dt-color-foreground-disabled-inverted-hsla: var(--dt-color-black-400-hsla);
1177
+ --dt-color-foreground-disabled-inverted: var(--dt-color-black-400); /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
1178
+ --dt-color-foreground-placeholder-inverted-h: var(--dt-color-black-400-h);
1179
+ --dt-color-foreground-placeholder-inverted-s: var(--dt-color-black-400-s);
1180
+ --dt-color-foreground-placeholder-inverted-l: var(--dt-color-black-400-l);
1181
+ --dt-color-foreground-placeholder-inverted-a: var(--dt-color-black-400-a);
1182
+ --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-black-400-hsl);
1183
+ --dt-color-foreground-placeholder-inverted-hsla: var(--dt-color-black-400-hsla);
1184
+ --dt-color-foreground-placeholder-inverted: var(--dt-color-black-400); /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
1269
1185
  --dt-color-foreground-muted-inverted-h: 0;
1270
1186
  --dt-color-foreground-muted-inverted-s: 0%;
1271
- --dt-color-foreground-muted-inverted-l: 11%;
1272
- --dt-color-foreground-muted-inverted-a: 60%;
1187
+ --dt-color-foreground-muted-inverted-l: 9.02%;
1188
+ --dt-color-foreground-muted-inverted-a: 65%;
1273
1189
  --dt-color-foreground-muted-inverted-hsl: var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l);
1274
- --dt-color-foreground-muted-inverted-hsla: hsl(var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l) / var(--alpha, 60%));
1275
- --dt-color-foreground-muted-inverted: hsl(0 0% 11% / 0.6); /* Muted text color that sits on high-contrast surfaces or backgrounds. */
1276
- --dt-color-foreground-tertiary-inverted-h: 0;
1277
- --dt-color-foreground-tertiary-inverted-s: 0%;
1278
- --dt-color-foreground-tertiary-inverted-l: 25.3%;
1279
- --dt-color-foreground-tertiary-inverted-a: 100%;
1280
- --dt-color-foreground-tertiary-inverted-hsl: var(--dt-color-foreground-tertiary-inverted-h) var(--dt-color-foreground-tertiary-inverted-s) var(--dt-color-foreground-tertiary-inverted-l);
1281
- --dt-color-foreground-tertiary-inverted-hsla: hsl(var(--dt-color-foreground-tertiary-inverted-h) var(--dt-color-foreground-tertiary-inverted-s) var(--dt-color-foreground-tertiary-inverted-l) / var(--alpha, 100%));
1282
- --dt-color-foreground-tertiary-inverted: hsl(0 0% 25.3%);
1283
- --dt-color-foreground-secondary-inverted-h: 0;
1284
- --dt-color-foreground-secondary-inverted-s: 0%;
1285
- --dt-color-foreground-secondary-inverted-l: 16%;
1286
- --dt-color-foreground-secondary-inverted-a: 100%;
1287
- --dt-color-foreground-secondary-inverted-hsl: var(--dt-color-foreground-secondary-inverted-h) var(--dt-color-foreground-secondary-inverted-s) var(--dt-color-foreground-secondary-inverted-l);
1288
- --dt-color-foreground-secondary-inverted-hsla: hsl(var(--dt-color-foreground-secondary-inverted-h) var(--dt-color-foreground-secondary-inverted-s) var(--dt-color-foreground-secondary-inverted-l) / var(--alpha, 100%));
1289
- --dt-color-foreground-secondary-inverted: hsl(0 0% 16%);
1190
+ --dt-color-foreground-muted-inverted-hsla: hsl(var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l) / var(--alpha, 65%));
1191
+ --dt-color-foreground-muted-inverted: hsl(0 0% 9.02% / 0.65); /* Muted text color that sits on high-contrast surfaces or backgrounds. */
1192
+ --dt-color-foreground-tertiary-inverted-h: var(--dt-color-black-400-h);
1193
+ --dt-color-foreground-tertiary-inverted-s: var(--dt-color-black-400-s);
1194
+ --dt-color-foreground-tertiary-inverted-l: var(--dt-color-black-400-l);
1195
+ --dt-color-foreground-tertiary-inverted-a: var(--dt-color-black-400-a);
1196
+ --dt-color-foreground-tertiary-inverted-hsl: var(--dt-color-black-400-hsl);
1197
+ --dt-color-foreground-tertiary-inverted-hsla: var(--dt-color-black-400-hsla);
1198
+ --dt-color-foreground-tertiary-inverted: var(--dt-color-black-400);
1199
+ --dt-color-foreground-secondary-inverted-h: var(--dt-color-black-300-h);
1200
+ --dt-color-foreground-secondary-inverted-s: var(--dt-color-black-300-s);
1201
+ --dt-color-foreground-secondary-inverted-l: var(--dt-color-black-300-l);
1202
+ --dt-color-foreground-secondary-inverted-a: var(--dt-color-black-300-a);
1203
+ --dt-color-foreground-secondary-inverted-hsl: var(--dt-color-black-300-hsl);
1204
+ --dt-color-foreground-secondary-inverted-hsla: var(--dt-color-black-300-hsla);
1205
+ --dt-color-foreground-secondary-inverted: var(--dt-color-black-300);
1290
1206
  --dt-color-foreground-primary-inverted-h: var(--dt-color-black-100-h);
1291
1207
  --dt-color-foreground-primary-inverted-s: var(--dt-color-black-100-s);
1292
1208
  --dt-color-foreground-primary-inverted-l: var(--dt-color-black-100-l);
@@ -1294,76 +1210,76 @@
1294
1210
  --dt-color-foreground-primary-inverted-hsl: var(--dt-color-black-100-hsl);
1295
1211
  --dt-color-foreground-primary-inverted-hsla: var(--dt-color-black-100-hsla);
1296
1212
  --dt-color-foreground-primary-inverted: var(--dt-color-black-100); /* Primary text that sits on high-contrast surfaces or backgrounds. */
1297
- --dt-color-foreground-warning-h: var(--dt-color-gold-425-h);
1298
- --dt-color-foreground-warning-s: var(--dt-color-gold-425-s);
1299
- --dt-color-foreground-warning-l: var(--dt-color-gold-425-l);
1300
- --dt-color-foreground-warning-a: var(--dt-color-gold-425-a);
1301
- --dt-color-foreground-warning-hsl: var(--dt-color-gold-425-hsl);
1302
- --dt-color-foreground-warning-hsla: var(--dt-color-gold-425-hsla);
1303
- --dt-color-foreground-warning: var(--dt-color-gold-425);
1304
- --dt-color-foreground-success-strong-h: var(--dt-color-green-475-h);
1305
- --dt-color-foreground-success-strong-s: var(--dt-color-green-475-s);
1306
- --dt-color-foreground-success-strong-l: var(--dt-color-green-475-l);
1307
- --dt-color-foreground-success-strong-a: var(--dt-color-green-475-a);
1308
- --dt-color-foreground-success-strong-hsl: var(--dt-color-green-475-hsl);
1309
- --dt-color-foreground-success-strong-hsla: var(--dt-color-green-475-hsla);
1310
- --dt-color-foreground-success-strong: var(--dt-color-green-475);
1311
- --dt-color-foreground-success-h: var(--dt-color-green-425-h);
1312
- --dt-color-foreground-success-s: var(--dt-color-green-425-s);
1313
- --dt-color-foreground-success-l: var(--dt-color-green-425-l);
1314
- --dt-color-foreground-success-a: var(--dt-color-green-425-a);
1315
- --dt-color-foreground-success-hsl: var(--dt-color-green-425-hsl);
1316
- --dt-color-foreground-success-hsla: var(--dt-color-green-425-hsla);
1317
- --dt-color-foreground-success: var(--dt-color-green-425); /* Indicates a positive state. */
1318
- --dt-color-foreground-critical-strong-h: var(--dt-color-red-400-h);
1319
- --dt-color-foreground-critical-strong-s: var(--dt-color-red-400-s);
1320
- --dt-color-foreground-critical-strong-l: var(--dt-color-red-400-l);
1321
- --dt-color-foreground-critical-strong-a: var(--dt-color-red-400-a);
1322
- --dt-color-foreground-critical-strong-hsl: var(--dt-color-red-400-hsl);
1323
- --dt-color-foreground-critical-strong-hsla: var(--dt-color-red-400-hsla);
1324
- --dt-color-foreground-critical-strong: var(--dt-color-red-400); /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
1325
- --dt-color-foreground-critical-h: var(--dt-color-red-350-h);
1326
- --dt-color-foreground-critical-s: var(--dt-color-red-350-s);
1327
- --dt-color-foreground-critical-l: var(--dt-color-red-350-l);
1328
- --dt-color-foreground-critical-a: var(--dt-color-red-350-a);
1329
- --dt-color-foreground-critical-hsl: var(--dt-color-red-350-hsl);
1330
- --dt-color-foreground-critical-hsla: var(--dt-color-red-350-hsla);
1331
- --dt-color-foreground-critical: var(--dt-color-red-350);
1332
- --dt-color-foreground-disabled-h: var(--dt-color-black-600-h);
1333
- --dt-color-foreground-disabled-s: var(--dt-color-black-600-s);
1334
- --dt-color-foreground-disabled-l: var(--dt-color-black-600-l);
1335
- --dt-color-foreground-disabled-a: var(--dt-color-black-600-a);
1336
- --dt-color-foreground-disabled-hsl: var(--dt-color-black-600-hsl);
1337
- --dt-color-foreground-disabled-hsla: var(--dt-color-black-600-hsla);
1338
- --dt-color-foreground-disabled: var(--dt-color-black-600); /* Used for text paired with disabled content or components, like the form elements. */
1339
- --dt-color-foreground-placeholder-h: var(--dt-color-black-600-h);
1340
- --dt-color-foreground-placeholder-s: var(--dt-color-black-600-s);
1341
- --dt-color-foreground-placeholder-l: var(--dt-color-black-600-l);
1342
- --dt-color-foreground-placeholder-a: var(--dt-color-black-600-a);
1343
- --dt-color-foreground-placeholder-hsl: var(--dt-color-black-600-hsl);
1344
- --dt-color-foreground-placeholder-hsla: var(--dt-color-black-600-hsla);
1345
- --dt-color-foreground-placeholder: var(--dt-color-black-600); /* Text color for placeholder text within form elements. */
1213
+ --dt-color-foreground-warning-h: var(--dt-color-gold-400-h);
1214
+ --dt-color-foreground-warning-s: var(--dt-color-gold-400-s);
1215
+ --dt-color-foreground-warning-l: var(--dt-color-gold-400-l);
1216
+ --dt-color-foreground-warning-a: var(--dt-color-gold-400-a);
1217
+ --dt-color-foreground-warning-hsl: var(--dt-color-gold-400-hsl);
1218
+ --dt-color-foreground-warning-hsla: var(--dt-color-gold-400-hsla);
1219
+ --dt-color-foreground-warning: var(--dt-color-gold-400);
1220
+ --dt-color-foreground-success-strong-h: var(--dt-color-green-500-h);
1221
+ --dt-color-foreground-success-strong-s: var(--dt-color-green-500-s);
1222
+ --dt-color-foreground-success-strong-l: var(--dt-color-green-500-l);
1223
+ --dt-color-foreground-success-strong-a: var(--dt-color-green-500-a);
1224
+ --dt-color-foreground-success-strong-hsl: var(--dt-color-green-500-hsl);
1225
+ --dt-color-foreground-success-strong-hsla: var(--dt-color-green-500-hsla);
1226
+ --dt-color-foreground-success-strong: var(--dt-color-green-500);
1227
+ --dt-color-foreground-success-h: var(--dt-color-green-375-h);
1228
+ --dt-color-foreground-success-s: var(--dt-color-green-375-s);
1229
+ --dt-color-foreground-success-l: var(--dt-color-green-375-l);
1230
+ --dt-color-foreground-success-a: var(--dt-color-green-375-a);
1231
+ --dt-color-foreground-success-hsl: var(--dt-color-green-375-hsl);
1232
+ --dt-color-foreground-success-hsla: var(--dt-color-green-375-hsla);
1233
+ --dt-color-foreground-success: var(--dt-color-green-375);
1234
+ --dt-color-foreground-critical-strong-h: var(--dt-color-red-500-h);
1235
+ --dt-color-foreground-critical-strong-s: var(--dt-color-red-500-s);
1236
+ --dt-color-foreground-critical-strong-l: var(--dt-color-red-500-l);
1237
+ --dt-color-foreground-critical-strong-a: var(--dt-color-red-500-a);
1238
+ --dt-color-foreground-critical-strong-hsl: var(--dt-color-red-500-hsl);
1239
+ --dt-color-foreground-critical-strong-hsla: var(--dt-color-red-500-hsla);
1240
+ --dt-color-foreground-critical-strong: var(--dt-color-red-500);
1241
+ --dt-color-foreground-critical-h: var(--dt-color-red-450-h);
1242
+ --dt-color-foreground-critical-s: var(--dt-color-red-450-s);
1243
+ --dt-color-foreground-critical-l: var(--dt-color-red-450-l);
1244
+ --dt-color-foreground-critical-a: var(--dt-color-red-450-a);
1245
+ --dt-color-foreground-critical-hsl: var(--dt-color-red-450-hsl);
1246
+ --dt-color-foreground-critical-hsla: var(--dt-color-red-450-hsla);
1247
+ --dt-color-foreground-critical: var(--dt-color-red-450);
1248
+ --dt-color-foreground-disabled-h: var(--dt-color-black-500-h);
1249
+ --dt-color-foreground-disabled-s: var(--dt-color-black-500-s);
1250
+ --dt-color-foreground-disabled-l: var(--dt-color-black-500-l);
1251
+ --dt-color-foreground-disabled-a: var(--dt-color-black-500-a);
1252
+ --dt-color-foreground-disabled-hsl: var(--dt-color-black-500-hsl);
1253
+ --dt-color-foreground-disabled-hsla: var(--dt-color-black-500-hsla);
1254
+ --dt-color-foreground-disabled: var(--dt-color-black-500); /* Used for text paired with disabled content or components, like the form elements. */
1255
+ --dt-color-foreground-placeholder-h: var(--dt-color-black-500-h);
1256
+ --dt-color-foreground-placeholder-s: var(--dt-color-black-500-s);
1257
+ --dt-color-foreground-placeholder-l: var(--dt-color-black-500-l);
1258
+ --dt-color-foreground-placeholder-a: var(--dt-color-black-500-a);
1259
+ --dt-color-foreground-placeholder-hsl: var(--dt-color-black-500-hsl);
1260
+ --dt-color-foreground-placeholder-hsla: var(--dt-color-black-500-hsla);
1261
+ --dt-color-foreground-placeholder: var(--dt-color-black-500); /* Text color for placeholder text within form elements. */
1346
1262
  --dt-color-foreground-muted-h: 0;
1347
1263
  --dt-color-foreground-muted-s: 0%;
1348
- --dt-color-foreground-muted-l: 78%;
1264
+ --dt-color-foreground-muted-l: 97.6%;
1349
1265
  --dt-color-foreground-muted-a: 50%;
1350
1266
  --dt-color-foreground-muted-hsl: var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l);
1351
1267
  --dt-color-foreground-muted-hsla: hsl(var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l) / var(--alpha, 50%));
1352
- --dt-color-foreground-muted: hsl(0 0% 78% / 0.5);
1353
- --dt-color-foreground-tertiary-h: 0;
1354
- --dt-color-foreground-tertiary-s: 0%;
1355
- --dt-color-foreground-tertiary-l: 69.9%;
1356
- --dt-color-foreground-tertiary-a: 100%;
1357
- --dt-color-foreground-tertiary-hsl: var(--dt-color-foreground-tertiary-h) var(--dt-color-foreground-tertiary-s) var(--dt-color-foreground-tertiary-l);
1358
- --dt-color-foreground-tertiary-hsla: hsl(var(--dt-color-foreground-tertiary-h) var(--dt-color-foreground-tertiary-s) var(--dt-color-foreground-tertiary-l) / var(--alpha, 100%));
1359
- --dt-color-foreground-tertiary: hsl(0 0% 69.9%); /* Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels. */
1360
- --dt-color-foreground-secondary-h: 0;
1361
- --dt-color-foreground-secondary-s: 0%;
1362
- --dt-color-foreground-secondary-l: 79.1%;
1363
- --dt-color-foreground-secondary-a: 100%;
1364
- --dt-color-foreground-secondary-hsl: var(--dt-color-foreground-secondary-h) var(--dt-color-foreground-secondary-s) var(--dt-color-foreground-secondary-l);
1365
- --dt-color-foreground-secondary-hsla: hsl(var(--dt-color-foreground-secondary-h) var(--dt-color-foreground-secondary-s) var(--dt-color-foreground-secondary-l) / var(--alpha, 100%));
1366
- --dt-color-foreground-secondary: hsl(0 0% 79.1%); /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
1268
+ --dt-color-foreground-muted: hsl(0 0% 97.6% / 0.5);
1269
+ --dt-color-foreground-tertiary-h: var(--dt-color-black-600-h);
1270
+ --dt-color-foreground-tertiary-s: var(--dt-color-black-600-s);
1271
+ --dt-color-foreground-tertiary-l: var(--dt-color-black-600-l);
1272
+ --dt-color-foreground-tertiary-a: var(--dt-color-black-600-a);
1273
+ --dt-color-foreground-tertiary-hsl: var(--dt-color-black-600-hsl);
1274
+ --dt-color-foreground-tertiary-hsla: var(--dt-color-black-600-hsla);
1275
+ --dt-color-foreground-tertiary: var(--dt-color-black-600); /* Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels. */
1276
+ --dt-color-foreground-secondary-h: var(--dt-color-black-700-h);
1277
+ --dt-color-foreground-secondary-s: var(--dt-color-black-700-s);
1278
+ --dt-color-foreground-secondary-l: var(--dt-color-black-700-l);
1279
+ --dt-color-foreground-secondary-a: var(--dt-color-black-700-a);
1280
+ --dt-color-foreground-secondary-hsl: var(--dt-color-black-700-hsl);
1281
+ --dt-color-foreground-secondary-hsla: var(--dt-color-black-700-hsla);
1282
+ --dt-color-foreground-secondary: var(--dt-color-black-700); /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
1367
1283
  --dt-color-foreground-primary-h: var(--dt-color-black-900-h);
1368
1284
  --dt-color-foreground-primary-s: var(--dt-color-black-900-s);
1369
1285
  --dt-color-foreground-primary-l: var(--dt-color-black-900-l);
@@ -1372,13 +1288,20 @@
1372
1288
  --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1373
1289
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
1374
1290
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1375
- --dt-radio-color-background-checked-h: var(--dt-color-brand-purple-h);
1376
- --dt-radio-color-background-checked-s: var(--dt-color-brand-purple-s);
1377
- --dt-radio-color-background-checked-l: var(--dt-color-brand-purple-l);
1378
- --dt-radio-color-background-checked-a: var(--dt-color-brand-purple-a);
1379
- --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
1380
- --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
1381
- --dt-radio-color-background-checked: var(--dt-color-brand-purple);
1291
+ --dt-radio-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
1292
+ --dt-radio-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
1293
+ --dt-radio-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
1294
+ --dt-radio-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
1295
+ --dt-radio-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
1296
+ --dt-radio-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
1297
+ --dt-radio-color-background-checked: var(--dt-color-surface-brand-strong);
1298
+ --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1299
+ --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1300
+ --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
1301
+ --dt-radio-color-border-checked-a: var(--dt-color-border-brand-a);
1302
+ --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1303
+ --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1304
+ --dt-radio-color-border-checked: var(--dt-color-border-brand);
1382
1305
  --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1383
1306
  --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1384
1307
  --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
@@ -1401,13 +1324,20 @@
1401
1324
  --dt-icon-size-300: calc(var(--dt-size-base) * 2.25);
1402
1325
  --dt-icon-size-200: calc(var(--dt-size-base) * 1.75);
1403
1326
  --dt-icon-size-100: calc(var(--dt-size-base) * 1.5);
1404
- --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
1405
- --dt-checkbox-color-background-checked-s: var(--dt-color-brand-purple-s);
1406
- --dt-checkbox-color-background-checked-l: var(--dt-color-brand-purple-l);
1407
- --dt-checkbox-color-background-checked-a: var(--dt-color-brand-purple-a);
1408
- --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
1409
- --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
1410
- --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
1327
+ --dt-checkbox-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
1328
+ --dt-checkbox-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
1329
+ --dt-checkbox-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
1330
+ --dt-checkbox-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
1331
+ --dt-checkbox-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
1332
+ --dt-checkbox-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
1333
+ --dt-checkbox-color-background-checked: var(--dt-color-surface-brand-strong);
1334
+ --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
1335
+ --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
1336
+ --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
1337
+ --dt-checkbox-color-border-checked-a: var(--dt-color-border-brand-a);
1338
+ --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1339
+ --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1340
+ --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1411
1341
  --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1412
1342
  --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1413
1343
  --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
@@ -1431,11 +1361,11 @@
1431
1361
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
1432
1362
  --dt-badge-color-foreground-bulletin-subtle-h: 0;
1433
1363
  --dt-badge-color-foreground-bulletin-subtle-s: 0%;
1434
- --dt-badge-color-foreground-bulletin-subtle-l: 98.4%;
1364
+ --dt-badge-color-foreground-bulletin-subtle-l: 90.2%;
1435
1365
  --dt-badge-color-foreground-bulletin-subtle-a: 100%;
1436
1366
  --dt-badge-color-foreground-bulletin-subtle-hsl: var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l);
1437
1367
  --dt-badge-color-foreground-bulletin-subtle-hsla: hsl(var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l) / var(--alpha, 100%));
1438
- --dt-badge-color-foreground-bulletin-subtle: hsl(0 0% 98.4%);
1368
+ --dt-badge-color-foreground-bulletin-subtle: hsl(0 0% 90.2%);
1439
1369
  --dt-badge-color-foreground-default-h: var(--dt-color-foreground-primary-h);
1440
1370
  --dt-badge-color-foreground-default-s: var(--dt-color-foreground-primary-s);
1441
1371
  --dt-badge-color-foreground-default-l: var(--dt-color-foreground-primary-l);
@@ -1444,13 +1374,6 @@
1444
1374
  --dt-badge-color-foreground-default-hsla: var(--dt-color-foreground-primary-hsla);
1445
1375
  --dt-badge-color-foreground-default: var(--dt-color-foreground-primary);
1446
1376
  --dt-badge-color-background-ai: var(--dt-color-gradient-magenta-purple);
1447
- --dt-badge-color-background-bulletin-h: var(--dt-color-brand-purple-h);
1448
- --dt-badge-color-background-bulletin-s: var(--dt-color-brand-purple-s);
1449
- --dt-badge-color-background-bulletin-l: var(--dt-color-brand-purple-l);
1450
- --dt-badge-color-background-bulletin-a: var(--dt-color-brand-purple-a);
1451
- --dt-badge-color-background-bulletin-hsl: var(--dt-color-brand-purple-hsl);
1452
- --dt-badge-color-background-bulletin-hsla: var(--dt-color-brand-purple-hsla);
1453
- --dt-badge-color-background-bulletin: var(--dt-color-brand-purple);
1454
1377
  --dt-badge-color-background-default-h: var(--dt-color-surface-moderate-opaque-h);
1455
1378
  --dt-badge-color-background-default-s: var(--dt-color-surface-moderate-opaque-s);
1456
1379
  --dt-badge-color-background-default-l: var(--dt-color-surface-moderate-opaque-l);
@@ -1458,13 +1381,6 @@
1458
1381
  --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1459
1382
  --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1460
1383
  --dt-badge-color-background-default: var(--dt-color-surface-moderate-opaque);
1461
- --dt-theme-mention-color-background-h: var(--dt-color-brand-purple-h);
1462
- --dt-theme-mention-color-background-s: var(--dt-color-brand-purple-s);
1463
- --dt-theme-mention-color-background-l: var(--dt-color-brand-purple-l);
1464
- --dt-theme-mention-color-background-a: var(--dt-color-brand-purple-a);
1465
- --dt-theme-mention-color-background-hsl: var(--dt-color-brand-purple-hsl);
1466
- --dt-theme-mention-color-background-hsla: var(--dt-color-brand-purple-hsla);
1467
- --dt-theme-mention-color-background: var(--dt-color-brand-purple);
1468
1384
  --dt-theme-mention-color-foreground-strong-h: var(--dt-color-foreground-primary-inverted-h);
1469
1385
  --dt-theme-mention-color-foreground-strong-s: var(--dt-color-foreground-primary-inverted-s);
1470
1386
  --dt-theme-mention-color-foreground-strong-l: var(--dt-color-foreground-primary-inverted-l);
@@ -1481,11 +1397,11 @@
1481
1397
  --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
1482
1398
  --dt-theme-sidebar-selected-row-color-background-h: 0;
1483
1399
  --dt-theme-sidebar-selected-row-color-background-s: 0%;
1484
- --dt-theme-sidebar-selected-row-color-background-l: 98.4%;
1400
+ --dt-theme-sidebar-selected-row-color-background-l: 90.2%;
1485
1401
  --dt-theme-sidebar-selected-row-color-background-a: 12%;
1486
1402
  --dt-theme-sidebar-selected-row-color-background-hsl: var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l);
1487
1403
  --dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 12%));
1488
- --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 98.4% / 0.12);
1404
+ --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
1489
1405
  --dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
1490
1406
  --dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
1491
1407
  --dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
@@ -1495,25 +1411,25 @@
1495
1411
  --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
1496
1412
  --dt-theme-sidebar-row-color-background-active-h: 0;
1497
1413
  --dt-theme-sidebar-row-color-background-active-s: 0%;
1498
- --dt-theme-sidebar-row-color-background-active-l: 98.4%;
1414
+ --dt-theme-sidebar-row-color-background-active-l: 90.2%;
1499
1415
  --dt-theme-sidebar-row-color-background-active-a: 15%;
1500
1416
  --dt-theme-sidebar-row-color-background-active-hsl: var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l);
1501
1417
  --dt-theme-sidebar-row-color-background-active-hsla: hsl(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 15%));
1502
- --dt-theme-sidebar-row-color-background-active: hsl(0 0% 98.4% / 0.15);
1418
+ --dt-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.15);
1503
1419
  --dt-theme-sidebar-row-color-background-hover-h: 0;
1504
1420
  --dt-theme-sidebar-row-color-background-hover-s: 0%;
1505
- --dt-theme-sidebar-row-color-background-hover-l: 98.4%;
1421
+ --dt-theme-sidebar-row-color-background-hover-l: 90.2%;
1506
1422
  --dt-theme-sidebar-row-color-background-hover-a: 10%;
1507
1423
  --dt-theme-sidebar-row-color-background-hover-hsl: var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l);
1508
1424
  --dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 10%));
1509
- --dt-theme-sidebar-row-color-background-hover: hsl(0 0% 98.4% / 0.1);
1425
+ --dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
1510
1426
  --dt-theme-sidebar-row-color-background-h: 0;
1511
1427
  --dt-theme-sidebar-row-color-background-s: 0%;
1512
- --dt-theme-sidebar-row-color-background-l: 98.4%;
1428
+ --dt-theme-sidebar-row-color-background-l: 90.2%;
1513
1429
  --dt-theme-sidebar-row-color-background-a: 0%;
1514
1430
  --dt-theme-sidebar-row-color-background-hsl: var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l);
1515
1431
  --dt-theme-sidebar-row-color-background-hsla: hsl(var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l) / var(--alpha, 0%));
1516
- --dt-theme-sidebar-row-color-background: hsl(0 0% 98.4% / 0);
1432
+ --dt-theme-sidebar-row-color-background: hsl(0 0% 90.2% / 0);
1517
1433
  --dt-theme-sidebar-status-color-foreground-h: var(--dt-color-foreground-tertiary-h);
1518
1434
  --dt-theme-sidebar-status-color-foreground-s: var(--dt-color-foreground-tertiary-s);
1519
1435
  --dt-theme-sidebar-status-color-foreground-l: var(--dt-color-foreground-tertiary-l);
@@ -1537,60 +1453,60 @@
1537
1453
  --dt-theme-sidebar-color-foreground: var(--dt-color-foreground-secondary);
1538
1454
  --dt-theme-topbar-profile-color-background-active-h: 0;
1539
1455
  --dt-theme-topbar-profile-color-background-active-s: 0%;
1540
- --dt-theme-topbar-profile-color-background-active-l: 98.4%;
1456
+ --dt-theme-topbar-profile-color-background-active-l: 90.2%;
1541
1457
  --dt-theme-topbar-profile-color-background-active-a: 14%;
1542
1458
  --dt-theme-topbar-profile-color-background-active-hsl: var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l);
1543
1459
  --dt-theme-topbar-profile-color-background-active-hsla: hsl(var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l) / var(--alpha, 14%));
1544
- --dt-theme-topbar-profile-color-background-active: hsl(0 0% 98.4% / 0.14);
1460
+ --dt-theme-topbar-profile-color-background-active: hsl(0 0% 90.2% / 0.14);
1545
1461
  --dt-theme-topbar-profile-color-background-hover-h: 0;
1546
1462
  --dt-theme-topbar-profile-color-background-hover-s: 0%;
1547
- --dt-theme-topbar-profile-color-background-hover-l: 98.4%;
1463
+ --dt-theme-topbar-profile-color-background-hover-l: 90.2%;
1548
1464
  --dt-theme-topbar-profile-color-background-hover-a: 10%;
1549
1465
  --dt-theme-topbar-profile-color-background-hover-hsl: var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l);
1550
1466
  --dt-theme-topbar-profile-color-background-hover-hsla: hsl(var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l) / var(--alpha, 10%));
1551
- --dt-theme-topbar-profile-color-background-hover: hsl(0 0% 98.4% / 0.1);
1467
+ --dt-theme-topbar-profile-color-background-hover: hsl(0 0% 90.2% / 0.1);
1552
1468
  --dt-theme-topbar-profile-color-background-inverted-h: 0;
1553
1469
  --dt-theme-topbar-profile-color-background-inverted-s: 0%;
1554
- --dt-theme-topbar-profile-color-background-inverted-l: 98.4%;
1470
+ --dt-theme-topbar-profile-color-background-inverted-l: 90.2%;
1555
1471
  --dt-theme-topbar-profile-color-background-inverted-a: 75%;
1556
1472
  --dt-theme-topbar-profile-color-background-inverted-hsl: var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l);
1557
1473
  --dt-theme-topbar-profile-color-background-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l) / var(--alpha, 75%));
1558
- --dt-theme-topbar-profile-color-background-inverted: hsl(0 0% 98.4% / 0.75);
1474
+ --dt-theme-topbar-profile-color-background-inverted: hsl(0 0% 90.2% / 0.75);
1559
1475
  --dt-theme-topbar-profile-color-background-h: 0;
1560
1476
  --dt-theme-topbar-profile-color-background-s: 0%;
1561
- --dt-theme-topbar-profile-color-background-l: 98.4%;
1477
+ --dt-theme-topbar-profile-color-background-l: 90.2%;
1562
1478
  --dt-theme-topbar-profile-color-background-a: 5%;
1563
1479
  --dt-theme-topbar-profile-color-background-hsl: var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l);
1564
1480
  --dt-theme-topbar-profile-color-background-hsla: hsl(var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l) / var(--alpha, 5%));
1565
- --dt-theme-topbar-profile-color-background: hsl(0 0% 98.4% / 0.05);
1481
+ --dt-theme-topbar-profile-color-background: hsl(0 0% 90.2% / 0.05);
1566
1482
  --dt-theme-topbar-profile-color-foreground-inverted-h: 0;
1567
1483
  --dt-theme-topbar-profile-color-foreground-inverted-s: 0%;
1568
- --dt-theme-topbar-profile-color-foreground-inverted-l: 6.67%;
1484
+ --dt-theme-topbar-profile-color-foreground-inverted-l: 9.02%;
1569
1485
  --dt-theme-topbar-profile-color-foreground-inverted-a: 75%;
1570
1486
  --dt-theme-topbar-profile-color-foreground-inverted-hsl: var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l);
1571
1487
  --dt-theme-topbar-profile-color-foreground-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l) / var(--alpha, 75%));
1572
- --dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 6.67% / 0.75);
1488
+ --dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 9.02% / 0.75);
1573
1489
  --dt-theme-topbar-button-color-background-active-h: 0;
1574
1490
  --dt-theme-topbar-button-color-background-active-s: 0%;
1575
- --dt-theme-topbar-button-color-background-active-l: 98.4%;
1491
+ --dt-theme-topbar-button-color-background-active-l: 90.2%;
1576
1492
  --dt-theme-topbar-button-color-background-active-a: 10%;
1577
1493
  --dt-theme-topbar-button-color-background-active-hsl: var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l);
1578
1494
  --dt-theme-topbar-button-color-background-active-hsla: hsl(var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l) / var(--alpha, 10%));
1579
- --dt-theme-topbar-button-color-background-active: hsl(0 0% 98.4% / 0.1);
1495
+ --dt-theme-topbar-button-color-background-active: hsl(0 0% 90.2% / 0.1);
1580
1496
  --dt-theme-topbar-button-color-background-hover-h: 0;
1581
1497
  --dt-theme-topbar-button-color-background-hover-s: 0%;
1582
- --dt-theme-topbar-button-color-background-hover-l: 98.4%;
1498
+ --dt-theme-topbar-button-color-background-hover-l: 90.2%;
1583
1499
  --dt-theme-topbar-button-color-background-hover-a: 15%;
1584
1500
  --dt-theme-topbar-button-color-background-hover-hsl: var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l);
1585
1501
  --dt-theme-topbar-button-color-background-hover-hsla: hsl(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha, 15%));
1586
- --dt-theme-topbar-button-color-background-hover: hsl(0 0% 98.4% / 0.15);
1502
+ --dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
1587
1503
  --dt-theme-topbar-button-color-background-h: 0;
1588
1504
  --dt-theme-topbar-button-color-background-s: 0%;
1589
- --dt-theme-topbar-button-color-background-l: 98.4%;
1505
+ --dt-theme-topbar-button-color-background-l: 90.2%;
1590
1506
  --dt-theme-topbar-button-color-background-a: 0%;
1591
1507
  --dt-theme-topbar-button-color-background-hsl: var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l);
1592
1508
  --dt-theme-topbar-button-color-background-hsla: hsl(var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l) / var(--alpha, 0%));
1593
- --dt-theme-topbar-button-color-background: hsl(0 0% 98.4% / 0);
1509
+ --dt-theme-topbar-button-color-background: hsl(0 0% 90.2% / 0);
1594
1510
  --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
1595
1511
  --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
1596
1512
  --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
@@ -1600,53 +1516,53 @@
1600
1516
  --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
1601
1517
  --dt-theme-topbar-button-color-foreground-h: 0;
1602
1518
  --dt-theme-topbar-button-color-foreground-s: 0%;
1603
- --dt-theme-topbar-button-color-foreground-l: 98.4%;
1519
+ --dt-theme-topbar-button-color-foreground-l: 90.2%;
1604
1520
  --dt-theme-topbar-button-color-foreground-a: 65%;
1605
1521
  --dt-theme-topbar-button-color-foreground-hsl: var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l);
1606
1522
  --dt-theme-topbar-button-color-foreground-hsla: hsl(var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l) / var(--alpha, 65%));
1607
- --dt-theme-topbar-button-color-foreground: hsl(0 0% 98.4% / 0.65);
1523
+ --dt-theme-topbar-button-color-foreground: hsl(0 0% 90.2% / 0.65);
1608
1524
  --dt-theme-topbar-field-color-border-active-h: 0;
1609
1525
  --dt-theme-topbar-field-color-border-active-s: 0%;
1610
- --dt-theme-topbar-field-color-border-active-l: 98.4%;
1526
+ --dt-theme-topbar-field-color-border-active-l: 90.2%;
1611
1527
  --dt-theme-topbar-field-color-border-active-a: 20%;
1612
1528
  --dt-theme-topbar-field-color-border-active-hsl: var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l);
1613
1529
  --dt-theme-topbar-field-color-border-active-hsla: hsl(var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l) / var(--alpha, 20%));
1614
- --dt-theme-topbar-field-color-border-active: hsl(0 0% 98.4% / 0.2);
1530
+ --dt-theme-topbar-field-color-border-active: hsl(0 0% 90.2% / 0.2);
1615
1531
  --dt-theme-topbar-field-color-border-hover-h: 0;
1616
1532
  --dt-theme-topbar-field-color-border-hover-s: 0%;
1617
- --dt-theme-topbar-field-color-border-hover-l: 98.4%;
1533
+ --dt-theme-topbar-field-color-border-hover-l: 90.2%;
1618
1534
  --dt-theme-topbar-field-color-border-hover-a: 10%;
1619
1535
  --dt-theme-topbar-field-color-border-hover-hsl: var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l);
1620
1536
  --dt-theme-topbar-field-color-border-hover-hsla: hsl(var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l) / var(--alpha, 10%));
1621
- --dt-theme-topbar-field-color-border-hover: hsl(0 0% 98.4% / 0.1);
1537
+ --dt-theme-topbar-field-color-border-hover: hsl(0 0% 90.2% / 0.1);
1622
1538
  --dt-theme-topbar-field-color-border-h: 0;
1623
1539
  --dt-theme-topbar-field-color-border-s: 0%;
1624
- --dt-theme-topbar-field-color-border-l: 98.4%;
1540
+ --dt-theme-topbar-field-color-border-l: 90.2%;
1625
1541
  --dt-theme-topbar-field-color-border-a: 0%;
1626
1542
  --dt-theme-topbar-field-color-border-hsl: var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l);
1627
1543
  --dt-theme-topbar-field-color-border-hsla: hsl(var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l) / var(--alpha, 0%));
1628
- --dt-theme-topbar-field-color-border: hsl(0 0% 98.4% / 0);
1544
+ --dt-theme-topbar-field-color-border: hsl(0 0% 90.2% / 0);
1629
1545
  --dt-theme-topbar-field-color-background-h: 0;
1630
1546
  --dt-theme-topbar-field-color-background-s: 0%;
1631
- --dt-theme-topbar-field-color-background-l: 98.4%;
1547
+ --dt-theme-topbar-field-color-background-l: 90.2%;
1632
1548
  --dt-theme-topbar-field-color-background-a: 5%;
1633
1549
  --dt-theme-topbar-field-color-background-hsl: var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l);
1634
1550
  --dt-theme-topbar-field-color-background-hsla: hsl(var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l) / var(--alpha, 5%));
1635
- --dt-theme-topbar-field-color-background: hsl(0 0% 98.4% / 0.05);
1551
+ --dt-theme-topbar-field-color-background: hsl(0 0% 90.2% / 0.05);
1636
1552
  --dt-theme-topbar-field-color-foreground-hover-h: 0;
1637
1553
  --dt-theme-topbar-field-color-foreground-hover-s: 0%;
1638
- --dt-theme-topbar-field-color-foreground-hover-l: 98.4%;
1554
+ --dt-theme-topbar-field-color-foreground-hover-l: 90.2%;
1639
1555
  --dt-theme-topbar-field-color-foreground-hover-a: 75%;
1640
1556
  --dt-theme-topbar-field-color-foreground-hover-hsl: var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l);
1641
1557
  --dt-theme-topbar-field-color-foreground-hover-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l) / var(--alpha, 75%));
1642
- --dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 98.4% / 0.75);
1558
+ --dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 90.2% / 0.75);
1643
1559
  --dt-theme-topbar-field-color-foreground-h: 0;
1644
1560
  --dt-theme-topbar-field-color-foreground-s: 0%;
1645
- --dt-theme-topbar-field-color-foreground-l: 98.4%;
1561
+ --dt-theme-topbar-field-color-foreground-l: 90.2%;
1646
1562
  --dt-theme-topbar-field-color-foreground-a: 50%;
1647
1563
  --dt-theme-topbar-field-color-foreground-hsl: var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l);
1648
1564
  --dt-theme-topbar-field-color-foreground-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l) / var(--alpha, 50%));
1649
- --dt-theme-topbar-field-color-foreground: hsl(0 0% 98.4% / 0.5);
1565
+ --dt-theme-topbar-field-color-foreground: hsl(0 0% 90.2% / 0.5);
1650
1566
  --dt-theme-topbar-color-background-h: var(--dt-color-surface-secondary-h);
1651
1567
  --dt-theme-topbar-color-background-s: var(--dt-color-surface-secondary-s);
1652
1568
  --dt-theme-topbar-color-background-l: var(--dt-color-surface-secondary-l);
@@ -1656,11 +1572,11 @@
1656
1572
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
1657
1573
  --dt-theme-topbar-color-foreground-h: 0;
1658
1574
  --dt-theme-topbar-color-foreground-s: 0%;
1659
- --dt-theme-topbar-color-foreground-l: 98.4%;
1575
+ --dt-theme-topbar-color-foreground-l: 90.2%;
1660
1576
  --dt-theme-topbar-color-foreground-a: 80%;
1661
1577
  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
1662
1578
  --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 80%));
1663
- --dt-theme-topbar-color-foreground: hsl(0 0% 98.4% / 0.8);
1579
+ --dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.8);
1664
1580
  --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1665
1581
  --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1666
1582
  --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
@@ -1682,6 +1598,27 @@
1682
1598
  --dt-action-color-border-critical-outlined-default-hsl: var(--dt-color-border-critical-hsl);
1683
1599
  --dt-action-color-border-critical-outlined-default-hsla: var(--dt-color-border-critical-hsla);
1684
1600
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
1601
+ --dt-action-color-border-base-outlined-default-h: var(--dt-color-border-brand-h);
1602
+ --dt-action-color-border-base-outlined-default-s: var(--dt-color-border-brand-s);
1603
+ --dt-action-color-border-base-outlined-default-l: var(--dt-color-border-brand-l);
1604
+ --dt-action-color-border-base-outlined-default-a: var(--dt-color-border-brand-a);
1605
+ --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-border-brand-hsl);
1606
+ --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-border-brand-hsla);
1607
+ --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
1608
+ --dt-action-color-background-positive-primary-active-h: var(--dt-action-color-background-positive-primary-default-h);
1609
+ --dt-action-color-background-positive-primary-active-s: var(--dt-action-color-background-positive-primary-default-s);
1610
+ --dt-action-color-background-positive-primary-active-l: var(--dt-action-color-background-positive-primary-default-l);
1611
+ --dt-action-color-background-positive-primary-active-a: var(--dt-action-color-background-positive-primary-default-a);
1612
+ --dt-action-color-background-positive-primary-active-hsl: var(--dt-action-color-background-positive-primary-default-hsl);
1613
+ --dt-action-color-background-positive-primary-active-hsla: var(--dt-action-color-background-positive-primary-default-hsla);
1614
+ --dt-action-color-background-positive-primary-active: var(--dt-action-color-background-positive-primary-default);
1615
+ --dt-action-color-background-positive-hover-h: var(--dt-color-surface-success-opaque-h);
1616
+ --dt-action-color-background-positive-hover-s: var(--dt-color-surface-success-opaque-s);
1617
+ --dt-action-color-background-positive-hover-l: var(--dt-color-surface-success-opaque-l);
1618
+ --dt-action-color-background-positive-hover-a: var(--dt-color-surface-success-opaque-a);
1619
+ --dt-action-color-background-positive-hover-hsl: var(--dt-color-surface-success-opaque-hsl);
1620
+ --dt-action-color-background-positive-hover-hsla: var(--dt-color-surface-success-opaque-hsla);
1621
+ --dt-action-color-background-positive-hover: var(--dt-color-surface-success-opaque);
1685
1622
  --dt-action-color-background-disabled-default-h: var(--dt-color-surface-bold-opaque-h);
1686
1623
  --dt-action-color-background-disabled-default-s: var(--dt-color-surface-bold-opaque-s);
1687
1624
  --dt-action-color-background-disabled-default-l: var(--dt-color-surface-bold-opaque-l);
@@ -1689,20 +1626,55 @@
1689
1626
  --dt-action-color-background-disabled-default-hsl: var(--dt-color-surface-bold-opaque-hsl);
1690
1627
  --dt-action-color-background-disabled-default-hsla: var(--dt-color-surface-bold-opaque-hsla);
1691
1628
  --dt-action-color-background-disabled-default: var(--dt-color-surface-bold-opaque);
1692
- --dt-action-color-foreground-positive-hover-h: var(--dt-color-foreground-success-strong-h);
1693
- --dt-action-color-foreground-positive-hover-s: var(--dt-color-foreground-success-strong-s);
1694
- --dt-action-color-foreground-positive-hover-l: var(--dt-color-foreground-success-strong-l);
1695
- --dt-action-color-foreground-positive-hover-a: var(--dt-color-foreground-success-strong-a);
1696
- --dt-action-color-foreground-positive-hover-hsl: var(--dt-color-foreground-success-strong-hsl);
1697
- --dt-action-color-foreground-positive-hover-hsla: var(--dt-color-foreground-success-strong-hsla);
1698
- --dt-action-color-foreground-positive-hover: var(--dt-color-foreground-success-strong);
1699
- --dt-action-color-foreground-positive-default-h: var(--dt-color-foreground-success-h);
1700
- --dt-action-color-foreground-positive-default-s: var(--dt-color-foreground-success-s);
1701
- --dt-action-color-foreground-positive-default-l: var(--dt-color-foreground-success-l);
1702
- --dt-action-color-foreground-positive-default-a: var(--dt-color-foreground-success-a);
1703
- --dt-action-color-foreground-positive-default-hsl: var(--dt-color-foreground-success-hsl);
1704
- --dt-action-color-foreground-positive-default-hsla: var(--dt-color-foreground-success-hsla);
1705
- --dt-action-color-foreground-positive-default: var(--dt-color-foreground-success);
1629
+ --dt-action-color-background-muted-active-h: var(--dt-color-surface-bold-opaque-h);
1630
+ --dt-action-color-background-muted-active-s: var(--dt-color-surface-bold-opaque-s);
1631
+ --dt-action-color-background-muted-active-l: var(--dt-color-surface-bold-opaque-l);
1632
+ --dt-action-color-background-muted-active-a: var(--dt-color-surface-bold-opaque-a);
1633
+ --dt-action-color-background-muted-active-hsl: var(--dt-color-surface-bold-opaque-hsl);
1634
+ --dt-action-color-background-muted-active-hsla: var(--dt-color-surface-bold-opaque-hsla);
1635
+ --dt-action-color-background-muted-active: var(--dt-color-surface-bold-opaque);
1636
+ --dt-action-color-background-muted-hover-h: var(--dt-color-surface-moderate-opaque-h);
1637
+ --dt-action-color-background-muted-hover-s: var(--dt-color-surface-moderate-opaque-s);
1638
+ --dt-action-color-background-muted-hover-l: var(--dt-color-surface-moderate-opaque-l);
1639
+ --dt-action-color-background-muted-hover-a: var(--dt-color-surface-moderate-opaque-a);
1640
+ --dt-action-color-background-muted-hover-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1641
+ --dt-action-color-background-muted-hover-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1642
+ --dt-action-color-background-muted-hover: var(--dt-color-surface-moderate-opaque);
1643
+ --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-surface-brand-h);
1644
+ --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-surface-brand-s);
1645
+ --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-surface-brand-l);
1646
+ --dt-action-color-background-inverted-primary-hover-a: var(--dt-color-surface-brand-a);
1647
+ --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-surface-brand-hsl);
1648
+ --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-surface-brand-hsla);
1649
+ --dt-action-color-background-inverted-primary-hover: var(--dt-color-surface-brand);
1650
+ --dt-action-color-background-critical-primary-active-h: var(--dt-action-color-background-critical-primary-default-h);
1651
+ --dt-action-color-background-critical-primary-active-s: var(--dt-action-color-background-critical-primary-default-s);
1652
+ --dt-action-color-background-critical-primary-active-l: var(--dt-action-color-background-critical-primary-default-l);
1653
+ --dt-action-color-background-critical-primary-active-a: var(--dt-action-color-background-critical-primary-default-a);
1654
+ --dt-action-color-background-critical-primary-active-hsl: var(--dt-action-color-background-critical-primary-default-hsl);
1655
+ --dt-action-color-background-critical-primary-active-hsla: var(--dt-action-color-background-critical-primary-default-hsla);
1656
+ --dt-action-color-background-critical-primary-active: var(--dt-action-color-background-critical-primary-default);
1657
+ --dt-action-color-background-critical-hover-h: var(--dt-color-surface-critical-opaque-h);
1658
+ --dt-action-color-background-critical-hover-s: var(--dt-color-surface-critical-opaque-s);
1659
+ --dt-action-color-background-critical-hover-l: var(--dt-color-surface-critical-opaque-l);
1660
+ --dt-action-color-background-critical-hover-a: var(--dt-color-surface-critical-opaque-a);
1661
+ --dt-action-color-background-critical-hover-hsl: var(--dt-color-surface-critical-opaque-hsl);
1662
+ --dt-action-color-background-critical-hover-hsla: var(--dt-color-surface-critical-opaque-hsla);
1663
+ --dt-action-color-background-critical-hover: var(--dt-color-surface-critical-opaque);
1664
+ --dt-action-color-background-base-primary-active-h: var(--dt-action-color-background-base-primary-default-h);
1665
+ --dt-action-color-background-base-primary-active-s: var(--dt-action-color-background-base-primary-default-s);
1666
+ --dt-action-color-background-base-primary-active-l: var(--dt-action-color-background-base-primary-default-l);
1667
+ --dt-action-color-background-base-primary-active-a: var(--dt-action-color-background-base-primary-default-a);
1668
+ --dt-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-default-hsl);
1669
+ --dt-action-color-background-base-primary-active-hsla: var(--dt-action-color-background-base-primary-default-hsla);
1670
+ --dt-action-color-background-base-primary-active: var(--dt-action-color-background-base-primary-default);
1671
+ --dt-action-color-background-base-hover-h: var(--dt-color-surface-brand-opaque-h);
1672
+ --dt-action-color-background-base-hover-s: var(--dt-color-surface-brand-opaque-s);
1673
+ --dt-action-color-background-base-hover-l: var(--dt-color-surface-brand-opaque-l);
1674
+ --dt-action-color-background-base-hover-a: var(--dt-color-surface-brand-opaque-a);
1675
+ --dt-action-color-background-base-hover-hsl: var(--dt-color-surface-brand-opaque-hsl);
1676
+ --dt-action-color-background-base-hover-hsla: var(--dt-color-surface-brand-opaque-hsla);
1677
+ --dt-action-color-background-base-hover: var(--dt-color-surface-brand-opaque);
1706
1678
  --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
1707
1679
  --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
1708
1680
  --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);
@@ -1710,27 +1682,20 @@
1710
1682
  --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
1711
1683
  --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
1712
1684
  --dt-action-color-foreground-disabled-default: var(--dt-color-foreground-disabled);
1713
- --dt-action-color-foreground-muted-hover-h: var(--dt-color-foreground-primary-h);
1714
- --dt-action-color-foreground-muted-hover-s: var(--dt-color-foreground-primary-s);
1715
- --dt-action-color-foreground-muted-hover-l: var(--dt-color-foreground-primary-l);
1716
- --dt-action-color-foreground-muted-hover-a: var(--dt-color-foreground-primary-a);
1717
- --dt-action-color-foreground-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
1718
- --dt-action-color-foreground-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
1719
- --dt-action-color-foreground-muted-hover: var(--dt-color-foreground-primary);
1720
- --dt-action-color-foreground-muted-default-h: var(--dt-color-foreground-secondary-h);
1721
- --dt-action-color-foreground-muted-default-s: var(--dt-color-foreground-secondary-s);
1722
- --dt-action-color-foreground-muted-default-l: var(--dt-color-foreground-secondary-l);
1723
- --dt-action-color-foreground-muted-default-a: var(--dt-color-foreground-secondary-a);
1724
- --dt-action-color-foreground-muted-default-hsl: var(--dt-color-foreground-secondary-hsl);
1725
- --dt-action-color-foreground-muted-default-hsla: var(--dt-color-foreground-secondary-hsla);
1726
- --dt-action-color-foreground-muted-default: var(--dt-color-foreground-secondary);
1727
- --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
1728
- --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
1729
- --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
1730
- --dt-action-color-foreground-inverted-primary-active-a: var(--dt-action-color-foreground-inverted-primary-hover-a);
1731
- --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
1732
- --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
1733
- --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
1685
+ --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-link-primary-hover-h);
1686
+ --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-link-primary-hover-s);
1687
+ --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-link-primary-hover-l);
1688
+ --dt-action-color-foreground-inverted-primary-hover-a: var(--dt-color-link-primary-hover-a);
1689
+ --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-link-primary-hover-hsl);
1690
+ --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-link-primary-hover-hsla);
1691
+ --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-link-primary-hover);
1692
+ --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-link-primary-h);
1693
+ --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-link-primary-s);
1694
+ --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-link-primary-l);
1695
+ --dt-action-color-foreground-inverted-primary-default-a: var(--dt-color-link-primary-a);
1696
+ --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-link-primary-hsl);
1697
+ --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-link-primary-hsla);
1698
+ --dt-action-color-foreground-inverted-primary-default: var(--dt-color-link-primary);
1734
1699
  --dt-action-color-foreground-inverted-default-h: var(--dt-color-foreground-primary-inverted-h);
1735
1700
  --dt-action-color-foreground-inverted-default-s: var(--dt-color-foreground-primary-inverted-s);
1736
1701
  --dt-action-color-foreground-inverted-default-l: var(--dt-color-foreground-primary-inverted-l);
@@ -1738,20 +1703,34 @@
1738
1703
  --dt-action-color-foreground-inverted-default-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1739
1704
  --dt-action-color-foreground-inverted-default-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1740
1705
  --dt-action-color-foreground-inverted-default: var(--dt-color-foreground-primary-inverted);
1741
- --dt-action-color-foreground-critical-active-h: var(--dt-action-color-foreground-critical-hover-h);
1742
- --dt-action-color-foreground-critical-active-s: var(--dt-action-color-foreground-critical-hover-s);
1743
- --dt-action-color-foreground-critical-active-l: var(--dt-action-color-foreground-critical-hover-l);
1744
- --dt-action-color-foreground-critical-active-a: var(--dt-action-color-foreground-critical-hover-a);
1745
- --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
1746
- --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
1747
- --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
1748
- --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
1749
- --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
1750
- --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
1751
- --dt-action-color-foreground-base-active-a: var(--dt-action-color-foreground-base-hover-a);
1752
- --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
1753
- --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
1754
- --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
1706
+ --dt-action-color-foreground-base-hover-h: var(--dt-color-link-primary-hover-h);
1707
+ --dt-action-color-foreground-base-hover-s: var(--dt-color-link-primary-hover-s);
1708
+ --dt-action-color-foreground-base-hover-l: var(--dt-color-link-primary-hover-l);
1709
+ --dt-action-color-foreground-base-hover-a: var(--dt-color-link-primary-hover-a);
1710
+ --dt-action-color-foreground-base-hover-hsl: var(--dt-color-link-primary-hover-hsl);
1711
+ --dt-action-color-foreground-base-hover-hsla: var(--dt-color-link-primary-hover-hsla);
1712
+ --dt-action-color-foreground-base-hover: var(--dt-color-link-primary-hover);
1713
+ --dt-action-color-foreground-base-default-h: var(--dt-color-link-primary-h);
1714
+ --dt-action-color-foreground-base-default-s: var(--dt-color-link-primary-s);
1715
+ --dt-action-color-foreground-base-default-l: var(--dt-color-link-primary-l);
1716
+ --dt-action-color-foreground-base-default-a: var(--dt-color-link-primary-a);
1717
+ --dt-action-color-foreground-base-default-hsl: var(--dt-color-link-primary-hsl);
1718
+ --dt-action-color-foreground-base-default-hsla: var(--dt-color-link-primary-hsla);
1719
+ --dt-action-color-foreground-base-default: var(--dt-color-link-primary);
1720
+ --dt-inputs-color-background-disabled-h: var(--dt-color-surface-moderate-opaque-h);
1721
+ --dt-inputs-color-background-disabled-s: var(--dt-color-surface-moderate-opaque-s);
1722
+ --dt-inputs-color-background-disabled-l: var(--dt-color-surface-moderate-opaque-l);
1723
+ --dt-inputs-color-background-disabled-a: var(--dt-color-surface-moderate-opaque-a);
1724
+ --dt-inputs-color-background-disabled-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1725
+ --dt-inputs-color-background-disabled-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1726
+ --dt-inputs-color-background-disabled: var(--dt-color-surface-moderate-opaque);
1727
+ --dt-inputs-color-background-default-h: var(--dt-color-surface-secondary-opaque-h);
1728
+ --dt-inputs-color-background-default-s: var(--dt-color-surface-secondary-opaque-s);
1729
+ --dt-inputs-color-background-default-l: var(--dt-color-surface-secondary-opaque-l);
1730
+ --dt-inputs-color-background-default-a: var(--dt-color-surface-secondary-opaque-a);
1731
+ --dt-inputs-color-background-default-hsl: var(--dt-color-surface-secondary-opaque-hsl);
1732
+ --dt-inputs-color-background-default-hsla: var(--dt-color-surface-secondary-opaque-hsla);
1733
+ --dt-inputs-color-background-default: var(--dt-color-surface-secondary-opaque);
1755
1734
  --dt-inputs-color-border-warning-h: var(--dt-color-border-warning-h);
1756
1735
  --dt-inputs-color-border-warning-s: var(--dt-color-border-warning-s);
1757
1736
  --dt-inputs-color-border-warning-l: var(--dt-color-border-warning-l);
@@ -1865,13 +1844,13 @@
1865
1844
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
1866
1845
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
1867
1846
  --dt-color-border-ai: var(--dt-color-gradient-magenta-purple);
1868
- --dt-color-border-brand-h: var(--dt-color-brand-purple-h);
1869
- --dt-color-border-brand-s: var(--dt-color-brand-purple-s);
1870
- --dt-color-border-brand-l: var(--dt-color-brand-purple-l);
1871
- --dt-color-border-brand-a: var(--dt-color-brand-purple-a);
1872
- --dt-color-border-brand-hsl: var(--dt-color-brand-purple-hsl);
1873
- --dt-color-border-brand-hsla: var(--dt-color-brand-purple-hsla);
1874
- --dt-color-border-brand: var(--dt-color-brand-purple);
1847
+ --dt-color-link-disabled-inverted-hover-h: var(--dt-color-foreground-disabled-inverted-h);
1848
+ --dt-color-link-disabled-inverted-hover-s: var(--dt-color-foreground-disabled-inverted-s);
1849
+ --dt-color-link-disabled-inverted-hover-l: var(--dt-color-foreground-disabled-inverted-l);
1850
+ --dt-color-link-disabled-inverted-hover-a: var(--dt-color-foreground-disabled-inverted-a);
1851
+ --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-foreground-disabled-inverted-hsl);
1852
+ --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-foreground-disabled-inverted-hsla);
1853
+ --dt-color-link-disabled-inverted-hover: var(--dt-color-foreground-disabled-inverted);
1875
1854
  --dt-color-link-success-inverted-hover-h: var(--dt-color-foreground-success-strong-inverted-h);
1876
1855
  --dt-color-link-success-inverted-hover-s: var(--dt-color-foreground-success-strong-inverted-s);
1877
1856
  --dt-color-link-success-inverted-hover-l: var(--dt-color-foreground-success-strong-inverted-l);
@@ -1893,6 +1872,20 @@
1893
1872
  --dt-color-link-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
1894
1873
  --dt-color-link-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
1895
1874
  --dt-color-link-muted-hover: var(--dt-color-foreground-primary);
1875
+ --dt-color-link-success-hover-h: var(--dt-color-foreground-success-strong-h);
1876
+ --dt-color-link-success-hover-s: var(--dt-color-foreground-success-strong-s);
1877
+ --dt-color-link-success-hover-l: var(--dt-color-foreground-success-strong-l);
1878
+ --dt-color-link-success-hover-a: var(--dt-color-foreground-success-strong-a);
1879
+ --dt-color-link-success-hover-hsl: var(--dt-color-foreground-success-strong-hsl);
1880
+ --dt-color-link-success-hover-hsla: var(--dt-color-foreground-success-strong-hsla);
1881
+ --dt-color-link-success-hover: var(--dt-color-foreground-success-strong);
1882
+ --dt-color-link-critical-hover-h: var(--dt-color-foreground-critical-strong-h);
1883
+ --dt-color-link-critical-hover-s: var(--dt-color-foreground-critical-strong-s);
1884
+ --dt-color-link-critical-hover-l: var(--dt-color-foreground-critical-strong-l);
1885
+ --dt-color-link-critical-hover-a: var(--dt-color-foreground-critical-strong-a);
1886
+ --dt-color-link-critical-hover-hsl: var(--dt-color-foreground-critical-strong-hsl);
1887
+ --dt-color-link-critical-hover-hsla: var(--dt-color-foreground-critical-strong-hsla);
1888
+ --dt-color-link-critical-hover: var(--dt-color-foreground-critical-strong);
1896
1889
  --dt-color-link-disabled-inverted-h: var(--dt-color-foreground-disabled-inverted-h);
1897
1890
  --dt-color-link-disabled-inverted-s: var(--dt-color-foreground-disabled-inverted-s);
1898
1891
  --dt-color-link-disabled-inverted-l: var(--dt-color-foreground-disabled-inverted-l);
@@ -1963,21 +1956,7 @@
1963
1956
  --dt-color-link-critical-hsl: var(--dt-color-foreground-critical-hsl);
1964
1957
  --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
1965
1958
  --dt-color-link-critical: var(--dt-color-foreground-critical);
1966
- --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1967
- --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1968
- --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
1969
- --dt-radio-color-border-checked-a: var(--dt-color-border-brand-a);
1970
- --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1971
- --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1972
- --dt-radio-color-border-checked: var(--dt-color-border-brand);
1973
1959
  --dt-icon-size-border-500: var(--dt-icon-size-border-400);
1974
- --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
1975
- --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
1976
- --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
1977
- --dt-checkbox-color-border-checked-a: var(--dt-color-border-brand-a);
1978
- --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1979
- --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1980
- --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1981
1960
  --dt-theme-sidebar-icon-color-foreground-h: var(--dt-theme-sidebar-color-foreground-h);
1982
1961
  --dt-theme-sidebar-icon-color-foreground-s: var(--dt-theme-sidebar-color-foreground-s);
1983
1962
  --dt-theme-sidebar-icon-color-foreground-l: var(--dt-theme-sidebar-color-foreground-l);
@@ -2001,25 +1980,46 @@
2001
1980
  --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
2002
1981
  --dt-theme-topbar-field-color-background-hover-h: 0;
2003
1982
  --dt-theme-topbar-field-color-background-hover-s: 0%;
2004
- --dt-theme-topbar-field-color-background-hover-l: 9.11%;
1983
+ --dt-theme-topbar-field-color-background-hover-l: 8.27%;
2005
1984
  --dt-theme-topbar-field-color-background-hover-a: 100%;
2006
1985
  --dt-theme-topbar-field-color-background-hover-hsl: var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l);
2007
1986
  --dt-theme-topbar-field-color-background-hover-hsla: hsl(var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l) / var(--alpha, 100%));
2008
- --dt-theme-topbar-field-color-background-hover: hsl(0 0% 9.11%);
2009
- --dt-action-color-foreground-positive-active-h: var(--dt-action-color-foreground-positive-hover-h);
2010
- --dt-action-color-foreground-positive-active-s: var(--dt-action-color-foreground-positive-hover-s);
2011
- --dt-action-color-foreground-positive-active-l: var(--dt-action-color-foreground-positive-hover-l);
2012
- --dt-action-color-foreground-positive-active-a: var(--dt-action-color-foreground-positive-hover-a);
2013
- --dt-action-color-foreground-positive-active-hsl: var(--dt-action-color-foreground-positive-hover-hsl);
2014
- --dt-action-color-foreground-positive-active-hsla: var(--dt-action-color-foreground-positive-hover-hsla);
2015
- --dt-action-color-foreground-positive-active: var(--dt-action-color-foreground-positive-hover);
2016
- --dt-action-color-foreground-muted-active-h: var(--dt-action-color-foreground-muted-hover-h);
2017
- --dt-action-color-foreground-muted-active-s: var(--dt-action-color-foreground-muted-hover-s);
2018
- --dt-action-color-foreground-muted-active-l: var(--dt-action-color-foreground-muted-hover-l);
2019
- --dt-action-color-foreground-muted-active-a: var(--dt-action-color-foreground-muted-hover-a);
2020
- --dt-action-color-foreground-muted-active-hsl: var(--dt-action-color-foreground-muted-hover-hsl);
2021
- --dt-action-color-foreground-muted-active-hsla: var(--dt-action-color-foreground-muted-hover-hsla);
2022
- --dt-action-color-foreground-muted-active: var(--dt-action-color-foreground-muted-hover);
1987
+ --dt-theme-topbar-field-color-background-hover: hsl(0 0% 8.27%);
1988
+ --dt-action-color-foreground-positive-hover-h: var(--dt-color-link-success-hover-h);
1989
+ --dt-action-color-foreground-positive-hover-s: var(--dt-color-link-success-hover-s);
1990
+ --dt-action-color-foreground-positive-hover-l: var(--dt-color-link-success-hover-l);
1991
+ --dt-action-color-foreground-positive-hover-a: var(--dt-color-link-success-hover-a);
1992
+ --dt-action-color-foreground-positive-hover-hsl: var(--dt-color-link-success-hover-hsl);
1993
+ --dt-action-color-foreground-positive-hover-hsla: var(--dt-color-link-success-hover-hsla);
1994
+ --dt-action-color-foreground-positive-hover: var(--dt-color-link-success-hover);
1995
+ --dt-action-color-foreground-positive-default-h: var(--dt-color-link-success-h);
1996
+ --dt-action-color-foreground-positive-default-s: var(--dt-color-link-success-s);
1997
+ --dt-action-color-foreground-positive-default-l: var(--dt-color-link-success-l);
1998
+ --dt-action-color-foreground-positive-default-a: var(--dt-color-link-success-a);
1999
+ --dt-action-color-foreground-positive-default-hsl: var(--dt-color-link-success-hsl);
2000
+ --dt-action-color-foreground-positive-default-hsla: var(--dt-color-link-success-hsla);
2001
+ --dt-action-color-foreground-positive-default: var(--dt-color-link-success);
2002
+ --dt-action-color-foreground-muted-hover-h: var(--dt-color-link-muted-hover-h);
2003
+ --dt-action-color-foreground-muted-hover-s: var(--dt-color-link-muted-hover-s);
2004
+ --dt-action-color-foreground-muted-hover-l: var(--dt-color-link-muted-hover-l);
2005
+ --dt-action-color-foreground-muted-hover-a: var(--dt-color-link-muted-hover-a);
2006
+ --dt-action-color-foreground-muted-hover-hsl: var(--dt-color-link-muted-hover-hsl);
2007
+ --dt-action-color-foreground-muted-hover-hsla: var(--dt-color-link-muted-hover-hsla);
2008
+ --dt-action-color-foreground-muted-hover: var(--dt-color-link-muted-hover);
2009
+ --dt-action-color-foreground-muted-default-h: var(--dt-color-link-muted-h);
2010
+ --dt-action-color-foreground-muted-default-s: var(--dt-color-link-muted-s);
2011
+ --dt-action-color-foreground-muted-default-l: var(--dt-color-link-muted-l);
2012
+ --dt-action-color-foreground-muted-default-a: var(--dt-color-link-muted-a);
2013
+ --dt-action-color-foreground-muted-default-hsl: var(--dt-color-link-muted-hsl);
2014
+ --dt-action-color-foreground-muted-default-hsla: var(--dt-color-link-muted-hsla);
2015
+ --dt-action-color-foreground-muted-default: var(--dt-color-link-muted);
2016
+ --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
2017
+ --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
2018
+ --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
2019
+ --dt-action-color-foreground-inverted-primary-active-a: var(--dt-action-color-foreground-inverted-primary-hover-a);
2020
+ --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
2021
+ --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
2022
+ --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
2023
2023
  --dt-action-color-foreground-inverted-hover-h: var(--dt-action-color-foreground-inverted-default-h);
2024
2024
  --dt-action-color-foreground-inverted-hover-s: var(--dt-action-color-foreground-inverted-default-s);
2025
2025
  --dt-action-color-foreground-inverted-hover-l: var(--dt-action-color-foreground-inverted-default-l);
@@ -2027,6 +2027,27 @@
2027
2027
  --dt-action-color-foreground-inverted-hover-hsl: var(--dt-action-color-foreground-inverted-default-hsl);
2028
2028
  --dt-action-color-foreground-inverted-hover-hsla: var(--dt-action-color-foreground-inverted-default-hsla);
2029
2029
  --dt-action-color-foreground-inverted-hover: var(--dt-action-color-foreground-inverted-default);
2030
+ --dt-action-color-foreground-critical-hover-h: var(--dt-color-link-critical-hover-h);
2031
+ --dt-action-color-foreground-critical-hover-s: var(--dt-color-link-critical-hover-s);
2032
+ --dt-action-color-foreground-critical-hover-l: var(--dt-color-link-critical-hover-l);
2033
+ --dt-action-color-foreground-critical-hover-a: var(--dt-color-link-critical-hover-a);
2034
+ --dt-action-color-foreground-critical-hover-hsl: var(--dt-color-link-critical-hover-hsl);
2035
+ --dt-action-color-foreground-critical-hover-hsla: var(--dt-color-link-critical-hover-hsla);
2036
+ --dt-action-color-foreground-critical-hover: var(--dt-color-link-critical-hover);
2037
+ --dt-action-color-foreground-critical-default-h: var(--dt-color-link-critical-h);
2038
+ --dt-action-color-foreground-critical-default-s: var(--dt-color-link-critical-s);
2039
+ --dt-action-color-foreground-critical-default-l: var(--dt-color-link-critical-l);
2040
+ --dt-action-color-foreground-critical-default-a: var(--dt-color-link-critical-a);
2041
+ --dt-action-color-foreground-critical-default-hsl: var(--dt-color-link-critical-hsl);
2042
+ --dt-action-color-foreground-critical-default-hsla: var(--dt-color-link-critical-hsla);
2043
+ --dt-action-color-foreground-critical-default: var(--dt-color-link-critical);
2044
+ --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
2045
+ --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
2046
+ --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
2047
+ --dt-action-color-foreground-base-active-a: var(--dt-action-color-foreground-base-hover-a);
2048
+ --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
2049
+ --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
2050
+ --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
2030
2051
  --dt-typography-button-xl-font-size: var(--dt-button-font-size-xl); /* Text style for extra large button */
2031
2052
  --dt-typography-button-lg-font-size: var(--dt-button-font-size-lg); /* Text style for large button */
2032
2053
  --dt-typography-button-md-font-size: var(--dt-button-font-size-md); /* Text style for medium button */
@@ -2078,13 +2099,6 @@
2078
2099
  --dt-typography-helper-sm: var(--dt-typography-helper-sm-font-weight) var(--dt-typography-helper-sm-font-size)/var(--dt-typography-helper-sm-line-height) var(--dt-typography-helper-sm-font-family);
2079
2100
  --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
2080
2101
  --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family); /* Text style for extra small inputs (e.g. input and textarea) */
2081
- --dt-color-link-disabled-inverted-hover-h: var(--dt-color-link-disabled-h);
2082
- --dt-color-link-disabled-inverted-hover-s: var(--dt-color-link-disabled-s);
2083
- --dt-color-link-disabled-inverted-hover-l: var(--dt-color-link-disabled-l);
2084
- --dt-color-link-disabled-inverted-hover-a: var(--dt-color-link-disabled-a);
2085
- --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-link-disabled-hsl);
2086
- --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-link-disabled-hsla);
2087
- --dt-color-link-disabled-inverted-hover: var(--dt-color-link-disabled);
2088
2102
  --dt-color-link-disabled-hover-h: var(--dt-color-link-disabled-h);
2089
2103
  --dt-color-link-disabled-hover-s: var(--dt-color-link-disabled-s);
2090
2104
  --dt-color-link-disabled-hover-l: var(--dt-color-link-disabled-l);
@@ -2092,6 +2106,20 @@
2092
2106
  --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
2093
2107
  --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
2094
2108
  --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
2109
+ --dt-action-color-foreground-positive-active-h: var(--dt-action-color-foreground-positive-hover-h);
2110
+ --dt-action-color-foreground-positive-active-s: var(--dt-action-color-foreground-positive-hover-s);
2111
+ --dt-action-color-foreground-positive-active-l: var(--dt-action-color-foreground-positive-hover-l);
2112
+ --dt-action-color-foreground-positive-active-a: var(--dt-action-color-foreground-positive-hover-a);
2113
+ --dt-action-color-foreground-positive-active-hsl: var(--dt-action-color-foreground-positive-hover-hsl);
2114
+ --dt-action-color-foreground-positive-active-hsla: var(--dt-action-color-foreground-positive-hover-hsla);
2115
+ --dt-action-color-foreground-positive-active: var(--dt-action-color-foreground-positive-hover);
2116
+ --dt-action-color-foreground-muted-active-h: var(--dt-action-color-foreground-muted-hover-h);
2117
+ --dt-action-color-foreground-muted-active-s: var(--dt-action-color-foreground-muted-hover-s);
2118
+ --dt-action-color-foreground-muted-active-l: var(--dt-action-color-foreground-muted-hover-l);
2119
+ --dt-action-color-foreground-muted-active-a: var(--dt-action-color-foreground-muted-hover-a);
2120
+ --dt-action-color-foreground-muted-active-hsl: var(--dt-action-color-foreground-muted-hover-hsl);
2121
+ --dt-action-color-foreground-muted-active-hsla: var(--dt-action-color-foreground-muted-hover-hsla);
2122
+ --dt-action-color-foreground-muted-active: var(--dt-action-color-foreground-muted-hover);
2095
2123
  --dt-action-color-foreground-inverted-active-h: var(--dt-action-color-foreground-inverted-hover-h);
2096
2124
  --dt-action-color-foreground-inverted-active-s: var(--dt-action-color-foreground-inverted-hover-s);
2097
2125
  --dt-action-color-foreground-inverted-active-l: var(--dt-action-color-foreground-inverted-hover-l);
@@ -2099,6 +2127,13 @@
2099
2127
  --dt-action-color-foreground-inverted-active-hsl: var(--dt-action-color-foreground-inverted-hover-hsl);
2100
2128
  --dt-action-color-foreground-inverted-active-hsla: var(--dt-action-color-foreground-inverted-hover-hsla);
2101
2129
  --dt-action-color-foreground-inverted-active: var(--dt-action-color-foreground-inverted-hover);
2130
+ --dt-action-color-foreground-critical-active-h: var(--dt-action-color-foreground-critical-hover-h);
2131
+ --dt-action-color-foreground-critical-active-s: var(--dt-action-color-foreground-critical-hover-s);
2132
+ --dt-action-color-foreground-critical-active-l: var(--dt-action-color-foreground-critical-hover-l);
2133
+ --dt-action-color-foreground-critical-active-a: var(--dt-action-color-foreground-critical-hover-a);
2134
+ --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
2135
+ --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
2136
+ --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
2102
2137
  --dt-font-size-100-mobile: 1.2rem;
2103
2138
  --dt-font-size-200-mobile: 1.6rem;
2104
2139
  --dt-font-size-300-mobile: 2rem;