@dialpad/dialtone 9.105.0 → 9.106.0-rebrand-2025-beta.2

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 (118) hide show
  1. package/README.md +0 -1
  2. package/dist/css/dialtone-default-theme.css +6306 -1549
  3. package/dist/css/dialtone-default-theme.min.css +1 -1
  4. package/dist/css/dialtone-docs.json +1 -1
  5. package/dist/css/dialtone.css +1849 -195
  6. package/dist/css/dialtone.min.css +1 -1
  7. package/dist/css/fonts/SeasonMix-Bold.woff2 +0 -0
  8. package/dist/css/fonts/SeasonMix-Regular.woff2 +0 -0
  9. package/dist/css/fonts/SeasonMix-SemiBold.woff2 +0 -0
  10. package/dist/css/tokens/tokens-base-dark.css +526 -161
  11. package/dist/css/tokens/tokens-base-deca-dark.css +98 -48
  12. package/dist/css/tokens/tokens-base-deca-light.css +94 -44
  13. package/dist/css/tokens/tokens-base-light.css +493 -128
  14. package/dist/css/tokens/tokens-debug-base.css +368 -3
  15. package/dist/css/tokens/tokens-debug-dp.css +1027 -669
  16. package/dist/css/tokens/tokens-deca-dark.css +797 -768
  17. package/dist/css/tokens/tokens-deca-light.css +736 -707
  18. package/dist/css/tokens/tokens-dp-dark.css +1275 -917
  19. package/dist/css/tokens/tokens-dp-light.css +1331 -973
  20. package/dist/css/tokens/tokens-expressive-dark.css +1275 -917
  21. package/dist/css/tokens/tokens-expressive-light.css +1328 -970
  22. package/dist/css/tokens/tokens-expressive-sm-dark.css +1275 -917
  23. package/dist/css/tokens/tokens-expressive-sm-light.css +1328 -970
  24. package/dist/css/tokens/tokens-tmo-dark.css +1431 -1073
  25. package/dist/css/tokens/tokens-tmo-light.css +1473 -1115
  26. package/dist/css/tokens-docs.json +1 -1
  27. package/dist/tokens/css/tokens-base-dark.css +526 -161
  28. package/dist/tokens/css/tokens-base-deca-dark.css +98 -48
  29. package/dist/tokens/css/tokens-base-deca-light.css +94 -44
  30. package/dist/tokens/css/tokens-base-light.css +493 -128
  31. package/dist/tokens/css/tokens-debug-base.css +368 -3
  32. package/dist/tokens/css/tokens-debug-dp.css +1027 -669
  33. package/dist/tokens/css/tokens-deca-dark.css +797 -768
  34. package/dist/tokens/css/tokens-deca-light.css +736 -707
  35. package/dist/tokens/css/tokens-dp-dark.css +1275 -917
  36. package/dist/tokens/css/tokens-dp-light.css +1331 -973
  37. package/dist/tokens/css/tokens-expressive-dark.css +1275 -917
  38. package/dist/tokens/css/tokens-expressive-light.css +1328 -970
  39. package/dist/tokens/css/tokens-expressive-sm-dark.css +1275 -917
  40. package/dist/tokens/css/tokens-expressive-sm-light.css +1328 -970
  41. package/dist/tokens/css/tokens-tmo-dark.css +1431 -1073
  42. package/dist/tokens/css/tokens-tmo-light.css +1473 -1115
  43. package/dist/tokens/doc.json +88610 -68384
  44. package/dist/tokens/less/tokens-base-dark.less +99 -46
  45. package/dist/tokens/less/tokens-base-deca-dark.less +23 -15
  46. package/dist/tokens/less/tokens-base-deca-light.less +22 -14
  47. package/dist/tokens/less/tokens-base-light.less +90 -37
  48. package/dist/tokens/less/tokens-deca-dark.less +187 -182
  49. package/dist/tokens/less/tokens-deca-light.less +178 -173
  50. package/dist/tokens/less/tokens-dp-dark.less +239 -187
  51. package/dist/tokens/less/tokens-dp-light.less +237 -185
  52. package/dist/tokens/less/tokens-expressive-dark.less +262 -210
  53. package/dist/tokens/less/tokens-expressive-light.less +260 -208
  54. package/dist/tokens/less/tokens-expressive-sm-dark.less +262 -210
  55. package/dist/tokens/less/tokens-expressive-sm-light.less +260 -208
  56. package/dist/tokens/less/tokens-tmo-dark.less +259 -207
  57. package/dist/tokens/less/tokens-tmo-light.less +250 -198
  58. package/dist/tokens/themes/chunks/tokens-base-dark-BjqCt8ke.js +1 -0
  59. package/dist/tokens/themes/chunks/tokens-base-dark-DtZ_Inhl.js +4 -0
  60. package/dist/tokens/themes/chunks/tokens-base-light-CIQSO1H9.js +4 -0
  61. package/dist/tokens/themes/chunks/tokens-base-light-Cll0VrKT.js +1 -0
  62. package/dist/tokens/themes/debug.cjs +1 -1
  63. package/dist/tokens/themes/debug.js +1 -1
  64. package/dist/tokens/themes/dp-dark.cjs +1 -1
  65. package/dist/tokens/themes/dp-dark.js +2 -2
  66. package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
  67. package/dist/tokens/themes/dp-deca-dark.js +1 -1
  68. package/dist/tokens/themes/dp-deca-light.cjs +1 -1
  69. package/dist/tokens/themes/dp-deca-light.js +2 -2
  70. package/dist/tokens/themes/dp-light.cjs +1 -1
  71. package/dist/tokens/themes/dp-light.js +2 -2
  72. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  73. package/dist/tokens/themes/expressive-dark.js +3 -3
  74. package/dist/tokens/themes/expressive-light.cjs +1 -1
  75. package/dist/tokens/themes/expressive-light.js +3 -3
  76. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  77. package/dist/tokens/themes/expressive-sm-dark.js +3 -3
  78. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  79. package/dist/tokens/themes/expressive-sm-light.js +3 -3
  80. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  81. package/dist/tokens/themes/tmo-dark.js +2 -2
  82. package/dist/tokens/themes/tmo-light.cjs +1 -1
  83. package/dist/tokens/themes/tmo-light.js +2 -2
  84. package/dist/tokens/tokens-base-dark.json +99 -46
  85. package/dist/tokens/tokens-base-deca-dark.json +20 -12
  86. package/dist/tokens/tokens-base-deca-light.json +19 -11
  87. package/dist/tokens/tokens-base-light.json +90 -37
  88. package/dist/tokens/tokens-deca-dark.json +184 -179
  89. package/dist/tokens/tokens-deca-light.json +176 -171
  90. package/dist/tokens/tokens-dp-dark.json +223 -171
  91. package/dist/tokens/tokens-dp-light.json +234 -182
  92. package/dist/tokens/tokens-expressive-dark.json +246 -194
  93. package/dist/tokens/tokens-expressive-light.json +257 -205
  94. package/dist/tokens/tokens-expressive-sm-dark.json +246 -194
  95. package/dist/tokens/tokens-expressive-sm-light.json +257 -205
  96. package/dist/tokens/tokens-tmo-dark.json +248 -196
  97. package/dist/tokens/tokens-tmo-light.json +245 -193
  98. package/dist/vue2/components/pagination/pagination.vue.cjs +2 -2
  99. package/dist/vue2/components/pagination/pagination.vue.cjs.map +1 -1
  100. package/dist/vue2/components/pagination/pagination.vue.js +2 -2
  101. package/dist/vue2/components/pagination/pagination.vue.js.map +1 -1
  102. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.cjs.map +1 -1
  103. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.js.map +1 -1
  104. package/dist/vue3/components/pagination/pagination.vue.cjs +2 -2
  105. package/dist/vue3/components/pagination/pagination.vue.cjs.map +1 -1
  106. package/dist/vue3/components/pagination/pagination.vue.js +2 -2
  107. package/dist/vue3/components/pagination/pagination.vue.js.map +1 -1
  108. package/package.json +3 -3
  109. package/dist/css/fonts/Archivo-Bold.woff2 +0 -0
  110. package/dist/css/fonts/Archivo-Regular.woff2 +0 -0
  111. package/dist/css/fonts/Archivo-SemiBold.woff2 +0 -0
  112. package/dist/css/fonts/ArchivoExpanded-SemiBold.woff2 +0 -0
  113. package/dist/css/fonts/ArchivoSemiExpanded-Medium.woff2 +0 -0
  114. package/dist/css/fonts/ArchivoSemiExpanded-SemiBold.woff2 +0 -0
  115. package/dist/tokens/themes/chunks/tokens-base-dark-BnTEKGxK.js +0 -4
  116. package/dist/tokens/themes/chunks/tokens-base-dark-Ch4dTh7V.js +0 -1
  117. package/dist/tokens/themes/chunks/tokens-base-light-BLxKOiup.js +0 -4
  118. package/dist/tokens/themes/chunks/tokens-base-light-DWLxg2cD.js +0 -1
package/dist/css/tokens/tokens-deca-dark.css CHANGED
@@ -167,16 +167,16 @@
167
167
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
168
168
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
169
169
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
170
- --dt-button-font-weight-md: var(--dt-font-weight-semi-bold);
171
- --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold);
172
- --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold);
173
- --dt-badge-color-border-bulletin-subtle-h: 258;
174
- --dt-badge-color-border-bulletin-subtle-s: 100%;
175
- --dt-badge-color-border-bulletin-subtle-l: 70.4%;
170
+ --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
171
+ --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
172
+ --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
173
+ --dt-badge-color-border-bulletin-subtle-h: 253;
174
+ --dt-badge-color-border-bulletin-subtle-s: 95.9%;
175
+ --dt-badge-color-border-bulletin-subtle-l: 71.6%;
176
176
  --dt-badge-color-border-bulletin-subtle-a: 60%;
177
177
  --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);
178
178
  --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%));
179
- --dt-badge-color-border-bulletin-subtle: hsl(258 100% 70.4% / 0.6);
179
+ --dt-badge-color-border-bulletin-subtle: hsl(253 95.9% 71.6% / 0.6);
180
180
  --dt-badge-color-foreground-ai-h: var(--dt-color-neutral-white-h);
181
181
  --dt-badge-color-foreground-ai-s: var(--dt-color-neutral-white-s);
182
182
  --dt-badge-color-foreground-ai-l: var(--dt-color-neutral-white-l);
@@ -282,13 +282,13 @@
282
282
  --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-425-hsl);
283
283
  --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-425-hsla);
284
284
  --dt-theme-presence-color-background-available: var(--dt-color-green-425);
285
- --dt-theme-color-base-h: var(--dt-color-black-900-h);
286
- --dt-theme-color-base-s: var(--dt-color-black-900-s);
287
- --dt-theme-color-base-l: var(--dt-color-black-900-l);
288
- --dt-theme-color-base-a: var(--dt-color-black-900-a);
289
- --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
290
- --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
291
- --dt-theme-color-base: var(--dt-color-black-900);
285
+ --dt-theme-color-base-h: var(--dt-color-tan-900-h);
286
+ --dt-theme-color-base-s: var(--dt-color-tan-900-s);
287
+ --dt-theme-color-base-l: var(--dt-color-tan-900-l);
288
+ --dt-theme-color-base-a: var(--dt-color-tan-900-a);
289
+ --dt-theme-color-base-hsl: var(--dt-color-tan-900-hsl);
290
+ --dt-theme-color-base-hsla: var(--dt-color-tan-900-hsla);
291
+ --dt-theme-color-base: var(--dt-color-tan-900);
292
292
  --dt-action-color-background-positive-primary-hover-h: var(--dt-color-green-500-h);
293
293
  --dt-action-color-background-positive-primary-hover-s: var(--dt-color-green-500-s);
294
294
  --dt-action-color-background-positive-primary-hover-l: var(--dt-color-green-500-l);
@@ -331,20 +331,6 @@
331
331
  --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-black-100-hsl);
332
332
  --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-black-100-hsla);
333
333
  --dt-action-color-background-inverted-primary-default: var(--dt-color-black-100);
334
- --dt-action-color-background-inverted-active-h: var(--dt-color-black-700-h);
335
- --dt-action-color-background-inverted-active-s: var(--dt-color-black-700-s);
336
- --dt-action-color-background-inverted-active-l: var(--dt-color-black-700-l);
337
- --dt-action-color-background-inverted-active-a: var(--dt-color-black-700-a);
338
- --dt-action-color-background-inverted-active-hsl: var(--dt-color-black-700-hsl);
339
- --dt-action-color-background-inverted-active-hsla: var(--dt-color-black-700-hsla);
340
- --dt-action-color-background-inverted-active: var(--dt-color-black-700);
341
- --dt-action-color-background-inverted-hover-h: var(--dt-color-black-800-h);
342
- --dt-action-color-background-inverted-hover-s: var(--dt-color-black-800-s);
343
- --dt-action-color-background-inverted-hover-l: var(--dt-color-black-800-l);
344
- --dt-action-color-background-inverted-hover-a: var(--dt-color-black-800-a);
345
- --dt-action-color-background-inverted-hover-hsl: var(--dt-color-black-800-hsl);
346
- --dt-action-color-background-inverted-hover-hsla: var(--dt-color-black-800-hsla);
347
- --dt-action-color-background-inverted-hover: var(--dt-color-black-800);
348
334
  --dt-action-color-background-inverted-default-h: var(--dt-color-neutral-transparent-h);
349
335
  --dt-action-color-background-inverted-default-s: var(--dt-color-neutral-transparent-s);
350
336
  --dt-action-color-background-inverted-default-l: var(--dt-color-neutral-transparent-l);
@@ -373,27 +359,27 @@
373
359
  --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
374
360
  --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
375
361
  --dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
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-450-h);
384
- --dt-action-color-background-base-primary-default-s: var(--dt-color-purple-450-s);
385
- --dt-action-color-background-base-primary-default-l: var(--dt-color-purple-450-l);
386
- --dt-action-color-background-base-primary-default-a: var(--dt-color-purple-450-a);
387
- --dt-action-color-background-base-primary-default-hsl: var(--dt-color-purple-450-hsl);
388
- --dt-action-color-background-base-primary-default-hsla: var(--dt-color-purple-450-hsla);
389
- --dt-action-color-background-base-primary-default: var(--dt-color-purple-450);
390
- --dt-action-color-background-base-hover-h: 258;
391
- --dt-action-color-background-base-hover-s: 100%;
392
- --dt-action-color-background-base-hover-l: 70.4%;
362
+ --dt-action-color-background-base-primary-hover-h: var(--dt-color-purple-550-h);
363
+ --dt-action-color-background-base-primary-hover-s: var(--dt-color-purple-550-s);
364
+ --dt-action-color-background-base-primary-hover-l: var(--dt-color-purple-550-l);
365
+ --dt-action-color-background-base-primary-hover-a: var(--dt-color-purple-550-a);
366
+ --dt-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-550-hsl);
367
+ --dt-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-550-hsla);
368
+ --dt-action-color-background-base-primary-hover: var(--dt-color-purple-550);
369
+ --dt-action-color-background-base-primary-default-h: var(--dt-color-purple-500-h);
370
+ --dt-action-color-background-base-primary-default-s: var(--dt-color-purple-500-s);
371
+ --dt-action-color-background-base-primary-default-l: var(--dt-color-purple-500-l);
372
+ --dt-action-color-background-base-primary-default-a: var(--dt-color-purple-500-a);
373
+ --dt-action-color-background-base-primary-default-hsl: var(--dt-color-purple-500-hsl);
374
+ --dt-action-color-background-base-primary-default-hsla: var(--dt-color-purple-500-hsla);
375
+ --dt-action-color-background-base-primary-default: var(--dt-color-purple-500);
376
+ --dt-action-color-background-base-hover-h: 253;
377
+ --dt-action-color-background-base-hover-s: 95.9%;
378
+ --dt-action-color-background-base-hover-l: 71.6%;
393
379
  --dt-action-color-background-base-hover-a: 20%;
394
380
  --dt-action-color-background-base-hover-hsl: var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l);
395
381
  --dt-action-color-background-base-hover-hsla: hsl(var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l) / var(--alpha, 20%));
396
- --dt-action-color-background-base-hover: hsl(258 100% 70.4% / 0.2);
382
+ --dt-action-color-background-base-hover: hsl(253 95.9% 71.6% / 0.2);
397
383
  --dt-action-color-background-base-default-h: var(--dt-color-neutral-transparent-h);
398
384
  --dt-action-color-background-base-default-s: var(--dt-color-neutral-transparent-s);
399
385
  --dt-action-color-background-base-default-l: var(--dt-color-neutral-transparent-l);
@@ -587,6 +573,20 @@
587
573
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
588
574
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
589
575
  --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
576
+ --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
577
+ --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
578
+ --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
579
+ --dt-color-border-accent-a: var(--dt-color-brand-magenta-a);
580
+ --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
581
+ --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
582
+ --dt-color-border-accent: var(--dt-color-brand-magenta);
583
+ --dt-color-border-focus-h: var(--dt-color-blue-300-h);
584
+ --dt-color-border-focus-s: var(--dt-color-blue-300-s);
585
+ --dt-color-border-focus-l: var(--dt-color-blue-300-l);
586
+ --dt-color-border-focus-a: var(--dt-color-blue-300-a);
587
+ --dt-color-border-focus-hsl: var(--dt-color-blue-300-hsl);
588
+ --dt-color-border-focus-hsla: var(--dt-color-blue-300-hsla);
589
+ --dt-color-border-focus: var(--dt-color-blue-300);
590
590
  --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-250-h);
591
591
  --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-250-s);
592
592
  --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-250-l);
@@ -594,13 +594,6 @@
594
594
  --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-250-hsl);
595
595
  --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-250-hsla);
596
596
  --dt-color-border-brand-strong-inverted: var(--dt-color-purple-250);
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
597
  --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-350-h);
605
598
  --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-350-s);
606
599
  --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-350-l);
@@ -608,13 +601,6 @@
608
601
  --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-gold-350-hsl);
609
602
  --dt-color-border-warning-strong-inverted-hsla: var(--dt-color-gold-350-hsla);
610
603
  --dt-color-border-warning-strong-inverted: var(--dt-color-gold-350);
611
- --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-600-h);
612
- --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-600-s);
613
- --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-600-l);
614
- --dt-color-border-warning-subtle-inverted-a: var(--dt-color-gold-600-a);
615
- --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-600-hsl);
616
- --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-600-hsla);
617
- --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-600);
618
604
  --dt-color-border-success-strong-inverted-h: var(--dt-color-green-200-h);
619
605
  --dt-color-border-success-strong-inverted-s: var(--dt-color-green-200-s);
620
606
  --dt-color-border-success-strong-inverted-l: var(--dt-color-green-200-l);
@@ -622,13 +608,6 @@
622
608
  --dt-color-border-success-strong-inverted-hsl: var(--dt-color-green-200-hsl);
623
609
  --dt-color-border-success-strong-inverted-hsla: var(--dt-color-green-200-hsla);
624
610
  --dt-color-border-success-strong-inverted: var(--dt-color-green-200);
625
- --dt-color-border-success-subtle-inverted-h: var(--dt-color-green-500-h);
626
- --dt-color-border-success-subtle-inverted-s: var(--dt-color-green-500-s);
627
- --dt-color-border-success-subtle-inverted-l: var(--dt-color-green-500-l);
628
- --dt-color-border-success-subtle-inverted-a: var(--dt-color-green-500-a);
629
- --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-500-hsl);
630
- --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-500-hsla);
631
- --dt-color-border-success-subtle-inverted: var(--dt-color-green-500);
632
611
  --dt-color-border-critical-strong-inverted-h: var(--dt-color-red-300-h);
633
612
  --dt-color-border-critical-strong-inverted-s: var(--dt-color-red-300-s);
634
613
  --dt-color-border-critical-strong-inverted-l: var(--dt-color-red-300-l);
@@ -636,6 +615,27 @@
636
615
  --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-300-hsl);
637
616
  --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-300-hsla);
638
617
  --dt-color-border-critical-strong-inverted: var(--dt-color-red-300);
618
+ --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-500-h);
619
+ --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-500-s);
620
+ --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-500-l);
621
+ --dt-color-border-brand-subtle-inverted-a: var(--dt-color-purple-500-a);
622
+ --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-500-hsl);
623
+ --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-500-hsla);
624
+ --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-500);
625
+ --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-600-h);
626
+ --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-600-s);
627
+ --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-600-l);
628
+ --dt-color-border-warning-subtle-inverted-a: var(--dt-color-gold-600-a);
629
+ --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-600-hsl);
630
+ --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-600-hsla);
631
+ --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-600);
632
+ --dt-color-border-success-subtle-inverted-h: var(--dt-color-green-500-h);
633
+ --dt-color-border-success-subtle-inverted-s: var(--dt-color-green-500-s);
634
+ --dt-color-border-success-subtle-inverted-l: var(--dt-color-green-500-l);
635
+ --dt-color-border-success-subtle-inverted-a: var(--dt-color-green-500-a);
636
+ --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-500-hsl);
637
+ --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-500-hsla);
638
+ --dt-color-border-success-subtle-inverted: var(--dt-color-green-500);
639
639
  --dt-color-border-critical-subtle-inverted-h: var(--dt-color-red-600-h);
640
640
  --dt-color-border-critical-subtle-inverted-s: var(--dt-color-red-600-s);
641
641
  --dt-color-border-critical-subtle-inverted-l: var(--dt-color-red-600-l);
@@ -671,6 +671,34 @@
671
671
  --dt-color-border-critical-inverted-hsl: var(--dt-color-red-450-hsl);
672
672
  --dt-color-border-critical-inverted-hsla: var(--dt-color-red-450-hsla);
673
673
  --dt-color-border-critical-inverted: var(--dt-color-red-450);
674
+ --dt-color-border-bold-inverted-h: 0;
675
+ --dt-color-border-bold-inverted-s: 0%;
676
+ --dt-color-border-bold-inverted-l: 0%;
677
+ --dt-color-border-bold-inverted-a: 50%;
678
+ --dt-color-border-bold-inverted-hsl: var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l);
679
+ --dt-color-border-bold-inverted-hsla: hsl(var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l) / var(--alpha, 50%));
680
+ --dt-color-border-bold-inverted: hsl(0 0% 0% / 0.5);
681
+ --dt-color-border-moderate-inverted-h: 0;
682
+ --dt-color-border-moderate-inverted-s: 0%;
683
+ --dt-color-border-moderate-inverted-l: 0%;
684
+ --dt-color-border-moderate-inverted-a: 34%;
685
+ --dt-color-border-moderate-inverted-hsl: var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l);
686
+ --dt-color-border-moderate-inverted-hsla: hsl(var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l) / var(--alpha, 34%));
687
+ --dt-color-border-moderate-inverted: hsl(0 0% 0% / 0.34);
688
+ --dt-color-border-default-inverted-h: 0;
689
+ --dt-color-border-default-inverted-s: 0%;
690
+ --dt-color-border-default-inverted-l: 0%;
691
+ --dt-color-border-default-inverted-a: 18%;
692
+ --dt-color-border-default-inverted-hsl: var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l);
693
+ --dt-color-border-default-inverted-hsla: hsl(var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l) / var(--alpha, 18%));
694
+ --dt-color-border-default-inverted: hsl(0 0% 0% / 0.18);
695
+ --dt-color-border-subtle-inverted-h: 0;
696
+ --dt-color-border-subtle-inverted-s: 0%;
697
+ --dt-color-border-subtle-inverted-l: 0%;
698
+ --dt-color-border-subtle-inverted-a: 10%;
699
+ --dt-color-border-subtle-inverted-hsl: var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l);
700
+ --dt-color-border-subtle-inverted-hsla: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--alpha, 10%));
701
+ --dt-color-border-subtle-inverted: hsl(0 0% 0% / 0.1);
674
702
  --dt-color-border-brand-strong-h: var(--dt-color-purple-550-h);
675
703
  --dt-color-border-brand-strong-s: var(--dt-color-purple-550-s);
676
704
  --dt-color-border-brand-strong-l: var(--dt-color-purple-550-l);
@@ -678,13 +706,6 @@
678
706
  --dt-color-border-brand-strong-hsl: var(--dt-color-purple-550-hsl);
679
707
  --dt-color-border-brand-strong-hsla: var(--dt-color-purple-550-hsla);
680
708
  --dt-color-border-brand-strong: var(--dt-color-purple-550);
681
- --dt-color-border-brand-subtle-h: var(--dt-color-purple-350-h);
682
- --dt-color-border-brand-subtle-s: var(--dt-color-purple-350-s);
683
- --dt-color-border-brand-subtle-l: var(--dt-color-purple-350-l);
684
- --dt-color-border-brand-subtle-a: var(--dt-color-purple-350-a);
685
- --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-350-hsl);
686
- --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-350-hsla);
687
- --dt-color-border-brand-subtle: var(--dt-color-purple-350);
688
709
  --dt-color-border-warning-strong-h: var(--dt-color-gold-700-h);
689
710
  --dt-color-border-warning-strong-s: var(--dt-color-gold-700-s);
690
711
  --dt-color-border-warning-strong-l: var(--dt-color-gold-700-l);
@@ -692,13 +713,6 @@
692
713
  --dt-color-border-warning-strong-hsl: var(--dt-color-gold-700-hsl);
693
714
  --dt-color-border-warning-strong-hsla: var(--dt-color-gold-700-hsla);
694
715
  --dt-color-border-warning-strong: var(--dt-color-gold-700);
695
- --dt-color-border-warning-subtle-h: var(--dt-color-gold-450-h);
696
- --dt-color-border-warning-subtle-s: var(--dt-color-gold-450-s);
697
- --dt-color-border-warning-subtle-l: var(--dt-color-gold-450-l);
698
- --dt-color-border-warning-subtle-a: var(--dt-color-gold-450-a);
699
- --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-450-hsl);
700
- --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-450-hsla);
701
- --dt-color-border-warning-subtle: var(--dt-color-gold-450);
702
716
  --dt-color-border-success-strong-h: var(--dt-color-green-475-h);
703
717
  --dt-color-border-success-strong-s: var(--dt-color-green-475-s);
704
718
  --dt-color-border-success-strong-l: var(--dt-color-green-475-l);
@@ -706,13 +720,6 @@
706
720
  --dt-color-border-success-strong-hsl: var(--dt-color-green-475-hsl);
707
721
  --dt-color-border-success-strong-hsla: var(--dt-color-green-475-hsla);
708
722
  --dt-color-border-success-strong: var(--dt-color-green-475);
709
- --dt-color-border-success-subtle-h: var(--dt-color-green-400-h);
710
- --dt-color-border-success-subtle-s: var(--dt-color-green-400-s);
711
- --dt-color-border-success-subtle-l: var(--dt-color-green-400-l);
712
- --dt-color-border-success-subtle-a: var(--dt-color-green-400-a);
713
- --dt-color-border-success-subtle-hsl: var(--dt-color-green-400-hsl);
714
- --dt-color-border-success-subtle-hsla: var(--dt-color-green-400-hsla);
715
- --dt-color-border-success-subtle: var(--dt-color-green-400);
716
723
  --dt-color-border-critical-strong-h: var(--dt-color-red-700-h);
717
724
  --dt-color-border-critical-strong-s: var(--dt-color-red-700-s);
718
725
  --dt-color-border-critical-strong-l: var(--dt-color-red-700-l);
@@ -720,6 +727,27 @@
720
727
  --dt-color-border-critical-strong-hsl: var(--dt-color-red-700-hsl);
721
728
  --dt-color-border-critical-strong-hsla: var(--dt-color-red-700-hsla);
722
729
  --dt-color-border-critical-strong: var(--dt-color-red-700);
730
+ --dt-color-border-brand-subtle-h: var(--dt-color-purple-350-h);
731
+ --dt-color-border-brand-subtle-s: var(--dt-color-purple-350-s);
732
+ --dt-color-border-brand-subtle-l: var(--dt-color-purple-350-l);
733
+ --dt-color-border-brand-subtle-a: var(--dt-color-purple-350-a);
734
+ --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-350-hsl);
735
+ --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-350-hsla);
736
+ --dt-color-border-brand-subtle: var(--dt-color-purple-350);
737
+ --dt-color-border-warning-subtle-h: var(--dt-color-gold-450-h);
738
+ --dt-color-border-warning-subtle-s: var(--dt-color-gold-450-s);
739
+ --dt-color-border-warning-subtle-l: var(--dt-color-gold-450-l);
740
+ --dt-color-border-warning-subtle-a: var(--dt-color-gold-450-a);
741
+ --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-450-hsl);
742
+ --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-450-hsla);
743
+ --dt-color-border-warning-subtle: var(--dt-color-gold-450);
744
+ --dt-color-border-success-subtle-h: var(--dt-color-green-400-h);
745
+ --dt-color-border-success-subtle-s: var(--dt-color-green-400-s);
746
+ --dt-color-border-success-subtle-l: var(--dt-color-green-400-l);
747
+ --dt-color-border-success-subtle-a: var(--dt-color-green-400-a);
748
+ --dt-color-border-success-subtle-hsl: var(--dt-color-green-400-hsl);
749
+ --dt-color-border-success-subtle-hsla: var(--dt-color-green-400-hsla);
750
+ --dt-color-border-success-subtle: var(--dt-color-green-400);
723
751
  --dt-color-border-critical-subtle-h: var(--dt-color-red-300-h);
724
752
  --dt-color-border-critical-subtle-s: var(--dt-color-red-300-s);
725
753
  --dt-color-border-critical-subtle-l: var(--dt-color-red-300-l);
@@ -727,13 +755,6 @@
727
755
  --dt-color-border-critical-subtle-hsl: var(--dt-color-red-300-hsl);
728
756
  --dt-color-border-critical-subtle-hsla: var(--dt-color-red-300-hsla);
729
757
  --dt-color-border-critical-subtle: var(--dt-color-red-300);
730
- --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
731
- --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
732
- --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
733
- --dt-color-border-accent-a: var(--dt-color-brand-magenta-a);
734
- --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
735
- --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
736
- --dt-color-border-accent: var(--dt-color-brand-magenta);
737
758
  --dt-color-border-brand-h: var(--dt-color-purple-500-h);
738
759
  --dt-color-border-brand-s: var(--dt-color-purple-500-s);
739
760
  --dt-color-border-brand-l: var(--dt-color-purple-500-l);
@@ -762,69 +783,41 @@
762
783
  --dt-color-border-critical-hsl: var(--dt-color-red-600-hsl);
763
784
  --dt-color-border-critical-hsla: var(--dt-color-red-600-hsla);
764
785
  --dt-color-border-critical: var(--dt-color-red-600);
765
- --dt-color-border-focus-h: var(--dt-color-blue-300-h);
766
- --dt-color-border-focus-s: var(--dt-color-blue-300-s);
767
- --dt-color-border-focus-l: var(--dt-color-blue-300-l);
768
- --dt-color-border-focus-a: var(--dt-color-blue-300-a);
769
- --dt-color-border-focus-hsl: var(--dt-color-blue-300-hsl);
770
- --dt-color-border-focus-hsla: var(--dt-color-blue-300-hsla);
771
- --dt-color-border-focus: var(--dt-color-blue-300);
772
- --dt-color-border-bold-inverted-h: 0;
773
- --dt-color-border-bold-inverted-s: 0%;
774
- --dt-color-border-bold-inverted-l: 0%;
775
- --dt-color-border-bold-inverted-a: 50%;
776
- --dt-color-border-bold-inverted-hsl: var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l);
777
- --dt-color-border-bold-inverted-hsla: hsl(var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l) / var(--alpha, 50%));
778
- --dt-color-border-bold-inverted: hsl(0 0% 0% / 0.5);
779
- --dt-color-border-moderate-inverted-h: 0;
780
- --dt-color-border-moderate-inverted-s: 0%;
781
- --dt-color-border-moderate-inverted-l: 0%;
782
- --dt-color-border-moderate-inverted-a: 34%;
783
- --dt-color-border-moderate-inverted-hsl: var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l);
784
- --dt-color-border-moderate-inverted-hsla: hsl(var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l) / var(--alpha, 34%));
785
- --dt-color-border-moderate-inverted: hsl(0 0% 0% / 0.34);
786
- --dt-color-border-default-inverted-h: 0;
787
- --dt-color-border-default-inverted-s: 0%;
788
- --dt-color-border-default-inverted-l: 0%;
789
- --dt-color-border-default-inverted-a: 18%;
790
- --dt-color-border-default-inverted-hsl: var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l);
791
- --dt-color-border-default-inverted-hsla: hsl(var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l) / var(--alpha, 18%));
792
- --dt-color-border-default-inverted: hsl(0 0% 0% / 0.18);
793
- --dt-color-border-subtle-inverted-h: 0;
794
- --dt-color-border-subtle-inverted-s: 0%;
795
- --dt-color-border-subtle-inverted-l: 0%;
796
- --dt-color-border-subtle-inverted-a: 10%;
797
- --dt-color-border-subtle-inverted-hsl: var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l);
798
- --dt-color-border-subtle-inverted-hsla: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--alpha, 10%));
799
- --dt-color-border-subtle-inverted: hsl(0 0% 0% / 0.1);
800
- --dt-color-border-bold-h: 0;
801
- --dt-color-border-bold-s: 0%;
802
- --dt-color-border-bold-l: 100%;
786
+ --dt-color-border-bold-h: 25.7;
787
+ --dt-color-border-bold-s: 10.1%;
788
+ --dt-color-border-bold-l: 86.5%;
803
789
  --dt-color-border-bold-a: 50%;
804
790
  --dt-color-border-bold-hsl: var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l);
805
791
  --dt-color-border-bold-hsla: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--alpha, 50%));
806
- --dt-color-border-bold: hsl(0 0% 100% / 0.5);
807
- --dt-color-border-moderate-h: 0;
808
- --dt-color-border-moderate-s: 0%;
809
- --dt-color-border-moderate-l: 100%;
810
- --dt-color-border-moderate-a: 36%;
792
+ --dt-color-border-bold: hsl(25.7 10.1% 86.5% / 0.5);
793
+ --dt-color-border-moderate-h: 25.7;
794
+ --dt-color-border-moderate-s: 10.1%;
795
+ --dt-color-border-moderate-l: 86.5%;
796
+ --dt-color-border-moderate-a: 30%;
811
797
  --dt-color-border-moderate-hsl: var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l);
812
- --dt-color-border-moderate-hsla: hsl(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--alpha, 36%));
813
- --dt-color-border-moderate: hsl(0 0% 100% / 0.36);
814
- --dt-color-border-default-h: 0;
815
- --dt-color-border-default-s: 0%;
816
- --dt-color-border-default-l: 100%;
817
- --dt-color-border-default-a: 22%;
798
+ --dt-color-border-moderate-hsla: hsl(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--alpha, 30%));
799
+ --dt-color-border-moderate: hsl(25.7 10.1% 86.5% / 0.3);
800
+ --dt-color-border-default-h: 25.7;
801
+ --dt-color-border-default-s: 10.1%;
802
+ --dt-color-border-default-l: 86.5%;
803
+ --dt-color-border-default-a: 17%;
818
804
  --dt-color-border-default-hsl: var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l);
819
- --dt-color-border-default-hsla: hsl(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--alpha, 22%));
820
- --dt-color-border-default: hsl(0 0% 100% / 0.22);
821
- --dt-color-border-subtle-h: 0;
822
- --dt-color-border-subtle-s: 0%;
823
- --dt-color-border-subtle-l: 100%;
824
- --dt-color-border-subtle-a: 14%;
805
+ --dt-color-border-default-hsla: hsl(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--alpha, 17%));
806
+ --dt-color-border-default: hsl(25.7 10.1% 86.5% / 0.17);
807
+ --dt-color-border-subtle-h: 25.713059066771798;
808
+ --dt-color-border-subtle-s: 10.134507855745454%;
809
+ --dt-color-border-subtle-l: 86.45313322846206%;
810
+ --dt-color-border-subtle-a: 11%;
825
811
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
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%));
827
- --dt-color-border-subtle: hsl(0 0% 100% / 0.14);
812
+ --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, 11%));
813
+ --dt-color-border-subtle: lch(88 2.23 62.9 / 0.11);
814
+ --dt-color-surface-backdrop-h: 0;
815
+ --dt-color-surface-backdrop-s: 0%;
816
+ --dt-color-surface-backdrop-l: 0%;
817
+ --dt-color-surface-backdrop-a: 65%;
818
+ --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
819
+ --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%));
820
+ --dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); /* Background color for a modal-like backdrop. */
828
821
  --dt-color-surface-brand-subtle-opaque-inverted-h: 260;
829
822
  --dt-color-surface-brand-subtle-opaque-inverted-s: 100%;
830
823
  --dt-color-surface-brand-subtle-opaque-inverted-l: 98.2%;
@@ -832,13 +825,6 @@
832
825
  --dt-color-surface-brand-subtle-opaque-inverted-hsl: var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l);
833
826
  --dt-color-surface-brand-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--alpha, 66%));
834
827
  --dt-color-surface-brand-subtle-opaque-inverted: hsl(260 100% 98.2% / 0.66); /* Info surface as opaque background color. */
835
- --dt-color-surface-brand-subtle-opaque-h: 260;
836
- --dt-color-surface-brand-subtle-opaque-s: 100%;
837
- --dt-color-surface-brand-subtle-opaque-l: 8.24%;
838
- --dt-color-surface-brand-subtle-opaque-a: 65%;
839
- --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);
840
- --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, 65%));
841
- --dt-color-surface-brand-subtle-opaque: hsl(260 100% 8.24% / 0.65);
842
828
  --dt-color-surface-info-subtle-opaque-inverted-h: 210;
843
829
  --dt-color-surface-info-subtle-opaque-inverted-s: 66.7%;
844
830
  --dt-color-surface-info-subtle-opaque-inverted-l: 97.6%;
@@ -846,6 +832,27 @@
846
832
  --dt-color-surface-info-subtle-opaque-inverted-hsl: var(--dt-color-surface-info-subtle-opaque-inverted-h) var(--dt-color-surface-info-subtle-opaque-inverted-s) var(--dt-color-surface-info-subtle-opaque-inverted-l);
847
833
  --dt-color-surface-info-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-info-subtle-opaque-inverted-h) var(--dt-color-surface-info-subtle-opaque-inverted-s) var(--dt-color-surface-info-subtle-opaque-inverted-l) / var(--alpha, 66%));
848
834
  --dt-color-surface-info-subtle-opaque-inverted: hsl(210 66.7% 97.6% / 0.66); /* Info surface as opaque background color. */
835
+ --dt-color-surface-success-subtle-opaque-inverted-h: 111;
836
+ --dt-color-surface-success-subtle-opaque-inverted-s: 53.79999999999999%;
837
+ --dt-color-surface-success-subtle-opaque-inverted-l: 97.5%;
838
+ --dt-color-surface-success-subtle-opaque-inverted-a: 66%;
839
+ --dt-color-surface-success-subtle-opaque-inverted-hsl: var(--dt-color-surface-success-subtle-opaque-inverted-h) var(--dt-color-surface-success-subtle-opaque-inverted-s) var(--dt-color-surface-success-subtle-opaque-inverted-l);
840
+ --dt-color-surface-success-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-inverted-h) var(--dt-color-surface-success-subtle-opaque-inverted-s) var(--dt-color-surface-success-subtle-opaque-inverted-l) / var(--alpha, 66%));
841
+ --dt-color-surface-success-subtle-opaque-inverted: hsl(111 53.8% 97.5% / 0.66); /* Success subtle surface as opaque background color. */
842
+ --dt-color-surface-warning-subtle-opaque-inverted-h: 48.5;
843
+ --dt-color-surface-warning-subtle-opaque-inverted-s: 100%;
844
+ --dt-color-surface-warning-subtle-opaque-inverted-l: 94.9%;
845
+ --dt-color-surface-warning-subtle-opaque-inverted-a: 70%;
846
+ --dt-color-surface-warning-subtle-opaque-inverted-hsl: var(--dt-color-surface-warning-subtle-opaque-inverted-h) var(--dt-color-surface-warning-subtle-opaque-inverted-s) var(--dt-color-surface-warning-subtle-opaque-inverted-l);
847
+ --dt-color-surface-warning-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-inverted-h) var(--dt-color-surface-warning-subtle-opaque-inverted-s) var(--dt-color-surface-warning-subtle-opaque-inverted-l) / var(--alpha, 70%));
848
+ --dt-color-surface-warning-subtle-opaque-inverted: hsl(48.5 100% 94.9% / 0.7); /* Warning subtle surface as opaque background color */
849
+ --dt-color-surface-critical-subtle-opaque-inverted-h: 358;
850
+ --dt-color-surface-critical-subtle-opaque-inverted-s: 100%;
851
+ --dt-color-surface-critical-subtle-opaque-inverted-l: 94.9%;
852
+ --dt-color-surface-critical-subtle-opaque-inverted-a: 80%;
853
+ --dt-color-surface-critical-subtle-opaque-inverted-hsl: var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l);
854
+ --dt-color-surface-critical-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l) / var(--alpha, 80%));
855
+ --dt-color-surface-critical-subtle-opaque-inverted: hsl(358 100% 94.9% / 0.8);
849
856
  --dt-color-surface-brand-opaque-inverted-h: 260;
850
857
  --dt-color-surface-brand-opaque-inverted-s: 100%;
851
858
  --dt-color-surface-brand-opaque-inverted-l: 97.1%;
@@ -853,13 +860,6 @@
853
860
  --dt-color-surface-brand-opaque-inverted-hsl: var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l);
854
861
  --dt-color-surface-brand-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--alpha, 80%));
855
862
  --dt-color-surface-brand-opaque-inverted: hsl(260 100% 97.1% / 0.8); /* Info surface as opaque background color. */
856
- --dt-color-surface-brand-opaque-h: 260;
857
- --dt-color-surface-brand-opaque-s: 97.7%;
858
- --dt-color-surface-brand-opaque-l: 16.9%;
859
- --dt-color-surface-brand-opaque-a: 70%;
860
- --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);
861
- --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, 70%));
862
- --dt-color-surface-brand-opaque: hsl(260 97.7% 16.9% / 0.7);
863
863
  --dt-color-surface-info-opaque-inverted-h: 210;
864
864
  --dt-color-surface-info-opaque-inverted-s: 61.5%;
865
865
  --dt-color-surface-info-opaque-inverted-l: 94.9%;
@@ -867,13 +867,6 @@
867
867
  --dt-color-surface-info-opaque-inverted-hsl: var(--dt-color-surface-info-opaque-inverted-h) var(--dt-color-surface-info-opaque-inverted-s) var(--dt-color-surface-info-opaque-inverted-l);
868
868
  --dt-color-surface-info-opaque-inverted-hsla: hsl(var(--dt-color-surface-info-opaque-inverted-h) var(--dt-color-surface-info-opaque-inverted-s) var(--dt-color-surface-info-opaque-inverted-l) / var(--alpha, 60%));
869
869
  --dt-color-surface-info-opaque-inverted: hsl(210 61.5% 94.9% / 0.6); /* Info surface as opaque background color. */
870
- --dt-color-surface-success-subtle-opaque-inverted-h: 111;
871
- --dt-color-surface-success-subtle-opaque-inverted-s: 53.79999999999999%;
872
- --dt-color-surface-success-subtle-opaque-inverted-l: 97.5%;
873
- --dt-color-surface-success-subtle-opaque-inverted-a: 66%;
874
- --dt-color-surface-success-subtle-opaque-inverted-hsl: var(--dt-color-surface-success-subtle-opaque-inverted-h) var(--dt-color-surface-success-subtle-opaque-inverted-s) var(--dt-color-surface-success-subtle-opaque-inverted-l);
875
- --dt-color-surface-success-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-inverted-h) var(--dt-color-surface-success-subtle-opaque-inverted-s) var(--dt-color-surface-success-subtle-opaque-inverted-l) / var(--alpha, 66%));
876
- --dt-color-surface-success-subtle-opaque-inverted: hsl(111 53.8% 97.5% / 0.66); /* Success subtle surface as opaque background color. */
877
870
  --dt-color-surface-success-opaque-inverted-h: 85.1;
878
871
  --dt-color-surface-success-opaque-inverted-s: 100%;
879
872
  --dt-color-surface-success-opaque-inverted-l: 83.1%;
@@ -881,13 +874,6 @@
881
874
  --dt-color-surface-success-opaque-inverted-hsl: var(--dt-color-surface-success-opaque-inverted-h) var(--dt-color-surface-success-opaque-inverted-s) var(--dt-color-surface-success-opaque-inverted-l);
882
875
  --dt-color-surface-success-opaque-inverted-hsla: hsl(var(--dt-color-surface-success-opaque-inverted-h) var(--dt-color-surface-success-opaque-inverted-s) var(--dt-color-surface-success-opaque-inverted-l) / var(--alpha, 30%));
883
876
  --dt-color-surface-success-opaque-inverted: hsl(85.1 100% 83.1% / 0.3); /* Success surface as opaque background color. */
884
- --dt-color-surface-warning-subtle-opaque-inverted-h: 48.5;
885
- --dt-color-surface-warning-subtle-opaque-inverted-s: 100%;
886
- --dt-color-surface-warning-subtle-opaque-inverted-l: 94.9%;
887
- --dt-color-surface-warning-subtle-opaque-inverted-a: 70%;
888
- --dt-color-surface-warning-subtle-opaque-inverted-hsl: var(--dt-color-surface-warning-subtle-opaque-inverted-h) var(--dt-color-surface-warning-subtle-opaque-inverted-s) var(--dt-color-surface-warning-subtle-opaque-inverted-l);
889
- --dt-color-surface-warning-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-inverted-h) var(--dt-color-surface-warning-subtle-opaque-inverted-s) var(--dt-color-surface-warning-subtle-opaque-inverted-l) / var(--alpha, 70%));
890
- --dt-color-surface-warning-subtle-opaque-inverted: hsl(48.5 100% 94.9% / 0.7); /* Warning subtle surface as opaque background color */
891
877
  --dt-color-surface-warning-opaque-inverted-h: 46.1;
892
878
  --dt-color-surface-warning-opaque-inverted-s: 100%;
893
879
  --dt-color-surface-warning-opaque-inverted-l: 80.6%;
@@ -895,13 +881,6 @@
895
881
  --dt-color-surface-warning-opaque-inverted-hsl: var(--dt-color-surface-warning-opaque-inverted-h) var(--dt-color-surface-warning-opaque-inverted-s) var(--dt-color-surface-warning-opaque-inverted-l);
896
882
  --dt-color-surface-warning-opaque-inverted-hsla: hsl(var(--dt-color-surface-warning-opaque-inverted-h) var(--dt-color-surface-warning-opaque-inverted-s) var(--dt-color-surface-warning-opaque-inverted-l) / var(--alpha, 50%));
897
883
  --dt-color-surface-warning-opaque-inverted: hsl(46.1 100% 80.6% / 0.5);
898
- --dt-color-surface-critical-subtle-opaque-inverted-h: 358;
899
- --dt-color-surface-critical-subtle-opaque-inverted-s: 100%;
900
- --dt-color-surface-critical-subtle-opaque-inverted-l: 94.9%;
901
- --dt-color-surface-critical-subtle-opaque-inverted-a: 80%;
902
- --dt-color-surface-critical-subtle-opaque-inverted-hsl: var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l);
903
- --dt-color-surface-critical-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l) / var(--alpha, 80%));
904
- --dt-color-surface-critical-subtle-opaque-inverted: hsl(358 100% 94.9% / 0.8);
905
884
  --dt-color-surface-critical-opaque-inverted-h: 4.62;
906
885
  --dt-color-surface-critical-opaque-inverted-s: 100%;
907
886
  --dt-color-surface-critical-opaque-inverted-l: 82.2%;
@@ -909,48 +888,41 @@
909
888
  --dt-color-surface-critical-opaque-inverted-hsl: var(--dt-color-surface-critical-opaque-inverted-h) var(--dt-color-surface-critical-opaque-inverted-s) var(--dt-color-surface-critical-opaque-inverted-l);
910
889
  --dt-color-surface-critical-opaque-inverted-hsla: hsl(var(--dt-color-surface-critical-opaque-inverted-h) var(--dt-color-surface-critical-opaque-inverted-s) var(--dt-color-surface-critical-opaque-inverted-l) / var(--alpha, 50%));
911
890
  --dt-color-surface-critical-opaque-inverted: hsl(4.62 100% 82.2% / 0.5);
912
- --dt-color-surface-contrast-opaque-inverted-h: 0;
913
- --dt-color-surface-contrast-opaque-inverted-s: 0%;
914
- --dt-color-surface-contrast-opaque-inverted-l: 0%;
915
- --dt-color-surface-contrast-opaque-inverted-a: 97%;
891
+ --dt-color-surface-contrast-opaque-inverted-h: 30;
892
+ --dt-color-surface-contrast-opaque-inverted-s: 3.5699999999999994%;
893
+ --dt-color-surface-contrast-opaque-inverted-l: 11%;
894
+ --dt-color-surface-contrast-opaque-inverted-a: 96%;
916
895
  --dt-color-surface-contrast-opaque-inverted-hsl: var(--dt-color-surface-contrast-opaque-inverted-h) var(--dt-color-surface-contrast-opaque-inverted-s) var(--dt-color-surface-contrast-opaque-inverted-l);
917
- --dt-color-surface-contrast-opaque-inverted-hsla: hsl(var(--dt-color-surface-contrast-opaque-inverted-h) var(--dt-color-surface-contrast-opaque-inverted-s) var(--dt-color-surface-contrast-opaque-inverted-l) / var(--alpha, 97%));
918
- --dt-color-surface-contrast-opaque-inverted: hsl(0 0% 0% / 0.97); /* Contrast surface as opaque background color. */
919
- --dt-color-surface-strong-opaque-inverted-h: 0;
920
- --dt-color-surface-strong-opaque-inverted-s: 0%;
921
- --dt-color-surface-strong-opaque-inverted-l: 0%;
922
- --dt-color-surface-strong-opaque-inverted-a: 67%;
896
+ --dt-color-surface-contrast-opaque-inverted-hsla: hsl(var(--dt-color-surface-contrast-opaque-inverted-h) var(--dt-color-surface-contrast-opaque-inverted-s) var(--dt-color-surface-contrast-opaque-inverted-l) / var(--alpha, 96%));
897
+ --dt-color-surface-contrast-opaque-inverted: hsl(30 3.57% 11% / 0.96);
898
+ --dt-color-surface-strong-opaque-inverted-h: 20;
899
+ --dt-color-surface-strong-opaque-inverted-s: 2.44%;
900
+ --dt-color-surface-strong-opaque-inverted-l: 24.1%;
901
+ --dt-color-surface-strong-opaque-inverted-a: 80%;
923
902
  --dt-color-surface-strong-opaque-inverted-hsl: var(--dt-color-surface-strong-opaque-inverted-h) var(--dt-color-surface-strong-opaque-inverted-s) var(--dt-color-surface-strong-opaque-inverted-l);
924
- --dt-color-surface-strong-opaque-inverted-hsla: hsl(var(--dt-color-surface-strong-opaque-inverted-h) var(--dt-color-surface-strong-opaque-inverted-s) var(--dt-color-surface-strong-opaque-inverted-l) / var(--alpha, 67%));
925
- --dt-color-surface-strong-opaque-inverted: hsl(0 0% 0% / 0.67); /* Strong surface as opaque background color. */
926
- --dt-color-surface-bold-opaque-inverted-h: 0;
927
- --dt-color-surface-bold-opaque-inverted-s: 0%;
928
- --dt-color-surface-bold-opaque-inverted-l: 0%;
929
- --dt-color-surface-bold-opaque-inverted-a: 18%;
903
+ --dt-color-surface-strong-opaque-inverted-hsla: hsl(var(--dt-color-surface-strong-opaque-inverted-h) var(--dt-color-surface-strong-opaque-inverted-s) var(--dt-color-surface-strong-opaque-inverted-l) / var(--alpha, 80%));
904
+ --dt-color-surface-strong-opaque-inverted: hsl(20 2.44% 24.1% / 0.8);
905
+ --dt-color-surface-bold-opaque-inverted-h: 20;
906
+ --dt-color-surface-bold-opaque-inverted-s: 5.03%;
907
+ --dt-color-surface-bold-opaque-inverted-l: 64.9%;
908
+ --dt-color-surface-bold-opaque-inverted-a: 56%;
930
909
  --dt-color-surface-bold-opaque-inverted-hsl: var(--dt-color-surface-bold-opaque-inverted-h) var(--dt-color-surface-bold-opaque-inverted-s) var(--dt-color-surface-bold-opaque-inverted-l);
931
- --dt-color-surface-bold-opaque-inverted-hsla: hsl(var(--dt-color-surface-bold-opaque-inverted-h) var(--dt-color-surface-bold-opaque-inverted-s) var(--dt-color-surface-bold-opaque-inverted-l) / var(--alpha, 18%));
932
- --dt-color-surface-bold-opaque-inverted: hsl(0 0% 0% / 0.18);
933
- --dt-color-surface-moderate-opaque-inverted-h: 0;
934
- --dt-color-surface-moderate-opaque-inverted-s: 0%;
935
- --dt-color-surface-moderate-opaque-inverted-l: 0%;
936
- --dt-color-surface-moderate-opaque-inverted-a: 11%;
910
+ --dt-color-surface-bold-opaque-inverted-hsla: hsl(var(--dt-color-surface-bold-opaque-inverted-h) var(--dt-color-surface-bold-opaque-inverted-s) var(--dt-color-surface-bold-opaque-inverted-l) / var(--alpha, 56%));
911
+ --dt-color-surface-bold-opaque-inverted: hsl(20 5.03% 64.9% / 0.56);
912
+ --dt-color-surface-moderate-opaque-inverted-h: 24;
913
+ --dt-color-surface-moderate-opaque-inverted-s: 9.26%;
914
+ --dt-color-surface-moderate-opaque-inverted-l: 78.8%;
915
+ --dt-color-surface-moderate-opaque-inverted-a: 57%;
937
916
  --dt-color-surface-moderate-opaque-inverted-hsl: var(--dt-color-surface-moderate-opaque-inverted-h) var(--dt-color-surface-moderate-opaque-inverted-s) var(--dt-color-surface-moderate-opaque-inverted-l);
938
- --dt-color-surface-moderate-opaque-inverted-hsla: hsl(var(--dt-color-surface-moderate-opaque-inverted-h) var(--dt-color-surface-moderate-opaque-inverted-s) var(--dt-color-surface-moderate-opaque-inverted-l) / var(--alpha, 11%));
939
- --dt-color-surface-moderate-opaque-inverted: hsl(0 0% 0% / 0.11);
940
- --dt-color-surface-secondary-opaque-inverted-h: 0;
941
- --dt-color-surface-secondary-opaque-inverted-s: 0%;
942
- --dt-color-surface-secondary-opaque-inverted-l: 0%;
943
- --dt-color-surface-secondary-opaque-inverted-a: 4%;
917
+ --dt-color-surface-moderate-opaque-inverted-hsla: hsl(var(--dt-color-surface-moderate-opaque-inverted-h) var(--dt-color-surface-moderate-opaque-inverted-s) var(--dt-color-surface-moderate-opaque-inverted-l) / var(--alpha, 57%));
918
+ --dt-color-surface-moderate-opaque-inverted: hsl(24 9.26% 78.8% / 0.57);
919
+ --dt-color-surface-secondary-opaque-inverted-h: 25.7;
920
+ --dt-color-surface-secondary-opaque-inverted-s: 10.1%;
921
+ --dt-color-surface-secondary-opaque-inverted-l: 86.5%;
922
+ --dt-color-surface-secondary-opaque-inverted-a: 25%;
944
923
  --dt-color-surface-secondary-opaque-inverted-hsl: var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l);
945
- --dt-color-surface-secondary-opaque-inverted-hsla: hsl(var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l) / var(--alpha, 4%));
946
- --dt-color-surface-secondary-opaque-inverted: hsl(0 0% 0% / 0.04);
947
- --dt-color-surface-primary-opaque-h: 0;
948
- --dt-color-surface-primary-opaque-s: 0%;
949
- --dt-color-surface-primary-opaque-l: 100%;
950
- --dt-color-surface-primary-opaque-a: 96%;
951
- --dt-color-surface-primary-opaque-hsl: var(--dt-color-surface-primary-opaque-h) var(--dt-color-surface-primary-opaque-s) var(--dt-color-surface-primary-opaque-l);
952
- --dt-color-surface-primary-opaque-hsla: hsl(var(--dt-color-surface-primary-opaque-h) var(--dt-color-surface-primary-opaque-s) var(--dt-color-surface-primary-opaque-l) / var(--alpha, 96%));
953
- --dt-color-surface-primary-opaque: hsl(0 0% 100% / 0.96);
924
+ --dt-color-surface-secondary-opaque-inverted-hsla: hsl(var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l) / var(--alpha, 25%));
925
+ --dt-color-surface-secondary-opaque-inverted: hsl(25.7 10.1% 86.5% / 0.25);
954
926
  --dt-color-surface-brand-strong-inverted-h: var(--dt-color-purple-350-h);
955
927
  --dt-color-surface-brand-strong-inverted-s: var(--dt-color-purple-350-s);
956
928
  --dt-color-surface-brand-strong-inverted-l: var(--dt-color-purple-350-l);
@@ -958,13 +930,6 @@
958
930
  --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-purple-350-hsl);
959
931
  --dt-color-surface-brand-strong-inverted-hsla: var(--dt-color-purple-350-hsla);
960
932
  --dt-color-surface-brand-strong-inverted: var(--dt-color-purple-350);
961
- --dt-color-surface-brand-strong-h: var(--dt-color-purple-450-h);
962
- --dt-color-surface-brand-strong-s: var(--dt-color-purple-450-s);
963
- --dt-color-surface-brand-strong-l: var(--dt-color-purple-450-l);
964
- --dt-color-surface-brand-strong-a: var(--dt-color-purple-450-a);
965
- --dt-color-surface-brand-strong-hsl: var(--dt-color-purple-450-hsl);
966
- --dt-color-surface-brand-strong-hsla: var(--dt-color-purple-450-hsla);
967
- --dt-color-surface-brand-strong: var(--dt-color-purple-450);
968
933
  --dt-color-surface-info-strong-inverted-h: var(--dt-color-blue-300-h);
969
934
  --dt-color-surface-info-strong-inverted-s: var(--dt-color-blue-300-s);
970
935
  --dt-color-surface-info-strong-inverted-l: var(--dt-color-blue-300-l);
@@ -972,6 +937,27 @@
972
937
  --dt-color-surface-info-strong-inverted-hsl: var(--dt-color-blue-300-hsl);
973
938
  --dt-color-surface-info-strong-inverted-hsla: var(--dt-color-blue-300-hsla);
974
939
  --dt-color-surface-info-strong-inverted: var(--dt-color-blue-300);
940
+ --dt-color-surface-success-strong-inverted-h: var(--dt-color-green-350-h);
941
+ --dt-color-surface-success-strong-inverted-s: var(--dt-color-green-350-s);
942
+ --dt-color-surface-success-strong-inverted-l: var(--dt-color-green-350-l);
943
+ --dt-color-surface-success-strong-inverted-a: var(--dt-color-green-350-a);
944
+ --dt-color-surface-success-strong-inverted-hsl: var(--dt-color-green-350-hsl);
945
+ --dt-color-surface-success-strong-inverted-hsla: var(--dt-color-green-350-hsla);
946
+ --dt-color-surface-success-strong-inverted: var(--dt-color-green-350); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
947
+ --dt-color-surface-warning-strong-inverted-h: var(--dt-color-gold-500-h);
948
+ --dt-color-surface-warning-strong-inverted-s: var(--dt-color-gold-500-s);
949
+ --dt-color-surface-warning-strong-inverted-l: var(--dt-color-gold-500-l);
950
+ --dt-color-surface-warning-strong-inverted-a: var(--dt-color-gold-500-a);
951
+ --dt-color-surface-warning-strong-inverted-hsl: var(--dt-color-gold-500-hsl);
952
+ --dt-color-surface-warning-strong-inverted-hsla: var(--dt-color-gold-500-hsla);
953
+ --dt-color-surface-warning-strong-inverted: var(--dt-color-gold-500);
954
+ --dt-color-surface-critical-strong-inverted-h: var(--dt-color-red-400-h);
955
+ --dt-color-surface-critical-strong-inverted-s: var(--dt-color-red-400-s);
956
+ --dt-color-surface-critical-strong-inverted-l: var(--dt-color-red-400-l);
957
+ --dt-color-surface-critical-strong-inverted-a: var(--dt-color-red-400-a);
958
+ --dt-color-surface-critical-strong-inverted-hsl: var(--dt-color-red-400-hsl);
959
+ --dt-color-surface-critical-strong-inverted-hsla: var(--dt-color-red-400-hsla);
960
+ --dt-color-surface-critical-strong-inverted: var(--dt-color-red-400);
975
961
  --dt-color-surface-brand-subtle-inverted-h: var(--dt-color-purple-1000-h);
976
962
  --dt-color-surface-brand-subtle-inverted-s: var(--dt-color-purple-1000-s);
977
963
  --dt-color-surface-brand-subtle-inverted-l: var(--dt-color-purple-1000-l);
@@ -979,13 +965,6 @@
979
965
  --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-purple-1000-hsl);
980
966
  --dt-color-surface-brand-subtle-inverted-hsla: var(--dt-color-purple-1000-hsla);
981
967
  --dt-color-surface-brand-subtle-inverted: var(--dt-color-purple-1000); /* A softer version of the default informational surface. */
982
- --dt-color-surface-brand-subtle-h: var(--dt-color-purple-50-h);
983
- --dt-color-surface-brand-subtle-s: var(--dt-color-purple-50-s);
984
- --dt-color-surface-brand-subtle-l: var(--dt-color-purple-50-l);
985
- --dt-color-surface-brand-subtle-a: var(--dt-color-purple-50-a);
986
- --dt-color-surface-brand-subtle-hsl: var(--dt-color-purple-50-hsl);
987
- --dt-color-surface-brand-subtle-hsla: var(--dt-color-purple-50-hsla);
988
- --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
989
968
  --dt-color-surface-info-subtle-inverted-h: var(--dt-color-blue-1000-h);
990
969
  --dt-color-surface-info-subtle-inverted-s: var(--dt-color-blue-1000-s);
991
970
  --dt-color-surface-info-subtle-inverted-l: var(--dt-color-blue-1000-l);
@@ -993,34 +972,6 @@
993
972
  --dt-color-surface-info-subtle-inverted-hsl: var(--dt-color-blue-1000-hsl);
994
973
  --dt-color-surface-info-subtle-inverted-hsla: var(--dt-color-blue-1000-hsla);
995
974
  --dt-color-surface-info-subtle-inverted: var(--dt-color-blue-1000); /* A softer version of the default informational surface. */
996
- --dt-color-surface-brand-inverted-h: var(--dt-color-purple-600-h);
997
- --dt-color-surface-brand-inverted-s: var(--dt-color-purple-600-s);
998
- --dt-color-surface-brand-inverted-l: var(--dt-color-purple-600-l);
999
- --dt-color-surface-brand-inverted-a: var(--dt-color-purple-600-a);
1000
- --dt-color-surface-brand-inverted-hsl: var(--dt-color-purple-600-hsl);
1001
- --dt-color-surface-brand-inverted-hsla: var(--dt-color-purple-600-hsla);
1002
- --dt-color-surface-brand-inverted: var(--dt-color-purple-600); /* Background surface color containing messaging or elements communicated as generally informational. */
1003
- --dt-color-surface-brand-h: var(--dt-color-purple-100-h);
1004
- --dt-color-surface-brand-s: var(--dt-color-purple-100-s);
1005
- --dt-color-surface-brand-l: var(--dt-color-purple-100-l);
1006
- --dt-color-surface-brand-a: var(--dt-color-purple-100-a);
1007
- --dt-color-surface-brand-hsl: var(--dt-color-purple-100-hsl);
1008
- --dt-color-surface-brand-hsla: var(--dt-color-purple-100-hsla);
1009
- --dt-color-surface-brand: var(--dt-color-purple-100); /* Background surface color containing messaging or elements communicated as generally informational. */
1010
- --dt-color-surface-info-inverted-h: var(--dt-color-blue-900-h);
1011
- --dt-color-surface-info-inverted-s: var(--dt-color-blue-900-s);
1012
- --dt-color-surface-info-inverted-l: var(--dt-color-blue-900-l);
1013
- --dt-color-surface-info-inverted-a: var(--dt-color-blue-900-a);
1014
- --dt-color-surface-info-inverted-hsl: var(--dt-color-blue-900-hsl);
1015
- --dt-color-surface-info-inverted-hsla: var(--dt-color-blue-900-hsla);
1016
- --dt-color-surface-info-inverted: var(--dt-color-blue-900); /* Background surface color containing messaging or elements communicated as generally informational. */
1017
- --dt-color-surface-success-strong-inverted-h: var(--dt-color-green-350-h);
1018
- --dt-color-surface-success-strong-inverted-s: var(--dt-color-green-350-s);
1019
- --dt-color-surface-success-strong-inverted-l: var(--dt-color-green-350-l);
1020
- --dt-color-surface-success-strong-inverted-a: var(--dt-color-green-350-a);
1021
- --dt-color-surface-success-strong-inverted-hsl: var(--dt-color-green-350-hsl);
1022
- --dt-color-surface-success-strong-inverted-hsla: var(--dt-color-green-350-hsla);
1023
- --dt-color-surface-success-strong-inverted: var(--dt-color-green-350); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
1024
975
  --dt-color-surface-success-subtle-inverted-h: var(--dt-color-green-1000-h);
1025
976
  --dt-color-surface-success-subtle-inverted-s: var(--dt-color-green-1000-s);
1026
977
  --dt-color-surface-success-subtle-inverted-l: var(--dt-color-green-1000-l);
@@ -1028,20 +979,6 @@
1028
979
  --dt-color-surface-success-subtle-inverted-hsl: var(--dt-color-green-1000-hsl);
1029
980
  --dt-color-surface-success-subtle-inverted-hsla: var(--dt-color-green-1000-hsla);
1030
981
  --dt-color-surface-success-subtle-inverted: var(--dt-color-green-1000); /* A softer version of the default success surface. */
1031
- --dt-color-surface-success-inverted-h: var(--dt-color-green-900-h);
1032
- --dt-color-surface-success-inverted-s: var(--dt-color-green-900-s);
1033
- --dt-color-surface-success-inverted-l: var(--dt-color-green-900-l);
1034
- --dt-color-surface-success-inverted-a: var(--dt-color-green-900-a);
1035
- --dt-color-surface-success-inverted-hsl: var(--dt-color-green-900-hsl);
1036
- --dt-color-surface-success-inverted-hsla: var(--dt-color-green-900-hsla);
1037
- --dt-color-surface-success-inverted: var(--dt-color-green-900); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1038
- --dt-color-surface-warning-strong-inverted-h: var(--dt-color-gold-500-h);
1039
- --dt-color-surface-warning-strong-inverted-s: var(--dt-color-gold-500-s);
1040
- --dt-color-surface-warning-strong-inverted-l: var(--dt-color-gold-500-l);
1041
- --dt-color-surface-warning-strong-inverted-a: var(--dt-color-gold-500-a);
1042
- --dt-color-surface-warning-strong-inverted-hsl: var(--dt-color-gold-500-hsl);
1043
- --dt-color-surface-warning-strong-inverted-hsla: var(--dt-color-gold-500-hsla);
1044
- --dt-color-surface-warning-strong-inverted: var(--dt-color-gold-500);
1045
982
  --dt-color-surface-warning-subtle-inverted-h: var(--dt-color-gold-1000-h);
1046
983
  --dt-color-surface-warning-subtle-inverted-s: var(--dt-color-gold-1000-s);
1047
984
  --dt-color-surface-warning-subtle-inverted-l: var(--dt-color-gold-1000-l);
@@ -1049,202 +986,97 @@
1049
986
  --dt-color-surface-warning-subtle-inverted-hsl: var(--dt-color-gold-1000-hsl);
1050
987
  --dt-color-surface-warning-subtle-inverted-hsla: var(--dt-color-gold-1000-hsla);
1051
988
  --dt-color-surface-warning-subtle-inverted: var(--dt-color-gold-1000); /* A softer version of the default warning surface. */
1052
- --dt-color-surface-warning-inverted-h: var(--dt-color-gold-900-h);
1053
- --dt-color-surface-warning-inverted-s: var(--dt-color-gold-900-s);
1054
- --dt-color-surface-warning-inverted-l: var(--dt-color-gold-900-l);
1055
- --dt-color-surface-warning-inverted-a: var(--dt-color-gold-900-a);
1056
- --dt-color-surface-warning-inverted-hsl: var(--dt-color-gold-900-hsl);
1057
- --dt-color-surface-warning-inverted-hsla: var(--dt-color-gold-900-hsla);
1058
- --dt-color-surface-warning-inverted: var(--dt-color-gold-900); /* Background surface color highlighting messaging or elements that may require user's attention. */
1059
- --dt-color-surface-critical-strong-inverted-h: var(--dt-color-red-400-h);
1060
- --dt-color-surface-critical-strong-inverted-s: var(--dt-color-red-400-s);
1061
- --dt-color-surface-critical-strong-inverted-l: var(--dt-color-red-400-l);
1062
- --dt-color-surface-critical-strong-inverted-a: var(--dt-color-red-400-a);
1063
- --dt-color-surface-critical-strong-inverted-hsl: var(--dt-color-red-400-hsl);
1064
- --dt-color-surface-critical-strong-inverted-hsla: var(--dt-color-red-400-hsla);
1065
- --dt-color-surface-critical-strong-inverted: var(--dt-color-red-400);
1066
989
  --dt-color-surface-critical-subtle-inverted-h: var(--dt-color-red-1000-h);
1067
- --dt-color-surface-critical-subtle-inverted-s: var(--dt-color-red-1000-s);
1068
- --dt-color-surface-critical-subtle-inverted-l: var(--dt-color-red-1000-l);
1069
- --dt-color-surface-critical-subtle-inverted-a: var(--dt-color-red-1000-a);
1070
- --dt-color-surface-critical-subtle-inverted-hsl: var(--dt-color-red-1000-hsl);
1071
- --dt-color-surface-critical-subtle-inverted-hsla: var(--dt-color-red-1000-hsla);
1072
- --dt-color-surface-critical-subtle-inverted: var(--dt-color-red-1000); /* A softer version of the Critical surface. */
1073
- --dt-color-surface-critical-inverted-h: var(--dt-color-red-900-h);
1074
- --dt-color-surface-critical-inverted-s: var(--dt-color-red-900-s);
1075
- --dt-color-surface-critical-inverted-l: var(--dt-color-red-900-l);
1076
- --dt-color-surface-critical-inverted-a: var(--dt-color-red-900-a);
1077
- --dt-color-surface-critical-inverted-hsl: var(--dt-color-red-900-hsl);
1078
- --dt-color-surface-critical-inverted-hsla: var(--dt-color-red-900-hsla);
1079
- --dt-color-surface-critical-inverted: var(--dt-color-red-900); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
1080
- --dt-color-surface-primary-inverted-h: var(--dt-color-black-1000-h);
1081
- --dt-color-surface-primary-inverted-s: var(--dt-color-black-1000-s);
1082
- --dt-color-surface-primary-inverted-l: var(--dt-color-black-1000-l);
1083
- --dt-color-surface-primary-inverted-a: var(--dt-color-black-1000-a);
1084
- --dt-color-surface-primary-inverted-hsl: var(--dt-color-black-1000-hsl);
1085
- --dt-color-surface-primary-inverted-hsla: var(--dt-color-black-1000-hsla);
1086
- --dt-color-surface-primary-inverted: var(--dt-color-black-1000); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
1087
- --dt-color-surface-contrast-inverted-h: var(--dt-color-black-100-h);
1088
- --dt-color-surface-contrast-inverted-s: var(--dt-color-black-100-s);
1089
- --dt-color-surface-contrast-inverted-l: var(--dt-color-black-100-l);
1090
- --dt-color-surface-contrast-inverted-a: var(--dt-color-black-100-a);
1091
- --dt-color-surface-contrast-inverted-hsl: var(--dt-color-black-100-hsl);
1092
- --dt-color-surface-contrast-inverted-hsla: var(--dt-color-black-100-hsla);
1093
- --dt-color-surface-contrast-inverted: var(--dt-color-black-100); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
1094
- --dt-color-surface-strong-inverted-h: var(--dt-color-black-400-h);
1095
- --dt-color-surface-strong-inverted-s: var(--dt-color-black-400-s);
1096
- --dt-color-surface-strong-inverted-l: var(--dt-color-black-400-l);
1097
- --dt-color-surface-strong-inverted-a: var(--dt-color-black-400-a);
1098
- --dt-color-surface-strong-inverted-hsl: var(--dt-color-black-400-hsl);
1099
- --dt-color-surface-strong-inverted-hsla: var(--dt-color-black-400-hsla);
1100
- --dt-color-surface-strong-inverted: var(--dt-color-black-400); /* Use sparingly to draw the eye to a relatively important region. */
1101
- --dt-color-surface-bold-inverted-h: var(--dt-color-black-800-h);
1102
- --dt-color-surface-bold-inverted-s: var(--dt-color-black-800-s);
1103
- --dt-color-surface-bold-inverted-l: var(--dt-color-black-800-l);
1104
- --dt-color-surface-bold-inverted-a: var(--dt-color-black-800-a);
1105
- --dt-color-surface-bold-inverted-hsl: var(--dt-color-black-800-hsl);
1106
- --dt-color-surface-bold-inverted-hsla: var(--dt-color-black-800-hsla);
1107
- --dt-color-surface-bold-inverted: var(--dt-color-black-800);
1108
- --dt-color-surface-moderate-inverted-h: var(--dt-color-black-900-h);
1109
- --dt-color-surface-moderate-inverted-s: var(--dt-color-black-900-s);
1110
- --dt-color-surface-moderate-inverted-l: var(--dt-color-black-900-l);
1111
- --dt-color-surface-moderate-inverted-a: var(--dt-color-black-900-a);
1112
- --dt-color-surface-moderate-inverted-hsl: var(--dt-color-black-900-hsl);
1113
- --dt-color-surface-moderate-inverted-hsla: var(--dt-color-black-900-hsla);
1114
- --dt-color-surface-moderate-inverted: var(--dt-color-black-900);
1115
- --dt-color-surface-secondary-inverted-h: var(--dt-color-black-950-h);
1116
- --dt-color-surface-secondary-inverted-s: var(--dt-color-black-950-s);
1117
- --dt-color-surface-secondary-inverted-l: var(--dt-color-black-950-l);
1118
- --dt-color-surface-secondary-inverted-a: var(--dt-color-black-950-a);
1119
- --dt-color-surface-secondary-inverted-hsl: var(--dt-color-black-950-hsl);
1120
- --dt-color-surface-secondary-inverted-hsla: var(--dt-color-black-950-hsla);
1121
- --dt-color-surface-secondary-inverted: var(--dt-color-black-950);
1122
- --dt-color-surface-info-strong-h: var(--dt-color-blue-450-h);
1123
- --dt-color-surface-info-strong-s: var(--dt-color-blue-450-s);
1124
- --dt-color-surface-info-strong-l: var(--dt-color-blue-450-l);
1125
- --dt-color-surface-info-strong-a: var(--dt-color-blue-450-a);
1126
- --dt-color-surface-info-strong-hsl: var(--dt-color-blue-450-hsl);
1127
- --dt-color-surface-info-strong-hsla: var(--dt-color-blue-450-hsla);
1128
- --dt-color-surface-info-strong: var(--dt-color-blue-450);
1129
- --dt-color-surface-info-subtle-h: var(--dt-color-blue-50-h);
1130
- --dt-color-surface-info-subtle-s: var(--dt-color-blue-50-s);
1131
- --dt-color-surface-info-subtle-l: var(--dt-color-blue-50-l);
1132
- --dt-color-surface-info-subtle-a: var(--dt-color-blue-50-a);
1133
- --dt-color-surface-info-subtle-hsl: var(--dt-color-blue-50-hsl);
1134
- --dt-color-surface-info-subtle-hsla: var(--dt-color-blue-50-hsla);
1135
- --dt-color-surface-info-subtle: var(--dt-color-blue-50); /* A softer version of the default informational surface. */
1136
- --dt-color-surface-info-h: var(--dt-color-blue-100-h);
1137
- --dt-color-surface-info-s: var(--dt-color-blue-100-s);
1138
- --dt-color-surface-info-l: var(--dt-color-blue-100-l);
1139
- --dt-color-surface-info-a: var(--dt-color-blue-100-a);
1140
- --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
1141
- --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
1142
- --dt-color-surface-info: var(--dt-color-blue-100); /* Background surface color containing messaging or elements communicated as generally informational. */
1143
- --dt-color-surface-success-strong-h: var(--dt-color-green-475-h);
1144
- --dt-color-surface-success-strong-s: var(--dt-color-green-475-s);
1145
- --dt-color-surface-success-strong-l: var(--dt-color-green-475-l);
1146
- --dt-color-surface-success-strong-a: var(--dt-color-green-475-a);
1147
- --dt-color-surface-success-strong-hsl: var(--dt-color-green-475-hsl);
1148
- --dt-color-surface-success-strong-hsla: var(--dt-color-green-475-hsla);
1149
- --dt-color-surface-success-strong: var(--dt-color-green-475);
1150
- --dt-color-surface-success-subtle-h: var(--dt-color-green-50-h);
1151
- --dt-color-surface-success-subtle-s: var(--dt-color-green-50-s);
1152
- --dt-color-surface-success-subtle-l: var(--dt-color-green-50-l);
1153
- --dt-color-surface-success-subtle-a: var(--dt-color-green-50-a);
1154
- --dt-color-surface-success-subtle-hsl: var(--dt-color-green-50-hsl);
1155
- --dt-color-surface-success-subtle-hsla: var(--dt-color-green-50-hsla);
1156
- --dt-color-surface-success-subtle: var(--dt-color-green-50); /* A softer version of the default success surface. */
1157
- --dt-color-surface-success-h: var(--dt-color-green-100-h);
1158
- --dt-color-surface-success-s: var(--dt-color-green-100-s);
1159
- --dt-color-surface-success-l: var(--dt-color-green-100-l);
1160
- --dt-color-surface-success-a: var(--dt-color-green-100-a);
1161
- --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
1162
- --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
1163
- --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1164
- --dt-color-surface-warning-strong-h: var(--dt-color-gold-600-h);
1165
- --dt-color-surface-warning-strong-s: var(--dt-color-gold-600-s);
1166
- --dt-color-surface-warning-strong-l: var(--dt-color-gold-600-l);
1167
- --dt-color-surface-warning-strong-a: var(--dt-color-gold-600-a);
1168
- --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-600-hsl);
1169
- --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-600-hsla);
1170
- --dt-color-surface-warning-strong: var(--dt-color-gold-600);
1171
- --dt-color-surface-warning-subtle-h: var(--dt-color-gold-50-h);
1172
- --dt-color-surface-warning-subtle-s: var(--dt-color-gold-50-s);
1173
- --dt-color-surface-warning-subtle-l: var(--dt-color-gold-50-l);
1174
- --dt-color-surface-warning-subtle-a: var(--dt-color-gold-50-a);
1175
- --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-50-hsl);
1176
- --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-50-hsla);
1177
- --dt-color-surface-warning-subtle: var(--dt-color-gold-50); /* A softer version of the default warning surface. */
1178
- --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
1179
- --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
1180
- --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
1181
- --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
1182
- --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
1183
- --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
1184
- --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
1185
- --dt-color-surface-critical-strong-h: var(--dt-color-red-600-h);
1186
- --dt-color-surface-critical-strong-s: var(--dt-color-red-600-s);
1187
- --dt-color-surface-critical-strong-l: var(--dt-color-red-600-l);
1188
- --dt-color-surface-critical-strong-a: var(--dt-color-red-600-a);
1189
- --dt-color-surface-critical-strong-hsl: var(--dt-color-red-600-hsl);
1190
- --dt-color-surface-critical-strong-hsla: var(--dt-color-red-600-hsla);
1191
- --dt-color-surface-critical-strong: var(--dt-color-red-600);
1192
- --dt-color-surface-critical-subtle-h: var(--dt-color-red-50-h);
1193
- --dt-color-surface-critical-subtle-s: var(--dt-color-red-50-s);
1194
- --dt-color-surface-critical-subtle-l: var(--dt-color-red-50-l);
1195
- --dt-color-surface-critical-subtle-a: var(--dt-color-red-50-a);
1196
- --dt-color-surface-critical-subtle-hsl: var(--dt-color-red-50-hsl);
1197
- --dt-color-surface-critical-subtle-hsla: var(--dt-color-red-50-hsla);
1198
- --dt-color-surface-critical-subtle: var(--dt-color-red-50); /* A softer version of the Critical surface. */
1199
- --dt-color-surface-critical-h: var(--dt-color-red-100-h);
1200
- --dt-color-surface-critical-s: var(--dt-color-red-100-s);
1201
- --dt-color-surface-critical-l: var(--dt-color-red-100-l);
1202
- --dt-color-surface-critical-a: var(--dt-color-red-100-a);
1203
- --dt-color-surface-critical-hsl: var(--dt-color-red-100-hsl);
1204
- --dt-color-surface-critical-hsla: var(--dt-color-red-100-hsla);
1205
- --dt-color-surface-critical: var(--dt-color-red-100); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
1206
- --dt-color-surface-contrast-h: var(--dt-color-black-1000-h);
1207
- --dt-color-surface-contrast-s: var(--dt-color-black-1000-s);
1208
- --dt-color-surface-contrast-l: var(--dt-color-black-1000-l);
1209
- --dt-color-surface-contrast-a: var(--dt-color-black-1000-a);
1210
- --dt-color-surface-contrast-hsl: var(--dt-color-black-1000-hsl);
1211
- --dt-color-surface-contrast-hsla: var(--dt-color-black-1000-hsla);
1212
- --dt-color-surface-contrast: var(--dt-color-black-1000);
1213
- --dt-color-surface-strong-h: var(--dt-color-black-600-h);
1214
- --dt-color-surface-strong-s: var(--dt-color-black-600-s);
1215
- --dt-color-surface-strong-l: var(--dt-color-black-600-l);
1216
- --dt-color-surface-strong-a: var(--dt-color-black-600-a);
1217
- --dt-color-surface-strong-hsl: var(--dt-color-black-600-hsl);
1218
- --dt-color-surface-strong-hsla: var(--dt-color-black-600-hsla);
1219
- --dt-color-surface-strong: var(--dt-color-black-600);
1220
- --dt-color-surface-bold-h: var(--dt-color-black-400-h);
1221
- --dt-color-surface-bold-s: var(--dt-color-black-400-s);
1222
- --dt-color-surface-bold-l: var(--dt-color-black-400-l);
1223
- --dt-color-surface-bold-a: var(--dt-color-black-400-a);
1224
- --dt-color-surface-bold-hsl: var(--dt-color-black-400-hsl);
1225
- --dt-color-surface-bold-hsla: var(--dt-color-black-400-hsla);
1226
- --dt-color-surface-bold: var(--dt-color-black-400);
1227
- --dt-color-surface-moderate-h: var(--dt-color-black-300-h);
1228
- --dt-color-surface-moderate-s: var(--dt-color-black-300-s);
1229
- --dt-color-surface-moderate-l: var(--dt-color-black-300-l);
1230
- --dt-color-surface-moderate-a: var(--dt-color-black-300-a);
1231
- --dt-color-surface-moderate-hsl: var(--dt-color-black-300-hsl);
1232
- --dt-color-surface-moderate-hsla: var(--dt-color-black-300-hsla);
1233
- --dt-color-surface-moderate: var(--dt-color-black-300);
1234
- --dt-color-surface-secondary-h: var(--dt-color-black-200-h);
1235
- --dt-color-surface-secondary-s: var(--dt-color-black-200-s);
1236
- --dt-color-surface-secondary-l: var(--dt-color-black-200-l);
1237
- --dt-color-surface-secondary-a: var(--dt-color-black-200-a);
1238
- --dt-color-surface-secondary-hsl: var(--dt-color-black-200-hsl);
1239
- --dt-color-surface-secondary-hsla: var(--dt-color-black-200-hsla);
1240
- --dt-color-surface-secondary: var(--dt-color-black-200);
1241
- --dt-color-surface-primary-h: var(--dt-color-black-100-h);
1242
- --dt-color-surface-primary-s: var(--dt-color-black-100-s);
1243
- --dt-color-surface-primary-l: var(--dt-color-black-100-l);
1244
- --dt-color-surface-primary-a: var(--dt-color-black-100-a);
1245
- --dt-color-surface-primary-hsl: var(--dt-color-black-100-hsl);
1246
- --dt-color-surface-primary-hsla: var(--dt-color-black-100-hsla);
1247
- --dt-color-surface-primary: var(--dt-color-black-100);
990
+ --dt-color-surface-critical-subtle-inverted-s: var(--dt-color-red-1000-s);
991
+ --dt-color-surface-critical-subtle-inverted-l: var(--dt-color-red-1000-l);
992
+ --dt-color-surface-critical-subtle-inverted-a: var(--dt-color-red-1000-a);
993
+ --dt-color-surface-critical-subtle-inverted-hsl: var(--dt-color-red-1000-hsl);
994
+ --dt-color-surface-critical-subtle-inverted-hsla: var(--dt-color-red-1000-hsla);
995
+ --dt-color-surface-critical-subtle-inverted: var(--dt-color-red-1000); /* A softer version of the Critical surface. */
996
+ --dt-color-surface-brand-inverted-h: var(--dt-color-purple-600-h);
997
+ --dt-color-surface-brand-inverted-s: var(--dt-color-purple-600-s);
998
+ --dt-color-surface-brand-inverted-l: var(--dt-color-purple-600-l);
999
+ --dt-color-surface-brand-inverted-a: var(--dt-color-purple-600-a);
1000
+ --dt-color-surface-brand-inverted-hsl: var(--dt-color-purple-600-hsl);
1001
+ --dt-color-surface-brand-inverted-hsla: var(--dt-color-purple-600-hsla);
1002
+ --dt-color-surface-brand-inverted: var(--dt-color-purple-600); /* Background surface color containing messaging or elements communicated as generally informational. */
1003
+ --dt-color-surface-info-inverted-h: var(--dt-color-blue-900-h);
1004
+ --dt-color-surface-info-inverted-s: var(--dt-color-blue-900-s);
1005
+ --dt-color-surface-info-inverted-l: var(--dt-color-blue-900-l);
1006
+ --dt-color-surface-info-inverted-a: var(--dt-color-blue-900-a);
1007
+ --dt-color-surface-info-inverted-hsl: var(--dt-color-blue-900-hsl);
1008
+ --dt-color-surface-info-inverted-hsla: var(--dt-color-blue-900-hsla);
1009
+ --dt-color-surface-info-inverted: var(--dt-color-blue-900); /* Background surface color containing messaging or elements communicated as generally informational. */
1010
+ --dt-color-surface-success-inverted-h: var(--dt-color-green-900-h);
1011
+ --dt-color-surface-success-inverted-s: var(--dt-color-green-900-s);
1012
+ --dt-color-surface-success-inverted-l: var(--dt-color-green-900-l);
1013
+ --dt-color-surface-success-inverted-a: var(--dt-color-green-900-a);
1014
+ --dt-color-surface-success-inverted-hsl: var(--dt-color-green-900-hsl);
1015
+ --dt-color-surface-success-inverted-hsla: var(--dt-color-green-900-hsla);
1016
+ --dt-color-surface-success-inverted: var(--dt-color-green-900); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1017
+ --dt-color-surface-warning-inverted-h: var(--dt-color-gold-900-h);
1018
+ --dt-color-surface-warning-inverted-s: var(--dt-color-gold-900-s);
1019
+ --dt-color-surface-warning-inverted-l: var(--dt-color-gold-900-l);
1020
+ --dt-color-surface-warning-inverted-a: var(--dt-color-gold-900-a);
1021
+ --dt-color-surface-warning-inverted-hsl: var(--dt-color-gold-900-hsl);
1022
+ --dt-color-surface-warning-inverted-hsla: var(--dt-color-gold-900-hsla);
1023
+ --dt-color-surface-warning-inverted: var(--dt-color-gold-900); /* Background surface color highlighting messaging or elements that may require user's attention. */
1024
+ --dt-color-surface-critical-inverted-h: var(--dt-color-red-900-h);
1025
+ --dt-color-surface-critical-inverted-s: var(--dt-color-red-900-s);
1026
+ --dt-color-surface-critical-inverted-l: var(--dt-color-red-900-l);
1027
+ --dt-color-surface-critical-inverted-a: var(--dt-color-red-900-a);
1028
+ --dt-color-surface-critical-inverted-hsl: var(--dt-color-red-900-hsl);
1029
+ --dt-color-surface-critical-inverted-hsla: var(--dt-color-red-900-hsla);
1030
+ --dt-color-surface-critical-inverted: var(--dt-color-red-900); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
1031
+ --dt-color-surface-contrast-inverted-h: var(--dt-color-tan-300-h);
1032
+ --dt-color-surface-contrast-inverted-s: var(--dt-color-tan-300-s);
1033
+ --dt-color-surface-contrast-inverted-l: var(--dt-color-tan-300-l);
1034
+ --dt-color-surface-contrast-inverted-a: var(--dt-color-tan-300-a);
1035
+ --dt-color-surface-contrast-inverted-hsl: var(--dt-color-tan-300-hsl);
1036
+ --dt-color-surface-contrast-inverted-hsla: var(--dt-color-tan-300-hsla);
1037
+ --dt-color-surface-contrast-inverted: var(--dt-color-tan-300);
1038
+ --dt-color-surface-strong-inverted-h: var(--dt-color-tan-500-h);
1039
+ --dt-color-surface-strong-inverted-s: var(--dt-color-tan-500-s);
1040
+ --dt-color-surface-strong-inverted-l: var(--dt-color-tan-500-l);
1041
+ --dt-color-surface-strong-inverted-a: var(--dt-color-tan-500-a);
1042
+ --dt-color-surface-strong-inverted-hsl: var(--dt-color-tan-500-hsl);
1043
+ --dt-color-surface-strong-inverted-hsla: var(--dt-color-tan-500-hsla);
1044
+ --dt-color-surface-strong-inverted: var(--dt-color-tan-500);
1045
+ --dt-color-surface-bold-inverted-h: var(--dt-color-tan-800-h);
1046
+ --dt-color-surface-bold-inverted-s: var(--dt-color-tan-800-s);
1047
+ --dt-color-surface-bold-inverted-l: var(--dt-color-tan-800-l);
1048
+ --dt-color-surface-bold-inverted-a: var(--dt-color-tan-800-a);
1049
+ --dt-color-surface-bold-inverted-hsl: var(--dt-color-tan-800-hsl);
1050
+ --dt-color-surface-bold-inverted-hsla: var(--dt-color-tan-800-hsla);
1051
+ --dt-color-surface-bold-inverted: var(--dt-color-tan-800);
1052
+ --dt-color-surface-moderate-inverted-h: var(--dt-color-tan-900-h);
1053
+ --dt-color-surface-moderate-inverted-s: var(--dt-color-tan-900-s);
1054
+ --dt-color-surface-moderate-inverted-l: var(--dt-color-tan-900-l);
1055
+ --dt-color-surface-moderate-inverted-a: var(--dt-color-tan-900-a);
1056
+ --dt-color-surface-moderate-inverted-hsl: var(--dt-color-tan-900-hsl);
1057
+ --dt-color-surface-moderate-inverted-hsla: var(--dt-color-tan-900-hsla);
1058
+ --dt-color-surface-moderate-inverted: var(--dt-color-tan-900);
1059
+ --dt-color-surface-secondary-inverted-h: var(--dt-color-tan-950-h);
1060
+ --dt-color-surface-secondary-inverted-s: var(--dt-color-tan-950-s);
1061
+ --dt-color-surface-secondary-inverted-l: var(--dt-color-tan-950-l);
1062
+ --dt-color-surface-secondary-inverted-a: var(--dt-color-tan-950-a);
1063
+ --dt-color-surface-secondary-inverted-hsl: var(--dt-color-tan-950-hsl);
1064
+ --dt-color-surface-secondary-inverted-hsla: var(--dt-color-tan-950-hsla);
1065
+ --dt-color-surface-secondary-inverted: var(--dt-color-tan-950);
1066
+ --dt-color-surface-primary-inverted-h: var(--dt-color-tan-1000-h);
1067
+ --dt-color-surface-primary-inverted-s: var(--dt-color-tan-1000-s);
1068
+ --dt-color-surface-primary-inverted-l: var(--dt-color-tan-1000-l);
1069
+ --dt-color-surface-primary-inverted-a: var(--dt-color-tan-1000-a);
1070
+ --dt-color-surface-primary-inverted-hsl: var(--dt-color-tan-1000-hsl);
1071
+ --dt-color-surface-primary-inverted-hsla: var(--dt-color-tan-1000-hsla);
1072
+ --dt-color-surface-primary-inverted: var(--dt-color-tan-1000);
1073
+ --dt-color-surface-brand-subtle-opaque-h: 260;
1074
+ --dt-color-surface-brand-subtle-opaque-s: 91.3%;
1075
+ --dt-color-surface-brand-subtle-opaque-l: 9.02%;
1076
+ --dt-color-surface-brand-subtle-opaque-a: 65%;
1077
+ --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);
1078
+ --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, 65%));
1079
+ --dt-color-surface-brand-subtle-opaque: hsl(260 91.3% 9.02% / 0.65);
1248
1080
  --dt-color-surface-info-subtle-opaque-h: 211;
1249
1081
  --dt-color-surface-info-subtle-opaque-s: 91.3%;
1250
1082
  --dt-color-surface-info-subtle-opaque-l: 4.51%;
@@ -1252,13 +1084,6 @@
1252
1084
  --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);
1253
1085
  --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, 70%));
1254
1086
  --dt-color-surface-info-subtle-opaque: hsl(211 91.3% 4.51% / 0.7);
1255
- --dt-color-surface-info-opaque-h: 211;
1256
- --dt-color-surface-info-opaque-s: 100%;
1257
- --dt-color-surface-info-opaque-l: 8.04%;
1258
- --dt-color-surface-info-opaque-a: 40%;
1259
- --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);
1260
- --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, 40%));
1261
- --dt-color-surface-info-opaque: hsl(211 100% 8.04% / 0.4);
1262
1087
  --dt-color-surface-success-subtle-opaque-h: 157;
1263
1088
  --dt-color-surface-success-subtle-opaque-s: 100%;
1264
1089
  --dt-color-surface-success-subtle-opaque-l: 4.12%;
@@ -1266,13 +1091,6 @@
1266
1091
  --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);
1267
1092
  --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, 60%));
1268
1093
  --dt-color-surface-success-subtle-opaque: hsl(157 100% 4.12% / 0.6);
1269
- --dt-color-surface-success-opaque-h: 155;
1270
- --dt-color-surface-success-opaque-s: 100%;
1271
- --dt-color-surface-success-opaque-l: 15.5%;
1272
- --dt-color-surface-success-opaque-a: 28%;
1273
- --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);
1274
- --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, 28%));
1275
- --dt-color-surface-success-opaque: hsl(155 100% 15.5% / 0.28);
1276
1094
  --dt-color-surface-warning-subtle-opaque-h: 34.8;
1277
1095
  --dt-color-surface-warning-subtle-opaque-s: 93.9%;
1278
1096
  --dt-color-surface-warning-subtle-opaque-l: 6.47%;
@@ -1280,13 +1098,6 @@
1280
1098
  --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);
1281
1099
  --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, 70%));
1282
1100
  --dt-color-surface-warning-subtle-opaque: hsl(34.8 93.9% 6.47% / 0.7);
1283
- --dt-color-surface-warning-opaque-h: 34.9;
1284
- --dt-color-surface-warning-opaque-s: 90.8%;
1285
- --dt-color-surface-warning-opaque-l: 17.1%;
1286
- --dt-color-surface-warning-opaque-a: 35%;
1287
- --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);
1288
- --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, 35%));
1289
- --dt-color-surface-warning-opaque: hsl(34.9 90.8% 17.1% / 0.35);
1290
1101
  --dt-color-surface-critical-subtle-opaque-h: 344;
1291
1102
  --dt-color-surface-critical-subtle-opaque-s: 93.1%;
1292
1103
  --dt-color-surface-critical-subtle-opaque-l: 5.69%;
@@ -1294,6 +1105,34 @@
1294
1105
  --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);
1295
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%));
1296
1107
  --dt-color-surface-critical-subtle-opaque: hsl(344 93.1% 5.69% / 0.6);
1108
+ --dt-color-surface-brand-opaque-h: 260;
1109
+ --dt-color-surface-brand-opaque-s: 97.7%;
1110
+ --dt-color-surface-brand-opaque-l: 16.9%;
1111
+ --dt-color-surface-brand-opaque-a: 70%;
1112
+ --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);
1113
+ --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, 70%));
1114
+ --dt-color-surface-brand-opaque: hsl(260 97.7% 16.9% / 0.7);
1115
+ --dt-color-surface-info-opaque-h: 211;
1116
+ --dt-color-surface-info-opaque-s: 100%;
1117
+ --dt-color-surface-info-opaque-l: 8.04%;
1118
+ --dt-color-surface-info-opaque-a: 40%;
1119
+ --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);
1120
+ --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, 40%));
1121
+ --dt-color-surface-info-opaque: hsl(211 100% 8.04% / 0.4);
1122
+ --dt-color-surface-success-opaque-h: 155;
1123
+ --dt-color-surface-success-opaque-s: 100%;
1124
+ --dt-color-surface-success-opaque-l: 15.5%;
1125
+ --dt-color-surface-success-opaque-a: 28%;
1126
+ --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);
1127
+ --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, 28%));
1128
+ --dt-color-surface-success-opaque: hsl(155 100% 15.5% / 0.28);
1129
+ --dt-color-surface-warning-opaque-h: 34.9;
1130
+ --dt-color-surface-warning-opaque-s: 90.8%;
1131
+ --dt-color-surface-warning-opaque-l: 17.1%;
1132
+ --dt-color-surface-warning-opaque-a: 35%;
1133
+ --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);
1134
+ --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, 35%));
1135
+ --dt-color-surface-warning-opaque: hsl(34.9 90.8% 17.1% / 0.35);
1297
1136
  --dt-color-surface-critical-opaque-h: 343;
1298
1137
  --dt-color-surface-critical-opaque-s: 72.9%;
1299
1138
  --dt-color-surface-critical-opaque-l: 33.3%;
@@ -1301,48 +1140,188 @@
1301
1140
  --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);
1302
1141
  --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, 20%));
1303
1142
  --dt-color-surface-critical-opaque: hsl(343 72.9% 33.3% / 0.2);
1304
- --dt-color-surface-backdrop-h: 0;
1305
- --dt-color-surface-backdrop-s: 0%;
1306
- --dt-color-surface-backdrop-l: 0%;
1307
- --dt-color-surface-backdrop-a: 65%;
1308
- --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
1309
- --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%));
1310
- --dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); /* Background color for a modal-like backdrop. */
1311
- --dt-color-surface-contrast-opaque-h: 0;
1312
- --dt-color-surface-contrast-opaque-s: 0%;
1313
- --dt-color-surface-contrast-opaque-l: 100%;
1314
- --dt-color-surface-contrast-opaque-a: 97%;
1143
+ --dt-color-surface-contrast-opaque-h: 30;
1144
+ --dt-color-surface-contrast-opaque-s: 12.5%;
1145
+ --dt-color-surface-contrast-opaque-l: 96.9%;
1146
+ --dt-color-surface-contrast-opaque-a: 95%;
1315
1147
  --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);
1316
- --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%));
1317
- --dt-color-surface-contrast-opaque: hsl(0 0% 100% / 0.97);
1318
- --dt-color-surface-strong-opaque-h: 0;
1319
- --dt-color-surface-strong-opaque-s: 0%;
1320
- --dt-color-surface-strong-opaque-l: 90.2%;
1148
+ --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, 95%));
1149
+ --dt-color-surface-contrast-opaque: hsl(30 12.5% 96.9% / 0.95);
1150
+ --dt-color-surface-strong-opaque-h: 20;
1151
+ --dt-color-surface-strong-opaque-s: 5.03%;
1152
+ --dt-color-surface-strong-opaque-l: 64.9%;
1321
1153
  --dt-color-surface-strong-opaque-a: 74%;
1322
1154
  --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);
1323
1155
  --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%));
1324
- --dt-color-surface-strong-opaque: hsl(0 0% 90.2% / 0.74);
1325
- --dt-color-surface-bold-opaque-h: 0;
1326
- --dt-color-surface-bold-opaque-s: 0%;
1327
- --dt-color-surface-bold-opaque-l: 90.2%;
1328
- --dt-color-surface-bold-opaque-a: 30%;
1156
+ --dt-color-surface-strong-opaque: hsl(20 5.03% 64.9% / 0.74);
1157
+ --dt-color-surface-bold-opaque-h: 20;
1158
+ --dt-color-surface-bold-opaque-s: 2.44%;
1159
+ --dt-color-surface-bold-opaque-l: 24.1%;
1160
+ --dt-color-surface-bold-opaque-a: 41%;
1329
1161
  --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);
1330
- --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%));
1331
- --dt-color-surface-bold-opaque: hsl(0 0% 90.2% / 0.3);
1332
- --dt-color-surface-moderate-opaque-h: 0;
1333
- --dt-color-surface-moderate-opaque-s: 0%;
1334
- --dt-color-surface-moderate-opaque-l: 90.2%;
1335
- --dt-color-surface-moderate-opaque-a: 18%;
1162
+ --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, 41%));
1163
+ --dt-color-surface-bold-opaque: hsl(20 2.44% 24.1% / 0.41);
1164
+ --dt-color-surface-moderate-opaque-h: 30;
1165
+ --dt-color-surface-moderate-opaque-s: 5.26%;
1166
+ --dt-color-surface-moderate-opaque-l: 14.899999999999999%;
1167
+ --dt-color-surface-moderate-opaque-a: 33%;
1336
1168
  --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);
1337
- --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%));
1338
- --dt-color-surface-moderate-opaque: hsl(0 0% 90.2% / 0.18);
1339
- --dt-color-surface-secondary-opaque-h: 0;
1340
- --dt-color-surface-secondary-opaque-s: 0%;
1341
- --dt-color-surface-secondary-opaque-l: 90.2%;
1342
- --dt-color-surface-secondary-opaque-a: 3%;
1169
+ --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, 33%));
1170
+ --dt-color-surface-moderate-opaque: hsl(30 5.26% 14.9% / 0.33);
1171
+ --dt-color-surface-secondary-opaque-h: 30;
1172
+ --dt-color-surface-secondary-opaque-s: 10%;
1173
+ --dt-color-surface-secondary-opaque-l: 3.92%;
1174
+ --dt-color-surface-secondary-opaque-a: 22%;
1343
1175
  --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);
1344
- --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%));
1345
- --dt-color-surface-secondary-opaque: hsl(0 0% 90.2% / 0.03);
1176
+ --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, 22%));
1177
+ --dt-color-surface-secondary-opaque: hsl(30 10% 3.92% / 0.22);
1178
+ --dt-color-surface-brand-strong-h: var(--dt-color-purple-500-h);
1179
+ --dt-color-surface-brand-strong-s: var(--dt-color-purple-500-s);
1180
+ --dt-color-surface-brand-strong-l: var(--dt-color-purple-500-l);
1181
+ --dt-color-surface-brand-strong-a: var(--dt-color-purple-500-a);
1182
+ --dt-color-surface-brand-strong-hsl: var(--dt-color-purple-500-hsl);
1183
+ --dt-color-surface-brand-strong-hsla: var(--dt-color-purple-500-hsla);
1184
+ --dt-color-surface-brand-strong: var(--dt-color-purple-500);
1185
+ --dt-color-surface-info-strong-h: var(--dt-color-blue-450-h);
1186
+ --dt-color-surface-info-strong-s: var(--dt-color-blue-450-s);
1187
+ --dt-color-surface-info-strong-l: var(--dt-color-blue-450-l);
1188
+ --dt-color-surface-info-strong-a: var(--dt-color-blue-450-a);
1189
+ --dt-color-surface-info-strong-hsl: var(--dt-color-blue-450-hsl);
1190
+ --dt-color-surface-info-strong-hsla: var(--dt-color-blue-450-hsla);
1191
+ --dt-color-surface-info-strong: var(--dt-color-blue-450);
1192
+ --dt-color-surface-success-strong-h: var(--dt-color-green-475-h);
1193
+ --dt-color-surface-success-strong-s: var(--dt-color-green-475-s);
1194
+ --dt-color-surface-success-strong-l: var(--dt-color-green-475-l);
1195
+ --dt-color-surface-success-strong-a: var(--dt-color-green-475-a);
1196
+ --dt-color-surface-success-strong-hsl: var(--dt-color-green-475-hsl);
1197
+ --dt-color-surface-success-strong-hsla: var(--dt-color-green-475-hsla);
1198
+ --dt-color-surface-success-strong: var(--dt-color-green-475);
1199
+ --dt-color-surface-warning-strong-h: var(--dt-color-gold-600-h);
1200
+ --dt-color-surface-warning-strong-s: var(--dt-color-gold-600-s);
1201
+ --dt-color-surface-warning-strong-l: var(--dt-color-gold-600-l);
1202
+ --dt-color-surface-warning-strong-a: var(--dt-color-gold-600-a);
1203
+ --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-600-hsl);
1204
+ --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-600-hsla);
1205
+ --dt-color-surface-warning-strong: var(--dt-color-gold-600);
1206
+ --dt-color-surface-critical-strong-h: var(--dt-color-red-600-h);
1207
+ --dt-color-surface-critical-strong-s: var(--dt-color-red-600-s);
1208
+ --dt-color-surface-critical-strong-l: var(--dt-color-red-600-l);
1209
+ --dt-color-surface-critical-strong-a: var(--dt-color-red-600-a);
1210
+ --dt-color-surface-critical-strong-hsl: var(--dt-color-red-600-hsl);
1211
+ --dt-color-surface-critical-strong-hsla: var(--dt-color-red-600-hsla);
1212
+ --dt-color-surface-critical-strong: var(--dt-color-red-600);
1213
+ --dt-color-surface-brand-subtle-h: var(--dt-color-purple-50-h);
1214
+ --dt-color-surface-brand-subtle-s: var(--dt-color-purple-50-s);
1215
+ --dt-color-surface-brand-subtle-l: var(--dt-color-purple-50-l);
1216
+ --dt-color-surface-brand-subtle-a: var(--dt-color-purple-50-a);
1217
+ --dt-color-surface-brand-subtle-hsl: var(--dt-color-purple-50-hsl);
1218
+ --dt-color-surface-brand-subtle-hsla: var(--dt-color-purple-50-hsla);
1219
+ --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
1220
+ --dt-color-surface-info-subtle-h: 211;
1221
+ --dt-color-surface-info-subtle-s: 100%;
1222
+ --dt-color-surface-info-subtle-l: 4.82%;
1223
+ --dt-color-surface-info-subtle-a: 100%;
1224
+ --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);
1225
+ --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%));
1226
+ --dt-color-surface-info-subtle: hsl(211 100% 4.82%);
1227
+ --dt-color-surface-success-subtle-h: 155;
1228
+ --dt-color-surface-success-subtle-s: 95%;
1229
+ --dt-color-surface-success-subtle-l: 3.92%;
1230
+ --dt-color-surface-success-subtle-a: 100%;
1231
+ --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);
1232
+ --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%));
1233
+ --dt-color-surface-success-subtle: hsl(155 95% 3.92%);
1234
+ --dt-color-surface-warning-subtle-h: 35.7;
1235
+ --dt-color-surface-warning-subtle-s: 91.3%;
1236
+ --dt-color-surface-warning-subtle-l: 4.51%;
1237
+ --dt-color-surface-warning-subtle-a: 100%;
1238
+ --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);
1239
+ --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%));
1240
+ --dt-color-surface-warning-subtle: hsl(35.7 91.3% 4.51%);
1241
+ --dt-color-surface-critical-subtle-h: 343;
1242
+ --dt-color-surface-critical-subtle-s: 100%;
1243
+ --dt-color-surface-critical-subtle-l: 5.49%;
1244
+ --dt-color-surface-critical-subtle-a: 100%;
1245
+ --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);
1246
+ --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%));
1247
+ --dt-color-surface-critical-subtle: hsl(343 100% 5.49%);
1248
+ --dt-color-surface-brand-h: var(--dt-color-purple-100-h);
1249
+ --dt-color-surface-brand-s: var(--dt-color-purple-100-s);
1250
+ --dt-color-surface-brand-l: var(--dt-color-purple-100-l);
1251
+ --dt-color-surface-brand-a: var(--dt-color-purple-100-a);
1252
+ --dt-color-surface-brand-hsl: var(--dt-color-purple-100-hsl);
1253
+ --dt-color-surface-brand-hsla: var(--dt-color-purple-100-hsla);
1254
+ --dt-color-surface-brand: var(--dt-color-purple-100); /* Background surface color containing messaging or elements communicated as generally informational. */
1255
+ --dt-color-surface-info-h: var(--dt-color-blue-100-h);
1256
+ --dt-color-surface-info-s: var(--dt-color-blue-100-s);
1257
+ --dt-color-surface-info-l: var(--dt-color-blue-100-l);
1258
+ --dt-color-surface-info-a: var(--dt-color-blue-100-a);
1259
+ --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
1260
+ --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
1261
+ --dt-color-surface-info: var(--dt-color-blue-100); /* Background surface color containing messaging or elements communicated as generally informational. */
1262
+ --dt-color-surface-success-h: var(--dt-color-green-100-h);
1263
+ --dt-color-surface-success-s: var(--dt-color-green-100-s);
1264
+ --dt-color-surface-success-l: var(--dt-color-green-100-l);
1265
+ --dt-color-surface-success-a: var(--dt-color-green-100-a);
1266
+ --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
1267
+ --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
1268
+ --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1269
+ --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
1270
+ --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
1271
+ --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
1272
+ --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
1273
+ --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
1274
+ --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
1275
+ --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
1276
+ --dt-color-surface-critical-h: var(--dt-color-red-100-h);
1277
+ --dt-color-surface-critical-s: var(--dt-color-red-100-s);
1278
+ --dt-color-surface-critical-l: var(--dt-color-red-100-l);
1279
+ --dt-color-surface-critical-a: var(--dt-color-red-100-a);
1280
+ --dt-color-surface-critical-hsl: var(--dt-color-red-100-hsl);
1281
+ --dt-color-surface-critical-hsla: var(--dt-color-red-100-hsla);
1282
+ --dt-color-surface-critical: var(--dt-color-red-100); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
1283
+ --dt-color-surface-contrast-h: var(--dt-color-tan-1000-h);
1284
+ --dt-color-surface-contrast-s: var(--dt-color-tan-1000-s);
1285
+ --dt-color-surface-contrast-l: var(--dt-color-tan-1000-l);
1286
+ --dt-color-surface-contrast-a: var(--dt-color-tan-1000-a);
1287
+ --dt-color-surface-contrast-hsl: var(--dt-color-tan-1000-hsl);
1288
+ --dt-color-surface-contrast-hsla: var(--dt-color-tan-1000-hsla);
1289
+ --dt-color-surface-contrast: var(--dt-color-tan-1000);
1290
+ --dt-color-surface-strong-h: var(--dt-color-tan-600-h);
1291
+ --dt-color-surface-strong-s: var(--dt-color-tan-600-s);
1292
+ --dt-color-surface-strong-l: var(--dt-color-tan-600-l);
1293
+ --dt-color-surface-strong-a: var(--dt-color-tan-600-a);
1294
+ --dt-color-surface-strong-hsl: var(--dt-color-tan-600-hsl);
1295
+ --dt-color-surface-strong-hsla: var(--dt-color-tan-600-hsla);
1296
+ --dt-color-surface-strong: var(--dt-color-tan-600);
1297
+ --dt-color-surface-bold-h: var(--dt-color-tan-300-h);
1298
+ --dt-color-surface-bold-s: var(--dt-color-tan-300-s);
1299
+ --dt-color-surface-bold-l: var(--dt-color-tan-300-l);
1300
+ --dt-color-surface-bold-a: var(--dt-color-tan-300-a);
1301
+ --dt-color-surface-bold-hsl: var(--dt-color-tan-300-hsl);
1302
+ --dt-color-surface-bold-hsla: var(--dt-color-tan-300-hsla);
1303
+ --dt-color-surface-bold: var(--dt-color-tan-300);
1304
+ --dt-color-surface-moderate-h: var(--dt-color-tan-200-h);
1305
+ --dt-color-surface-moderate-s: var(--dt-color-tan-200-s);
1306
+ --dt-color-surface-moderate-l: var(--dt-color-tan-200-l);
1307
+ --dt-color-surface-moderate-a: var(--dt-color-tan-200-a);
1308
+ --dt-color-surface-moderate-hsl: var(--dt-color-tan-200-hsl);
1309
+ --dt-color-surface-moderate-hsla: var(--dt-color-tan-200-hsla);
1310
+ --dt-color-surface-moderate: var(--dt-color-tan-200);
1311
+ --dt-color-surface-secondary-h: var(--dt-color-tan-100-h);
1312
+ --dt-color-surface-secondary-s: var(--dt-color-tan-100-s);
1313
+ --dt-color-surface-secondary-l: var(--dt-color-tan-100-l);
1314
+ --dt-color-surface-secondary-a: var(--dt-color-tan-100-a);
1315
+ --dt-color-surface-secondary-hsl: var(--dt-color-tan-100-hsl);
1316
+ --dt-color-surface-secondary-hsla: var(--dt-color-tan-100-hsla);
1317
+ --dt-color-surface-secondary: var(--dt-color-tan-100);
1318
+ --dt-color-surface-primary-h: var(--dt-color-tan-50-h);
1319
+ --dt-color-surface-primary-s: var(--dt-color-tan-50-s);
1320
+ --dt-color-surface-primary-l: var(--dt-color-tan-50-l);
1321
+ --dt-color-surface-primary-a: var(--dt-color-tan-50-a);
1322
+ --dt-color-surface-primary-hsl: var(--dt-color-tan-50-hsl);
1323
+ --dt-color-surface-primary-hsla: var(--dt-color-tan-50-hsla);
1324
+ --dt-color-surface-primary: var(--dt-color-tan-50);
1346
1325
  --dt-color-link-muted-inverted-hover-h: var(--dt-color-black-100-h);
1347
1326
  --dt-color-link-muted-inverted-hover-s: var(--dt-color-black-100-s);
1348
1327
  --dt-color-link-muted-inverted-hover-l: var(--dt-color-black-100-l);
@@ -1364,6 +1343,13 @@
1364
1343
  --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-250-hsl);
1365
1344
  --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-250-hsla);
1366
1345
  --dt-color-link-primary-inverted-hover: var(--dt-color-purple-250);
1346
+ --dt-color-link-primary-inverted-h: var(--dt-color-purple-350-h);
1347
+ --dt-color-link-primary-inverted-s: var(--dt-color-purple-350-s);
1348
+ --dt-color-link-primary-inverted-l: var(--dt-color-purple-350-l);
1349
+ --dt-color-link-primary-inverted-a: var(--dt-color-purple-350-a);
1350
+ --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-350-hsl);
1351
+ --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-350-hsla);
1352
+ --dt-color-link-primary-inverted: var(--dt-color-purple-350);
1367
1353
  --dt-color-link-warning-hover-h: var(--dt-color-gold-700-h);
1368
1354
  --dt-color-link-warning-hover-s: var(--dt-color-gold-700-s);
1369
1355
  --dt-color-link-warning-hover-l: var(--dt-color-gold-700-l);
@@ -1378,13 +1364,6 @@
1378
1364
  --dt-color-link-primary-hover-hsl: var(--dt-color-purple-550-hsl);
1379
1365
  --dt-color-link-primary-hover-hsla: var(--dt-color-purple-550-hsla);
1380
1366
  --dt-color-link-primary-hover: var(--dt-color-purple-550);
1381
- --dt-color-link-primary-inverted-h: var(--dt-color-purple-350-h);
1382
- --dt-color-link-primary-inverted-s: var(--dt-color-purple-350-s);
1383
- --dt-color-link-primary-inverted-l: var(--dt-color-purple-350-l);
1384
- --dt-color-link-primary-inverted-a: var(--dt-color-purple-350-a);
1385
- --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-350-hsl);
1386
- --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-350-hsla);
1387
- --dt-color-link-primary-inverted: var(--dt-color-purple-350);
1388
1367
  --dt-color-link-primary-h: var(--dt-color-purple-500-h);
1389
1368
  --dt-color-link-primary-s: var(--dt-color-purple-500-s);
1390
1369
  --dt-color-link-primary-l: var(--dt-color-purple-500-l);
@@ -1413,13 +1392,13 @@
1413
1392
  --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-300-hsl);
1414
1393
  --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-300-hsla);
1415
1394
  --dt-color-foreground-success-inverted: var(--dt-color-green-300);
1416
- --dt-color-foreground-critical-strong-inverted-h: var(--dt-color-red-350-h);
1417
- --dt-color-foreground-critical-strong-inverted-s: var(--dt-color-red-350-s);
1418
- --dt-color-foreground-critical-strong-inverted-l: var(--dt-color-red-350-l);
1419
- --dt-color-foreground-critical-strong-inverted-a: var(--dt-color-red-350-a);
1420
- --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-red-350-hsl);
1421
- --dt-color-foreground-critical-strong-inverted-hsla: var(--dt-color-red-350-hsla);
1422
- --dt-color-foreground-critical-strong-inverted: var(--dt-color-red-350);
1395
+ --dt-color-foreground-critical-strong-inverted-h: var(--dt-color-red-200-h);
1396
+ --dt-color-foreground-critical-strong-inverted-s: var(--dt-color-red-200-s);
1397
+ --dt-color-foreground-critical-strong-inverted-l: var(--dt-color-red-200-l);
1398
+ --dt-color-foreground-critical-strong-inverted-a: var(--dt-color-red-200-a);
1399
+ --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-red-200-hsl);
1400
+ --dt-color-foreground-critical-strong-inverted-hsla: var(--dt-color-red-200-hsla);
1401
+ --dt-color-foreground-critical-strong-inverted: var(--dt-color-red-200); /* Critical strong text that sits on high-contrast surfaces or backgrounds */
1423
1402
  --dt-color-foreground-critical-inverted-h: var(--dt-color-red-450-h);
1424
1403
  --dt-color-foreground-critical-inverted-s: var(--dt-color-red-450-s);
1425
1404
  --dt-color-foreground-critical-inverted-l: var(--dt-color-red-450-l);
@@ -1427,48 +1406,48 @@
1427
1406
  --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-450-hsl);
1428
1407
  --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-450-hsla);
1429
1408
  --dt-color-foreground-critical-inverted: var(--dt-color-red-450);
1430
- --dt-color-foreground-disabled-inverted-h: var(--dt-color-black-400-h);
1431
- --dt-color-foreground-disabled-inverted-s: var(--dt-color-black-400-s);
1432
- --dt-color-foreground-disabled-inverted-l: var(--dt-color-black-400-l);
1433
- --dt-color-foreground-disabled-inverted-a: var(--dt-color-black-400-a);
1434
- --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-black-400-hsl);
1435
- --dt-color-foreground-disabled-inverted-hsla: var(--dt-color-black-400-hsla);
1436
- --dt-color-foreground-disabled-inverted: var(--dt-color-black-400); /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
1437
- --dt-color-foreground-placeholder-inverted-h: var(--dt-color-black-400-h);
1438
- --dt-color-foreground-placeholder-inverted-s: var(--dt-color-black-400-s);
1439
- --dt-color-foreground-placeholder-inverted-l: var(--dt-color-black-400-l);
1440
- --dt-color-foreground-placeholder-inverted-a: var(--dt-color-black-400-a);
1441
- --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-black-400-hsl);
1442
- --dt-color-foreground-placeholder-inverted-hsla: var(--dt-color-black-400-hsla);
1443
- --dt-color-foreground-placeholder-inverted: var(--dt-color-black-400); /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
1444
- --dt-color-foreground-muted-inverted-h: 0;
1445
- --dt-color-foreground-muted-inverted-s: 0%;
1446
- --dt-color-foreground-muted-inverted-l: 9.02%;
1409
+ --dt-color-foreground-disabled-inverted-h: var(--dt-color-tan-400-h);
1410
+ --dt-color-foreground-disabled-inverted-s: var(--dt-color-tan-400-s);
1411
+ --dt-color-foreground-disabled-inverted-l: var(--dt-color-tan-400-l);
1412
+ --dt-color-foreground-disabled-inverted-a: var(--dt-color-tan-400-a);
1413
+ --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-tan-400-hsl);
1414
+ --dt-color-foreground-disabled-inverted-hsla: var(--dt-color-tan-400-hsla);
1415
+ --dt-color-foreground-disabled-inverted: var(--dt-color-tan-400);
1416
+ --dt-color-foreground-placeholder-inverted-h: var(--dt-color-tan-400-h);
1417
+ --dt-color-foreground-placeholder-inverted-s: var(--dt-color-tan-400-s);
1418
+ --dt-color-foreground-placeholder-inverted-l: var(--dt-color-tan-400-l);
1419
+ --dt-color-foreground-placeholder-inverted-a: var(--dt-color-tan-400-a);
1420
+ --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-tan-400-hsl);
1421
+ --dt-color-foreground-placeholder-inverted-hsla: var(--dt-color-tan-400-hsla);
1422
+ --dt-color-foreground-placeholder-inverted: var(--dt-color-tan-400);
1423
+ --dt-color-foreground-muted-inverted-h: 30;
1424
+ --dt-color-foreground-muted-inverted-s: 5%;
1425
+ --dt-color-foreground-muted-inverted-l: 7.84%;
1447
1426
  --dt-color-foreground-muted-inverted-a: 65%;
1448
1427
  --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);
1449
1428
  --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%));
1450
- --dt-color-foreground-muted-inverted: hsl(0 0% 9.02% / 0.65); /* Muted text color that sits on high-contrast surfaces or backgrounds. */
1451
- --dt-color-foreground-tertiary-inverted-h: var(--dt-color-black-400-h);
1452
- --dt-color-foreground-tertiary-inverted-s: var(--dt-color-black-400-s);
1453
- --dt-color-foreground-tertiary-inverted-l: var(--dt-color-black-400-l);
1454
- --dt-color-foreground-tertiary-inverted-a: var(--dt-color-black-400-a);
1455
- --dt-color-foreground-tertiary-inverted-hsl: var(--dt-color-black-400-hsl);
1456
- --dt-color-foreground-tertiary-inverted-hsla: var(--dt-color-black-400-hsla);
1457
- --dt-color-foreground-tertiary-inverted: var(--dt-color-black-400);
1458
- --dt-color-foreground-secondary-inverted-h: var(--dt-color-black-300-h);
1459
- --dt-color-foreground-secondary-inverted-s: var(--dt-color-black-300-s);
1460
- --dt-color-foreground-secondary-inverted-l: var(--dt-color-black-300-l);
1461
- --dt-color-foreground-secondary-inverted-a: var(--dt-color-black-300-a);
1462
- --dt-color-foreground-secondary-inverted-hsl: var(--dt-color-black-300-hsl);
1463
- --dt-color-foreground-secondary-inverted-hsla: var(--dt-color-black-300-hsla);
1464
- --dt-color-foreground-secondary-inverted: var(--dt-color-black-300);
1465
- --dt-color-foreground-primary-inverted-h: var(--dt-color-black-100-h);
1466
- --dt-color-foreground-primary-inverted-s: var(--dt-color-black-100-s);
1467
- --dt-color-foreground-primary-inverted-l: var(--dt-color-black-100-l);
1468
- --dt-color-foreground-primary-inverted-a: var(--dt-color-black-100-a);
1469
- --dt-color-foreground-primary-inverted-hsl: var(--dt-color-black-100-hsl);
1470
- --dt-color-foreground-primary-inverted-hsla: var(--dt-color-black-100-hsla);
1471
- --dt-color-foreground-primary-inverted: var(--dt-color-black-100); /* Primary text that sits on high-contrast surfaces or backgrounds. */
1429
+ --dt-color-foreground-muted-inverted: hsl(30 5% 7.84% / 0.65);
1430
+ --dt-color-foreground-tertiary-inverted-h: var(--dt-color-tan-300-h);
1431
+ --dt-color-foreground-tertiary-inverted-s: var(--dt-color-tan-300-s);
1432
+ --dt-color-foreground-tertiary-inverted-l: var(--dt-color-tan-300-l);
1433
+ --dt-color-foreground-tertiary-inverted-a: var(--dt-color-tan-300-a);
1434
+ --dt-color-foreground-tertiary-inverted-hsl: var(--dt-color-tan-300-hsl);
1435
+ --dt-color-foreground-tertiary-inverted-hsla: var(--dt-color-tan-300-hsla);
1436
+ --dt-color-foreground-tertiary-inverted: var(--dt-color-tan-300);
1437
+ --dt-color-foreground-secondary-inverted-h: var(--dt-color-tan-200-h);
1438
+ --dt-color-foreground-secondary-inverted-s: var(--dt-color-tan-200-s);
1439
+ --dt-color-foreground-secondary-inverted-l: var(--dt-color-tan-200-l);
1440
+ --dt-color-foreground-secondary-inverted-a: var(--dt-color-tan-200-a);
1441
+ --dt-color-foreground-secondary-inverted-hsl: var(--dt-color-tan-200-hsl);
1442
+ --dt-color-foreground-secondary-inverted-hsla: var(--dt-color-tan-200-hsla);
1443
+ --dt-color-foreground-secondary-inverted: var(--dt-color-tan-200);
1444
+ --dt-color-foreground-primary-inverted-h: var(--dt-color-tan-100-h);
1445
+ --dt-color-foreground-primary-inverted-s: var(--dt-color-tan-100-s);
1446
+ --dt-color-foreground-primary-inverted-l: var(--dt-color-tan-100-l);
1447
+ --dt-color-foreground-primary-inverted-a: var(--dt-color-tan-100-a);
1448
+ --dt-color-foreground-primary-inverted-hsl: var(--dt-color-tan-100-hsl);
1449
+ --dt-color-foreground-primary-inverted-hsla: var(--dt-color-tan-100-hsla);
1450
+ --dt-color-foreground-primary-inverted: var(--dt-color-tan-100);
1472
1451
  --dt-color-foreground-warning-h: var(--dt-color-gold-500-h);
1473
1452
  --dt-color-foreground-warning-s: var(--dt-color-gold-500-s);
1474
1453
  --dt-color-foreground-warning-l: var(--dt-color-gold-500-l);
@@ -1504,48 +1483,48 @@
1504
1483
  --dt-color-foreground-critical-hsl: var(--dt-color-red-600-hsl);
1505
1484
  --dt-color-foreground-critical-hsla: var(--dt-color-red-600-hsla);
1506
1485
  --dt-color-foreground-critical: var(--dt-color-red-600);
1507
- --dt-color-foreground-disabled-h: var(--dt-color-black-500-h);
1508
- --dt-color-foreground-disabled-s: var(--dt-color-black-500-s);
1509
- --dt-color-foreground-disabled-l: var(--dt-color-black-500-l);
1510
- --dt-color-foreground-disabled-a: var(--dt-color-black-500-a);
1511
- --dt-color-foreground-disabled-hsl: var(--dt-color-black-500-hsl);
1512
- --dt-color-foreground-disabled-hsla: var(--dt-color-black-500-hsla);
1513
- --dt-color-foreground-disabled: var(--dt-color-black-500); /* Used for text paired with disabled content or components, like the form elements. */
1514
- --dt-color-foreground-placeholder-h: var(--dt-color-black-500-h);
1515
- --dt-color-foreground-placeholder-s: var(--dt-color-black-500-s);
1516
- --dt-color-foreground-placeholder-l: var(--dt-color-black-500-l);
1517
- --dt-color-foreground-placeholder-a: var(--dt-color-black-500-a);
1518
- --dt-color-foreground-placeholder-hsl: var(--dt-color-black-500-hsl);
1519
- --dt-color-foreground-placeholder-hsla: var(--dt-color-black-500-hsla);
1520
- --dt-color-foreground-placeholder: var(--dt-color-black-500); /* Text color for placeholder text within form elements. */
1521
- --dt-color-foreground-muted-h: 0;
1522
- --dt-color-foreground-muted-s: 0%;
1523
- --dt-color-foreground-muted-l: 100%;
1524
- --dt-color-foreground-muted-a: 50%;
1486
+ --dt-color-foreground-disabled-h: var(--dt-color-tan-500-h);
1487
+ --dt-color-foreground-disabled-s: var(--dt-color-tan-500-s);
1488
+ --dt-color-foreground-disabled-l: var(--dt-color-tan-500-l);
1489
+ --dt-color-foreground-disabled-a: var(--dt-color-tan-500-a);
1490
+ --dt-color-foreground-disabled-hsl: var(--dt-color-tan-500-hsl);
1491
+ --dt-color-foreground-disabled-hsla: var(--dt-color-tan-500-hsla);
1492
+ --dt-color-foreground-disabled: var(--dt-color-tan-500);
1493
+ --dt-color-foreground-placeholder-h: var(--dt-color-tan-500-h);
1494
+ --dt-color-foreground-placeholder-s: var(--dt-color-tan-500-s);
1495
+ --dt-color-foreground-placeholder-l: var(--dt-color-tan-500-l);
1496
+ --dt-color-foreground-placeholder-a: var(--dt-color-tan-500-a);
1497
+ --dt-color-foreground-placeholder-hsl: var(--dt-color-tan-500-hsl);
1498
+ --dt-color-foreground-placeholder-hsla: var(--dt-color-tan-500-hsla);
1499
+ --dt-color-foreground-placeholder: var(--dt-color-tan-500);
1500
+ --dt-color-foreground-muted-h: 30;
1501
+ --dt-color-foreground-muted-s: 12.5%;
1502
+ --dt-color-foreground-muted-l: 96.9%;
1503
+ --dt-color-foreground-muted-a: 40%;
1525
1504
  --dt-color-foreground-muted-hsl: var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l);
1526
- --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%));
1527
- --dt-color-foreground-muted: hsl(0 0% 100% / 0.5);
1528
- --dt-color-foreground-tertiary-h: var(--dt-color-black-600-h);
1529
- --dt-color-foreground-tertiary-s: var(--dt-color-black-600-s);
1530
- --dt-color-foreground-tertiary-l: var(--dt-color-black-600-l);
1531
- --dt-color-foreground-tertiary-a: var(--dt-color-black-600-a);
1532
- --dt-color-foreground-tertiary-hsl: var(--dt-color-black-600-hsl);
1533
- --dt-color-foreground-tertiary-hsla: var(--dt-color-black-600-hsla);
1534
- --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. */
1535
- --dt-color-foreground-secondary-h: var(--dt-color-black-700-h);
1536
- --dt-color-foreground-secondary-s: var(--dt-color-black-700-s);
1537
- --dt-color-foreground-secondary-l: var(--dt-color-black-700-l);
1538
- --dt-color-foreground-secondary-a: var(--dt-color-black-700-a);
1539
- --dt-color-foreground-secondary-hsl: var(--dt-color-black-700-hsl);
1540
- --dt-color-foreground-secondary-hsla: var(--dt-color-black-700-hsla);
1541
- --dt-color-foreground-secondary: var(--dt-color-black-700); /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
1542
- --dt-color-foreground-primary-h: var(--dt-color-black-900-h);
1543
- --dt-color-foreground-primary-s: var(--dt-color-black-900-s);
1544
- --dt-color-foreground-primary-l: var(--dt-color-black-900-l);
1545
- --dt-color-foreground-primary-a: var(--dt-color-black-900-a);
1546
- --dt-color-foreground-primary-hsl: var(--dt-color-black-900-hsl);
1547
- --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1548
- --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
1505
+ --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, 40%));
1506
+ --dt-color-foreground-muted: hsl(30 12.5% 96.9% / 0.4);
1507
+ --dt-color-foreground-tertiary-h: var(--dt-color-tan-600-h);
1508
+ --dt-color-foreground-tertiary-s: var(--dt-color-tan-600-s);
1509
+ --dt-color-foreground-tertiary-l: var(--dt-color-tan-600-l);
1510
+ --dt-color-foreground-tertiary-a: var(--dt-color-tan-600-a);
1511
+ --dt-color-foreground-tertiary-hsl: var(--dt-color-tan-600-hsl);
1512
+ --dt-color-foreground-tertiary-hsla: var(--dt-color-tan-600-hsla);
1513
+ --dt-color-foreground-tertiary: var(--dt-color-tan-600);
1514
+ --dt-color-foreground-secondary-h: var(--dt-color-tan-700-h);
1515
+ --dt-color-foreground-secondary-s: var(--dt-color-tan-700-s);
1516
+ --dt-color-foreground-secondary-l: var(--dt-color-tan-700-l);
1517
+ --dt-color-foreground-secondary-a: var(--dt-color-tan-700-a);
1518
+ --dt-color-foreground-secondary-hsl: var(--dt-color-tan-700-hsl);
1519
+ --dt-color-foreground-secondary-hsla: var(--dt-color-tan-700-hsla);
1520
+ --dt-color-foreground-secondary: var(--dt-color-tan-700);
1521
+ --dt-color-foreground-primary-h: var(--dt-color-tan-900-h);
1522
+ --dt-color-foreground-primary-s: var(--dt-color-tan-900-s);
1523
+ --dt-color-foreground-primary-l: var(--dt-color-tan-900-l);
1524
+ --dt-color-foreground-primary-a: var(--dt-color-tan-900-a);
1525
+ --dt-color-foreground-primary-hsl: var(--dt-color-tan-900-hsl);
1526
+ --dt-color-foreground-primary-hsla: var(--dt-color-tan-900-hsla);
1527
+ --dt-color-foreground-primary: var(--dt-color-tan-900);
1549
1528
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1550
1529
  --dt-radio-color-foreground-checked-h: var(--dt-color-foreground-primary-inverted-h);
1551
1530
  --dt-radio-color-foreground-checked-s: var(--dt-color-foreground-primary-inverted-s);
@@ -1568,6 +1547,13 @@
1568
1547
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1569
1548
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1570
1549
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
1550
+ --dt-radio-color-border-unchecked-hover-h: var(--dt-color-border-bold-h);
1551
+ --dt-radio-color-border-unchecked-hover-s: var(--dt-color-border-bold-s);
1552
+ --dt-radio-color-border-unchecked-hover-l: var(--dt-color-border-bold-l);
1553
+ --dt-radio-color-border-unchecked-hover-a: var(--dt-color-border-bold-a);
1554
+ --dt-radio-color-border-unchecked-hover-hsl: var(--dt-color-border-bold-hsl);
1555
+ --dt-radio-color-border-unchecked-hover-hsla: var(--dt-color-border-bold-hsla);
1556
+ --dt-radio-color-border-unchecked-hover: var(--dt-color-border-bold);
1571
1557
  --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1572
1558
  --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1573
1559
  --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
@@ -1611,6 +1597,13 @@
1611
1597
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1612
1598
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1613
1599
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1600
+ --dt-checkbox-color-border-unchecked-hover-h: var(--dt-color-border-bold-h);
1601
+ --dt-checkbox-color-border-unchecked-hover-s: var(--dt-color-border-bold-s);
1602
+ --dt-checkbox-color-border-unchecked-hover-l: var(--dt-color-border-bold-l);
1603
+ --dt-checkbox-color-border-unchecked-hover-a: var(--dt-color-border-bold-a);
1604
+ --dt-checkbox-color-border-unchecked-hover-hsl: var(--dt-color-border-bold-hsl);
1605
+ --dt-checkbox-color-border-unchecked-hover-hsla: var(--dt-color-border-bold-hsla);
1606
+ --dt-checkbox-color-border-unchecked-hover: var(--dt-color-border-bold);
1614
1607
  --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1615
1608
  --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1616
1609
  --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
@@ -1632,14 +1625,14 @@
1632
1625
  --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1633
1626
  --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1634
1627
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
1635
- --dt-badge-color-foreground-bulletin-subtle-h: 0;
1636
- --dt-badge-color-foreground-bulletin-subtle-s: 0%;
1637
- --dt-badge-color-foreground-bulletin-subtle-l: 90.2%;
1628
+ --dt-badge-color-foreground-bulletin-subtle-h: 25.7;
1629
+ --dt-badge-color-foreground-bulletin-subtle-s: 10.1%;
1630
+ --dt-badge-color-foreground-bulletin-subtle-l: 86.5%;
1638
1631
  --dt-badge-color-foreground-bulletin-subtle-a: 100%;
1639
1632
  --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);
1640
1633
  --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%));
1641
- --dt-badge-color-foreground-bulletin-subtle: hsl(0 0% 90.2%);
1642
- --dt-badge-color-background-ai: var(--dt-color-gradient-magenta-purple);
1634
+ --dt-badge-color-foreground-bulletin-subtle: hsl(25.7 10.1% 86.5%);
1635
+ --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
1643
1636
  --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
1644
1637
  --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
1645
1638
  --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
@@ -1675,13 +1668,13 @@
1675
1668
  --dt-theme-sidebar-section-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
1676
1669
  --dt-theme-sidebar-section-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
1677
1670
  --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
1678
- --dt-theme-sidebar-selected-row-color-background-h: 0;
1679
- --dt-theme-sidebar-selected-row-color-background-s: 0%;
1680
- --dt-theme-sidebar-selected-row-color-background-l: 90.2%;
1671
+ --dt-theme-sidebar-selected-row-color-background-h: 25.7;
1672
+ --dt-theme-sidebar-selected-row-color-background-s: 10.1%;
1673
+ --dt-theme-sidebar-selected-row-color-background-l: 86.5%;
1681
1674
  --dt-theme-sidebar-selected-row-color-background-a: 12%;
1682
1675
  --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);
1683
1676
  --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%));
1684
- --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
1677
+ --dt-theme-sidebar-selected-row-color-background: hsl(25.7 10.1% 86.5% / 0.12);
1685
1678
  --dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
1686
1679
  --dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
1687
1680
  --dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
@@ -1689,27 +1682,27 @@
1689
1682
  --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-color-foreground-primary-hsl);
1690
1683
  --dt-theme-sidebar-selected-row-color-foreground-hsla: var(--dt-color-foreground-primary-hsla);
1691
1684
  --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
1692
- --dt-theme-sidebar-row-color-background-active-h: 0;
1693
- --dt-theme-sidebar-row-color-background-active-s: 0%;
1694
- --dt-theme-sidebar-row-color-background-active-l: 90.2%;
1685
+ --dt-theme-sidebar-row-color-background-active-h: 25.7;
1686
+ --dt-theme-sidebar-row-color-background-active-s: 10.1%;
1687
+ --dt-theme-sidebar-row-color-background-active-l: 86.5%;
1695
1688
  --dt-theme-sidebar-row-color-background-active-a: 15%;
1696
1689
  --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);
1697
1690
  --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%));
1698
- --dt-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.15);
1699
- --dt-theme-sidebar-row-color-background-hover-h: 0;
1700
- --dt-theme-sidebar-row-color-background-hover-s: 0%;
1701
- --dt-theme-sidebar-row-color-background-hover-l: 90.2%;
1691
+ --dt-theme-sidebar-row-color-background-active: hsl(25.7 10.1% 86.5% / 0.15);
1692
+ --dt-theme-sidebar-row-color-background-hover-h: 25.7;
1693
+ --dt-theme-sidebar-row-color-background-hover-s: 10.1%;
1694
+ --dt-theme-sidebar-row-color-background-hover-l: 86.5%;
1702
1695
  --dt-theme-sidebar-row-color-background-hover-a: 10%;
1703
1696
  --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);
1704
1697
  --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%));
1705
- --dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
1706
- --dt-theme-sidebar-row-color-background-h: 0;
1707
- --dt-theme-sidebar-row-color-background-s: 0%;
1708
- --dt-theme-sidebar-row-color-background-l: 90.2%;
1698
+ --dt-theme-sidebar-row-color-background-hover: hsl(25.7 10.1% 86.5% / 0.1);
1699
+ --dt-theme-sidebar-row-color-background-h: 25.7;
1700
+ --dt-theme-sidebar-row-color-background-s: 10.1%;
1701
+ --dt-theme-sidebar-row-color-background-l: 86.5%;
1709
1702
  --dt-theme-sidebar-row-color-background-a: 0%;
1710
1703
  --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);
1711
1704
  --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%));
1712
- --dt-theme-sidebar-row-color-background: hsl(0 0% 90.2% / 0);
1705
+ --dt-theme-sidebar-row-color-background: hsl(25.7 10.1% 86.5% / 0);
1713
1706
  --dt-theme-sidebar-status-color-foreground-h: var(--dt-color-foreground-tertiary-h);
1714
1707
  --dt-theme-sidebar-status-color-foreground-s: var(--dt-color-foreground-tertiary-s);
1715
1708
  --dt-theme-sidebar-status-color-foreground-l: var(--dt-color-foreground-tertiary-l);
@@ -1731,62 +1724,62 @@
1731
1724
  --dt-theme-sidebar-color-foreground-hsl: var(--dt-color-foreground-secondary-hsl);
1732
1725
  --dt-theme-sidebar-color-foreground-hsla: var(--dt-color-foreground-secondary-hsla);
1733
1726
  --dt-theme-sidebar-color-foreground: var(--dt-color-foreground-secondary);
1734
- --dt-theme-topbar-profile-color-background-active-h: 0;
1735
- --dt-theme-topbar-profile-color-background-active-s: 0%;
1736
- --dt-theme-topbar-profile-color-background-active-l: 90.2%;
1727
+ --dt-theme-topbar-profile-color-background-active-h: 25.7;
1728
+ --dt-theme-topbar-profile-color-background-active-s: 10.1%;
1729
+ --dt-theme-topbar-profile-color-background-active-l: 86.5%;
1737
1730
  --dt-theme-topbar-profile-color-background-active-a: 14%;
1738
1731
  --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);
1739
1732
  --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%));
1740
- --dt-theme-topbar-profile-color-background-active: hsl(0 0% 90.2% / 0.14);
1741
- --dt-theme-topbar-profile-color-background-hover-h: 0;
1742
- --dt-theme-topbar-profile-color-background-hover-s: 0%;
1743
- --dt-theme-topbar-profile-color-background-hover-l: 90.2%;
1733
+ --dt-theme-topbar-profile-color-background-active: hsl(25.7 10.1% 86.5% / 0.14);
1734
+ --dt-theme-topbar-profile-color-background-hover-h: 25.7;
1735
+ --dt-theme-topbar-profile-color-background-hover-s: 10.1%;
1736
+ --dt-theme-topbar-profile-color-background-hover-l: 86.5%;
1744
1737
  --dt-theme-topbar-profile-color-background-hover-a: 10%;
1745
1738
  --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);
1746
1739
  --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%));
1747
- --dt-theme-topbar-profile-color-background-hover: hsl(0 0% 90.2% / 0.1);
1748
- --dt-theme-topbar-profile-color-background-inverted-h: 0;
1749
- --dt-theme-topbar-profile-color-background-inverted-s: 0%;
1750
- --dt-theme-topbar-profile-color-background-inverted-l: 90.2%;
1740
+ --dt-theme-topbar-profile-color-background-hover: hsl(25.7 10.1% 86.5% / 0.1);
1741
+ --dt-theme-topbar-profile-color-background-inverted-h: 25.7;
1742
+ --dt-theme-topbar-profile-color-background-inverted-s: 10.1%;
1743
+ --dt-theme-topbar-profile-color-background-inverted-l: 86.5%;
1751
1744
  --dt-theme-topbar-profile-color-background-inverted-a: 75%;
1752
1745
  --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);
1753
1746
  --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%));
1754
- --dt-theme-topbar-profile-color-background-inverted: hsl(0 0% 90.2% / 0.75);
1755
- --dt-theme-topbar-profile-color-background-h: 0;
1756
- --dt-theme-topbar-profile-color-background-s: 0%;
1757
- --dt-theme-topbar-profile-color-background-l: 90.2%;
1747
+ --dt-theme-topbar-profile-color-background-inverted: hsl(25.7 10.1% 86.5% / 0.75);
1748
+ --dt-theme-topbar-profile-color-background-h: 25.7;
1749
+ --dt-theme-topbar-profile-color-background-s: 10.1%;
1750
+ --dt-theme-topbar-profile-color-background-l: 86.5%;
1758
1751
  --dt-theme-topbar-profile-color-background-a: 5%;
1759
1752
  --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);
1760
1753
  --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%));
1761
- --dt-theme-topbar-profile-color-background: hsl(0 0% 90.2% / 0.05);
1762
- --dt-theme-topbar-profile-color-foreground-inverted-h: 0;
1763
- --dt-theme-topbar-profile-color-foreground-inverted-s: 0%;
1764
- --dt-theme-topbar-profile-color-foreground-inverted-l: 9.02%;
1754
+ --dt-theme-topbar-profile-color-background: hsl(25.7 10.1% 86.5% / 0.05);
1755
+ --dt-theme-topbar-profile-color-foreground-inverted-h: 30;
1756
+ --dt-theme-topbar-profile-color-foreground-inverted-s: 5%;
1757
+ --dt-theme-topbar-profile-color-foreground-inverted-l: 7.84%;
1765
1758
  --dt-theme-topbar-profile-color-foreground-inverted-a: 75%;
1766
1759
  --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);
1767
1760
  --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%));
1768
- --dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 9.02% / 0.75);
1769
- --dt-theme-topbar-button-color-background-active-h: 0;
1770
- --dt-theme-topbar-button-color-background-active-s: 0%;
1771
- --dt-theme-topbar-button-color-background-active-l: 90.2%;
1761
+ --dt-theme-topbar-profile-color-foreground-inverted: hsl(30 5% 7.84% / 0.75);
1762
+ --dt-theme-topbar-button-color-background-active-h: 25.7;
1763
+ --dt-theme-topbar-button-color-background-active-s: 10.1%;
1764
+ --dt-theme-topbar-button-color-background-active-l: 86.5%;
1772
1765
  --dt-theme-topbar-button-color-background-active-a: 10%;
1773
1766
  --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);
1774
1767
  --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%));
1775
- --dt-theme-topbar-button-color-background-active: hsl(0 0% 90.2% / 0.1);
1776
- --dt-theme-topbar-button-color-background-hover-h: 0;
1777
- --dt-theme-topbar-button-color-background-hover-s: 0%;
1778
- --dt-theme-topbar-button-color-background-hover-l: 90.2%;
1768
+ --dt-theme-topbar-button-color-background-active: hsl(25.7 10.1% 86.5% / 0.1);
1769
+ --dt-theme-topbar-button-color-background-hover-h: 25.7;
1770
+ --dt-theme-topbar-button-color-background-hover-s: 10.1%;
1771
+ --dt-theme-topbar-button-color-background-hover-l: 86.5%;
1779
1772
  --dt-theme-topbar-button-color-background-hover-a: 15%;
1780
1773
  --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);
1781
1774
  --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%));
1782
- --dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
1783
- --dt-theme-topbar-button-color-background-h: 0;
1784
- --dt-theme-topbar-button-color-background-s: 0%;
1785
- --dt-theme-topbar-button-color-background-l: 90.2%;
1775
+ --dt-theme-topbar-button-color-background-hover: hsl(25.7 10.1% 86.5% / 0.15);
1776
+ --dt-theme-topbar-button-color-background-h: 25.7;
1777
+ --dt-theme-topbar-button-color-background-s: 10.1%;
1778
+ --dt-theme-topbar-button-color-background-l: 86.5%;
1786
1779
  --dt-theme-topbar-button-color-background-a: 0%;
1787
1780
  --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);
1788
1781
  --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%));
1789
- --dt-theme-topbar-button-color-background: hsl(0 0% 90.2% / 0);
1782
+ --dt-theme-topbar-button-color-background: hsl(25.7 10.1% 86.5% / 0);
1790
1783
  --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
1791
1784
  --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
1792
1785
  --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
@@ -1794,55 +1787,55 @@
1794
1787
  --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-color-base-hsl);
1795
1788
  --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-theme-color-base-hsla);
1796
1789
  --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
1797
- --dt-theme-topbar-button-color-foreground-h: 0;
1798
- --dt-theme-topbar-button-color-foreground-s: 0%;
1799
- --dt-theme-topbar-button-color-foreground-l: 90.2%;
1790
+ --dt-theme-topbar-button-color-foreground-h: 25.7;
1791
+ --dt-theme-topbar-button-color-foreground-s: 10.1%;
1792
+ --dt-theme-topbar-button-color-foreground-l: 86.5%;
1800
1793
  --dt-theme-topbar-button-color-foreground-a: 65%;
1801
1794
  --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);
1802
1795
  --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%));
1803
- --dt-theme-topbar-button-color-foreground: hsl(0 0% 90.2% / 0.65);
1804
- --dt-theme-topbar-field-color-border-active-h: 0;
1805
- --dt-theme-topbar-field-color-border-active-s: 0%;
1806
- --dt-theme-topbar-field-color-border-active-l: 90.2%;
1796
+ --dt-theme-topbar-button-color-foreground: hsl(25.7 10.1% 86.5% / 0.65);
1797
+ --dt-theme-topbar-field-color-border-active-h: 25.7;
1798
+ --dt-theme-topbar-field-color-border-active-s: 10.1%;
1799
+ --dt-theme-topbar-field-color-border-active-l: 86.5%;
1807
1800
  --dt-theme-topbar-field-color-border-active-a: 20%;
1808
1801
  --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);
1809
1802
  --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%));
1810
- --dt-theme-topbar-field-color-border-active: hsl(0 0% 90.2% / 0.2);
1811
- --dt-theme-topbar-field-color-border-hover-h: 0;
1812
- --dt-theme-topbar-field-color-border-hover-s: 0%;
1813
- --dt-theme-topbar-field-color-border-hover-l: 90.2%;
1803
+ --dt-theme-topbar-field-color-border-active: hsl(25.7 10.1% 86.5% / 0.2);
1804
+ --dt-theme-topbar-field-color-border-hover-h: 25.7;
1805
+ --dt-theme-topbar-field-color-border-hover-s: 10.1%;
1806
+ --dt-theme-topbar-field-color-border-hover-l: 86.5%;
1814
1807
  --dt-theme-topbar-field-color-border-hover-a: 10%;
1815
1808
  --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);
1816
1809
  --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%));
1817
- --dt-theme-topbar-field-color-border-hover: hsl(0 0% 90.2% / 0.1);
1818
- --dt-theme-topbar-field-color-border-h: 0;
1819
- --dt-theme-topbar-field-color-border-s: 0%;
1820
- --dt-theme-topbar-field-color-border-l: 90.2%;
1810
+ --dt-theme-topbar-field-color-border-hover: hsl(25.7 10.1% 86.5% / 0.1);
1811
+ --dt-theme-topbar-field-color-border-h: 25.7;
1812
+ --dt-theme-topbar-field-color-border-s: 10.1%;
1813
+ --dt-theme-topbar-field-color-border-l: 86.5%;
1821
1814
  --dt-theme-topbar-field-color-border-a: 0%;
1822
1815
  --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);
1823
1816
  --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%));
1824
- --dt-theme-topbar-field-color-border: hsl(0 0% 90.2% / 0);
1825
- --dt-theme-topbar-field-color-background-h: 0;
1826
- --dt-theme-topbar-field-color-background-s: 0%;
1827
- --dt-theme-topbar-field-color-background-l: 90.2%;
1817
+ --dt-theme-topbar-field-color-border: hsl(25.7 10.1% 86.5% / 0);
1818
+ --dt-theme-topbar-field-color-background-h: 25.7;
1819
+ --dt-theme-topbar-field-color-background-s: 10.1%;
1820
+ --dt-theme-topbar-field-color-background-l: 86.5%;
1828
1821
  --dt-theme-topbar-field-color-background-a: 5%;
1829
1822
  --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);
1830
1823
  --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%));
1831
- --dt-theme-topbar-field-color-background: hsl(0 0% 90.2% / 0.05);
1832
- --dt-theme-topbar-field-color-foreground-hover-h: 0;
1833
- --dt-theme-topbar-field-color-foreground-hover-s: 0%;
1834
- --dt-theme-topbar-field-color-foreground-hover-l: 90.2%;
1824
+ --dt-theme-topbar-field-color-background: hsl(25.7 10.1% 86.5% / 0.05);
1825
+ --dt-theme-topbar-field-color-foreground-hover-h: 25.7;
1826
+ --dt-theme-topbar-field-color-foreground-hover-s: 10.1%;
1827
+ --dt-theme-topbar-field-color-foreground-hover-l: 86.5%;
1835
1828
  --dt-theme-topbar-field-color-foreground-hover-a: 75%;
1836
1829
  --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);
1837
1830
  --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%));
1838
- --dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 90.2% / 0.75);
1839
- --dt-theme-topbar-field-color-foreground-h: 0;
1840
- --dt-theme-topbar-field-color-foreground-s: 0%;
1841
- --dt-theme-topbar-field-color-foreground-l: 90.2%;
1831
+ --dt-theme-topbar-field-color-foreground-hover: hsl(25.7 10.1% 86.5% / 0.75);
1832
+ --dt-theme-topbar-field-color-foreground-h: 25.7;
1833
+ --dt-theme-topbar-field-color-foreground-s: 10.1%;
1834
+ --dt-theme-topbar-field-color-foreground-l: 86.5%;
1842
1835
  --dt-theme-topbar-field-color-foreground-a: 50%;
1843
1836
  --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);
1844
1837
  --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%));
1845
- --dt-theme-topbar-field-color-foreground: hsl(0 0% 90.2% / 0.5);
1838
+ --dt-theme-topbar-field-color-foreground: hsl(25.7 10.1% 86.5% / 0.5);
1846
1839
  --dt-theme-topbar-color-background-h: var(--dt-color-surface-secondary-h);
1847
1840
  --dt-theme-topbar-color-background-s: var(--dt-color-surface-secondary-s);
1848
1841
  --dt-theme-topbar-color-background-l: var(--dt-color-surface-secondary-l);
@@ -1850,13 +1843,13 @@
1850
1843
  --dt-theme-topbar-color-background-hsl: var(--dt-color-surface-secondary-hsl);
1851
1844
  --dt-theme-topbar-color-background-hsla: var(--dt-color-surface-secondary-hsla);
1852
1845
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
1853
- --dt-theme-topbar-color-foreground-h: 0;
1854
- --dt-theme-topbar-color-foreground-s: 0%;
1855
- --dt-theme-topbar-color-foreground-l: 90.2%;
1846
+ --dt-theme-topbar-color-foreground-h: 25.7;
1847
+ --dt-theme-topbar-color-foreground-s: 10.1%;
1848
+ --dt-theme-topbar-color-foreground-l: 86.5%;
1856
1849
  --dt-theme-topbar-color-foreground-a: 80%;
1857
1850
  --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);
1858
1851
  --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%));
1859
- --dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.8);
1852
+ --dt-theme-topbar-color-foreground: hsl(25.7 10.1% 86.5% / 0.8);
1860
1853
  --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1861
1854
  --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1862
1855
  --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
@@ -1927,6 +1920,20 @@
1927
1920
  --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-surface-brand-hsl);
1928
1921
  --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-surface-brand-hsla);
1929
1922
  --dt-action-color-background-inverted-primary-hover: var(--dt-color-surface-brand);
1923
+ --dt-action-color-background-inverted-active-h: var(--dt-color-surface-bold-opaque-inverted-h);
1924
+ --dt-action-color-background-inverted-active-s: var(--dt-color-surface-bold-opaque-inverted-s);
1925
+ --dt-action-color-background-inverted-active-l: var(--dt-color-surface-bold-opaque-inverted-l);
1926
+ --dt-action-color-background-inverted-active-a: var(--dt-color-surface-bold-opaque-inverted-a);
1927
+ --dt-action-color-background-inverted-active-hsl: var(--dt-color-surface-bold-opaque-inverted-hsl);
1928
+ --dt-action-color-background-inverted-active-hsla: var(--dt-color-surface-bold-opaque-inverted-hsla);
1929
+ --dt-action-color-background-inverted-active: var(--dt-color-surface-bold-opaque-inverted);
1930
+ --dt-action-color-background-inverted-hover-h: var(--dt-color-surface-moderate-opaque-inverted-h);
1931
+ --dt-action-color-background-inverted-hover-s: var(--dt-color-surface-moderate-opaque-inverted-s);
1932
+ --dt-action-color-background-inverted-hover-l: var(--dt-color-surface-moderate-opaque-inverted-l);
1933
+ --dt-action-color-background-inverted-hover-a: var(--dt-color-surface-moderate-opaque-inverted-a);
1934
+ --dt-action-color-background-inverted-hover-hsl: var(--dt-color-surface-moderate-opaque-inverted-hsl);
1935
+ --dt-action-color-background-inverted-hover-hsla: var(--dt-color-surface-moderate-opaque-inverted-hsla);
1936
+ --dt-action-color-background-inverted-hover: var(--dt-color-surface-moderate-opaque-inverted);
1930
1937
  --dt-action-color-background-critical-primary-active-h: var(--dt-action-color-background-critical-primary-default-h);
1931
1938
  --dt-action-color-background-critical-primary-active-s: var(--dt-action-color-background-critical-primary-default-s);
1932
1939
  --dt-action-color-background-critical-primary-active-l: var(--dt-action-color-background-critical-primary-default-l);
@@ -1948,13 +1955,13 @@
1948
1955
  --dt-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-default-hsl);
1949
1956
  --dt-action-color-background-base-primary-active-hsla: var(--dt-action-color-background-base-primary-default-hsla);
1950
1957
  --dt-action-color-background-base-primary-active: var(--dt-action-color-background-base-primary-default);
1951
- --dt-action-color-background-base-active-h: 258;
1952
- --dt-action-color-background-base-active-s: 100%;
1953
- --dt-action-color-background-base-active-l: 70.4%;
1958
+ --dt-action-color-background-base-active-h: 253;
1959
+ --dt-action-color-background-base-active-s: 95.9%;
1960
+ --dt-action-color-background-base-active-l: 71.6%;
1954
1961
  --dt-action-color-background-base-active-a: 30%;
1955
1962
  --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
1956
1963
  --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 30%));
1957
- --dt-action-color-background-base-active: hsl(258 100% 70.4% / 0.3);
1964
+ --dt-action-color-background-base-active: hsl(253 95.9% 71.6% / 0.3);
1958
1965
  --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
1959
1966
  --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
1960
1967
  --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);
@@ -2039,6 +2046,13 @@
2039
2046
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
2040
2047
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
2041
2048
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
2049
+ --dt-inputs-color-border-hover-h: var(--dt-color-border-moderate-h);
2050
+ --dt-inputs-color-border-hover-s: var(--dt-color-border-moderate-s);
2051
+ --dt-inputs-color-border-hover-l: var(--dt-color-border-moderate-l);
2052
+ --dt-inputs-color-border-hover-a: var(--dt-color-border-moderate-a);
2053
+ --dt-inputs-color-border-hover-hsl: var(--dt-color-border-moderate-hsl);
2054
+ --dt-inputs-color-border-hover-hsla: var(--dt-color-border-moderate-hsla);
2055
+ --dt-inputs-color-border-hover: var(--dt-color-border-moderate);
2042
2056
  --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
2043
2057
  --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
2044
2058
  --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
@@ -2060,13 +2074,13 @@
2060
2074
  --dt-inputs-color-foreground-placeholder-hsl: var(--dt-color-foreground-placeholder-hsl);
2061
2075
  --dt-inputs-color-foreground-placeholder-hsla: var(--dt-color-foreground-placeholder-hsla);
2062
2076
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
2063
- --dt-inputs-color-foreground-default-h: var(--dt-color-foreground-secondary-h);
2064
- --dt-inputs-color-foreground-default-s: var(--dt-color-foreground-secondary-s);
2065
- --dt-inputs-color-foreground-default-l: var(--dt-color-foreground-secondary-l);
2066
- --dt-inputs-color-foreground-default-a: var(--dt-color-foreground-secondary-a);
2067
- --dt-inputs-color-foreground-default-hsl: var(--dt-color-foreground-secondary-hsl);
2068
- --dt-inputs-color-foreground-default-hsla: var(--dt-color-foreground-secondary-hsla);
2069
- --dt-inputs-color-foreground-default: var(--dt-color-foreground-secondary);
2077
+ --dt-inputs-color-foreground-default-h: var(--dt-color-foreground-primary-h);
2078
+ --dt-inputs-color-foreground-default-s: var(--dt-color-foreground-primary-s);
2079
+ --dt-inputs-color-foreground-default-l: var(--dt-color-foreground-primary-l);
2080
+ --dt-inputs-color-foreground-default-a: var(--dt-color-foreground-primary-a);
2081
+ --dt-inputs-color-foreground-default-hsl: var(--dt-color-foreground-primary-hsl);
2082
+ --dt-inputs-color-foreground-default-hsla: var(--dt-color-foreground-primary-hsla);
2083
+ --dt-inputs-color-foreground-default: var(--dt-color-foreground-primary);
2070
2084
  --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
2071
2085
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
2072
2086
  --dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
@@ -2123,49 +2137,22 @@
2123
2137
  --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
2124
2138
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
2125
2139
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
2126
- --dt-color-border-ai: var(--dt-color-gradient-magenta-purple);
2127
- --dt-color-link-disabled-inverted-hover-h: var(--dt-color-foreground-disabled-inverted-h);
2128
- --dt-color-link-disabled-inverted-hover-s: var(--dt-color-foreground-disabled-inverted-s);
2129
- --dt-color-link-disabled-inverted-hover-l: var(--dt-color-foreground-disabled-inverted-l);
2130
- --dt-color-link-disabled-inverted-hover-a: var(--dt-color-foreground-disabled-inverted-a);
2131
- --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-foreground-disabled-inverted-hsl);
2132
- --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-foreground-disabled-inverted-hsla);
2133
- --dt-color-link-disabled-inverted-hover: var(--dt-color-foreground-disabled-inverted);
2134
- --dt-color-link-success-inverted-hover-h: var(--dt-color-foreground-success-strong-inverted-h);
2135
- --dt-color-link-success-inverted-hover-s: var(--dt-color-foreground-success-strong-inverted-s);
2136
- --dt-color-link-success-inverted-hover-l: var(--dt-color-foreground-success-strong-inverted-l);
2137
- --dt-color-link-success-inverted-hover-a: var(--dt-color-foreground-success-strong-inverted-a);
2138
- --dt-color-link-success-inverted-hover-hsl: var(--dt-color-foreground-success-strong-inverted-hsl);
2139
- --dt-color-link-success-inverted-hover-hsla: var(--dt-color-foreground-success-strong-inverted-hsla);
2140
- --dt-color-link-success-inverted-hover: var(--dt-color-foreground-success-strong-inverted);
2141
- --dt-color-link-critical-inverted-hover-h: var(--dt-color-foreground-critical-strong-inverted-h);
2142
- --dt-color-link-critical-inverted-hover-s: var(--dt-color-foreground-critical-strong-inverted-s);
2143
- --dt-color-link-critical-inverted-hover-l: var(--dt-color-foreground-critical-strong-inverted-l);
2144
- --dt-color-link-critical-inverted-hover-a: var(--dt-color-foreground-critical-strong-inverted-a);
2145
- --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-foreground-critical-strong-inverted-hsl);
2146
- --dt-color-link-critical-inverted-hover-hsla: var(--dt-color-foreground-critical-strong-inverted-hsla);
2147
- --dt-color-link-critical-inverted-hover: var(--dt-color-foreground-critical-strong-inverted);
2148
- --dt-color-link-muted-hover-h: var(--dt-color-foreground-primary-h);
2149
- --dt-color-link-muted-hover-s: var(--dt-color-foreground-primary-s);
2150
- --dt-color-link-muted-hover-l: var(--dt-color-foreground-primary-l);
2151
- --dt-color-link-muted-hover-a: var(--dt-color-foreground-primary-a);
2152
- --dt-color-link-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
2153
- --dt-color-link-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
2154
- --dt-color-link-muted-hover: var(--dt-color-foreground-primary);
2155
- --dt-color-link-success-hover-h: var(--dt-color-foreground-success-strong-h);
2156
- --dt-color-link-success-hover-s: var(--dt-color-foreground-success-strong-s);
2157
- --dt-color-link-success-hover-l: var(--dt-color-foreground-success-strong-l);
2158
- --dt-color-link-success-hover-a: var(--dt-color-foreground-success-strong-a);
2159
- --dt-color-link-success-hover-hsl: var(--dt-color-foreground-success-strong-hsl);
2160
- --dt-color-link-success-hover-hsla: var(--dt-color-foreground-success-strong-hsla);
2161
- --dt-color-link-success-hover: var(--dt-color-foreground-success-strong);
2162
- --dt-color-link-critical-hover-h: var(--dt-color-foreground-critical-strong-h);
2163
- --dt-color-link-critical-hover-s: var(--dt-color-foreground-critical-strong-s);
2164
- --dt-color-link-critical-hover-l: var(--dt-color-foreground-critical-strong-l);
2165
- --dt-color-link-critical-hover-a: var(--dt-color-foreground-critical-strong-a);
2166
- --dt-color-link-critical-hover-hsl: var(--dt-color-foreground-critical-strong-hsl);
2167
- --dt-color-link-critical-hover-hsla: var(--dt-color-foreground-critical-strong-hsla);
2168
- --dt-color-link-critical-hover: var(--dt-color-foreground-critical-strong);
2140
+ --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2141
+ --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2142
+ --dt-color-surface-primary-opaque-inverted-h: 30;
2143
+ --dt-color-surface-primary-opaque-inverted-s: 12.5%;
2144
+ --dt-color-surface-primary-opaque-inverted-l: 96.9%;
2145
+ --dt-color-surface-primary-opaque-inverted-a: 85%;
2146
+ --dt-color-surface-primary-opaque-inverted-hsl: var(--dt-color-surface-primary-opaque-inverted-h) var(--dt-color-surface-primary-opaque-inverted-s) var(--dt-color-surface-primary-opaque-inverted-l);
2147
+ --dt-color-surface-primary-opaque-inverted-hsla: hsl(var(--dt-color-surface-primary-opaque-inverted-h) var(--dt-color-surface-primary-opaque-inverted-s) var(--dt-color-surface-primary-opaque-inverted-l) / var(--alpha, 85%));
2148
+ --dt-color-surface-primary-opaque-inverted: hsl(30 12.5% 96.9% / 0.85); /* Secondary surface as opaque background color. */
2149
+ --dt-color-surface-primary-opaque-h: 30;
2150
+ --dt-color-surface-primary-opaque-s: 10%;
2151
+ --dt-color-surface-primary-opaque-l: 3.92%;
2152
+ --dt-color-surface-primary-opaque-a: 90%;
2153
+ --dt-color-surface-primary-opaque-hsl: var(--dt-color-surface-primary-opaque-h) var(--dt-color-surface-primary-opaque-s) var(--dt-color-surface-primary-opaque-l);
2154
+ --dt-color-surface-primary-opaque-hsla: hsl(var(--dt-color-surface-primary-opaque-h) var(--dt-color-surface-primary-opaque-s) var(--dt-color-surface-primary-opaque-l) / var(--alpha, 90%));
2155
+ --dt-color-surface-primary-opaque: hsl(30 10% 3.92% / 0.9);
2169
2156
  --dt-color-link-disabled-inverted-h: var(--dt-color-foreground-disabled-inverted-h);
2170
2157
  --dt-color-link-disabled-inverted-s: var(--dt-color-foreground-disabled-inverted-s);
2171
2158
  --dt-color-link-disabled-inverted-l: var(--dt-color-foreground-disabled-inverted-l);
@@ -2187,6 +2174,13 @@
2187
2174
  --dt-color-link-warning-inverted-hsl: var(--dt-color-foreground-warning-inverted-hsl);
2188
2175
  --dt-color-link-warning-inverted-hsla: var(--dt-color-foreground-warning-inverted-hsla);
2189
2176
  --dt-color-link-warning-inverted: var(--dt-color-foreground-warning-inverted);
2177
+ --dt-color-link-success-inverted-hover-h: var(--dt-color-foreground-success-strong-inverted-h);
2178
+ --dt-color-link-success-inverted-hover-s: var(--dt-color-foreground-success-strong-inverted-s);
2179
+ --dt-color-link-success-inverted-hover-l: var(--dt-color-foreground-success-strong-inverted-l);
2180
+ --dt-color-link-success-inverted-hover-a: var(--dt-color-foreground-success-strong-inverted-a);
2181
+ --dt-color-link-success-inverted-hover-hsl: var(--dt-color-foreground-success-strong-inverted-hsl);
2182
+ --dt-color-link-success-inverted-hover-hsla: var(--dt-color-foreground-success-strong-inverted-hsla);
2183
+ --dt-color-link-success-inverted-hover: var(--dt-color-foreground-success-strong-inverted);
2190
2184
  --dt-color-link-success-inverted-h: var(--dt-color-foreground-success-inverted-h);
2191
2185
  --dt-color-link-success-inverted-s: var(--dt-color-foreground-success-inverted-s);
2192
2186
  --dt-color-link-success-inverted-l: var(--dt-color-foreground-success-inverted-l);
@@ -2194,6 +2188,13 @@
2194
2188
  --dt-color-link-success-inverted-hsl: var(--dt-color-foreground-success-inverted-hsl);
2195
2189
  --dt-color-link-success-inverted-hsla: var(--dt-color-foreground-success-inverted-hsla);
2196
2190
  --dt-color-link-success-inverted: var(--dt-color-foreground-success-inverted);
2191
+ --dt-color-link-critical-inverted-hover-h: var(--dt-color-foreground-critical-strong-inverted-h);
2192
+ --dt-color-link-critical-inverted-hover-s: var(--dt-color-foreground-critical-strong-inverted-s);
2193
+ --dt-color-link-critical-inverted-hover-l: var(--dt-color-foreground-critical-strong-inverted-l);
2194
+ --dt-color-link-critical-inverted-hover-a: var(--dt-color-foreground-critical-strong-inverted-a);
2195
+ --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-foreground-critical-strong-inverted-hsl);
2196
+ --dt-color-link-critical-inverted-hover-hsla: var(--dt-color-foreground-critical-strong-inverted-hsla);
2197
+ --dt-color-link-critical-inverted-hover: var(--dt-color-foreground-critical-strong-inverted);
2197
2198
  --dt-color-link-critical-inverted-h: var(--dt-color-foreground-critical-inverted-h);
2198
2199
  --dt-color-link-critical-inverted-s: var(--dt-color-foreground-critical-inverted-s);
2199
2200
  --dt-color-link-critical-inverted-l: var(--dt-color-foreground-critical-inverted-l);
@@ -2208,6 +2209,13 @@
2208
2209
  --dt-color-link-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
2209
2210
  --dt-color-link-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
2210
2211
  --dt-color-link-disabled: var(--dt-color-foreground-disabled);
2212
+ --dt-color-link-muted-hover-h: var(--dt-color-foreground-primary-h);
2213
+ --dt-color-link-muted-hover-s: var(--dt-color-foreground-primary-s);
2214
+ --dt-color-link-muted-hover-l: var(--dt-color-foreground-primary-l);
2215
+ --dt-color-link-muted-hover-a: var(--dt-color-foreground-primary-a);
2216
+ --dt-color-link-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
2217
+ --dt-color-link-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
2218
+ --dt-color-link-muted-hover: var(--dt-color-foreground-primary);
2211
2219
  --dt-color-link-muted-h: var(--dt-color-foreground-secondary-h);
2212
2220
  --dt-color-link-muted-s: var(--dt-color-foreground-secondary-s);
2213
2221
  --dt-color-link-muted-l: var(--dt-color-foreground-secondary-l);
@@ -2222,6 +2230,13 @@
2222
2230
  --dt-color-link-warning-hsl: var(--dt-color-foreground-warning-hsl);
2223
2231
  --dt-color-link-warning-hsla: var(--dt-color-foreground-warning-hsla);
2224
2232
  --dt-color-link-warning: var(--dt-color-foreground-warning);
2233
+ --dt-color-link-success-hover-h: var(--dt-color-foreground-success-strong-h);
2234
+ --dt-color-link-success-hover-s: var(--dt-color-foreground-success-strong-s);
2235
+ --dt-color-link-success-hover-l: var(--dt-color-foreground-success-strong-l);
2236
+ --dt-color-link-success-hover-a: var(--dt-color-foreground-success-strong-a);
2237
+ --dt-color-link-success-hover-hsl: var(--dt-color-foreground-success-strong-hsl);
2238
+ --dt-color-link-success-hover-hsla: var(--dt-color-foreground-success-strong-hsla);
2239
+ --dt-color-link-success-hover: var(--dt-color-foreground-success-strong);
2225
2240
  --dt-color-link-success-h: var(--dt-color-foreground-success-h);
2226
2241
  --dt-color-link-success-s: var(--dt-color-foreground-success-s);
2227
2242
  --dt-color-link-success-l: var(--dt-color-foreground-success-l);
@@ -2229,6 +2244,13 @@
2229
2244
  --dt-color-link-success-hsl: var(--dt-color-foreground-success-hsl);
2230
2245
  --dt-color-link-success-hsla: var(--dt-color-foreground-success-hsla);
2231
2246
  --dt-color-link-success: var(--dt-color-foreground-success); /* positive */
2247
+ --dt-color-link-critical-hover-h: var(--dt-color-foreground-critical-strong-h);
2248
+ --dt-color-link-critical-hover-s: var(--dt-color-foreground-critical-strong-s);
2249
+ --dt-color-link-critical-hover-l: var(--dt-color-foreground-critical-strong-l);
2250
+ --dt-color-link-critical-hover-a: var(--dt-color-foreground-critical-strong-a);
2251
+ --dt-color-link-critical-hover-hsl: var(--dt-color-foreground-critical-strong-hsl);
2252
+ --dt-color-link-critical-hover-hsla: var(--dt-color-foreground-critical-strong-hsla);
2253
+ --dt-color-link-critical-hover: var(--dt-color-foreground-critical-strong);
2232
2254
  --dt-color-link-critical-h: var(--dt-color-foreground-critical-h);
2233
2255
  --dt-color-link-critical-s: var(--dt-color-foreground-critical-s);
2234
2256
  --dt-color-link-critical-l: var(--dt-color-foreground-critical-l);
@@ -2258,13 +2280,13 @@
2258
2280
  --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
2259
2281
  --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
2260
2282
  --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
2261
- --dt-theme-topbar-field-color-background-hover-h: 0;
2262
- --dt-theme-topbar-field-color-background-hover-s: 0%;
2263
- --dt-theme-topbar-field-color-background-hover-l: 8.27%;
2283
+ --dt-theme-topbar-field-color-background-hover-h: 30;
2284
+ --dt-theme-topbar-field-color-background-hover-s: 5%;
2285
+ --dt-theme-topbar-field-color-background-hover-l: 5.33%;
2264
2286
  --dt-theme-topbar-field-color-background-hover-a: 100%;
2265
2287
  --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);
2266
2288
  --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%));
2267
- --dt-theme-topbar-field-color-background-hover: hsl(0 0% 8.27%);
2289
+ --dt-theme-topbar-field-color-background-hover: hsl(30 5% 5.33%);
2268
2290
  --dt-action-color-background-positive-active-h: 155;
2269
2291
  --dt-action-color-background-positive-active-s: 100%;
2270
2292
  --dt-action-color-background-positive-active-l: 36.6%;
@@ -2393,6 +2415,13 @@
2393
2415
  --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);
2394
2416
  --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);
2395
2417
  --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) */
2418
+ --dt-color-link-disabled-inverted-hover-h: var(--dt-color-link-disabled-inverted-h);
2419
+ --dt-color-link-disabled-inverted-hover-s: var(--dt-color-link-disabled-inverted-s);
2420
+ --dt-color-link-disabled-inverted-hover-l: var(--dt-color-link-disabled-inverted-l);
2421
+ --dt-color-link-disabled-inverted-hover-a: var(--dt-color-link-disabled-inverted-a);
2422
+ --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-link-disabled-inverted-hsl);
2423
+ --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-link-disabled-inverted-hsla);
2424
+ --dt-color-link-disabled-inverted-hover: var(--dt-color-link-disabled-inverted);
2396
2425
  --dt-color-link-disabled-hover-h: var(--dt-color-link-disabled-h);
2397
2426
  --dt-color-link-disabled-hover-s: var(--dt-color-link-disabled-s);
2398
2427
  --dt-color-link-disabled-hover-l: var(--dt-color-link-disabled-l);