@dialpad/dialtone 9.106.0-rebrand-2025-beta.6 → 9.106.1

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 (142) hide show
  1. package/README.md +1 -0
  2. package/dist/css/dialtone-default-theme.css +1530 -6286
  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 +195 -1848
  6. package/dist/css/dialtone.min.css +1 -1
  7. package/dist/css/fonts/Archivo-Bold.woff2 +0 -0
  8. package/dist/css/fonts/Archivo-Regular.woff2 +0 -0
  9. package/dist/css/fonts/Archivo-SemiBold.woff2 +0 -0
  10. package/dist/css/fonts/ArchivoExpanded-SemiBold.woff2 +0 -0
  11. package/dist/css/fonts/ArchivoSemiExpanded-Medium.woff2 +0 -0
  12. package/dist/css/fonts/ArchivoSemiExpanded-SemiBold.woff2 +0 -0
  13. package/dist/css/tokens/tokens-base-dark.css +161 -526
  14. package/dist/css/tokens/tokens-base-deca-dark.css +48 -98
  15. package/dist/css/tokens/tokens-base-deca-light.css +44 -94
  16. package/dist/css/tokens/tokens-base-light.css +128 -493
  17. package/dist/css/tokens/tokens-debug-base.css +3 -368
  18. package/dist/css/tokens/tokens-debug-dp.css +653 -1011
  19. package/dist/css/tokens/tokens-deca-dark.css +748 -777
  20. package/dist/css/tokens/tokens-deca-light.css +708 -737
  21. package/dist/css/tokens/tokens-dp-dark.css +917 -1275
  22. package/dist/css/tokens/tokens-dp-light.css +973 -1331
  23. package/dist/css/tokens/tokens-expressive-dark.css +917 -1275
  24. package/dist/css/tokens/tokens-expressive-light.css +970 -1328
  25. package/dist/css/tokens/tokens-expressive-sm-dark.css +917 -1275
  26. package/dist/css/tokens/tokens-expressive-sm-light.css +970 -1328
  27. package/dist/css/tokens/tokens-tmo-dark.css +1073 -1431
  28. package/dist/css/tokens/tokens-tmo-light.css +1115 -1473
  29. package/dist/css/tokens-docs.json +1 -1
  30. package/dist/tokens/css/tokens-base-dark.css +161 -526
  31. package/dist/tokens/css/tokens-base-deca-dark.css +48 -98
  32. package/dist/tokens/css/tokens-base-deca-light.css +44 -94
  33. package/dist/tokens/css/tokens-base-light.css +128 -493
  34. package/dist/tokens/css/tokens-debug-base.css +3 -368
  35. package/dist/tokens/css/tokens-debug-dp.css +653 -1011
  36. package/dist/tokens/css/tokens-deca-dark.css +748 -777
  37. package/dist/tokens/css/tokens-deca-light.css +708 -737
  38. package/dist/tokens/css/tokens-dp-dark.css +917 -1275
  39. package/dist/tokens/css/tokens-dp-light.css +973 -1331
  40. package/dist/tokens/css/tokens-expressive-dark.css +917 -1275
  41. package/dist/tokens/css/tokens-expressive-light.css +970 -1328
  42. package/dist/tokens/css/tokens-expressive-sm-dark.css +917 -1275
  43. package/dist/tokens/css/tokens-expressive-sm-light.css +970 -1328
  44. package/dist/tokens/css/tokens-tmo-dark.css +1073 -1431
  45. package/dist/tokens/css/tokens-tmo-light.css +1115 -1473
  46. package/dist/tokens/doc.json +77394 -97620
  47. package/dist/tokens/less/tokens-base-dark.less +46 -99
  48. package/dist/tokens/less/tokens-base-deca-dark.less +15 -23
  49. package/dist/tokens/less/tokens-base-deca-light.less +14 -22
  50. package/dist/tokens/less/tokens-base-light.less +37 -90
  51. package/dist/tokens/less/tokens-deca-dark.less +182 -187
  52. package/dist/tokens/less/tokens-deca-light.less +173 -178
  53. package/dist/tokens/less/tokens-dp-dark.less +187 -239
  54. package/dist/tokens/less/tokens-dp-light.less +185 -237
  55. package/dist/tokens/less/tokens-expressive-dark.less +210 -262
  56. package/dist/tokens/less/tokens-expressive-light.less +208 -260
  57. package/dist/tokens/less/tokens-expressive-sm-dark.less +210 -262
  58. package/dist/tokens/less/tokens-expressive-sm-light.less +208 -260
  59. package/dist/tokens/less/tokens-tmo-dark.less +207 -259
  60. package/dist/tokens/less/tokens-tmo-light.less +198 -250
  61. package/dist/tokens/themes/chunks/tokens-base-dark-BnTEKGxK.js +4 -0
  62. package/dist/tokens/themes/chunks/tokens-base-dark-Ch4dTh7V.js +1 -0
  63. package/dist/tokens/themes/chunks/tokens-base-light-BLxKOiup.js +4 -0
  64. package/dist/tokens/themes/chunks/tokens-base-light-DWLxg2cD.js +1 -0
  65. package/dist/tokens/themes/debug.cjs +1 -1
  66. package/dist/tokens/themes/debug.js +1 -1
  67. package/dist/tokens/themes/dp-dark.cjs +1 -1
  68. package/dist/tokens/themes/dp-dark.js +2 -2
  69. package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
  70. package/dist/tokens/themes/dp-deca-dark.js +1 -1
  71. package/dist/tokens/themes/dp-deca-light.cjs +1 -1
  72. package/dist/tokens/themes/dp-deca-light.js +2 -2
  73. package/dist/tokens/themes/dp-light.cjs +1 -1
  74. package/dist/tokens/themes/dp-light.js +2 -2
  75. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  76. package/dist/tokens/themes/expressive-dark.js +3 -3
  77. package/dist/tokens/themes/expressive-light.cjs +1 -1
  78. package/dist/tokens/themes/expressive-light.js +3 -3
  79. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  80. package/dist/tokens/themes/expressive-sm-dark.js +3 -3
  81. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  82. package/dist/tokens/themes/expressive-sm-light.js +3 -3
  83. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  84. package/dist/tokens/themes/tmo-dark.js +2 -2
  85. package/dist/tokens/themes/tmo-light.cjs +1 -1
  86. package/dist/tokens/themes/tmo-light.js +2 -2
  87. package/dist/tokens/tokens-base-dark.json +46 -99
  88. package/dist/tokens/tokens-base-deca-dark.json +12 -20
  89. package/dist/tokens/tokens-base-deca-light.json +11 -19
  90. package/dist/tokens/tokens-base-light.json +37 -90
  91. package/dist/tokens/tokens-deca-dark.json +179 -184
  92. package/dist/tokens/tokens-deca-light.json +171 -176
  93. package/dist/tokens/tokens-dp-dark.json +171 -223
  94. package/dist/tokens/tokens-dp-light.json +182 -234
  95. package/dist/tokens/tokens-expressive-dark.json +194 -246
  96. package/dist/tokens/tokens-expressive-light.json +205 -257
  97. package/dist/tokens/tokens-expressive-sm-dark.json +194 -246
  98. package/dist/tokens/tokens-expressive-sm-light.json +205 -257
  99. package/dist/tokens/tokens-tmo-dark.json +196 -248
  100. package/dist/tokens/tokens-tmo-light.json +193 -245
  101. package/dist/vue2/component-documentation.json +1 -1
  102. package/dist/vue2/components/pagination/pagination.vue.cjs +43 -9
  103. package/dist/vue2/components/pagination/pagination.vue.cjs.map +1 -1
  104. package/dist/vue2/components/pagination/pagination.vue.js +43 -9
  105. package/dist/vue2/components/pagination/pagination.vue.js.map +1 -1
  106. package/dist/vue2/components/rich_text_editor/rich_text_editor.vue.cjs +10 -0
  107. package/dist/vue2/components/rich_text_editor/rich_text_editor.vue.cjs.map +1 -1
  108. package/dist/vue2/components/rich_text_editor/rich_text_editor.vue.js +10 -0
  109. package/dist/vue2/components/rich_text_editor/rich_text_editor.vue.js.map +1 -1
  110. package/dist/vue2/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.cjs +9 -9
  111. package/dist/vue2/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.cjs.map +1 -1
  112. package/dist/vue2/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.js +9 -9
  113. package/dist/vue2/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.js.map +1 -1
  114. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.cjs.map +1 -1
  115. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.js.map +1 -1
  116. package/dist/vue2/types/components/pagination/pagination.vue.d.ts +9 -0
  117. package/dist/vue2/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  118. package/dist/vue2/types/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.d.ts.map +1 -1
  119. package/dist/vue3/component-documentation.json +1 -1
  120. package/dist/vue3/components/pagination/pagination.vue.cjs +44 -9
  121. package/dist/vue3/components/pagination/pagination.vue.cjs.map +1 -1
  122. package/dist/vue3/components/pagination/pagination.vue.js +44 -9
  123. package/dist/vue3/components/pagination/pagination.vue.js.map +1 -1
  124. package/dist/vue3/components/rich_text_editor/rich_text_editor.vue.cjs +10 -0
  125. package/dist/vue3/components/rich_text_editor/rich_text_editor.vue.cjs.map +1 -1
  126. package/dist/vue3/components/rich_text_editor/rich_text_editor.vue.js +10 -0
  127. package/dist/vue3/components/rich_text_editor/rich_text_editor.vue.js.map +1 -1
  128. package/dist/vue3/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.cjs +22 -22
  129. package/dist/vue3/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.cjs.map +1 -1
  130. package/dist/vue3/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.js +22 -22
  131. package/dist/vue3/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.js.map +1 -1
  132. package/dist/vue3/types/components/pagination/pagination.vue.d.ts +9 -0
  133. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  134. package/dist/vue3/types/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.d.ts.map +1 -1
  135. package/package.json +6 -6
  136. package/dist/css/fonts/SeasonMix-Bold.woff2 +0 -0
  137. package/dist/css/fonts/SeasonMix-Regular.woff2 +0 -0
  138. package/dist/css/fonts/SeasonMix-SemiBold.woff2 +0 -0
  139. package/dist/tokens/themes/chunks/tokens-base-dark-BjqCt8ke.js +0 -1
  140. package/dist/tokens/themes/chunks/tokens-base-dark-DtZ_Inhl.js +0 -4
  141. package/dist/tokens/themes/chunks/tokens-base-light-CIQSO1H9.js +0 -4
  142. package/dist/tokens/themes/chunks/tokens-base-light-Cll0VrKT.js +0 -1
package/dist/tokens/css/tokens-dp-light.css CHANGED
@@ -138,22 +138,22 @@
138
138
  --dt-avatar-color-background-100-hsl: var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l);
139
139
  --dt-avatar-color-background-100-hsla: hsl(var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l) / var(--alpha, 100%));
140
140
  --dt-avatar-color-background-100: #1aa340;
141
- --dt-radio-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
142
- --dt-radio-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
143
- --dt-radio-color-foreground-default-l: var(--dt-color-neutral-transparent-l);
144
- --dt-radio-color-foreground-default-a: var(--dt-color-neutral-transparent-a);
145
- --dt-radio-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
146
- --dt-radio-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
147
- --dt-radio-color-foreground-default: var(--dt-color-neutral-transparent);
141
+ --dt-radio-color-background-checked-h: var(--dt-color-brand-purple-h);
142
+ --dt-radio-color-background-checked-s: var(--dt-color-brand-purple-s);
143
+ --dt-radio-color-background-checked-l: var(--dt-color-brand-purple-l);
144
+ --dt-radio-color-background-checked-a: var(--dt-color-brand-purple-a);
145
+ --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
146
+ --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
147
+ --dt-radio-color-background-checked: var(--dt-color-brand-purple);
148
148
  --dt-radio-size-width: var(--dt-size-500);
149
149
  --dt-icon-size-border-100: var(--dt-size-border-100);
150
- --dt-checkbox-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
151
- --dt-checkbox-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
152
- --dt-checkbox-color-foreground-default-l: var(--dt-color-neutral-transparent-l);
153
- --dt-checkbox-color-foreground-default-a: var(--dt-color-neutral-transparent-a);
154
- --dt-checkbox-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
155
- --dt-checkbox-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
156
- --dt-checkbox-color-foreground-default: var(--dt-color-neutral-transparent);
150
+ --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
151
+ --dt-checkbox-color-background-checked-s: var(--dt-color-brand-purple-s);
152
+ --dt-checkbox-color-background-checked-l: var(--dt-color-brand-purple-l);
153
+ --dt-checkbox-color-background-checked-a: var(--dt-color-brand-purple-a);
154
+ --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
155
+ --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
156
+ --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
157
157
  --dt-checkbox-size-width: var(--dt-size-500);
158
158
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
159
159
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -167,9 +167,9 @@
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); /* 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 */
170
+ --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
171
+ --dt-button-font-weight-sm: var(--dt-font-weight-medium); /* Font weight for SM button */
172
+ --dt-button-font-weight-xs: var(--dt-font-weight-medium); /* Font weight for XS button */
173
173
  --dt-badge-color-border-bulletin-subtle-h: 255;
174
174
  --dt-badge-color-border-bulletin-subtle-s: 100%;
175
175
  --dt-badge-color-border-bulletin-subtle-l: 66.1%;
@@ -177,69 +177,34 @@
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, 50%));
179
179
  --dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
180
- --dt-badge-color-foreground-ai-h: var(--dt-color-neutral-white-h);
181
- --dt-badge-color-foreground-ai-s: var(--dt-color-neutral-white-s);
182
- --dt-badge-color-foreground-ai-l: var(--dt-color-neutral-white-l);
183
- --dt-badge-color-foreground-ai-a: var(--dt-color-neutral-white-a);
184
- --dt-badge-color-foreground-ai-hsl: var(--dt-color-neutral-white-hsl);
185
- --dt-badge-color-foreground-ai-hsla: var(--dt-color-neutral-white-hsla);
186
- --dt-badge-color-foreground-ai: var(--dt-color-neutral-white);
187
- --dt-badge-color-foreground-bulletin-subtle-h: var(--dt-color-purple-550-h);
188
- --dt-badge-color-foreground-bulletin-subtle-s: var(--dt-color-purple-550-s);
189
- --dt-badge-color-foreground-bulletin-subtle-l: var(--dt-color-purple-550-l);
190
- --dt-badge-color-foreground-bulletin-subtle-a: var(--dt-color-purple-550-a);
191
- --dt-badge-color-foreground-bulletin-subtle-hsl: var(--dt-color-purple-550-hsl);
192
- --dt-badge-color-foreground-bulletin-subtle-hsla: var(--dt-color-purple-550-hsla);
193
- --dt-badge-color-foreground-bulletin-subtle: var(--dt-color-purple-550);
194
- --dt-badge-color-foreground-bulletin-h: var(--dt-color-black-50-h);
195
- --dt-badge-color-foreground-bulletin-s: var(--dt-color-black-50-s);
196
- --dt-badge-color-foreground-bulletin-l: var(--dt-color-black-50-l);
197
- --dt-badge-color-foreground-bulletin-a: var(--dt-color-black-50-a);
198
- --dt-badge-color-foreground-bulletin-hsl: var(--dt-color-black-50-hsl);
199
- --dt-badge-color-foreground-bulletin-hsla: var(--dt-color-black-50-hsla);
200
- --dt-badge-color-foreground-bulletin: var(--dt-color-black-50);
201
- --dt-badge-color-foreground-default-h: var(--dt-color-black-1000-h);
202
- --dt-badge-color-foreground-default-s: var(--dt-color-black-1000-s);
203
- --dt-badge-color-foreground-default-l: var(--dt-color-black-1000-l);
204
- --dt-badge-color-foreground-default-a: var(--dt-color-black-1000-a);
205
- --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
206
- --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
207
- --dt-badge-color-foreground-default: var(--dt-color-black-1000);
208
- --dt-badge-color-background-bulletin-subtle-h: var(--dt-color-purple-200-h);
209
- --dt-badge-color-background-bulletin-subtle-s: var(--dt-color-purple-200-s);
210
- --dt-badge-color-background-bulletin-subtle-l: var(--dt-color-purple-200-l);
211
- --dt-badge-color-background-bulletin-subtle-a: var(--dt-color-purple-200-a);
212
- --dt-badge-color-background-bulletin-subtle-hsl: var(--dt-color-purple-200-hsl);
213
- --dt-badge-color-background-bulletin-subtle-hsla: var(--dt-color-purple-200-hsla);
214
- --dt-badge-color-background-bulletin-subtle: var(--dt-color-purple-200);
215
- --dt-badge-color-background-critical-h: var(--dt-color-red-200-h);
216
- --dt-badge-color-background-critical-s: var(--dt-color-red-200-s);
217
- --dt-badge-color-background-critical-l: var(--dt-color-red-200-l);
218
- --dt-badge-color-background-critical-a: var(--dt-color-red-200-a);
219
- --dt-badge-color-background-critical-hsl: var(--dt-color-red-200-hsl);
220
- --dt-badge-color-background-critical-hsla: var(--dt-color-red-200-hsla);
221
- --dt-badge-color-background-critical: var(--dt-color-red-200);
222
- --dt-badge-color-background-warning-h: var(--dt-color-gold-200-h);
223
- --dt-badge-color-background-warning-s: var(--dt-color-gold-200-s);
224
- --dt-badge-color-background-warning-l: var(--dt-color-gold-200-l);
225
- --dt-badge-color-background-warning-a: var(--dt-color-gold-200-a);
226
- --dt-badge-color-background-warning-hsl: var(--dt-color-gold-200-hsl);
227
- --dt-badge-color-background-warning-hsla: var(--dt-color-gold-200-hsla);
228
- --dt-badge-color-background-warning: var(--dt-color-gold-200);
229
- --dt-badge-color-background-success-h: var(--dt-color-green-200-h);
230
- --dt-badge-color-background-success-s: var(--dt-color-green-200-s);
231
- --dt-badge-color-background-success-l: var(--dt-color-green-200-l);
232
- --dt-badge-color-background-success-a: var(--dt-color-green-200-a);
233
- --dt-badge-color-background-success-hsl: var(--dt-color-green-200-hsl);
234
- --dt-badge-color-background-success-hsla: var(--dt-color-green-200-hsla);
235
- --dt-badge-color-background-success: var(--dt-color-green-200);
236
- --dt-badge-color-background-info-h: var(--dt-color-blue-200-h);
237
- --dt-badge-color-background-info-s: var(--dt-color-blue-200-s);
238
- --dt-badge-color-background-info-l: var(--dt-color-blue-200-l);
239
- --dt-badge-color-background-info-a: var(--dt-color-blue-200-a);
240
- --dt-badge-color-background-info-hsl: var(--dt-color-blue-200-hsl);
241
- --dt-badge-color-background-info-hsla: var(--dt-color-blue-200-hsla);
242
- --dt-badge-color-background-info: var(--dt-color-blue-200);
180
+ --dt-badge-color-foreground-bulletin-subtle-h: 255;
181
+ --dt-badge-color-foreground-bulletin-subtle-s: 100%;
182
+ --dt-badge-color-foreground-bulletin-subtle-l: 26.400000000000002%;
183
+ --dt-badge-color-foreground-bulletin-subtle-a: 100%;
184
+ --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);
185
+ --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%));
186
+ --dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
187
+ --dt-badge-color-foreground-bulletin-h: var(--dt-color-neutral-white-h);
188
+ --dt-badge-color-foreground-bulletin-s: var(--dt-color-neutral-white-s);
189
+ --dt-badge-color-foreground-bulletin-l: var(--dt-color-neutral-white-l);
190
+ --dt-badge-color-foreground-bulletin-a: var(--dt-color-neutral-white-a);
191
+ --dt-badge-color-foreground-bulletin-hsl: var(--dt-color-neutral-white-hsl);
192
+ --dt-badge-color-foreground-bulletin-hsla: var(--dt-color-neutral-white-hsla);
193
+ --dt-badge-color-foreground-bulletin: var(--dt-color-neutral-white);
194
+ --dt-badge-color-background-bulletin-subtle-h: 255;
195
+ --dt-badge-color-background-bulletin-subtle-s: 100%;
196
+ --dt-badge-color-background-bulletin-subtle-l: 66.1%;
197
+ --dt-badge-color-background-bulletin-subtle-a: 10%;
198
+ --dt-badge-color-background-bulletin-subtle-hsl: var(--dt-badge-color-background-bulletin-subtle-h) var(--dt-badge-color-background-bulletin-subtle-s) var(--dt-badge-color-background-bulletin-subtle-l);
199
+ --dt-badge-color-background-bulletin-subtle-hsla: hsl(var(--dt-badge-color-background-bulletin-subtle-h) var(--dt-badge-color-background-bulletin-subtle-s) var(--dt-badge-color-background-bulletin-subtle-l) / var(--alpha, 10%));
200
+ --dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
201
+ --dt-badge-color-background-bulletin-h: var(--dt-color-brand-purple-h);
202
+ --dt-badge-color-background-bulletin-s: var(--dt-color-brand-purple-s);
203
+ --dt-badge-color-background-bulletin-l: var(--dt-color-brand-purple-l);
204
+ --dt-badge-color-background-bulletin-a: var(--dt-color-brand-purple-a);
205
+ --dt-badge-color-background-bulletin-hsl: var(--dt-color-brand-purple-hsl);
206
+ --dt-badge-color-background-bulletin-hsla: var(--dt-color-brand-purple-hsla);
207
+ --dt-badge-color-background-bulletin: var(--dt-color-brand-purple);
243
208
  --dt-avatar-color-foreground-h: var(--dt-color-neutral-black-h);
244
209
  --dt-avatar-color-foreground-s: var(--dt-color-neutral-black-s);
245
210
  --dt-avatar-color-foreground-l: var(--dt-color-neutral-black-l);
@@ -247,20 +212,27 @@
247
212
  --dt-avatar-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
248
213
  --dt-avatar-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
249
214
  --dt-avatar-color-foreground: var(--dt-color-neutral-black);
250
- --dt-theme-mention-color-background-strong-h: var(--dt-color-purple-550-h);
251
- --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-550-s);
252
- --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-550-l);
253
- --dt-theme-mention-color-background-strong-a: var(--dt-color-purple-550-a);
254
- --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-550-hsl);
255
- --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-550-hsla);
256
- --dt-theme-mention-color-background-strong: var(--dt-color-purple-550);
257
- --dt-theme-mention-color-foreground-h: var(--dt-color-black-50-h);
258
- --dt-theme-mention-color-foreground-s: var(--dt-color-black-50-s);
259
- --dt-theme-mention-color-foreground-l: var(--dt-color-black-50-l);
260
- --dt-theme-mention-color-foreground-a: var(--dt-color-black-50-a);
261
- --dt-theme-mention-color-foreground-hsl: var(--dt-color-black-50-hsl);
262
- --dt-theme-mention-color-foreground-hsla: var(--dt-color-black-50-hsla);
263
- --dt-theme-mention-color-foreground: var(--dt-color-black-50);
215
+ --dt-theme-mention-color-background-strong-h: var(--dt-color-purple-500-h);
216
+ --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-500-s);
217
+ --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-500-l);
218
+ --dt-theme-mention-color-background-strong-a: var(--dt-color-purple-500-a);
219
+ --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-500-hsl);
220
+ --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-500-hsla);
221
+ --dt-theme-mention-color-background-strong: var(--dt-color-purple-500);
222
+ --dt-theme-mention-color-background-h: var(--dt-color-brand-purple-h);
223
+ --dt-theme-mention-color-background-s: var(--dt-color-brand-purple-s);
224
+ --dt-theme-mention-color-background-l: var(--dt-color-brand-purple-l);
225
+ --dt-theme-mention-color-background-a: var(--dt-color-brand-purple-a);
226
+ --dt-theme-mention-color-background-hsl: var(--dt-color-brand-purple-hsl);
227
+ --dt-theme-mention-color-background-hsla: var(--dt-color-brand-purple-hsla);
228
+ --dt-theme-mention-color-background: var(--dt-color-brand-purple);
229
+ --dt-theme-mention-color-foreground-h: var(--dt-color-neutral-white-h);
230
+ --dt-theme-mention-color-foreground-s: var(--dt-color-neutral-white-s);
231
+ --dt-theme-mention-color-foreground-l: var(--dt-color-neutral-white-l);
232
+ --dt-theme-mention-color-foreground-a: var(--dt-color-neutral-white-a);
233
+ --dt-theme-mention-color-foreground-hsl: var(--dt-color-neutral-white-hsl);
234
+ --dt-theme-mention-color-foreground-hsla: var(--dt-color-neutral-white-hsla);
235
+ --dt-theme-mention-color-foreground: var(--dt-color-neutral-white);
264
236
  --dt-theme-presence-color-background-offline-h: var(--dt-color-neutral-white-h);
265
237
  --dt-theme-presence-color-background-offline-s: var(--dt-color-neutral-white-s);
266
238
  --dt-theme-presence-color-background-offline-l: var(--dt-color-neutral-white-l);
@@ -268,27 +240,27 @@
268
240
  --dt-theme-presence-color-background-offline-hsl: var(--dt-color-neutral-white-hsl);
269
241
  --dt-theme-presence-color-background-offline-hsla: var(--dt-color-neutral-white-hsla);
270
242
  --dt-theme-presence-color-background-offline: var(--dt-color-neutral-white);
271
- --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-400-h);
272
- --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-400-s);
273
- --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-400-l);
274
- --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-400-a);
275
- --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-400-hsl);
276
- --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-400-hsla);
277
- --dt-theme-presence-color-background-busy: var(--dt-color-gold-400);
278
- --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-400-h);
279
- --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-400-s);
280
- --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-400-l);
281
- --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-400-a);
282
- --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-400-hsl);
283
- --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-400-hsla);
284
- --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-400);
285
- --dt-theme-presence-color-background-available-h: var(--dt-color-green-425-h);
286
- --dt-theme-presence-color-background-available-s: var(--dt-color-green-425-s);
287
- --dt-theme-presence-color-background-available-l: var(--dt-color-green-425-l);
288
- --dt-theme-presence-color-background-available-a: var(--dt-color-green-425-a);
289
- --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-425-hsl);
290
- --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-425-hsla);
291
- --dt-theme-presence-color-background-available: var(--dt-color-green-425);
243
+ --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-300-h);
244
+ --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-300-s);
245
+ --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-300-l);
246
+ --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-300-a);
247
+ --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-300-hsl);
248
+ --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-300-hsla);
249
+ --dt-theme-presence-color-background-busy: var(--dt-color-gold-300);
250
+ --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-300-h);
251
+ --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-300-s);
252
+ --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-300-l);
253
+ --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-300-a);
254
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-300-hsl);
255
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-300-hsla);
256
+ --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-300);
257
+ --dt-theme-presence-color-background-available-h: var(--dt-color-green-400-h);
258
+ --dt-theme-presence-color-background-available-s: var(--dt-color-green-400-s);
259
+ --dt-theme-presence-color-background-available-l: var(--dt-color-green-400-l);
260
+ --dt-theme-presence-color-background-available-a: var(--dt-color-green-400-a);
261
+ --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-400-hsl);
262
+ --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-400-hsla);
263
+ --dt-theme-presence-color-background-available: var(--dt-color-green-400);
292
264
  --dt-theme-color-base-h: var(--dt-color-black-900-h);
293
265
  --dt-theme-color-base-s: var(--dt-color-black-900-s);
294
266
  --dt-theme-color-base-l: var(--dt-color-black-900-l);
@@ -296,20 +268,34 @@
296
268
  --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
297
269
  --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
298
270
  --dt-theme-color-base: var(--dt-color-black-900);
299
- --dt-action-color-background-positive-primary-hover-h: var(--dt-color-green-500-h);
300
- --dt-action-color-background-positive-primary-hover-s: var(--dt-color-green-500-s);
301
- --dt-action-color-background-positive-primary-hover-l: var(--dt-color-green-500-l);
302
- --dt-action-color-background-positive-primary-hover-a: var(--dt-color-green-500-a);
303
- --dt-action-color-background-positive-primary-hover-hsl: var(--dt-color-green-500-hsl);
304
- --dt-action-color-background-positive-primary-hover-hsla: var(--dt-color-green-500-hsla);
305
- --dt-action-color-background-positive-primary-hover: var(--dt-color-green-500);
306
- --dt-action-color-background-positive-primary-default-h: var(--dt-color-green-475-h);
307
- --dt-action-color-background-positive-primary-default-s: var(--dt-color-green-475-s);
308
- --dt-action-color-background-positive-primary-default-l: var(--dt-color-green-475-l);
309
- --dt-action-color-background-positive-primary-default-a: var(--dt-color-green-475-a);
310
- --dt-action-color-background-positive-primary-default-hsl: var(--dt-color-green-475-hsl);
311
- --dt-action-color-background-positive-primary-default-hsla: var(--dt-color-green-475-hsla);
312
- --dt-action-color-background-positive-primary-default: var(--dt-color-green-475); /* Postive, accepting, or success actions. */
271
+ --dt-action-color-border-base-outlined-default-h: var(--dt-color-purple-400-h);
272
+ --dt-action-color-border-base-outlined-default-s: var(--dt-color-purple-400-s);
273
+ --dt-action-color-border-base-outlined-default-l: var(--dt-color-purple-400-l);
274
+ --dt-action-color-border-base-outlined-default-a: var(--dt-color-purple-400-a);
275
+ --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-purple-400-hsl);
276
+ --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-purple-400-hsla);
277
+ --dt-action-color-border-base-outlined-default: var(--dt-color-purple-400);
278
+ --dt-action-color-background-positive-primary-default-h: var(--dt-color-green-400-h);
279
+ --dt-action-color-background-positive-primary-default-s: var(--dt-color-green-400-s);
280
+ --dt-action-color-background-positive-primary-default-l: var(--dt-color-green-400-l);
281
+ --dt-action-color-background-positive-primary-default-a: var(--dt-color-green-400-a);
282
+ --dt-action-color-background-positive-primary-default-hsl: var(--dt-color-green-400-hsl);
283
+ --dt-action-color-background-positive-primary-default-hsla: var(--dt-color-green-400-hsla);
284
+ --dt-action-color-background-positive-primary-default: var(--dt-color-green-400);
285
+ --dt-action-color-background-positive-active-h: 137;
286
+ --dt-action-color-background-positive-active-s: 72.5%;
287
+ --dt-action-color-background-positive-active-l: 37.1%;
288
+ --dt-action-color-background-positive-active-a: 8%;
289
+ --dt-action-color-background-positive-active-hsl: var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l);
290
+ --dt-action-color-background-positive-active-hsla: hsl(var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l) / var(--alpha, 8%));
291
+ --dt-action-color-background-positive-active: hsl(137 72.5% 37.1% / 0.08);
292
+ --dt-action-color-background-positive-hover-h: 111;
293
+ --dt-action-color-background-positive-hover-s: 53.79999999999999%;
294
+ --dt-action-color-background-positive-hover-l: 98%;
295
+ --dt-action-color-background-positive-hover-a: 100%;
296
+ --dt-action-color-background-positive-hover-hsl: var(--dt-action-color-background-positive-hover-h) var(--dt-action-color-background-positive-hover-s) var(--dt-action-color-background-positive-hover-l);
297
+ --dt-action-color-background-positive-hover-hsla: hsl(var(--dt-action-color-background-positive-hover-h) var(--dt-action-color-background-positive-hover-s) var(--dt-action-color-background-positive-hover-l) / var(--alpha, 100%));
298
+ --dt-action-color-background-positive-hover: hsl(111 53.8% 98%);
313
299
  --dt-action-color-background-positive-default-h: var(--dt-color-neutral-transparent-h);
314
300
  --dt-action-color-background-positive-default-s: var(--dt-color-neutral-transparent-s);
315
301
  --dt-action-color-background-positive-default-l: var(--dt-color-neutral-transparent-l);
@@ -317,6 +303,27 @@
317
303
  --dt-action-color-background-positive-default-hsl: var(--dt-color-neutral-transparent-hsl);
318
304
  --dt-action-color-background-positive-default-hsla: var(--dt-color-neutral-transparent-hsla);
319
305
  --dt-action-color-background-positive-default: var(--dt-color-neutral-transparent);
306
+ --dt-action-color-background-disabled-default-h: var(--dt-color-black-300-h);
307
+ --dt-action-color-background-disabled-default-s: var(--dt-color-black-300-s);
308
+ --dt-action-color-background-disabled-default-l: var(--dt-color-black-300-l);
309
+ --dt-action-color-background-disabled-default-a: var(--dt-color-black-300-a);
310
+ --dt-action-color-background-disabled-default-hsl: var(--dt-color-black-300-hsl);
311
+ --dt-action-color-background-disabled-default-hsla: var(--dt-color-black-300-hsla);
312
+ --dt-action-color-background-disabled-default: var(--dt-color-black-300);
313
+ --dt-action-color-background-muted-active-h: 0;
314
+ --dt-action-color-background-muted-active-s: 0%;
315
+ --dt-action-color-background-muted-active-l: 13.3%;
316
+ --dt-action-color-background-muted-active-a: 16%;
317
+ --dt-action-color-background-muted-active-hsl: var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l);
318
+ --dt-action-color-background-muted-active-hsla: hsl(var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l) / var(--alpha, 16%));
319
+ --dt-action-color-background-muted-active: hsl(0 0% 13.3% / 0.16);
320
+ --dt-action-color-background-muted-hover-h: 0;
321
+ --dt-action-color-background-muted-hover-s: 0%;
322
+ --dt-action-color-background-muted-hover-l: 13.3%;
323
+ --dt-action-color-background-muted-hover-a: 10%;
324
+ --dt-action-color-background-muted-hover-hsl: var(--dt-action-color-background-muted-hover-h) var(--dt-action-color-background-muted-hover-s) var(--dt-action-color-background-muted-hover-l);
325
+ --dt-action-color-background-muted-hover-hsla: hsl(var(--dt-action-color-background-muted-hover-h) var(--dt-action-color-background-muted-hover-s) var(--dt-action-color-background-muted-hover-l) / var(--alpha, 10%));
326
+ --dt-action-color-background-muted-hover: hsl(0 0% 13.3% / 0.1);
320
327
  --dt-action-color-background-muted-default-h: var(--dt-color-neutral-transparent-h);
321
328
  --dt-action-color-background-muted-default-s: var(--dt-color-neutral-transparent-s);
322
329
  --dt-action-color-background-muted-default-l: var(--dt-color-neutral-transparent-l);
@@ -324,20 +331,13 @@
324
331
  --dt-action-color-background-muted-default-hsl: var(--dt-color-neutral-transparent-hsl);
325
332
  --dt-action-color-background-muted-default-hsla: var(--dt-color-neutral-transparent-hsla);
326
333
  --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
327
- --dt-action-color-background-inverted-primary-active-h: var(--dt-color-purple-200-h);
328
- --dt-action-color-background-inverted-primary-active-s: var(--dt-color-purple-200-s);
329
- --dt-action-color-background-inverted-primary-active-l: var(--dt-color-purple-200-l);
330
- --dt-action-color-background-inverted-primary-active-a: var(--dt-color-purple-200-a);
331
- --dt-action-color-background-inverted-primary-active-hsl: var(--dt-color-purple-200-hsl);
332
- --dt-action-color-background-inverted-primary-active-hsla: var(--dt-color-purple-200-hsla);
333
- --dt-action-color-background-inverted-primary-active: var(--dt-color-purple-200);
334
- --dt-action-color-background-inverted-primary-default-h: var(--dt-color-black-100-h);
335
- --dt-action-color-background-inverted-primary-default-s: var(--dt-color-black-100-s);
336
- --dt-action-color-background-inverted-primary-default-l: var(--dt-color-black-100-l);
337
- --dt-action-color-background-inverted-primary-default-a: var(--dt-color-black-100-a);
338
- --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-black-100-hsl);
339
- --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-black-100-hsla);
340
- --dt-action-color-background-inverted-primary-default: var(--dt-color-black-100);
334
+ --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-purple-100-h);
335
+ --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-purple-100-s);
336
+ --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-purple-100-l);
337
+ --dt-action-color-background-inverted-primary-hover-a: var(--dt-color-purple-100-a);
338
+ --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-purple-100-hsl);
339
+ --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-purple-100-hsla);
340
+ --dt-action-color-background-inverted-primary-hover: var(--dt-color-purple-100);
341
341
  --dt-action-color-background-inverted-default-h: var(--dt-color-neutral-transparent-h);
342
342
  --dt-action-color-background-inverted-default-s: var(--dt-color-neutral-transparent-s);
343
343
  --dt-action-color-background-inverted-default-l: var(--dt-color-neutral-transparent-l);
@@ -345,27 +345,27 @@
345
345
  --dt-action-color-background-inverted-default-hsl: var(--dt-color-neutral-transparent-hsl);
346
346
  --dt-action-color-background-inverted-default-hsla: var(--dt-color-neutral-transparent-hsla);
347
347
  --dt-action-color-background-inverted-default: var(--dt-color-neutral-transparent);
348
- --dt-action-color-background-critical-primary-active-h: var(--dt-color-red-500-h);
349
- --dt-action-color-background-critical-primary-active-s: var(--dt-color-red-500-s);
350
- --dt-action-color-background-critical-primary-active-l: var(--dt-color-red-500-l);
351
- --dt-action-color-background-critical-primary-active-a: var(--dt-color-red-500-a);
352
- --dt-action-color-background-critical-primary-active-hsl: var(--dt-color-red-500-hsl);
353
- --dt-action-color-background-critical-primary-active-hsla: var(--dt-color-red-500-hsla);
354
- --dt-action-color-background-critical-primary-active: var(--dt-color-red-500);
355
- --dt-action-color-background-critical-primary-hover-h: var(--dt-color-red-450-h);
356
- --dt-action-color-background-critical-primary-hover-s: var(--dt-color-red-450-s);
357
- --dt-action-color-background-critical-primary-hover-l: var(--dt-color-red-450-l);
358
- --dt-action-color-background-critical-primary-hover-a: var(--dt-color-red-450-a);
359
- --dt-action-color-background-critical-primary-hover-hsl: var(--dt-color-red-450-hsl);
360
- --dt-action-color-background-critical-primary-hover-hsla: var(--dt-color-red-450-hsla);
361
- --dt-action-color-background-critical-primary-hover: var(--dt-color-red-450);
362
- --dt-action-color-background-critical-primary-default-h: var(--dt-color-red-400-h);
363
- --dt-action-color-background-critical-primary-default-s: var(--dt-color-red-400-s);
364
- --dt-action-color-background-critical-primary-default-l: var(--dt-color-red-400-l);
365
- --dt-action-color-background-critical-primary-default-a: var(--dt-color-red-400-a);
366
- --dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-400-hsl);
367
- --dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-400-hsla);
368
- --dt-action-color-background-critical-primary-default: var(--dt-color-red-400);
348
+ --dt-action-color-background-critical-primary-default-h: var(--dt-color-red-300-h);
349
+ --dt-action-color-background-critical-primary-default-s: var(--dt-color-red-300-s);
350
+ --dt-action-color-background-critical-primary-default-l: var(--dt-color-red-300-l);
351
+ --dt-action-color-background-critical-primary-default-a: var(--dt-color-red-300-a);
352
+ --dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-300-hsl);
353
+ --dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-300-hsla);
354
+ --dt-action-color-background-critical-primary-default: var(--dt-color-red-300);
355
+ --dt-action-color-background-critical-active-h: 0;
356
+ --dt-action-color-background-critical-active-s: 88.8%;
357
+ --dt-action-color-background-critical-active-l: 49%;
358
+ --dt-action-color-background-critical-active-a: 12%;
359
+ --dt-action-color-background-critical-active-hsl: var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l);
360
+ --dt-action-color-background-critical-active-hsla: hsl(var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l) / var(--alpha, 12%));
361
+ --dt-action-color-background-critical-active: hsl(0 88.8% 49% / 0.12);
362
+ --dt-action-color-background-critical-hover-h: 0;
363
+ --dt-action-color-background-critical-hover-s: 88.8%;
364
+ --dt-action-color-background-critical-hover-l: 49%;
365
+ --dt-action-color-background-critical-hover-a: 7%;
366
+ --dt-action-color-background-critical-hover-hsl: var(--dt-action-color-background-critical-hover-h) var(--dt-action-color-background-critical-hover-s) var(--dt-action-color-background-critical-hover-l);
367
+ --dt-action-color-background-critical-hover-hsla: hsl(var(--dt-action-color-background-critical-hover-h) var(--dt-action-color-background-critical-hover-s) var(--dt-action-color-background-critical-hover-l) / var(--alpha, 7%));
368
+ --dt-action-color-background-critical-hover: hsl(0 88.8% 49% / 0.07);
369
369
  --dt-action-color-background-critical-default-h: var(--dt-color-neutral-transparent-h);
370
370
  --dt-action-color-background-critical-default-s: var(--dt-color-neutral-transparent-s);
371
371
  --dt-action-color-background-critical-default-l: var(--dt-color-neutral-transparent-l);
@@ -373,27 +373,27 @@
373
373
  --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
374
374
  --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
375
375
  --dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
376
- --dt-action-color-background-base-primary-active-h: var(--dt-color-purple-500-h);
377
- --dt-action-color-background-base-primary-active-s: var(--dt-color-purple-500-s);
378
- --dt-action-color-background-base-primary-active-l: var(--dt-color-purple-500-l);
379
- --dt-action-color-background-base-primary-active-a: var(--dt-color-purple-500-a);
380
- --dt-action-color-background-base-primary-active-hsl: var(--dt-color-purple-500-hsl);
381
- --dt-action-color-background-base-primary-active-hsla: var(--dt-color-purple-500-hsla);
382
- --dt-action-color-background-base-primary-active: var(--dt-color-purple-500);
383
- --dt-action-color-background-base-primary-hover-h: var(--dt-color-purple-450-h);
384
- --dt-action-color-background-base-primary-hover-s: var(--dt-color-purple-450-s);
385
- --dt-action-color-background-base-primary-hover-l: var(--dt-color-purple-450-l);
386
- --dt-action-color-background-base-primary-hover-a: var(--dt-color-purple-450-a);
387
- --dt-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-450-hsl);
388
- --dt-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-450-hsla);
389
- --dt-action-color-background-base-primary-hover: var(--dt-color-purple-450);
390
- --dt-action-color-background-base-primary-default-h: var(--dt-color-purple-400-h);
391
- --dt-action-color-background-base-primary-default-s: var(--dt-color-purple-400-s);
392
- --dt-action-color-background-base-primary-default-l: var(--dt-color-purple-400-l);
393
- --dt-action-color-background-base-primary-default-a: var(--dt-color-purple-400-a);
394
- --dt-action-color-background-base-primary-default-hsl: var(--dt-color-purple-400-hsl);
395
- --dt-action-color-background-base-primary-default-hsla: var(--dt-color-purple-400-hsla);
396
- --dt-action-color-background-base-primary-default: var(--dt-color-purple-400);
376
+ --dt-action-color-background-base-primary-default-h: var(--dt-color-brand-purple-h);
377
+ --dt-action-color-background-base-primary-default-s: var(--dt-color-brand-purple-s);
378
+ --dt-action-color-background-base-primary-default-l: var(--dt-color-brand-purple-l);
379
+ --dt-action-color-background-base-primary-default-a: var(--dt-color-brand-purple-a);
380
+ --dt-action-color-background-base-primary-default-hsl: var(--dt-color-brand-purple-hsl);
381
+ --dt-action-color-background-base-primary-default-hsla: var(--dt-color-brand-purple-hsla);
382
+ --dt-action-color-background-base-primary-default: var(--dt-color-brand-purple);
383
+ --dt-action-color-background-base-active-h: 255;
384
+ --dt-action-color-background-base-active-s: 100%;
385
+ --dt-action-color-background-base-active-l: 66.1%;
386
+ --dt-action-color-background-base-active-a: 18%;
387
+ --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);
388
+ --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, 18%));
389
+ --dt-action-color-background-base-active: hsl(255 100% 66.1% / 0.18);
390
+ --dt-action-color-background-base-hover-h: 255;
391
+ --dt-action-color-background-base-hover-s: 100%;
392
+ --dt-action-color-background-base-hover-l: 66.1%;
393
+ --dt-action-color-background-base-hover-a: 14%;
394
+ --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
+ --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, 14%));
396
+ --dt-action-color-background-base-hover: hsl(255 100% 66.1% / 0.14);
397
397
  --dt-action-color-background-base-default-h: var(--dt-color-neutral-transparent-h);
398
398
  --dt-action-color-background-base-default-s: var(--dt-color-neutral-transparent-s);
399
399
  --dt-action-color-background-base-default-l: var(--dt-color-neutral-transparent-l);
@@ -401,34 +401,69 @@
401
401
  --dt-action-color-background-base-default-hsl: var(--dt-color-neutral-transparent-hsl);
402
402
  --dt-action-color-background-base-default-hsla: var(--dt-color-neutral-transparent-hsla);
403
403
  --dt-action-color-background-base-default: var(--dt-color-neutral-transparent);
404
- --dt-action-color-foreground-positive-primary-default-h: var(--dt-color-black-50-h);
405
- --dt-action-color-foreground-positive-primary-default-s: var(--dt-color-black-50-s);
406
- --dt-action-color-foreground-positive-primary-default-l: var(--dt-color-black-50-l);
407
- --dt-action-color-foreground-positive-primary-default-a: var(--dt-color-black-50-a);
408
- --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-black-50-hsl);
409
- --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-black-50-hsla);
410
- --dt-action-color-foreground-positive-primary-default: var(--dt-color-black-50);
411
- --dt-action-color-foreground-critical-primary-default-h: var(--dt-color-black-50-h);
412
- --dt-action-color-foreground-critical-primary-default-s: var(--dt-color-black-50-s);
413
- --dt-action-color-foreground-critical-primary-default-l: var(--dt-color-black-50-l);
414
- --dt-action-color-foreground-critical-primary-default-a: var(--dt-color-black-50-a);
415
- --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-color-black-50-hsl);
416
- --dt-action-color-foreground-critical-primary-default-hsla: var(--dt-color-black-50-hsla);
417
- --dt-action-color-foreground-critical-primary-default: var(--dt-color-black-50);
418
- --dt-action-color-foreground-base-primary-default-h: var(--dt-color-black-50-h);
419
- --dt-action-color-foreground-base-primary-default-s: var(--dt-color-black-50-s);
420
- --dt-action-color-foreground-base-primary-default-l: var(--dt-color-black-50-l);
421
- --dt-action-color-foreground-base-primary-default-a: var(--dt-color-black-50-a);
422
- --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-black-50-hsl);
423
- --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-black-50-hsla);
424
- --dt-action-color-foreground-base-primary-default: var(--dt-color-black-50);
425
- --dt-inputs-color-background-focus-h: var(--dt-color-black-100-h);
426
- --dt-inputs-color-background-focus-s: var(--dt-color-black-100-s);
427
- --dt-inputs-color-background-focus-l: var(--dt-color-black-100-l);
428
- --dt-inputs-color-background-focus-a: var(--dt-color-black-100-a);
429
- --dt-inputs-color-background-focus-hsl: var(--dt-color-black-100-hsl);
430
- --dt-inputs-color-background-focus-hsla: var(--dt-color-black-100-hsla);
431
- --dt-inputs-color-background-focus: var(--dt-color-black-100);
404
+ --dt-action-color-foreground-positive-primary-default-h: var(--dt-color-neutral-white-h);
405
+ --dt-action-color-foreground-positive-primary-default-s: var(--dt-color-neutral-white-s);
406
+ --dt-action-color-foreground-positive-primary-default-l: var(--dt-color-neutral-white-l);
407
+ --dt-action-color-foreground-positive-primary-default-a: var(--dt-color-neutral-white-a);
408
+ --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-neutral-white-hsl);
409
+ --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-neutral-white-hsla);
410
+ --dt-action-color-foreground-positive-primary-default: var(--dt-color-neutral-white);
411
+ --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-purple-500-h);
412
+ --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-purple-500-s);
413
+ --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-purple-500-l);
414
+ --dt-action-color-foreground-inverted-primary-hover-a: var(--dt-color-purple-500-a);
415
+ --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-purple-500-hsl);
416
+ --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-purple-500-hsla);
417
+ --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-purple-500);
418
+ --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-purple-400-h);
419
+ --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-purple-400-s);
420
+ --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-purple-400-l);
421
+ --dt-action-color-foreground-inverted-primary-default-a: var(--dt-color-purple-400-a);
422
+ --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-purple-400-hsl);
423
+ --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-purple-400-hsla);
424
+ --dt-action-color-foreground-inverted-primary-default: var(--dt-color-purple-400);
425
+ --dt-action-color-foreground-critical-primary-default-h: var(--dt-color-neutral-white-h);
426
+ --dt-action-color-foreground-critical-primary-default-s: var(--dt-color-neutral-white-s);
427
+ --dt-action-color-foreground-critical-primary-default-l: var(--dt-color-neutral-white-l);
428
+ --dt-action-color-foreground-critical-primary-default-a: var(--dt-color-neutral-white-a);
429
+ --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-color-neutral-white-hsl);
430
+ --dt-action-color-foreground-critical-primary-default-hsla: var(--dt-color-neutral-white-hsla);
431
+ --dt-action-color-foreground-critical-primary-default: var(--dt-color-neutral-white);
432
+ --dt-action-color-foreground-base-primary-default-h: var(--dt-color-neutral-white-h);
433
+ --dt-action-color-foreground-base-primary-default-s: var(--dt-color-neutral-white-s);
434
+ --dt-action-color-foreground-base-primary-default-l: var(--dt-color-neutral-white-l);
435
+ --dt-action-color-foreground-base-primary-default-a: var(--dt-color-neutral-white-a);
436
+ --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-neutral-white-hsl);
437
+ --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-neutral-white-hsla);
438
+ --dt-action-color-foreground-base-primary-default: var(--dt-color-neutral-white);
439
+ --dt-action-color-foreground-base-default-h: var(--dt-color-purple-400-h);
440
+ --dt-action-color-foreground-base-default-s: var(--dt-color-purple-400-s);
441
+ --dt-action-color-foreground-base-default-l: var(--dt-color-purple-400-l);
442
+ --dt-action-color-foreground-base-default-a: var(--dt-color-purple-400-a);
443
+ --dt-action-color-foreground-base-default-hsl: var(--dt-color-purple-400-hsl);
444
+ --dt-action-color-foreground-base-default-hsla: var(--dt-color-purple-400-hsla);
445
+ --dt-action-color-foreground-base-default: var(--dt-color-purple-400);
446
+ --dt-inputs-color-background-disabled-h: 0;
447
+ --dt-inputs-color-background-disabled-s: 0%;
448
+ --dt-inputs-color-background-disabled-l: 0%;
449
+ --dt-inputs-color-background-disabled-a: 12%;
450
+ --dt-inputs-color-background-disabled-hsl: var(--dt-inputs-color-background-disabled-h) var(--dt-inputs-color-background-disabled-s) var(--dt-inputs-color-background-disabled-l);
451
+ --dt-inputs-color-background-disabled-hsla: hsl(var(--dt-inputs-color-background-disabled-h) var(--dt-inputs-color-background-disabled-s) var(--dt-inputs-color-background-disabled-l) / var(--alpha, 12%));
452
+ --dt-inputs-color-background-disabled: hsl(0 0% 0% / 0.12);
453
+ --dt-inputs-color-background-focus-h: 0;
454
+ --dt-inputs-color-background-focus-s: 0%;
455
+ --dt-inputs-color-background-focus-l: 0%;
456
+ --dt-inputs-color-background-focus-a: 1%;
457
+ --dt-inputs-color-background-focus-hsl: var(--dt-inputs-color-background-focus-h) var(--dt-inputs-color-background-focus-s) var(--dt-inputs-color-background-focus-l);
458
+ --dt-inputs-color-background-focus-hsla: hsl(var(--dt-inputs-color-background-focus-h) var(--dt-inputs-color-background-focus-s) var(--dt-inputs-color-background-focus-l) / var(--alpha, 1%));
459
+ --dt-inputs-color-background-focus: hsl(0 0% 0% / 0.01);
460
+ --dt-inputs-color-background-default-h: 0;
461
+ --dt-inputs-color-background-default-s: 0%;
462
+ --dt-inputs-color-background-default-l: 0%;
463
+ --dt-inputs-color-background-default-a: 3%;
464
+ --dt-inputs-color-background-default-hsl: var(--dt-inputs-color-background-default-h) var(--dt-inputs-color-background-default-s) var(--dt-inputs-color-background-default-l);
465
+ --dt-inputs-color-background-default-hsla: hsl(var(--dt-inputs-color-background-default-h) var(--dt-inputs-color-background-default-s) var(--dt-inputs-color-background-default-l) / var(--alpha, 3%));
466
+ --dt-inputs-color-background-default: hsl(0 0% 0% / 0.03);
432
467
  --dt-inputs-color-border-disabled-h: var(--dt-color-neutral-transparent-h);
433
468
  --dt-inputs-color-border-disabled-s: var(--dt-color-neutral-transparent-s);
434
469
  --dt-inputs-color-border-disabled-l: var(--dt-color-neutral-transparent-l);
@@ -587,20 +622,6 @@
587
622
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
588
623
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
589
624
  --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
590
- --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
591
- --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
592
- --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
593
- --dt-color-border-accent-a: var(--dt-color-brand-magenta-a);
594
- --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
595
- --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
596
- --dt-color-border-accent: var(--dt-color-brand-magenta);
597
- --dt-color-border-focus-h: var(--dt-color-blue-475-h);
598
- --dt-color-border-focus-s: var(--dt-color-blue-475-s);
599
- --dt-color-border-focus-l: var(--dt-color-blue-475-l);
600
- --dt-color-border-focus-a: var(--dt-color-blue-475-a);
601
- --dt-color-border-focus-hsl: var(--dt-color-blue-475-hsl);
602
- --dt-color-border-focus-hsla: var(--dt-color-blue-475-hsla);
603
- --dt-color-border-focus: var(--dt-color-blue-475);
604
625
  --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-200-h);
605
626
  --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-200-s);
606
627
  --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-200-l);
@@ -608,111 +629,83 @@
608
629
  --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-200-hsl);
609
630
  --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-200-hsla);
610
631
  --dt-color-border-brand-strong-inverted: var(--dt-color-purple-200);
611
- --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-300-h);
612
- --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-300-s);
613
- --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-300-l);
614
- --dt-color-border-warning-strong-inverted-a: var(--dt-color-gold-300-a);
615
- --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-gold-300-hsl);
616
- --dt-color-border-warning-strong-inverted-hsla: var(--dt-color-gold-300-hsla);
617
- --dt-color-border-warning-strong-inverted: var(--dt-color-gold-300);
618
- --dt-color-border-success-strong-inverted-h: var(--dt-color-green-400-h);
619
- --dt-color-border-success-strong-inverted-s: var(--dt-color-green-400-s);
620
- --dt-color-border-success-strong-inverted-l: var(--dt-color-green-400-l);
621
- --dt-color-border-success-strong-inverted-a: var(--dt-color-green-400-a);
622
- --dt-color-border-success-strong-inverted-hsl: var(--dt-color-green-400-hsl);
623
- --dt-color-border-success-strong-inverted-hsla: var(--dt-color-green-400-hsla);
624
- --dt-color-border-success-strong-inverted: var(--dt-color-green-400);
625
- --dt-color-border-critical-strong-inverted-h: var(--dt-color-red-200-h);
626
- --dt-color-border-critical-strong-inverted-s: var(--dt-color-red-200-s);
627
- --dt-color-border-critical-strong-inverted-l: var(--dt-color-red-200-l);
628
- --dt-color-border-critical-strong-inverted-a: var(--dt-color-red-200-a);
629
- --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-200-hsl);
630
- --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-200-hsla);
631
- --dt-color-border-critical-strong-inverted: var(--dt-color-red-200);
632
- --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-400-h);
633
- --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-400-s);
634
- --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-400-l);
635
- --dt-color-border-brand-subtle-inverted-a: var(--dt-color-purple-400-a);
636
- --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-400-hsl);
637
- --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-400-hsla);
638
- --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-400);
639
- --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-600-h);
640
- --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-600-s);
641
- --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-600-l);
642
- --dt-color-border-warning-subtle-inverted-a: var(--dt-color-gold-600-a);
643
- --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-600-hsl);
644
- --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-600-hsla);
645
- --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-600);
646
- --dt-color-border-success-subtle-inverted-h: var(--dt-color-green-600-h);
647
- --dt-color-border-success-subtle-inverted-s: var(--dt-color-green-600-s);
648
- --dt-color-border-success-subtle-inverted-l: var(--dt-color-green-600-l);
649
- --dt-color-border-success-subtle-inverted-a: var(--dt-color-green-600-a);
650
- --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-600-hsl);
651
- --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-600-hsla);
652
- --dt-color-border-success-subtle-inverted: var(--dt-color-green-600);
653
- --dt-color-border-critical-subtle-inverted-h: var(--dt-color-red-700-h);
654
- --dt-color-border-critical-subtle-inverted-s: var(--dt-color-red-700-s);
655
- --dt-color-border-critical-subtle-inverted-l: var(--dt-color-red-700-l);
656
- --dt-color-border-critical-subtle-inverted-a: var(--dt-color-red-700-a);
657
- --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-700-hsl);
658
- --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-700-hsla);
659
- --dt-color-border-critical-subtle-inverted: var(--dt-color-red-700);
660
- --dt-color-border-brand-inverted-h: var(--dt-color-purple-300-h);
661
- --dt-color-border-brand-inverted-s: var(--dt-color-purple-300-s);
662
- --dt-color-border-brand-inverted-l: var(--dt-color-purple-300-l);
663
- --dt-color-border-brand-inverted-a: var(--dt-color-purple-300-a);
664
- --dt-color-border-brand-inverted-hsl: var(--dt-color-purple-300-hsl);
665
- --dt-color-border-brand-inverted-hsla: var(--dt-color-purple-300-hsla);
666
- --dt-color-border-brand-inverted: var(--dt-color-purple-300);
667
- --dt-color-border-warning-inverted-h: var(--dt-color-gold-450-h);
668
- --dt-color-border-warning-inverted-s: var(--dt-color-gold-450-s);
669
- --dt-color-border-warning-inverted-l: var(--dt-color-gold-450-l);
670
- --dt-color-border-warning-inverted-a: var(--dt-color-gold-450-a);
671
- --dt-color-border-warning-inverted-hsl: var(--dt-color-gold-450-hsl);
672
- --dt-color-border-warning-inverted-hsla: var(--dt-color-gold-450-hsla);
673
- --dt-color-border-warning-inverted: var(--dt-color-gold-450);
674
- --dt-color-border-success-inverted-h: var(--dt-color-green-425-h);
675
- --dt-color-border-success-inverted-s: var(--dt-color-green-425-s);
676
- --dt-color-border-success-inverted-l: var(--dt-color-green-425-l);
677
- --dt-color-border-success-inverted-a: var(--dt-color-green-425-a);
678
- --dt-color-border-success-inverted-hsl: var(--dt-color-green-425-hsl);
679
- --dt-color-border-success-inverted-hsla: var(--dt-color-green-425-hsla);
680
- --dt-color-border-success-inverted: var(--dt-color-green-425);
681
- --dt-color-border-critical-inverted-h: var(--dt-color-red-300-h);
682
- --dt-color-border-critical-inverted-s: var(--dt-color-red-300-s);
683
- --dt-color-border-critical-inverted-l: var(--dt-color-red-300-l);
684
- --dt-color-border-critical-inverted-a: var(--dt-color-red-300-a);
685
- --dt-color-border-critical-inverted-hsl: var(--dt-color-red-300-hsl);
686
- --dt-color-border-critical-inverted-hsla: var(--dt-color-red-300-hsla);
687
- --dt-color-border-critical-inverted: var(--dt-color-red-300);
688
- --dt-color-border-bold-inverted-h: 0;
689
- --dt-color-border-bold-inverted-s: 0%;
690
- --dt-color-border-bold-inverted-l: 100%;
691
- --dt-color-border-bold-inverted-a: 50%;
692
- --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);
693
- --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%));
694
- --dt-color-border-bold-inverted: hsl(0 0% 100% / 0.5);
695
- --dt-color-border-moderate-inverted-h: 0;
696
- --dt-color-border-moderate-inverted-s: 0%;
697
- --dt-color-border-moderate-inverted-l: 100%;
698
- --dt-color-border-moderate-inverted-a: 35%;
699
- --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);
700
- --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, 35%));
701
- --dt-color-border-moderate-inverted: hsl(0 0% 100% / 0.35);
702
- --dt-color-border-default-inverted-h: 0;
703
- --dt-color-border-default-inverted-s: 0%;
704
- --dt-color-border-default-inverted-l: 100%;
705
- --dt-color-border-default-inverted-a: 20%;
706
- --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);
707
- --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, 20%));
708
- --dt-color-border-default-inverted: hsl(0 0% 100% / 0.2);
709
- --dt-color-border-subtle-inverted-h: 0;
710
- --dt-color-border-subtle-inverted-s: 0%;
711
- --dt-color-border-subtle-inverted-l: 100%;
712
- --dt-color-border-subtle-inverted-a: 12%;
713
- --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);
714
- --dt-color-border-subtle-inverted-hsla: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--alpha, 12%));
715
- --dt-color-border-subtle-inverted: hsl(0 0% 100% / 0.12);
632
+ --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-500-h);
633
+ --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-500-s);
634
+ --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-500-l);
635
+ --dt-color-border-brand-subtle-inverted-a: var(--dt-color-purple-500-a);
636
+ --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-500-hsl);
637
+ --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-500-hsla);
638
+ --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-500);
639
+ --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-100-h);
640
+ --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-100-s);
641
+ --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-100-l);
642
+ --dt-color-border-warning-strong-inverted-a: var(--dt-color-gold-100-a);
643
+ --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-gold-100-hsl);
644
+ --dt-color-border-warning-strong-inverted-hsla: var(--dt-color-gold-100-hsla);
645
+ --dt-color-border-warning-strong-inverted: var(--dt-color-gold-100);
646
+ --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-400-h);
647
+ --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-400-s);
648
+ --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-400-l);
649
+ --dt-color-border-warning-subtle-inverted-a: var(--dt-color-gold-400-a);
650
+ --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-400-hsl);
651
+ --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-400-hsla);
652
+ --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-400);
653
+ --dt-color-border-success-strong-inverted-h: var(--dt-color-green-100-h);
654
+ --dt-color-border-success-strong-inverted-s: var(--dt-color-green-100-s);
655
+ --dt-color-border-success-strong-inverted-l: var(--dt-color-green-100-l);
656
+ --dt-color-border-success-strong-inverted-a: var(--dt-color-green-100-a);
657
+ --dt-color-border-success-strong-inverted-hsl: var(--dt-color-green-100-hsl);
658
+ --dt-color-border-success-strong-inverted-hsla: var(--dt-color-green-100-hsla);
659
+ --dt-color-border-success-strong-inverted: var(--dt-color-green-100);
660
+ --dt-color-border-success-subtle-inverted-h: var(--dt-color-green-400-h);
661
+ --dt-color-border-success-subtle-inverted-s: var(--dt-color-green-400-s);
662
+ --dt-color-border-success-subtle-inverted-l: var(--dt-color-green-400-l);
663
+ --dt-color-border-success-subtle-inverted-a: var(--dt-color-green-400-a);
664
+ --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-400-hsl);
665
+ --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-400-hsla);
666
+ --dt-color-border-success-subtle-inverted: var(--dt-color-green-400);
667
+ --dt-color-border-critical-strong-inverted-h: var(--dt-color-red-100-h);
668
+ --dt-color-border-critical-strong-inverted-s: var(--dt-color-red-100-s);
669
+ --dt-color-border-critical-strong-inverted-l: var(--dt-color-red-100-l);
670
+ --dt-color-border-critical-strong-inverted-a: var(--dt-color-red-100-a);
671
+ --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-100-hsl);
672
+ --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-100-hsla);
673
+ --dt-color-border-critical-strong-inverted: var(--dt-color-red-100);
674
+ --dt-color-border-critical-subtle-inverted-h: var(--dt-color-red-400-h);
675
+ --dt-color-border-critical-subtle-inverted-s: var(--dt-color-red-400-s);
676
+ --dt-color-border-critical-subtle-inverted-l: var(--dt-color-red-400-l);
677
+ --dt-color-border-critical-subtle-inverted-a: var(--dt-color-red-400-a);
678
+ --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-400-hsl);
679
+ --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-400-hsla);
680
+ --dt-color-border-critical-subtle-inverted: var(--dt-color-red-400);
681
+ --dt-color-border-brand-inverted-h: var(--dt-color-brand-purple-h);
682
+ --dt-color-border-brand-inverted-s: var(--dt-color-brand-purple-s);
683
+ --dt-color-border-brand-inverted-l: var(--dt-color-brand-purple-l);
684
+ --dt-color-border-brand-inverted-a: var(--dt-color-brand-purple-a);
685
+ --dt-color-border-brand-inverted-hsl: var(--dt-color-brand-purple-hsl);
686
+ --dt-color-border-brand-inverted-hsla: var(--dt-color-brand-purple-hsla);
687
+ --dt-color-border-brand-inverted: var(--dt-color-brand-purple);
688
+ --dt-color-border-warning-inverted-h: var(--dt-color-gold-200-h);
689
+ --dt-color-border-warning-inverted-s: var(--dt-color-gold-200-s);
690
+ --dt-color-border-warning-inverted-l: var(--dt-color-gold-200-l);
691
+ --dt-color-border-warning-inverted-a: var(--dt-color-gold-200-a);
692
+ --dt-color-border-warning-inverted-hsl: var(--dt-color-gold-200-hsl);
693
+ --dt-color-border-warning-inverted-hsla: var(--dt-color-gold-200-hsla);
694
+ --dt-color-border-warning-inverted: var(--dt-color-gold-200);
695
+ --dt-color-border-success-inverted-h: var(--dt-color-green-200-h);
696
+ --dt-color-border-success-inverted-s: var(--dt-color-green-200-s);
697
+ --dt-color-border-success-inverted-l: var(--dt-color-green-200-l);
698
+ --dt-color-border-success-inverted-a: var(--dt-color-green-200-a);
699
+ --dt-color-border-success-inverted-hsl: var(--dt-color-green-200-hsl);
700
+ --dt-color-border-success-inverted-hsla: var(--dt-color-green-200-hsla);
701
+ --dt-color-border-success-inverted: var(--dt-color-green-200);
702
+ --dt-color-border-critical-inverted-h: var(--dt-color-red-200-h);
703
+ --dt-color-border-critical-inverted-s: var(--dt-color-red-200-s);
704
+ --dt-color-border-critical-inverted-l: var(--dt-color-red-200-l);
705
+ --dt-color-border-critical-inverted-a: var(--dt-color-red-200-a);
706
+ --dt-color-border-critical-inverted-hsl: var(--dt-color-red-200-hsl);
707
+ --dt-color-border-critical-inverted-hsla: var(--dt-color-red-200-hsla);
708
+ --dt-color-border-critical-inverted: var(--dt-color-red-200);
716
709
  --dt-color-border-brand-strong-h: var(--dt-color-purple-500-h);
717
710
  --dt-color-border-brand-strong-s: var(--dt-color-purple-500-s);
718
711
  --dt-color-border-brand-strong-l: var(--dt-color-purple-500-l);
@@ -720,55 +713,62 @@
720
713
  --dt-color-border-brand-strong-hsl: var(--dt-color-purple-500-hsl);
721
714
  --dt-color-border-brand-strong-hsla: var(--dt-color-purple-500-hsla);
722
715
  --dt-color-border-brand-strong: var(--dt-color-purple-500);
723
- --dt-color-border-warning-strong-h: var(--dt-color-gold-500-h);
724
- --dt-color-border-warning-strong-s: var(--dt-color-gold-500-s);
725
- --dt-color-border-warning-strong-l: var(--dt-color-gold-500-l);
726
- --dt-color-border-warning-strong-a: var(--dt-color-gold-500-a);
727
- --dt-color-border-warning-strong-hsl: var(--dt-color-gold-500-hsl);
728
- --dt-color-border-warning-strong-hsla: var(--dt-color-gold-500-hsla);
729
- --dt-color-border-warning-strong: var(--dt-color-gold-500);
730
- --dt-color-border-success-strong-h: var(--dt-color-green-600-h);
731
- --dt-color-border-success-strong-s: var(--dt-color-green-600-s);
732
- --dt-color-border-success-strong-l: var(--dt-color-green-600-l);
733
- --dt-color-border-success-strong-a: var(--dt-color-green-600-a);
734
- --dt-color-border-success-strong-hsl: var(--dt-color-green-600-hsl);
735
- --dt-color-border-success-strong-hsla: var(--dt-color-green-600-hsla);
736
- --dt-color-border-success-strong: var(--dt-color-green-600);
737
- --dt-color-border-critical-strong-h: var(--dt-color-red-600-h);
738
- --dt-color-border-critical-strong-s: var(--dt-color-red-600-s);
739
- --dt-color-border-critical-strong-l: var(--dt-color-red-600-l);
740
- --dt-color-border-critical-strong-a: var(--dt-color-red-600-a);
741
- --dt-color-border-critical-strong-hsl: var(--dt-color-red-600-hsl);
742
- --dt-color-border-critical-strong-hsla: var(--dt-color-red-600-hsla);
743
- --dt-color-border-critical-strong: var(--dt-color-red-600);
744
- --dt-color-border-brand-subtle-h: var(--dt-color-purple-250-h);
745
- --dt-color-border-brand-subtle-s: var(--dt-color-purple-250-s);
746
- --dt-color-border-brand-subtle-l: var(--dt-color-purple-250-l);
747
- --dt-color-border-brand-subtle-a: var(--dt-color-purple-250-a);
748
- --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-250-hsl);
749
- --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-250-hsla);
750
- --dt-color-border-brand-subtle: var(--dt-color-purple-250);
751
- --dt-color-border-warning-subtle-h: var(--dt-color-gold-300-h);
752
- --dt-color-border-warning-subtle-s: var(--dt-color-gold-300-s);
753
- --dt-color-border-warning-subtle-l: var(--dt-color-gold-300-l);
754
- --dt-color-border-warning-subtle-a: var(--dt-color-gold-300-a);
755
- --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-300-hsl);
756
- --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-300-hsla);
757
- --dt-color-border-warning-subtle: var(--dt-color-gold-300);
758
- --dt-color-border-success-subtle-h: var(--dt-color-green-300-h);
759
- --dt-color-border-success-subtle-s: var(--dt-color-green-300-s);
760
- --dt-color-border-success-subtle-l: var(--dt-color-green-300-l);
761
- --dt-color-border-success-subtle-a: var(--dt-color-green-300-a);
762
- --dt-color-border-success-subtle-hsl: var(--dt-color-green-300-hsl);
763
- --dt-color-border-success-subtle-hsla: var(--dt-color-green-300-hsla);
764
- --dt-color-border-success-subtle: var(--dt-color-green-300);
765
- --dt-color-border-critical-subtle-h: var(--dt-color-red-300-h);
766
- --dt-color-border-critical-subtle-s: var(--dt-color-red-300-s);
767
- --dt-color-border-critical-subtle-l: var(--dt-color-red-300-l);
768
- --dt-color-border-critical-subtle-a: var(--dt-color-red-300-a);
769
- --dt-color-border-critical-subtle-hsl: var(--dt-color-red-300-hsl);
770
- --dt-color-border-critical-subtle-hsla: var(--dt-color-red-300-hsla);
771
- --dt-color-border-critical-subtle: var(--dt-color-red-300);
716
+ --dt-color-border-brand-subtle-h: var(--dt-color-purple-200-h);
717
+ --dt-color-border-brand-subtle-s: var(--dt-color-purple-200-s);
718
+ --dt-color-border-brand-subtle-l: var(--dt-color-purple-200-l);
719
+ --dt-color-border-brand-subtle-a: var(--dt-color-purple-200-a);
720
+ --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-200-hsl);
721
+ --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-200-hsla);
722
+ --dt-color-border-brand-subtle: var(--dt-color-purple-200);
723
+ --dt-color-border-warning-strong-h: 35.7;
724
+ --dt-color-border-warning-strong-s: 88.3%;
725
+ --dt-color-border-warning-strong-l: 21.5%;
726
+ --dt-color-border-warning-strong-a: 100%;
727
+ --dt-color-border-warning-strong-hsl: var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l);
728
+ --dt-color-border-warning-strong-hsla: hsl(var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l) / var(--alpha, 100%));
729
+ --dt-color-border-warning-strong: hsl(35.7 88.3% 21.5%);
730
+ --dt-color-border-warning-subtle-h: var(--dt-color-gold-200-h);
731
+ --dt-color-border-warning-subtle-s: var(--dt-color-gold-200-s);
732
+ --dt-color-border-warning-subtle-l: var(--dt-color-gold-200-l);
733
+ --dt-color-border-warning-subtle-a: var(--dt-color-gold-200-a);
734
+ --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-200-hsl);
735
+ --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-200-hsla);
736
+ --dt-color-border-warning-subtle: var(--dt-color-gold-200);
737
+ --dt-color-border-success-strong-h: var(--dt-color-green-500-h);
738
+ --dt-color-border-success-strong-s: var(--dt-color-green-500-s);
739
+ --dt-color-border-success-strong-l: var(--dt-color-green-500-l);
740
+ --dt-color-border-success-strong-a: var(--dt-color-green-500-a);
741
+ --dt-color-border-success-strong-hsl: var(--dt-color-green-500-hsl);
742
+ --dt-color-border-success-strong-hsla: var(--dt-color-green-500-hsla);
743
+ --dt-color-border-success-strong: var(--dt-color-green-500);
744
+ --dt-color-border-success-subtle-h: var(--dt-color-green-200-h);
745
+ --dt-color-border-success-subtle-s: var(--dt-color-green-200-s);
746
+ --dt-color-border-success-subtle-l: var(--dt-color-green-200-l);
747
+ --dt-color-border-success-subtle-a: var(--dt-color-green-200-a);
748
+ --dt-color-border-success-subtle-hsl: var(--dt-color-green-200-hsl);
749
+ --dt-color-border-success-subtle-hsla: var(--dt-color-green-200-hsla);
750
+ --dt-color-border-success-subtle: var(--dt-color-green-200);
751
+ --dt-color-border-critical-strong-h: var(--dt-color-red-400-h);
752
+ --dt-color-border-critical-strong-s: var(--dt-color-red-400-s);
753
+ --dt-color-border-critical-strong-l: var(--dt-color-red-400-l);
754
+ --dt-color-border-critical-strong-a: var(--dt-color-red-400-a);
755
+ --dt-color-border-critical-strong-hsl: var(--dt-color-red-400-hsl);
756
+ --dt-color-border-critical-strong-hsla: var(--dt-color-red-400-hsla);
757
+ --dt-color-border-critical-strong: var(--dt-color-red-400);
758
+ --dt-color-border-critical-subtle-h: var(--dt-color-red-200-h);
759
+ --dt-color-border-critical-subtle-s: var(--dt-color-red-200-s);
760
+ --dt-color-border-critical-subtle-l: var(--dt-color-red-200-l);
761
+ --dt-color-border-critical-subtle-a: var(--dt-color-red-200-a);
762
+ --dt-color-border-critical-subtle-hsl: var(--dt-color-red-200-hsl);
763
+ --dt-color-border-critical-subtle-hsla: var(--dt-color-red-200-hsla);
764
+ --dt-color-border-critical-subtle: var(--dt-color-red-200);
765
+ --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
766
+ --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
767
+ --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
768
+ --dt-color-border-accent-a: var(--dt-color-brand-magenta-a);
769
+ --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
770
+ --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
771
+ --dt-color-border-accent: var(--dt-color-brand-magenta);
772
772
  --dt-color-border-brand-h: var(--dt-color-brand-purple-h);
773
773
  --dt-color-border-brand-s: var(--dt-color-brand-purple-s);
774
774
  --dt-color-border-brand-l: var(--dt-color-brand-purple-l);
@@ -783,489 +783,97 @@
783
783
  --dt-color-border-warning-hsl: var(--dt-color-gold-400-hsl);
784
784
  --dt-color-border-warning-hsla: var(--dt-color-gold-400-hsla);
785
785
  --dt-color-border-warning: var(--dt-color-gold-400);
786
- --dt-color-border-success-h: var(--dt-color-green-475-h);
787
- --dt-color-border-success-s: var(--dt-color-green-475-s);
788
- --dt-color-border-success-l: var(--dt-color-green-475-l);
789
- --dt-color-border-success-a: var(--dt-color-green-475-a);
790
- --dt-color-border-success-hsl: var(--dt-color-green-475-hsl);
791
- --dt-color-border-success-hsla: var(--dt-color-green-475-hsla);
792
- --dt-color-border-success: var(--dt-color-green-475);
793
- --dt-color-border-critical-h: var(--dt-color-red-450-h);
794
- --dt-color-border-critical-s: var(--dt-color-red-450-s);
795
- --dt-color-border-critical-l: var(--dt-color-red-450-l);
796
- --dt-color-border-critical-a: var(--dt-color-red-450-a);
797
- --dt-color-border-critical-hsl: var(--dt-color-red-450-hsl);
798
- --dt-color-border-critical-hsla: var(--dt-color-red-450-hsla);
799
- --dt-color-border-critical: var(--dt-color-red-450);
786
+ --dt-color-border-success-h: var(--dt-color-green-400-h);
787
+ --dt-color-border-success-s: var(--dt-color-green-400-s);
788
+ --dt-color-border-success-l: var(--dt-color-green-400-l);
789
+ --dt-color-border-success-a: var(--dt-color-green-400-a);
790
+ --dt-color-border-success-hsl: var(--dt-color-green-400-hsl);
791
+ --dt-color-border-success-hsla: var(--dt-color-green-400-hsla);
792
+ --dt-color-border-success: var(--dt-color-green-400);
793
+ --dt-color-border-critical-h: var(--dt-color-red-300-h);
794
+ --dt-color-border-critical-s: var(--dt-color-red-300-s);
795
+ --dt-color-border-critical-l: var(--dt-color-red-300-l);
796
+ --dt-color-border-critical-a: var(--dt-color-red-300-a);
797
+ --dt-color-border-critical-hsl: var(--dt-color-red-300-hsl);
798
+ --dt-color-border-critical-hsla: var(--dt-color-red-300-hsla);
799
+ --dt-color-border-critical: var(--dt-color-red-300);
800
+ --dt-color-border-focus-h: var(--dt-color-blue-300-h);
801
+ --dt-color-border-focus-s: var(--dt-color-blue-300-s);
802
+ --dt-color-border-focus-l: var(--dt-color-blue-300-l);
803
+ --dt-color-border-focus-a: var(--dt-color-blue-300-a);
804
+ --dt-color-border-focus-hsl: var(--dt-color-blue-300-hsl);
805
+ --dt-color-border-focus-hsla: var(--dt-color-blue-300-hsla);
806
+ --dt-color-border-focus: var(--dt-color-blue-300);
807
+ --dt-color-border-bold-inverted-h: 0;
808
+ --dt-color-border-bold-inverted-s: 0%;
809
+ --dt-color-border-bold-inverted-l: 100%;
810
+ --dt-color-border-bold-inverted-a: 50%;
811
+ --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);
812
+ --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%));
813
+ --dt-color-border-bold-inverted: hsl(0 0% 100% / 0.5);
814
+ --dt-color-border-moderate-inverted-h: 0;
815
+ --dt-color-border-moderate-inverted-s: 0%;
816
+ --dt-color-border-moderate-inverted-l: 100%;
817
+ --dt-color-border-moderate-inverted-a: 38%;
818
+ --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);
819
+ --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, 38%));
820
+ --dt-color-border-moderate-inverted: hsl(0 0% 100% / 0.38);
821
+ --dt-color-border-default-inverted-h: 0;
822
+ --dt-color-border-default-inverted-s: 0%;
823
+ --dt-color-border-default-inverted-l: 100%;
824
+ --dt-color-border-default-inverted-a: 22%;
825
+ --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);
826
+ --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, 22%));
827
+ --dt-color-border-default-inverted: hsl(0 0% 100% / 0.22);
828
+ --dt-color-border-subtle-inverted-h: 0;
829
+ --dt-color-border-subtle-inverted-s: 0%;
830
+ --dt-color-border-subtle-inverted-l: 100%;
831
+ --dt-color-border-subtle-inverted-a: 14%;
832
+ --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);
833
+ --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, 14%));
834
+ --dt-color-border-subtle-inverted: hsl(0 0% 100% / 0.14);
800
835
  --dt-color-border-bold-h: 0;
801
836
  --dt-color-border-bold-s: 0%;
802
- --dt-color-border-bold-l: 11%;
837
+ --dt-color-border-bold-l: 0%;
803
838
  --dt-color-border-bold-a: 50%;
804
839
  --dt-color-border-bold-hsl: var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l);
805
840
  --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% 11% / 0.5);
841
+ --dt-color-border-bold: hsl(0 0% 0% / 0.5);
807
842
  --dt-color-border-moderate-h: 0;
808
843
  --dt-color-border-moderate-s: 0%;
809
- --dt-color-border-moderate-l: 11%;
810
- --dt-color-border-moderate-a: 30%;
844
+ --dt-color-border-moderate-l: 0%;
845
+ --dt-color-border-moderate-a: 34%;
811
846
  --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, 30%));
813
- --dt-color-border-moderate: hsl(0 0% 11% / 0.3);
847
+ --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, 34%));
848
+ --dt-color-border-moderate: hsl(0 0% 0% / 0.34);
814
849
  --dt-color-border-default-h: 0;
815
850
  --dt-color-border-default-s: 0%;
816
- --dt-color-border-default-l: 11%;
817
- --dt-color-border-default-a: 17%;
851
+ --dt-color-border-default-l: 0%;
852
+ --dt-color-border-default-a: 18%;
818
853
  --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, 17%));
820
- --dt-color-border-default: hsl(0 0% 11% / 0.17);
854
+ --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, 18%));
855
+ --dt-color-border-default: hsl(0 0% 0% / 0.18);
821
856
  --dt-color-border-subtle-h: 0;
822
857
  --dt-color-border-subtle-s: 0%;
823
- --dt-color-border-subtle-l: 11%;
824
- --dt-color-border-subtle-a: 11%;
858
+ --dt-color-border-subtle-l: 0%;
859
+ --dt-color-border-subtle-a: 10%;
825
860
  --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, 11%));
827
- --dt-color-border-subtle: hsl(0 0% 11% / 0.11);
828
- --dt-color-surface-backdrop-h: 0;
829
- --dt-color-surface-backdrop-s: 0%;
830
- --dt-color-surface-backdrop-l: 0%;
831
- --dt-color-surface-backdrop-a: 65%;
832
- --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
833
- --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%));
834
- --dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); /* Background color for a modal-like backdrop. */
835
- --dt-color-surface-brand-subtle-opaque-inverted-h: 260;
836
- --dt-color-surface-brand-subtle-opaque-inverted-s: 91.3%;
837
- --dt-color-surface-brand-subtle-opaque-inverted-l: 9.02%;
838
- --dt-color-surface-brand-subtle-opaque-inverted-a: 66%;
839
- --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);
840
- --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%));
841
- --dt-color-surface-brand-subtle-opaque-inverted: hsl(260 91.3% 9.02% / 0.66); /* Info surface as opaque background color. */
842
- --dt-color-surface-info-subtle-opaque-inverted-h: 211;
843
- --dt-color-surface-info-subtle-opaque-inverted-s: 91.3%;
844
- --dt-color-surface-info-subtle-opaque-inverted-l: 4.51%;
845
- --dt-color-surface-info-subtle-opaque-inverted-a: 66%;
846
- --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
- --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
- --dt-color-surface-info-subtle-opaque-inverted: hsl(211 91.3% 4.51% / 0.66); /* Info surface as opaque background color. */
849
- --dt-color-surface-success-subtle-opaque-inverted-h: 157;
850
- --dt-color-surface-success-subtle-opaque-inverted-s: 100%;
851
- --dt-color-surface-success-subtle-opaque-inverted-l: 4.12%;
852
- --dt-color-surface-success-subtle-opaque-inverted-a: 66%;
853
- --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);
854
- --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%));
855
- --dt-color-surface-success-subtle-opaque-inverted: hsl(157 100% 4.12% / 0.66); /* Success subtle surface as opaque background color. */
856
- --dt-color-surface-warning-subtle-opaque-inverted-h: 34.8;
857
- --dt-color-surface-warning-subtle-opaque-inverted-s: 93.9%;
858
- --dt-color-surface-warning-subtle-opaque-inverted-l: 6.47%;
859
- --dt-color-surface-warning-subtle-opaque-inverted-a: 70%;
860
- --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);
861
- --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%));
862
- --dt-color-surface-warning-subtle-opaque-inverted: hsl(34.8 93.9% 6.47% / 0.7); /* Warning subtle surface as opaque background color */
863
- --dt-color-surface-critical-subtle-opaque-inverted-h: 344;
864
- --dt-color-surface-critical-subtle-opaque-inverted-s: 93.1%;
865
- --dt-color-surface-critical-subtle-opaque-inverted-l: 5.69%;
866
- --dt-color-surface-critical-subtle-opaque-inverted-a: 60%;
867
- --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);
868
- --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, 60%));
869
- --dt-color-surface-critical-subtle-opaque-inverted: hsl(344 93.1% 5.69% / 0.6); /* Critical subtle surface as opaque background color. */
870
- --dt-color-surface-brand-opaque-inverted-h: 260;
871
- --dt-color-surface-brand-opaque-inverted-s: 97.7%;
872
- --dt-color-surface-brand-opaque-inverted-l: 16.9%;
873
- --dt-color-surface-brand-opaque-inverted-a: 80%;
874
- --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);
875
- --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%));
876
- --dt-color-surface-brand-opaque-inverted: hsl(260 97.7% 16.9% / 0.8); /* Info surface as opaque background color. */
877
- --dt-color-surface-info-opaque-inverted-h: 211;
878
- --dt-color-surface-info-opaque-inverted-s: 100%;
879
- --dt-color-surface-info-opaque-inverted-l: 8.04%;
880
- --dt-color-surface-info-opaque-inverted-a: 60%;
881
- --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);
882
- --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%));
883
- --dt-color-surface-info-opaque-inverted: hsl(211 100% 8.04% / 0.6); /* Info surface as opaque background color. */
884
- --dt-color-surface-success-opaque-inverted-h: 155;
885
- --dt-color-surface-success-opaque-inverted-s: 100%;
886
- --dt-color-surface-success-opaque-inverted-l: 15.5%;
887
- --dt-color-surface-success-opaque-inverted-a: 30%;
888
- --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);
889
- --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%));
890
- --dt-color-surface-success-opaque-inverted: hsl(155 100% 15.5% / 0.3); /* Success surface as opaque background color. */
891
- --dt-color-surface-warning-opaque-inverted-h: 34.9;
892
- --dt-color-surface-warning-opaque-inverted-s: 90.8%;
893
- --dt-color-surface-warning-opaque-inverted-l: 17.1%;
894
- --dt-color-surface-warning-opaque-inverted-a: 35%;
895
- --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
- --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, 35%));
897
- --dt-color-surface-warning-opaque-inverted: hsl(34.9 90.8% 17.1% / 0.35); /* Warning surface as opaque background color */
898
- --dt-color-surface-critical-opaque-inverted-h: 342;
899
- --dt-color-surface-critical-opaque-inverted-s: 85.2%;
900
- --dt-color-surface-critical-opaque-inverted-l: 21.2%;
901
- --dt-color-surface-critical-opaque-inverted-a: 50%;
902
- --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);
903
- --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%));
904
- --dt-color-surface-critical-opaque-inverted: hsl(342 85.2% 21.2% / 0.5); /* Critical surface as opaque background color. */
905
- --dt-color-surface-contrast-opaque-inverted-h: 0;
906
- --dt-color-surface-contrast-opaque-inverted-s: 0%;
907
- --dt-color-surface-contrast-opaque-inverted-l: 100%;
908
- --dt-color-surface-contrast-opaque-inverted-a: 97%;
909
- --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);
910
- --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%));
911
- --dt-color-surface-contrast-opaque-inverted: hsl(0 0% 100% / 0.97); /* Contrast surface as opaque background color. */
912
- --dt-color-surface-strong-opaque-inverted-h: 0;
913
- --dt-color-surface-strong-opaque-inverted-s: 0%;
914
- --dt-color-surface-strong-opaque-inverted-l: 100%;
915
- --dt-color-surface-strong-opaque-inverted-a: 67%;
916
- --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);
917
- --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%));
918
- --dt-color-surface-strong-opaque-inverted: hsl(0 0% 100% / 0.67); /* Strong surface as opaque background color. */
919
- --dt-color-surface-bold-opaque-inverted-h: 0;
920
- --dt-color-surface-bold-opaque-inverted-s: 0%;
921
- --dt-color-surface-bold-opaque-inverted-l: 100%;
922
- --dt-color-surface-bold-opaque-inverted-a: 32%;
923
- --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);
924
- --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, 32%));
925
- --dt-color-surface-bold-opaque-inverted: hsl(0 0% 100% / 0.32); /* Bold surface as opaque background color. */
926
- --dt-color-surface-moderate-opaque-inverted-h: 0;
927
- --dt-color-surface-moderate-opaque-inverted-s: 0%;
928
- --dt-color-surface-moderate-opaque-inverted-l: 100%;
929
- --dt-color-surface-moderate-opaque-inverted-a: 23%;
930
- --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);
931
- --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, 23%));
932
- --dt-color-surface-moderate-opaque-inverted: hsl(0 0% 100% / 0.23); /* Moderate surface as opaque background color. */
933
- --dt-color-surface-secondary-opaque-inverted-h: 0;
934
- --dt-color-surface-secondary-opaque-inverted-s: 0%;
935
- --dt-color-surface-secondary-opaque-inverted-l: 100%;
936
- --dt-color-surface-secondary-opaque-inverted-a: 15%;
937
- --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);
938
- --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, 15%));
939
- --dt-color-surface-secondary-opaque-inverted: hsl(0 0% 100% / 0.15); /* Secondary surface as opaque background color. */
940
- --dt-color-surface-brand-strong-inverted-h: var(--dt-color-purple-250-h);
941
- --dt-color-surface-brand-strong-inverted-s: var(--dt-color-purple-250-s);
942
- --dt-color-surface-brand-strong-inverted-l: var(--dt-color-purple-250-l);
943
- --dt-color-surface-brand-strong-inverted-a: var(--dt-color-purple-250-a);
944
- --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-purple-250-hsl);
945
- --dt-color-surface-brand-strong-inverted-hsla: var(--dt-color-purple-250-hsla);
946
- --dt-color-surface-brand-strong-inverted: var(--dt-color-purple-250); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
947
- --dt-color-surface-info-strong-inverted-h: var(--dt-color-blue-425-h);
948
- --dt-color-surface-info-strong-inverted-s: var(--dt-color-blue-425-s);
949
- --dt-color-surface-info-strong-inverted-l: var(--dt-color-blue-425-l);
950
- --dt-color-surface-info-strong-inverted-a: var(--dt-color-blue-425-a);
951
- --dt-color-surface-info-strong-inverted-hsl: var(--dt-color-blue-425-hsl);
952
- --dt-color-surface-info-strong-inverted-hsla: var(--dt-color-blue-425-hsla);
953
- --dt-color-surface-info-strong-inverted: var(--dt-color-blue-425); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
954
- --dt-color-surface-success-strong-inverted-h: var(--dt-color-green-350-h);
955
- --dt-color-surface-success-strong-inverted-s: var(--dt-color-green-350-s);
956
- --dt-color-surface-success-strong-inverted-l: var(--dt-color-green-350-l);
957
- --dt-color-surface-success-strong-inverted-a: var(--dt-color-green-350-a);
958
- --dt-color-surface-success-strong-inverted-hsl: var(--dt-color-green-350-hsl);
959
- --dt-color-surface-success-strong-inverted-hsla: var(--dt-color-green-350-hsla);
960
- --dt-color-surface-success-strong-inverted: var(--dt-color-green-350); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
961
- --dt-color-surface-warning-strong-inverted-h: var(--dt-color-gold-300-h);
962
- --dt-color-surface-warning-strong-inverted-s: var(--dt-color-gold-300-s);
963
- --dt-color-surface-warning-strong-inverted-l: var(--dt-color-gold-300-l);
964
- --dt-color-surface-warning-strong-inverted-a: var(--dt-color-gold-300-a);
965
- --dt-color-surface-warning-strong-inverted-hsl: var(--dt-color-gold-300-hsl);
966
- --dt-color-surface-warning-strong-inverted-hsla: var(--dt-color-gold-300-hsla);
967
- --dt-color-surface-warning-strong-inverted: var(--dt-color-gold-300); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
968
- --dt-color-surface-critical-strong-inverted-h: var(--dt-color-red-300-h);
969
- --dt-color-surface-critical-strong-inverted-s: var(--dt-color-red-300-s);
970
- --dt-color-surface-critical-strong-inverted-l: var(--dt-color-red-300-l);
971
- --dt-color-surface-critical-strong-inverted-a: var(--dt-color-red-300-a);
972
- --dt-color-surface-critical-strong-inverted-hsl: var(--dt-color-red-300-hsl);
973
- --dt-color-surface-critical-strong-inverted-hsla: var(--dt-color-red-300-hsla);
974
- --dt-color-surface-critical-strong-inverted: var(--dt-color-red-300); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
975
- --dt-color-surface-brand-subtle-inverted-h: var(--dt-color-purple-1000-h);
976
- --dt-color-surface-brand-subtle-inverted-s: var(--dt-color-purple-1000-s);
977
- --dt-color-surface-brand-subtle-inverted-l: var(--dt-color-purple-1000-l);
978
- --dt-color-surface-brand-subtle-inverted-a: var(--dt-color-purple-1000-a);
979
- --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-purple-1000-hsl);
980
- --dt-color-surface-brand-subtle-inverted-hsla: var(--dt-color-purple-1000-hsla);
981
- --dt-color-surface-brand-subtle-inverted: var(--dt-color-purple-1000); /* A softer version of the default informational surface. */
982
- --dt-color-surface-info-subtle-inverted-h: var(--dt-color-blue-1000-h);
983
- --dt-color-surface-info-subtle-inverted-s: var(--dt-color-blue-1000-s);
984
- --dt-color-surface-info-subtle-inverted-l: var(--dt-color-blue-1000-l);
985
- --dt-color-surface-info-subtle-inverted-a: var(--dt-color-blue-1000-a);
986
- --dt-color-surface-info-subtle-inverted-hsl: var(--dt-color-blue-1000-hsl);
987
- --dt-color-surface-info-subtle-inverted-hsla: var(--dt-color-blue-1000-hsla);
988
- --dt-color-surface-info-subtle-inverted: var(--dt-color-blue-1000); /* A softer version of the default informational surface. */
989
- --dt-color-surface-success-subtle-inverted-h: var(--dt-color-green-1000-h);
990
- --dt-color-surface-success-subtle-inverted-s: var(--dt-color-green-1000-s);
991
- --dt-color-surface-success-subtle-inverted-l: var(--dt-color-green-1000-l);
992
- --dt-color-surface-success-subtle-inverted-a: var(--dt-color-green-1000-a);
993
- --dt-color-surface-success-subtle-inverted-hsl: var(--dt-color-green-1000-hsl);
994
- --dt-color-surface-success-subtle-inverted-hsla: var(--dt-color-green-1000-hsla);
995
- --dt-color-surface-success-subtle-inverted: var(--dt-color-green-1000); /* A softer version of the default success surface. */
996
- --dt-color-surface-warning-subtle-inverted-h: var(--dt-color-gold-1000-h);
997
- --dt-color-surface-warning-subtle-inverted-s: var(--dt-color-gold-1000-s);
998
- --dt-color-surface-warning-subtle-inverted-l: var(--dt-color-gold-1000-l);
999
- --dt-color-surface-warning-subtle-inverted-a: var(--dt-color-gold-1000-a);
1000
- --dt-color-surface-warning-subtle-inverted-hsl: var(--dt-color-gold-1000-hsl);
1001
- --dt-color-surface-warning-subtle-inverted-hsla: var(--dt-color-gold-1000-hsla);
1002
- --dt-color-surface-warning-subtle-inverted: var(--dt-color-gold-1000); /* A softer version of the default warning surface. */
1003
- --dt-color-surface-critical-subtle-inverted-h: var(--dt-color-red-1000-h);
1004
- --dt-color-surface-critical-subtle-inverted-s: var(--dt-color-red-1000-s);
1005
- --dt-color-surface-critical-subtle-inverted-l: var(--dt-color-red-1000-l);
1006
- --dt-color-surface-critical-subtle-inverted-a: var(--dt-color-red-1000-a);
1007
- --dt-color-surface-critical-subtle-inverted-hsl: var(--dt-color-red-1000-hsl);
1008
- --dt-color-surface-critical-subtle-inverted-hsla: var(--dt-color-red-1000-hsla);
1009
- --dt-color-surface-critical-subtle-inverted: var(--dt-color-red-1000); /* A softer version of the Critical surface. */
1010
- --dt-color-surface-brand-inverted-h: var(--dt-color-purple-600-h);
1011
- --dt-color-surface-brand-inverted-s: var(--dt-color-purple-600-s);
1012
- --dt-color-surface-brand-inverted-l: var(--dt-color-purple-600-l);
1013
- --dt-color-surface-brand-inverted-a: var(--dt-color-purple-600-a);
1014
- --dt-color-surface-brand-inverted-hsl: var(--dt-color-purple-600-hsl);
1015
- --dt-color-surface-brand-inverted-hsla: var(--dt-color-purple-600-hsla);
1016
- --dt-color-surface-brand-inverted: var(--dt-color-purple-600); /* Background surface color containing messaging or elements communicated as generally informational. */
1017
- --dt-color-surface-info-inverted-h: var(--dt-color-blue-900-h);
1018
- --dt-color-surface-info-inverted-s: var(--dt-color-blue-900-s);
1019
- --dt-color-surface-info-inverted-l: var(--dt-color-blue-900-l);
1020
- --dt-color-surface-info-inverted-a: var(--dt-color-blue-900-a);
1021
- --dt-color-surface-info-inverted-hsl: var(--dt-color-blue-900-hsl);
1022
- --dt-color-surface-info-inverted-hsla: var(--dt-color-blue-900-hsla);
1023
- --dt-color-surface-info-inverted: var(--dt-color-blue-900); /* Background surface color containing messaging or elements communicated as generally informational. */
1024
- --dt-color-surface-success-inverted-h: var(--dt-color-green-900-h);
1025
- --dt-color-surface-success-inverted-s: var(--dt-color-green-900-s);
1026
- --dt-color-surface-success-inverted-l: var(--dt-color-green-900-l);
1027
- --dt-color-surface-success-inverted-a: var(--dt-color-green-900-a);
1028
- --dt-color-surface-success-inverted-hsl: var(--dt-color-green-900-hsl);
1029
- --dt-color-surface-success-inverted-hsla: var(--dt-color-green-900-hsla);
1030
- --dt-color-surface-success-inverted: var(--dt-color-green-900); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1031
- --dt-color-surface-warning-inverted-h: var(--dt-color-gold-900-h);
1032
- --dt-color-surface-warning-inverted-s: var(--dt-color-gold-900-s);
1033
- --dt-color-surface-warning-inverted-l: var(--dt-color-gold-900-l);
1034
- --dt-color-surface-warning-inverted-a: var(--dt-color-gold-900-a);
1035
- --dt-color-surface-warning-inverted-hsl: var(--dt-color-gold-900-hsl);
1036
- --dt-color-surface-warning-inverted-hsla: var(--dt-color-gold-900-hsla);
1037
- --dt-color-surface-warning-inverted: var(--dt-color-gold-900); /* Background surface color highlighting messaging or elements that may require user's attention. */
1038
- --dt-color-surface-critical-inverted-h: var(--dt-color-red-900-h);
1039
- --dt-color-surface-critical-inverted-s: var(--dt-color-red-900-s);
1040
- --dt-color-surface-critical-inverted-l: var(--dt-color-red-900-l);
1041
- --dt-color-surface-critical-inverted-a: var(--dt-color-red-900-a);
1042
- --dt-color-surface-critical-inverted-hsl: var(--dt-color-red-900-hsl);
1043
- --dt-color-surface-critical-inverted-hsla: var(--dt-color-red-900-hsla);
1044
- --dt-color-surface-critical-inverted: var(--dt-color-red-900); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
1045
- --dt-color-surface-contrast-inverted-h: var(--dt-color-black-100-h);
1046
- --dt-color-surface-contrast-inverted-s: var(--dt-color-black-100-s);
1047
- --dt-color-surface-contrast-inverted-l: var(--dt-color-black-100-l);
1048
- --dt-color-surface-contrast-inverted-a: var(--dt-color-black-100-a);
1049
- --dt-color-surface-contrast-inverted-hsl: var(--dt-color-black-100-hsl);
1050
- --dt-color-surface-contrast-inverted-hsla: var(--dt-color-black-100-hsla);
1051
- --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. */
1052
- --dt-color-surface-strong-inverted-h: var(--dt-color-black-400-h);
1053
- --dt-color-surface-strong-inverted-s: var(--dt-color-black-400-s);
1054
- --dt-color-surface-strong-inverted-l: var(--dt-color-black-400-l);
1055
- --dt-color-surface-strong-inverted-a: var(--dt-color-black-400-a);
1056
- --dt-color-surface-strong-inverted-hsl: var(--dt-color-black-400-hsl);
1057
- --dt-color-surface-strong-inverted-hsla: var(--dt-color-black-400-hsla);
1058
- --dt-color-surface-strong-inverted: var(--dt-color-black-400); /* Use sparingly to draw the eye to a relatively important region. */
1059
- --dt-color-surface-bold-inverted-h: var(--dt-color-black-600-h);
1060
- --dt-color-surface-bold-inverted-s: var(--dt-color-black-600-s);
1061
- --dt-color-surface-bold-inverted-l: var(--dt-color-black-600-l);
1062
- --dt-color-surface-bold-inverted-a: var(--dt-color-black-600-a);
1063
- --dt-color-surface-bold-inverted-hsl: var(--dt-color-black-600-hsl);
1064
- --dt-color-surface-bold-inverted-hsla: var(--dt-color-black-600-hsla);
1065
- --dt-color-surface-bold-inverted: var(--dt-color-black-600); /* Highlight or call attention to specific areas of the interface. */
1066
- --dt-color-surface-moderate-inverted-h: var(--dt-color-black-700-h);
1067
- --dt-color-surface-moderate-inverted-s: var(--dt-color-black-700-s);
1068
- --dt-color-surface-moderate-inverted-l: var(--dt-color-black-700-l);
1069
- --dt-color-surface-moderate-inverted-a: var(--dt-color-black-700-a);
1070
- --dt-color-surface-moderate-inverted-hsl: var(--dt-color-black-700-hsl);
1071
- --dt-color-surface-moderate-inverted-hsla: var(--dt-color-black-700-hsla);
1072
- --dt-color-surface-moderate-inverted: var(--dt-color-black-700); /* A tertiary surface level, prominent without being too overpowering. */
1073
- --dt-color-surface-secondary-inverted-h: var(--dt-color-black-800-h);
1074
- --dt-color-surface-secondary-inverted-s: var(--dt-color-black-800-s);
1075
- --dt-color-surface-secondary-inverted-l: var(--dt-color-black-800-l);
1076
- --dt-color-surface-secondary-inverted-a: var(--dt-color-black-800-a);
1077
- --dt-color-surface-secondary-inverted-hsl: var(--dt-color-black-800-hsl);
1078
- --dt-color-surface-secondary-inverted-hsla: var(--dt-color-black-800-hsla);
1079
- --dt-color-surface-secondary-inverted: var(--dt-color-black-800); /* For adjacent or complementary regions. */
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-brand-subtle-opaque-h: 261;
1088
- --dt-color-surface-brand-subtle-opaque-s: 100%;
1089
- --dt-color-surface-brand-subtle-opaque-l: 86.9%;
1090
- --dt-color-surface-brand-subtle-opaque-a: 20%;
1091
- --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);
1092
- --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 20%));
1093
- --dt-color-surface-brand-subtle-opaque: hsl(261 100% 86.9% / 0.2); /* Info surface as opaque background color. */
1094
- --dt-color-surface-info-subtle-opaque-h: 210;
1095
- --dt-color-surface-info-subtle-opaque-s: 61.5%;
1096
- --dt-color-surface-info-subtle-opaque-l: 94.9%;
1097
- --dt-color-surface-info-subtle-opaque-a: 50%;
1098
- --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);
1099
- --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, 50%));
1100
- --dt-color-surface-info-subtle-opaque: hsl(210 61.5% 94.9% / 0.5); /* Info surface as opaque background color. */
1101
- --dt-color-surface-success-subtle-opaque-h: 111;
1102
- --dt-color-surface-success-subtle-opaque-s: 53.79999999999999%;
1103
- --dt-color-surface-success-subtle-opaque-l: 94.9%;
1104
- --dt-color-surface-success-subtle-opaque-a: 50%;
1105
- --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);
1106
- --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, 50%));
1107
- --dt-color-surface-success-subtle-opaque: hsl(111 53.8% 94.9% / 0.5); /* Success subtle surface as opaque background color. */
1108
- --dt-color-surface-warning-subtle-opaque-h: 47.1;
1109
- --dt-color-surface-warning-subtle-opaque-s: 100%;
1110
- --dt-color-surface-warning-subtle-opaque-l: 90%;
1111
- --dt-color-surface-warning-subtle-opaque-a: 50%;
1112
- --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);
1113
- --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, 50%));
1114
- --dt-color-surface-warning-subtle-opaque: hsl(47.1 100% 90% / 0.5); /* Warning subtle surface as opaque background color */
1115
- --dt-color-surface-critical-subtle-opaque-h: 358;
1116
- --dt-color-surface-critical-subtle-opaque-s: 100%;
1117
- --dt-color-surface-critical-subtle-opaque-l: 94.9%;
1118
- --dt-color-surface-critical-subtle-opaque-a: 50%;
1119
- --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);
1120
- --dt-color-surface-critical-subtle-opaque-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l) / var(--alpha, 50%));
1121
- --dt-color-surface-critical-subtle-opaque: hsl(358 100% 94.9% / 0.5); /* Critical subtle surface as opaque background color. */
1122
- --dt-color-surface-brand-opaque-h: 261;
1123
- --dt-color-surface-brand-opaque-s: 100%;
1124
- --dt-color-surface-brand-opaque-l: 86.9%;
1125
- --dt-color-surface-brand-opaque-a: 27%;
1126
- --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);
1127
- --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 27%));
1128
- --dt-color-surface-brand-opaque: hsl(261 100% 86.9% / 0.27); /* Info surface as opaque background color. */
1129
- --dt-color-surface-info-opaque-h: 201;
1130
- --dt-color-surface-info-opaque-s: 100%;
1131
- --dt-color-surface-info-opaque-l: 87.1%;
1132
- --dt-color-surface-info-opaque-a: 35%;
1133
- --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);
1134
- --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, 35%));
1135
- --dt-color-surface-info-opaque: hsl(201 100% 87.1% / 0.35); /* Info surface as opaque background color. */
1136
- --dt-color-surface-success-opaque-h: 85.1;
1137
- --dt-color-surface-success-opaque-s: 100%;
1138
- --dt-color-surface-success-opaque-l: 83.1%;
1139
- --dt-color-surface-success-opaque-a: 25%;
1140
- --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);
1141
- --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, 25%));
1142
- --dt-color-surface-success-opaque: hsl(85.1 100% 83.1% / 0.25); /* Success surface as opaque background color. */
1143
- --dt-color-surface-warning-opaque-h: 46.1;
1144
- --dt-color-surface-warning-opaque-s: 100%;
1145
- --dt-color-surface-warning-opaque-l: 80.6%;
1146
- --dt-color-surface-warning-opaque-a: 50%;
1147
- --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);
1148
- --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, 50%));
1149
- --dt-color-surface-warning-opaque: hsl(46.1 100% 80.6% / 0.5); /* Warning surface as opaque background color */
1150
- --dt-color-surface-critical-opaque-h: 4.62;
1151
- --dt-color-surface-critical-opaque-s: 100%;
1152
- --dt-color-surface-critical-opaque-l: 82.2%;
1153
- --dt-color-surface-critical-opaque-a: 31%;
1154
- --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);
1155
- --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, 31%));
1156
- --dt-color-surface-critical-opaque: hsl(4.62 100% 82.2% / 0.31); /* Critical surface as opaque background color. */
1157
- --dt-color-surface-contrast-opaque-h: 0;
1158
- --dt-color-surface-contrast-opaque-s: 0%;
1159
- --dt-color-surface-contrast-opaque-l: 11%;
1160
- --dt-color-surface-contrast-opaque-a: 94%;
1161
- --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);
1162
- --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, 94%));
1163
- --dt-color-surface-contrast-opaque: hsl(0 0% 11% / 0.94); /* Contrast surface as opaque background color. */
1164
- --dt-color-surface-strong-opaque-h: 0;
1165
- --dt-color-surface-strong-opaque-s: 0%;
1166
- --dt-color-surface-strong-opaque-l: 11%;
1167
- --dt-color-surface-strong-opaque-a: 76%;
1168
- --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);
1169
- --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, 76%));
1170
- --dt-color-surface-strong-opaque: hsl(0 0% 11% / 0.76); /* Strong surface as opaque background color. */
1171
- --dt-color-surface-bold-opaque-h: 0;
1172
- --dt-color-surface-bold-opaque-s: 0%;
1173
- --dt-color-surface-bold-opaque-l: 11%;
1174
- --dt-color-surface-bold-opaque-a: 19%;
1175
- --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);
1176
- --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, 19%));
1177
- --dt-color-surface-bold-opaque: hsl(0 0% 11% / 0.19); /* Bold surface as opaque background color. */
1178
- --dt-color-surface-moderate-opaque-h: 0;
1179
- --dt-color-surface-moderate-opaque-s: 0%;
1180
- --dt-color-surface-moderate-opaque-l: 11%;
1181
- --dt-color-surface-moderate-opaque-a: 10%;
1182
- --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);
1183
- --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, 10%));
1184
- --dt-color-surface-moderate-opaque: hsl(0 0% 11% / 0.1); /* Moderate surface as opaque background color. */
1185
- --dt-color-surface-secondary-opaque-h: 0;
1186
- --dt-color-surface-secondary-opaque-s: 0%;
1187
- --dt-color-surface-secondary-opaque-l: 11%;
1188
- --dt-color-surface-secondary-opaque-a: 2%;
1189
- --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);
1190
- --dt-color-surface-secondary-opaque-hsla: hsl(var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l) / var(--alpha, 2%));
1191
- --dt-color-surface-secondary-opaque: hsl(0 0% 11% / 0.02); /* Secondary surface as opaque background color. */
1192
- --dt-color-surface-brand-strong-h: var(--dt-color-purple-400-h);
1193
- --dt-color-surface-brand-strong-s: var(--dt-color-purple-400-s);
1194
- --dt-color-surface-brand-strong-l: var(--dt-color-purple-400-l);
1195
- --dt-color-surface-brand-strong-a: var(--dt-color-purple-400-a);
1196
- --dt-color-surface-brand-strong-hsl: var(--dt-color-purple-400-hsl);
1197
- --dt-color-surface-brand-strong-hsla: var(--dt-color-purple-400-hsla);
1198
- --dt-color-surface-brand-strong: var(--dt-color-purple-400); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
1199
- --dt-color-surface-info-strong-h: var(--dt-color-blue-500-h);
1200
- --dt-color-surface-info-strong-s: var(--dt-color-blue-500-s);
1201
- --dt-color-surface-info-strong-l: var(--dt-color-blue-500-l);
1202
- --dt-color-surface-info-strong-a: var(--dt-color-blue-500-a);
1203
- --dt-color-surface-info-strong-hsl: var(--dt-color-blue-500-hsl);
1204
- --dt-color-surface-info-strong-hsla: var(--dt-color-blue-500-hsla);
1205
- --dt-color-surface-info-strong: var(--dt-color-blue-500); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
1206
- --dt-color-surface-success-strong-h: var(--dt-color-green-500-h);
1207
- --dt-color-surface-success-strong-s: var(--dt-color-green-500-s);
1208
- --dt-color-surface-success-strong-l: var(--dt-color-green-500-l);
1209
- --dt-color-surface-success-strong-a: var(--dt-color-green-500-a);
1210
- --dt-color-surface-success-strong-hsl: var(--dt-color-green-500-hsl);
1211
- --dt-color-surface-success-strong-hsla: var(--dt-color-green-500-hsla);
1212
- --dt-color-surface-success-strong: var(--dt-color-green-500); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
1213
- --dt-color-surface-warning-strong-h: var(--dt-color-gold-350-h);
1214
- --dt-color-surface-warning-strong-s: var(--dt-color-gold-350-s);
1215
- --dt-color-surface-warning-strong-l: var(--dt-color-gold-350-l);
1216
- --dt-color-surface-warning-strong-a: var(--dt-color-gold-350-a);
1217
- --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-350-hsl);
1218
- --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-350-hsla);
1219
- --dt-color-surface-warning-strong: var(--dt-color-gold-350); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
1220
- --dt-color-surface-critical-strong-h: var(--dt-color-red-450-h);
1221
- --dt-color-surface-critical-strong-s: var(--dt-color-red-450-s);
1222
- --dt-color-surface-critical-strong-l: var(--dt-color-red-450-l);
1223
- --dt-color-surface-critical-strong-a: var(--dt-color-red-450-a);
1224
- --dt-color-surface-critical-strong-hsl: var(--dt-color-red-450-hsl);
1225
- --dt-color-surface-critical-strong-hsla: var(--dt-color-red-450-hsla);
1226
- --dt-color-surface-critical-strong: var(--dt-color-red-450); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
1227
- --dt-color-surface-brand-subtle-h: var(--dt-color-purple-50-h);
1228
- --dt-color-surface-brand-subtle-s: var(--dt-color-purple-50-s);
1229
- --dt-color-surface-brand-subtle-l: var(--dt-color-purple-50-l);
1230
- --dt-color-surface-brand-subtle-a: var(--dt-color-purple-50-a);
1231
- --dt-color-surface-brand-subtle-hsl: var(--dt-color-purple-50-hsl);
1232
- --dt-color-surface-brand-subtle-hsla: var(--dt-color-purple-50-hsla);
1233
- --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
1234
- --dt-color-surface-info-subtle-h: var(--dt-color-blue-50-h);
1235
- --dt-color-surface-info-subtle-s: var(--dt-color-blue-50-s);
1236
- --dt-color-surface-info-subtle-l: var(--dt-color-blue-50-l);
1237
- --dt-color-surface-info-subtle-a: var(--dt-color-blue-50-a);
1238
- --dt-color-surface-info-subtle-hsl: var(--dt-color-blue-50-hsl);
1239
- --dt-color-surface-info-subtle-hsla: var(--dt-color-blue-50-hsla);
1240
- --dt-color-surface-info-subtle: var(--dt-color-blue-50); /* A softer version of the default informational surface. */
1241
- --dt-color-surface-success-subtle-h: var(--dt-color-green-50-h);
1242
- --dt-color-surface-success-subtle-s: var(--dt-color-green-50-s);
1243
- --dt-color-surface-success-subtle-l: var(--dt-color-green-50-l);
1244
- --dt-color-surface-success-subtle-a: var(--dt-color-green-50-a);
1245
- --dt-color-surface-success-subtle-hsl: var(--dt-color-green-50-hsl);
1246
- --dt-color-surface-success-subtle-hsla: var(--dt-color-green-50-hsla);
1247
- --dt-color-surface-success-subtle: var(--dt-color-green-50); /* A softer version of the default success surface. */
1248
- --dt-color-surface-warning-subtle-h: var(--dt-color-gold-50-h);
1249
- --dt-color-surface-warning-subtle-s: var(--dt-color-gold-50-s);
1250
- --dt-color-surface-warning-subtle-l: var(--dt-color-gold-50-l);
1251
- --dt-color-surface-warning-subtle-a: var(--dt-color-gold-50-a);
1252
- --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-50-hsl);
1253
- --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-50-hsla);
1254
- --dt-color-surface-warning-subtle: var(--dt-color-gold-50); /* A softer version of the default warning surface. */
1255
- --dt-color-surface-critical-subtle-h: var(--dt-color-red-50-h);
1256
- --dt-color-surface-critical-subtle-s: var(--dt-color-red-50-s);
1257
- --dt-color-surface-critical-subtle-l: var(--dt-color-red-50-l);
1258
- --dt-color-surface-critical-subtle-a: var(--dt-color-red-50-a);
1259
- --dt-color-surface-critical-subtle-hsl: var(--dt-color-red-50-hsl);
1260
- --dt-color-surface-critical-subtle-hsla: var(--dt-color-red-50-hsla);
1261
- --dt-color-surface-critical-subtle: var(--dt-color-red-50); /* A softer version of the Critical surface. */
1262
- --dt-color-surface-brand-h: var(--dt-color-purple-100-h);
1263
- --dt-color-surface-brand-s: var(--dt-color-purple-100-s);
1264
- --dt-color-surface-brand-l: var(--dt-color-purple-100-l);
1265
- --dt-color-surface-brand-a: var(--dt-color-purple-100-a);
1266
- --dt-color-surface-brand-hsl: var(--dt-color-purple-100-hsl);
1267
- --dt-color-surface-brand-hsla: var(--dt-color-purple-100-hsla);
1268
- --dt-color-surface-brand: var(--dt-color-purple-100); /* Background surface color containing messaging or elements communicated as generally informational. */
861
+ --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, 10%));
862
+ --dt-color-border-subtle: hsl(0 0% 0% / 0.1);
863
+ --dt-color-surface-info-strong-h: var(--dt-color-blue-400-h);
864
+ --dt-color-surface-info-strong-s: var(--dt-color-blue-400-s);
865
+ --dt-color-surface-info-strong-l: var(--dt-color-blue-400-l);
866
+ --dt-color-surface-info-strong-a: var(--dt-color-blue-400-a);
867
+ --dt-color-surface-info-strong-hsl: var(--dt-color-blue-400-hsl);
868
+ --dt-color-surface-info-strong-hsla: var(--dt-color-blue-400-hsla);
869
+ --dt-color-surface-info-strong: var(--dt-color-blue-400); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
870
+ --dt-color-surface-info-subtle-h: 210;
871
+ --dt-color-surface-info-subtle-s: 61.5%;
872
+ --dt-color-surface-info-subtle-l: 97.5%;
873
+ --dt-color-surface-info-subtle-a: 100%;
874
+ --dt-color-surface-info-subtle-hsl: var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l);
875
+ --dt-color-surface-info-subtle-hsla: hsl(var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l) / var(--alpha, 100%));
876
+ --dt-color-surface-info-subtle: hsl(210 61.5% 97.5%); /* A softer version of the default informational surface. */
1269
877
  --dt-color-surface-info-h: var(--dt-color-blue-100-h);
1270
878
  --dt-color-surface-info-s: var(--dt-color-blue-100-s);
1271
879
  --dt-color-surface-info-l: var(--dt-color-blue-100-l);
@@ -1273,6 +881,20 @@
1273
881
  --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
1274
882
  --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
1275
883
  --dt-color-surface-info: var(--dt-color-blue-100); /* Background surface color containing messaging or elements communicated as generally informational. */
884
+ --dt-color-surface-success-strong-h: var(--dt-color-green-400-h);
885
+ --dt-color-surface-success-strong-s: var(--dt-color-green-400-s);
886
+ --dt-color-surface-success-strong-l: var(--dt-color-green-400-l);
887
+ --dt-color-surface-success-strong-a: var(--dt-color-green-400-a);
888
+ --dt-color-surface-success-strong-hsl: var(--dt-color-green-400-hsl);
889
+ --dt-color-surface-success-strong-hsla: var(--dt-color-green-400-hsla);
890
+ --dt-color-surface-success-strong: var(--dt-color-green-400); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
891
+ --dt-color-surface-success-subtle-h: 111;
892
+ --dt-color-surface-success-subtle-s: 53.79999999999999%;
893
+ --dt-color-surface-success-subtle-l: 98%;
894
+ --dt-color-surface-success-subtle-a: 100%;
895
+ --dt-color-surface-success-subtle-hsl: var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l);
896
+ --dt-color-surface-success-subtle-hsla: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
897
+ --dt-color-surface-success-subtle: hsl(111 53.8% 98%); /* A softer version of the default success surface. */
1276
898
  --dt-color-surface-success-h: var(--dt-color-green-100-h);
1277
899
  --dt-color-surface-success-s: var(--dt-color-green-100-s);
1278
900
  --dt-color-surface-success-l: var(--dt-color-green-100-l);
@@ -1280,6 +902,20 @@
1280
902
  --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
1281
903
  --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
1282
904
  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
905
+ --dt-color-surface-warning-strong-h: var(--dt-color-gold-200-h);
906
+ --dt-color-surface-warning-strong-s: var(--dt-color-gold-200-s);
907
+ --dt-color-surface-warning-strong-l: var(--dt-color-gold-200-l);
908
+ --dt-color-surface-warning-strong-a: var(--dt-color-gold-200-a);
909
+ --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-200-hsl);
910
+ --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-200-hsla);
911
+ --dt-color-surface-warning-strong: var(--dt-color-gold-200); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
912
+ --dt-color-surface-warning-subtle-h: 47.1;
913
+ --dt-color-surface-warning-subtle-s: 100%;
914
+ --dt-color-surface-warning-subtle-l: 95%;
915
+ --dt-color-surface-warning-subtle-a: 100%;
916
+ --dt-color-surface-warning-subtle-hsl: var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l);
917
+ --dt-color-surface-warning-subtle-hsla: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
918
+ --dt-color-surface-warning-subtle: hsl(47.1 100% 95%); /* A softer version of the default warning surface. */
1283
919
  --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
1284
920
  --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
1285
921
  --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
@@ -1287,6 +923,20 @@
1287
923
  --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
1288
924
  --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
1289
925
  --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
926
+ --dt-color-surface-critical-strong-h: var(--dt-color-red-400-h);
927
+ --dt-color-surface-critical-strong-s: var(--dt-color-red-400-s);
928
+ --dt-color-surface-critical-strong-l: var(--dt-color-red-400-l);
929
+ --dt-color-surface-critical-strong-a: var(--dt-color-red-400-a);
930
+ --dt-color-surface-critical-strong-hsl: var(--dt-color-red-400-hsl);
931
+ --dt-color-surface-critical-strong-hsla: var(--dt-color-red-400-hsla);
932
+ --dt-color-surface-critical-strong: var(--dt-color-red-400); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
933
+ --dt-color-surface-critical-subtle-h: 358;
934
+ --dt-color-surface-critical-subtle-s: 100%;
935
+ --dt-color-surface-critical-subtle-l: 97.5%;
936
+ --dt-color-surface-critical-subtle-a: 100%;
937
+ --dt-color-surface-critical-subtle-hsl: var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l);
938
+ --dt-color-surface-critical-subtle-hsla: hsl(var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l) / var(--alpha, 100%));
939
+ --dt-color-surface-critical-subtle: hsl(358 100% 97.5%); /* A softer version of the Critical surface. */
1290
940
  --dt-color-surface-critical-h: var(--dt-color-red-100-h);
1291
941
  --dt-color-surface-critical-s: var(--dt-color-red-100-s);
1292
942
  --dt-color-surface-critical-l: var(--dt-color-red-100-l);
@@ -1329,13 +979,111 @@
1329
979
  --dt-color-surface-secondary-hsl: var(--dt-color-black-100-hsl);
1330
980
  --dt-color-surface-secondary-hsla: var(--dt-color-black-100-hsla);
1331
981
  --dt-color-surface-secondary: var(--dt-color-black-100); /* For adjacent or complementary regions. */
1332
- --dt-color-surface-primary-h: var(--dt-color-black-50-h);
1333
- --dt-color-surface-primary-s: var(--dt-color-black-50-s);
1334
- --dt-color-surface-primary-l: var(--dt-color-black-50-l);
1335
- --dt-color-surface-primary-a: var(--dt-color-black-50-a);
1336
- --dt-color-surface-primary-hsl: var(--dt-color-black-50-hsl);
1337
- --dt-color-surface-primary-hsla: var(--dt-color-black-50-hsla);
1338
- --dt-color-surface-primary: var(--dt-color-black-50); /* Default surface color for the majority of surfaces. */
982
+ --dt-color-surface-primary-h: var(--dt-color-neutral-white-h);
983
+ --dt-color-surface-primary-s: var(--dt-color-neutral-white-s);
984
+ --dt-color-surface-primary-l: var(--dt-color-neutral-white-l);
985
+ --dt-color-surface-primary-a: var(--dt-color-neutral-white-a);
986
+ --dt-color-surface-primary-hsl: var(--dt-color-neutral-white-hsl);
987
+ --dt-color-surface-primary-hsla: var(--dt-color-neutral-white-hsla);
988
+ --dt-color-surface-primary: var(--dt-color-neutral-white); /* Default surface color for the majority of surfaces. */
989
+ --dt-color-surface-info-subtle-opaque-h: 212;
990
+ --dt-color-surface-info-subtle-opaque-s: 79.2%;
991
+ --dt-color-surface-info-subtle-opaque-l: 43.3%;
992
+ --dt-color-surface-info-subtle-opaque-a: 4%;
993
+ --dt-color-surface-info-subtle-opaque-hsl: var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l);
994
+ --dt-color-surface-info-subtle-opaque-hsla: hsl(var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l) / var(--alpha, 4%));
995
+ --dt-color-surface-info-subtle-opaque: hsl(212 79.2% 43.3% / 0.04); /* Info surface as opaque background color. */
996
+ --dt-color-surface-info-opaque-h: 212;
997
+ --dt-color-surface-info-opaque-s: 79.2%;
998
+ --dt-color-surface-info-opaque-l: 43.3%;
999
+ --dt-color-surface-info-opaque-a: 9%;
1000
+ --dt-color-surface-info-opaque-hsl: var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l);
1001
+ --dt-color-surface-info-opaque-hsla: hsl(var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l) / var(--alpha, 9%));
1002
+ --dt-color-surface-info-opaque: hsl(212 79.2% 43.3% / 0.09); /* Info surface as opaque background color. */
1003
+ --dt-color-surface-success-subtle-opaque-h: 137;
1004
+ --dt-color-surface-success-subtle-opaque-s: 72.5%;
1005
+ --dt-color-surface-success-subtle-opaque-l: 37.1%;
1006
+ --dt-color-surface-success-subtle-opaque-a: 3%;
1007
+ --dt-color-surface-success-subtle-opaque-hsl: var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l);
1008
+ --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 3%));
1009
+ --dt-color-surface-success-subtle-opaque: hsl(137 72.5% 37.1% / 0.03); /* Success subtle surface as opaque background color. */
1010
+ --dt-color-surface-success-opaque-h: 137;
1011
+ --dt-color-surface-success-opaque-s: 72.5%;
1012
+ --dt-color-surface-success-opaque-l: 37.1%;
1013
+ --dt-color-surface-success-opaque-a: 8%;
1014
+ --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
1015
+ --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 8%));
1016
+ --dt-color-surface-success-opaque: hsl(137 72.5% 37.1% / 0.08); /* Success surface as opaque background color. */
1017
+ --dt-color-surface-warning-subtle-opaque-h: 43;
1018
+ --dt-color-surface-warning-subtle-opaque-s: 100%;
1019
+ --dt-color-surface-warning-subtle-opaque-l: 75.1%;
1020
+ --dt-color-surface-warning-subtle-opaque-a: 18%;
1021
+ --dt-color-surface-warning-subtle-opaque-hsl: var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l);
1022
+ --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 18%));
1023
+ --dt-color-surface-warning-subtle-opaque: hsl(43 100% 75.1% / 0.18); /* Warning subtle surface as opaque background color */
1024
+ --dt-color-surface-warning-opaque-h: 43;
1025
+ --dt-color-surface-warning-opaque-s: 100%;
1026
+ --dt-color-surface-warning-opaque-l: 75.1%;
1027
+ --dt-color-surface-warning-opaque-a: 38%;
1028
+ --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
1029
+ --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 38%));
1030
+ --dt-color-surface-warning-opaque: hsl(43 100% 75.1% / 0.38); /* Warning surface as opaque background color */
1031
+ --dt-color-surface-critical-subtle-opaque-h: 0;
1032
+ --dt-color-surface-critical-subtle-opaque-s: 88.8%;
1033
+ --dt-color-surface-critical-subtle-opaque-l: 49%;
1034
+ --dt-color-surface-critical-subtle-opaque-a: 5%;
1035
+ --dt-color-surface-critical-subtle-opaque-hsl: var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l);
1036
+ --dt-color-surface-critical-subtle-opaque-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l) / var(--alpha, 5%));
1037
+ --dt-color-surface-critical-subtle-opaque: hsl(0 88.8% 49% / 0.05); /* Critical subtle surface as opaque background color. */
1038
+ --dt-color-surface-critical-opaque-h: 0;
1039
+ --dt-color-surface-critical-opaque-s: 88.8%;
1040
+ --dt-color-surface-critical-opaque-l: 49%;
1041
+ --dt-color-surface-critical-opaque-a: 11%;
1042
+ --dt-color-surface-critical-opaque-hsl: var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l);
1043
+ --dt-color-surface-critical-opaque-hsla: hsl(var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l) / var(--alpha, 11%));
1044
+ --dt-color-surface-critical-opaque: hsl(0 88.8% 49% / 0.11); /* Critical surface as opaque background color. */
1045
+ --dt-color-surface-backdrop-h: 0;
1046
+ --dt-color-surface-backdrop-s: 0%;
1047
+ --dt-color-surface-backdrop-l: 0%;
1048
+ --dt-color-surface-backdrop-a: 70%;
1049
+ --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
1050
+ --dt-color-surface-backdrop-hsla: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 70%));
1051
+ --dt-color-surface-backdrop: hsl(0 0% 0% / 0.7); /* Background color for a modal-like backdrop. */
1052
+ --dt-color-surface-contrast-opaque-h: 0;
1053
+ --dt-color-surface-contrast-opaque-s: 0%;
1054
+ --dt-color-surface-contrast-opaque-l: 0%;
1055
+ --dt-color-surface-contrast-opaque-a: 87%;
1056
+ --dt-color-surface-contrast-opaque-hsl: var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l);
1057
+ --dt-color-surface-contrast-opaque-hsla: hsl(var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l) / var(--alpha, 87%));
1058
+ --dt-color-surface-contrast-opaque: hsl(0 0% 0% / 0.87); /* Contrast surface as opaque background color. */
1059
+ --dt-color-surface-strong-opaque-h: 0;
1060
+ --dt-color-surface-strong-opaque-s: 0%;
1061
+ --dt-color-surface-strong-opaque-l: 0%;
1062
+ --dt-color-surface-strong-opaque-a: 67%;
1063
+ --dt-color-surface-strong-opaque-hsl: var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l);
1064
+ --dt-color-surface-strong-opaque-hsla: hsl(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--alpha, 67%));
1065
+ --dt-color-surface-strong-opaque: hsl(0 0% 0% / 0.67); /* Strong surface as opaque background color. */
1066
+ --dt-color-surface-bold-opaque-h: 0;
1067
+ --dt-color-surface-bold-opaque-s: 0%;
1068
+ --dt-color-surface-bold-opaque-l: 0%;
1069
+ --dt-color-surface-bold-opaque-a: 18%;
1070
+ --dt-color-surface-bold-opaque-hsl: var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l);
1071
+ --dt-color-surface-bold-opaque-hsla: hsl(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--alpha, 18%));
1072
+ --dt-color-surface-bold-opaque: hsl(0 0% 0% / 0.18); /* Bold surface as opaque background color. */
1073
+ --dt-color-surface-moderate-opaque-h: 0;
1074
+ --dt-color-surface-moderate-opaque-s: 0%;
1075
+ --dt-color-surface-moderate-opaque-l: 0%;
1076
+ --dt-color-surface-moderate-opaque-a: 9%;
1077
+ --dt-color-surface-moderate-opaque-hsl: var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l);
1078
+ --dt-color-surface-moderate-opaque-hsla: hsl(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--alpha, 9%));
1079
+ --dt-color-surface-moderate-opaque: hsl(0 0% 0% / 0.09); /* Moderate surface as opaque background color. */
1080
+ --dt-color-surface-secondary-opaque-h: 0;
1081
+ --dt-color-surface-secondary-opaque-s: 0%;
1082
+ --dt-color-surface-secondary-opaque-l: 0%;
1083
+ --dt-color-surface-secondary-opaque-a: 2%;
1084
+ --dt-color-surface-secondary-opaque-hsl: var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l);
1085
+ --dt-color-surface-secondary-opaque-hsla: hsl(var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l) / var(--alpha, 2%));
1086
+ --dt-color-surface-secondary-opaque: hsl(0 0% 0% / 0.02); /* Secondary surface as opaque background color. */
1339
1087
  --dt-color-link-muted-inverted-hover-h: var(--dt-color-black-100-h);
1340
1088
  --dt-color-link-muted-inverted-hover-s: var(--dt-color-black-100-s);
1341
1089
  --dt-color-link-muted-inverted-hover-l: var(--dt-color-black-100-l);
@@ -1343,13 +1091,13 @@
1343
1091
  --dt-color-link-muted-inverted-hover-hsl: var(--dt-color-black-100-hsl);
1344
1092
  --dt-color-link-muted-inverted-hover-hsla: var(--dt-color-black-100-hsla);
1345
1093
  --dt-color-link-muted-inverted-hover: var(--dt-color-black-100);
1346
- --dt-color-link-warning-inverted-hover-h: var(--dt-color-gold-300-h);
1347
- --dt-color-link-warning-inverted-hover-s: var(--dt-color-gold-300-s);
1348
- --dt-color-link-warning-inverted-hover-l: var(--dt-color-gold-300-l);
1349
- --dt-color-link-warning-inverted-hover-a: var(--dt-color-gold-300-a);
1350
- --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-gold-300-hsl);
1351
- --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-gold-300-hsla);
1352
- --dt-color-link-warning-inverted-hover: var(--dt-color-gold-300);
1094
+ --dt-color-link-warning-inverted-hover-h: var(--dt-color-black-100-h);
1095
+ --dt-color-link-warning-inverted-hover-s: var(--dt-color-black-100-s);
1096
+ --dt-color-link-warning-inverted-hover-l: var(--dt-color-black-100-l);
1097
+ --dt-color-link-warning-inverted-hover-a: var(--dt-color-black-100-a);
1098
+ --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-black-100-hsl);
1099
+ --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-black-100-hsla);
1100
+ --dt-color-link-warning-inverted-hover: var(--dt-color-black-100);
1353
1101
  --dt-color-link-primary-inverted-hover-h: var(--dt-color-purple-200-h);
1354
1102
  --dt-color-link-primary-inverted-hover-s: var(--dt-color-purple-200-s);
1355
1103
  --dt-color-link-primary-inverted-hover-l: var(--dt-color-purple-200-l);
@@ -1357,20 +1105,27 @@
1357
1105
  --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-200-hsl);
1358
1106
  --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-200-hsla);
1359
1107
  --dt-color-link-primary-inverted-hover: var(--dt-color-purple-200);
1360
- --dt-color-link-primary-inverted-h: var(--dt-color-purple-250-h);
1361
- --dt-color-link-primary-inverted-s: var(--dt-color-purple-250-s);
1362
- --dt-color-link-primary-inverted-l: var(--dt-color-purple-250-l);
1363
- --dt-color-link-primary-inverted-a: var(--dt-color-purple-250-a);
1364
- --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-250-hsl);
1365
- --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-250-hsla);
1366
- --dt-color-link-primary-inverted: var(--dt-color-purple-250);
1367
- --dt-color-link-warning-hover-h: var(--dt-color-gold-700-h);
1368
- --dt-color-link-warning-hover-s: var(--dt-color-gold-700-s);
1369
- --dt-color-link-warning-hover-l: var(--dt-color-gold-700-l);
1370
- --dt-color-link-warning-hover-a: var(--dt-color-gold-700-a);
1371
- --dt-color-link-warning-hover-hsl: var(--dt-color-gold-700-hsl);
1372
- --dt-color-link-warning-hover-hsla: var(--dt-color-gold-700-hsla);
1373
- --dt-color-link-warning-hover: var(--dt-color-gold-700);
1108
+ --dt-color-link-warning-hover-h: var(--dt-color-black-600-h);
1109
+ --dt-color-link-warning-hover-s: var(--dt-color-black-600-s);
1110
+ --dt-color-link-warning-hover-l: var(--dt-color-black-600-l);
1111
+ --dt-color-link-warning-hover-a: var(--dt-color-black-600-a);
1112
+ --dt-color-link-warning-hover-hsl: var(--dt-color-black-600-hsl);
1113
+ --dt-color-link-warning-hover-hsla: var(--dt-color-black-600-hsla);
1114
+ --dt-color-link-warning-hover: var(--dt-color-black-600);
1115
+ --dt-color-link-success-hover-h: var(--dt-color-green-500-h);
1116
+ --dt-color-link-success-hover-s: var(--dt-color-green-500-s);
1117
+ --dt-color-link-success-hover-l: var(--dt-color-green-500-l);
1118
+ --dt-color-link-success-hover-a: var(--dt-color-green-500-a);
1119
+ --dt-color-link-success-hover-hsl: var(--dt-color-green-500-hsl);
1120
+ --dt-color-link-success-hover-hsla: var(--dt-color-green-500-hsla);
1121
+ --dt-color-link-success-hover: var(--dt-color-green-500);
1122
+ --dt-color-link-critical-hover-h: var(--dt-color-red-400-h);
1123
+ --dt-color-link-critical-hover-s: var(--dt-color-red-400-s);
1124
+ --dt-color-link-critical-hover-l: var(--dt-color-red-400-l);
1125
+ --dt-color-link-critical-hover-a: var(--dt-color-red-400-a);
1126
+ --dt-color-link-critical-hover-hsl: var(--dt-color-red-400-hsl);
1127
+ --dt-color-link-critical-hover-hsla: var(--dt-color-red-400-hsla);
1128
+ --dt-color-link-critical-hover: var(--dt-color-red-400);
1374
1129
  --dt-color-link-primary-hover-h: var(--dt-color-purple-500-h);
1375
1130
  --dt-color-link-primary-hover-s: var(--dt-color-purple-500-s);
1376
1131
  --dt-color-link-primary-hover-l: var(--dt-color-purple-500-l);
@@ -1378,6 +1133,13 @@
1378
1133
  --dt-color-link-primary-hover-hsl: var(--dt-color-purple-500-hsl);
1379
1134
  --dt-color-link-primary-hover-hsla: var(--dt-color-purple-500-hsla);
1380
1135
  --dt-color-link-primary-hover: var(--dt-color-purple-500);
1136
+ --dt-color-link-primary-inverted-h: var(--dt-color-purple-300-h);
1137
+ --dt-color-link-primary-inverted-s: var(--dt-color-purple-300-s);
1138
+ --dt-color-link-primary-inverted-l: var(--dt-color-purple-300-l);
1139
+ --dt-color-link-primary-inverted-a: var(--dt-color-purple-300-a);
1140
+ --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-300-hsl);
1141
+ --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-300-hsla);
1142
+ --dt-color-link-primary-inverted: var(--dt-color-purple-300);
1381
1143
  --dt-color-link-primary-h: var(--dt-color-purple-400-h);
1382
1144
  --dt-color-link-primary-s: var(--dt-color-purple-400-s);
1383
1145
  --dt-color-link-primary-l: var(--dt-color-purple-400-l);
@@ -1385,62 +1147,48 @@
1385
1147
  --dt-color-link-primary-hsl: var(--dt-color-purple-400-hsl);
1386
1148
  --dt-color-link-primary-hsla: var(--dt-color-purple-400-hsla);
1387
1149
  --dt-color-link-primary: var(--dt-color-purple-400);
1388
- --dt-color-foreground-warning-inverted-h: var(--dt-color-gold-400-h);
1389
- --dt-color-foreground-warning-inverted-s: var(--dt-color-gold-400-s);
1390
- --dt-color-foreground-warning-inverted-l: var(--dt-color-gold-400-l);
1391
- --dt-color-foreground-warning-inverted-a: var(--dt-color-gold-400-a);
1392
- --dt-color-foreground-warning-inverted-hsl: var(--dt-color-gold-400-hsl);
1393
- --dt-color-foreground-warning-inverted-hsla: var(--dt-color-gold-400-hsla);
1394
- --dt-color-foreground-warning-inverted: var(--dt-color-gold-400); /* Warning text that sits on high-contrast surfaces or backgrounds */
1395
- --dt-color-foreground-success-strong-inverted-h: var(--dt-color-green-200-h);
1396
- --dt-color-foreground-success-strong-inverted-s: var(--dt-color-green-200-s);
1397
- --dt-color-foreground-success-strong-inverted-l: var(--dt-color-green-200-l);
1398
- --dt-color-foreground-success-strong-inverted-a: var(--dt-color-green-200-a);
1399
- --dt-color-foreground-success-strong-inverted-hsl: var(--dt-color-green-200-hsl);
1400
- --dt-color-foreground-success-strong-inverted-hsla: var(--dt-color-green-200-hsla);
1401
- --dt-color-foreground-success-strong-inverted: var(--dt-color-green-200); /* Success strong text that sits on high-contrast surfaces or backgrounds */
1402
- --dt-color-foreground-success-inverted-h: var(--dt-color-green-350-h);
1403
- --dt-color-foreground-success-inverted-s: var(--dt-color-green-350-s);
1404
- --dt-color-foreground-success-inverted-l: var(--dt-color-green-350-l);
1405
- --dt-color-foreground-success-inverted-a: var(--dt-color-green-350-a);
1406
- --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-350-hsl);
1407
- --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-350-hsla);
1408
- --dt-color-foreground-success-inverted: var(--dt-color-green-350); /* Success text that sits on high-contrast surfaces or backgrounds */
1409
- --dt-color-foreground-critical-strong-inverted-h: var(--dt-color-red-200-h);
1410
- --dt-color-foreground-critical-strong-inverted-s: var(--dt-color-red-200-s);
1411
- --dt-color-foreground-critical-strong-inverted-l: var(--dt-color-red-200-l);
1412
- --dt-color-foreground-critical-strong-inverted-a: var(--dt-color-red-200-a);
1413
- --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-red-200-hsl);
1414
- --dt-color-foreground-critical-strong-inverted-hsla: var(--dt-color-red-200-hsla);
1415
- --dt-color-foreground-critical-strong-inverted: var(--dt-color-red-200); /* Critical strong text that sits on high-contrast surfaces or backgrounds */
1416
- --dt-color-foreground-critical-inverted-h: var(--dt-color-red-300-h);
1417
- --dt-color-foreground-critical-inverted-s: var(--dt-color-red-300-s);
1418
- --dt-color-foreground-critical-inverted-l: var(--dt-color-red-300-l);
1419
- --dt-color-foreground-critical-inverted-a: var(--dt-color-red-300-a);
1420
- --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-300-hsl);
1421
- --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-300-hsla);
1422
- --dt-color-foreground-critical-inverted: var(--dt-color-red-300); /* Critical text that sits on high-contrast surfaces or backgrounds */
1423
- --dt-color-foreground-disabled-inverted-h: var(--dt-color-black-400-h);
1424
- --dt-color-foreground-disabled-inverted-s: var(--dt-color-black-400-s);
1425
- --dt-color-foreground-disabled-inverted-l: var(--dt-color-black-400-l);
1426
- --dt-color-foreground-disabled-inverted-a: var(--dt-color-black-400-a);
1427
- --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-black-400-hsl);
1428
- --dt-color-foreground-disabled-inverted-hsla: var(--dt-color-black-400-hsla);
1429
- --dt-color-foreground-disabled-inverted: var(--dt-color-black-400); /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
1430
- --dt-color-foreground-placeholder-inverted-h: var(--dt-color-black-400-h);
1431
- --dt-color-foreground-placeholder-inverted-s: var(--dt-color-black-400-s);
1432
- --dt-color-foreground-placeholder-inverted-l: var(--dt-color-black-400-l);
1433
- --dt-color-foreground-placeholder-inverted-a: var(--dt-color-black-400-a);
1434
- --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-black-400-hsl);
1435
- --dt-color-foreground-placeholder-inverted-hsla: var(--dt-color-black-400-hsla);
1436
- --dt-color-foreground-placeholder-inverted: var(--dt-color-black-400); /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
1150
+ --dt-color-foreground-warning-inverted-h: var(--dt-color-gold-100-h);
1151
+ --dt-color-foreground-warning-inverted-s: var(--dt-color-gold-100-s);
1152
+ --dt-color-foreground-warning-inverted-l: var(--dt-color-gold-100-l);
1153
+ --dt-color-foreground-warning-inverted-a: var(--dt-color-gold-100-a);
1154
+ --dt-color-foreground-warning-inverted-hsl: var(--dt-color-gold-100-hsl);
1155
+ --dt-color-foreground-warning-inverted-hsla: var(--dt-color-gold-100-hsla);
1156
+ --dt-color-foreground-warning-inverted: var(--dt-color-gold-100); /* Warning text that sits on high-contrast surfaces or backgrounds */
1157
+ --dt-color-foreground-success-inverted-h: var(--dt-color-green-200-h);
1158
+ --dt-color-foreground-success-inverted-s: var(--dt-color-green-200-s);
1159
+ --dt-color-foreground-success-inverted-l: var(--dt-color-green-200-l);
1160
+ --dt-color-foreground-success-inverted-a: var(--dt-color-green-200-a);
1161
+ --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-200-hsl);
1162
+ --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-200-hsla);
1163
+ --dt-color-foreground-success-inverted: var(--dt-color-green-200); /* Success text that sits on high-contrast surfaces or backgrounds */
1164
+ --dt-color-foreground-critical-inverted-h: var(--dt-color-red-200-h);
1165
+ --dt-color-foreground-critical-inverted-s: var(--dt-color-red-200-s);
1166
+ --dt-color-foreground-critical-inverted-l: var(--dt-color-red-200-l);
1167
+ --dt-color-foreground-critical-inverted-a: var(--dt-color-red-200-a);
1168
+ --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-200-hsl);
1169
+ --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-200-hsla);
1170
+ --dt-color-foreground-critical-inverted: var(--dt-color-red-200); /* Critical text that sits on high-contrast surfaces or backgrounds */
1171
+ --dt-color-foreground-disabled-inverted-h: var(--dt-color-black-500-h);
1172
+ --dt-color-foreground-disabled-inverted-s: var(--dt-color-black-500-s);
1173
+ --dt-color-foreground-disabled-inverted-l: var(--dt-color-black-500-l);
1174
+ --dt-color-foreground-disabled-inverted-a: var(--dt-color-black-500-a);
1175
+ --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-black-500-hsl);
1176
+ --dt-color-foreground-disabled-inverted-hsla: var(--dt-color-black-500-hsla);
1177
+ --dt-color-foreground-disabled-inverted: var(--dt-color-black-500); /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
1178
+ --dt-color-foreground-placeholder-inverted-h: var(--dt-color-black-500-h);
1179
+ --dt-color-foreground-placeholder-inverted-s: var(--dt-color-black-500-s);
1180
+ --dt-color-foreground-placeholder-inverted-l: var(--dt-color-black-500-l);
1181
+ --dt-color-foreground-placeholder-inverted-a: var(--dt-color-black-500-a);
1182
+ --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-black-500-hsl);
1183
+ --dt-color-foreground-placeholder-inverted-hsla: var(--dt-color-black-500-hsla);
1184
+ --dt-color-foreground-placeholder-inverted: var(--dt-color-black-500); /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
1437
1185
  --dt-color-foreground-muted-inverted-h: 0;
1438
1186
  --dt-color-foreground-muted-inverted-s: 0%;
1439
- --dt-color-foreground-muted-inverted-l: 97.6%;
1440
- --dt-color-foreground-muted-inverted-a: 65%;
1187
+ --dt-color-foreground-muted-inverted-l: 91.4%;
1188
+ --dt-color-foreground-muted-inverted-a: 60%;
1441
1189
  --dt-color-foreground-muted-inverted-hsl: var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l);
1442
- --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%));
1443
- --dt-color-foreground-muted-inverted: hsl(0 0% 97.6% / 0.65); /* Muted text color that sits on high-contrast surfaces or backgrounds. */
1190
+ --dt-color-foreground-muted-inverted-hsla: hsl(var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l) / var(--alpha, 60%));
1191
+ --dt-color-foreground-muted-inverted: hsl(0 0% 91.4% / 0.6); /* Muted text color that sits on high-contrast surfaces or backgrounds. */
1444
1192
  --dt-color-foreground-tertiary-inverted-h: var(--dt-color-black-300-h);
1445
1193
  --dt-color-foreground-tertiary-inverted-s: var(--dt-color-black-300-s);
1446
1194
  --dt-color-foreground-tertiary-inverted-l: var(--dt-color-black-300-l);
@@ -1455,48 +1203,48 @@
1455
1203
  --dt-color-foreground-secondary-inverted-hsl: var(--dt-color-black-200-hsl);
1456
1204
  --dt-color-foreground-secondary-inverted-hsla: var(--dt-color-black-200-hsla);
1457
1205
  --dt-color-foreground-secondary-inverted: var(--dt-color-black-200); /* Secondary text color that sits on high-contrast surfaces or backgrounds. */
1458
- --dt-color-foreground-primary-inverted-h: var(--dt-color-black-100-h);
1459
- --dt-color-foreground-primary-inverted-s: var(--dt-color-black-100-s);
1460
- --dt-color-foreground-primary-inverted-l: var(--dt-color-black-100-l);
1461
- --dt-color-foreground-primary-inverted-a: var(--dt-color-black-100-a);
1462
- --dt-color-foreground-primary-inverted-hsl: var(--dt-color-black-100-hsl);
1463
- --dt-color-foreground-primary-inverted-hsla: var(--dt-color-black-100-hsla);
1464
- --dt-color-foreground-primary-inverted: var(--dt-color-black-100); /* Primary text that sits on high-contrast surfaces or backgrounds. */
1465
- --dt-color-foreground-warning-h: var(--dt-color-gold-600-h);
1466
- --dt-color-foreground-warning-s: var(--dt-color-gold-600-s);
1467
- --dt-color-foreground-warning-l: var(--dt-color-gold-600-l);
1468
- --dt-color-foreground-warning-a: var(--dt-color-gold-600-a);
1469
- --dt-color-foreground-warning-hsl: var(--dt-color-gold-600-hsl);
1470
- --dt-color-foreground-warning-hsla: var(--dt-color-gold-600-hsla);
1471
- --dt-color-foreground-warning: var(--dt-color-gold-600); /* Indicates information that requires user’s attention and further action may be necessary. */
1472
- --dt-color-foreground-success-strong-h: var(--dt-color-green-600-h);
1473
- --dt-color-foreground-success-strong-s: var(--dt-color-green-600-s);
1474
- --dt-color-foreground-success-strong-l: var(--dt-color-green-600-l);
1475
- --dt-color-foreground-success-strong-a: var(--dt-color-green-600-a);
1476
- --dt-color-foreground-success-strong-hsl: var(--dt-color-green-600-hsl);
1477
- --dt-color-foreground-success-strong-hsla: var(--dt-color-green-600-hsla);
1478
- --dt-color-foreground-success-strong: var(--dt-color-green-600); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
1479
- --dt-color-foreground-success-h: var(--dt-color-green-500-h);
1480
- --dt-color-foreground-success-s: var(--dt-color-green-500-s);
1481
- --dt-color-foreground-success-l: var(--dt-color-green-500-l);
1482
- --dt-color-foreground-success-a: var(--dt-color-green-500-a);
1483
- --dt-color-foreground-success-hsl: var(--dt-color-green-500-hsl);
1484
- --dt-color-foreground-success-hsla: var(--dt-color-green-500-hsla);
1485
- --dt-color-foreground-success: var(--dt-color-green-500); /* Indicates a positive state. */
1486
- --dt-color-foreground-critical-strong-h: var(--dt-color-red-500-h);
1487
- --dt-color-foreground-critical-strong-s: var(--dt-color-red-500-s);
1488
- --dt-color-foreground-critical-strong-l: var(--dt-color-red-500-l);
1489
- --dt-color-foreground-critical-strong-a: var(--dt-color-red-500-a);
1490
- --dt-color-foreground-critical-strong-hsl: var(--dt-color-red-500-hsl);
1491
- --dt-color-foreground-critical-strong-hsla: var(--dt-color-red-500-hsla);
1492
- --dt-color-foreground-critical-strong: var(--dt-color-red-500); /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
1493
- --dt-color-foreground-critical-h: var(--dt-color-red-450-h);
1494
- --dt-color-foreground-critical-s: var(--dt-color-red-450-s);
1495
- --dt-color-foreground-critical-l: var(--dt-color-red-450-l);
1496
- --dt-color-foreground-critical-a: var(--dt-color-red-450-a);
1497
- --dt-color-foreground-critical-hsl: var(--dt-color-red-450-hsl);
1498
- --dt-color-foreground-critical-hsla: var(--dt-color-red-450-hsla);
1499
- --dt-color-foreground-critical: var(--dt-color-red-450); /* Expresses an error, danger, or otherwise critical state. */
1206
+ --dt-color-foreground-primary-inverted-h: var(--dt-color-neutral-white-h);
1207
+ --dt-color-foreground-primary-inverted-s: var(--dt-color-neutral-white-s);
1208
+ --dt-color-foreground-primary-inverted-l: var(--dt-color-neutral-white-l);
1209
+ --dt-color-foreground-primary-inverted-a: var(--dt-color-neutral-white-a);
1210
+ --dt-color-foreground-primary-inverted-hsl: var(--dt-color-neutral-white-hsl);
1211
+ --dt-color-foreground-primary-inverted-hsla: var(--dt-color-neutral-white-hsla);
1212
+ --dt-color-foreground-primary-inverted: var(--dt-color-neutral-white); /* Primary text that sits on high-contrast surfaces or backgrounds. */
1213
+ --dt-color-foreground-warning-h: var(--dt-color-gold-500-h);
1214
+ --dt-color-foreground-warning-s: var(--dt-color-gold-500-s);
1215
+ --dt-color-foreground-warning-l: var(--dt-color-gold-500-l);
1216
+ --dt-color-foreground-warning-a: var(--dt-color-gold-500-a);
1217
+ --dt-color-foreground-warning-hsl: var(--dt-color-gold-500-hsl);
1218
+ --dt-color-foreground-warning-hsla: var(--dt-color-gold-500-hsla);
1219
+ --dt-color-foreground-warning: var(--dt-color-gold-500); /* Indicates information that requires user’s attention and further action may be necessary. */
1220
+ --dt-color-foreground-success-strong-h: var(--dt-color-green-500-h);
1221
+ --dt-color-foreground-success-strong-s: var(--dt-color-green-500-s);
1222
+ --dt-color-foreground-success-strong-l: var(--dt-color-green-500-l);
1223
+ --dt-color-foreground-success-strong-a: var(--dt-color-green-500-a);
1224
+ --dt-color-foreground-success-strong-hsl: var(--dt-color-green-500-hsl);
1225
+ --dt-color-foreground-success-strong-hsla: var(--dt-color-green-500-hsla);
1226
+ --dt-color-foreground-success-strong: var(--dt-color-green-500); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
1227
+ --dt-color-foreground-success-h: var(--dt-color-green-400-h);
1228
+ --dt-color-foreground-success-s: var(--dt-color-green-400-s);
1229
+ --dt-color-foreground-success-l: var(--dt-color-green-400-l);
1230
+ --dt-color-foreground-success-a: var(--dt-color-green-400-a);
1231
+ --dt-color-foreground-success-hsl: var(--dt-color-green-400-hsl);
1232
+ --dt-color-foreground-success-hsla: var(--dt-color-green-400-hsla);
1233
+ --dt-color-foreground-success: var(--dt-color-green-400); /* Indicates a positive state. */
1234
+ --dt-color-foreground-critical-strong-h: var(--dt-color-red-400-h);
1235
+ --dt-color-foreground-critical-strong-s: var(--dt-color-red-400-s);
1236
+ --dt-color-foreground-critical-strong-l: var(--dt-color-red-400-l);
1237
+ --dt-color-foreground-critical-strong-a: var(--dt-color-red-400-a);
1238
+ --dt-color-foreground-critical-strong-hsl: var(--dt-color-red-400-hsl);
1239
+ --dt-color-foreground-critical-strong-hsla: var(--dt-color-red-400-hsla);
1240
+ --dt-color-foreground-critical-strong: var(--dt-color-red-400); /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
1241
+ --dt-color-foreground-critical-h: var(--dt-color-red-300-h);
1242
+ --dt-color-foreground-critical-s: var(--dt-color-red-300-s);
1243
+ --dt-color-foreground-critical-l: var(--dt-color-red-300-l);
1244
+ --dt-color-foreground-critical-a: var(--dt-color-red-300-a);
1245
+ --dt-color-foreground-critical-hsl: var(--dt-color-red-300-hsl);
1246
+ --dt-color-foreground-critical-hsla: var(--dt-color-red-300-hsla);
1247
+ --dt-color-foreground-critical: var(--dt-color-red-300); /* Expresses an error, danger, or otherwise critical state. */
1500
1248
  --dt-color-foreground-disabled-h: var(--dt-color-black-500-h);
1501
1249
  --dt-color-foreground-disabled-s: var(--dt-color-black-500-s);
1502
1250
  --dt-color-foreground-disabled-l: var(--dt-color-black-500-l);
@@ -1513,11 +1261,11 @@
1513
1261
  --dt-color-foreground-placeholder: var(--dt-color-black-500); /* Text color for placeholder text within form elements. */
1514
1262
  --dt-color-foreground-muted-h: 0;
1515
1263
  --dt-color-foreground-muted-s: 0%;
1516
- --dt-color-foreground-muted-l: 0%;
1264
+ --dt-color-foreground-muted-l: 13.3%;
1517
1265
  --dt-color-foreground-muted-a: 50%;
1518
1266
  --dt-color-foreground-muted-hsl: var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l);
1519
1267
  --dt-color-foreground-muted-hsla: hsl(var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l) / var(--alpha, 50%));
1520
- --dt-color-foreground-muted: hsl(0 0% 0% / 0.5);
1268
+ --dt-color-foreground-muted: hsl(0 0% 13.3% / 0.5);
1521
1269
  --dt-color-foreground-tertiary-h: var(--dt-color-black-600-h);
1522
1270
  --dt-color-foreground-tertiary-s: var(--dt-color-black-600-s);
1523
1271
  --dt-color-foreground-tertiary-l: var(--dt-color-black-600-l);
@@ -1540,20 +1288,6 @@
1540
1288
  --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1541
1289
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
1542
1290
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1543
- --dt-radio-color-foreground-checked-h: var(--dt-color-foreground-primary-inverted-h);
1544
- --dt-radio-color-foreground-checked-s: var(--dt-color-foreground-primary-inverted-s);
1545
- --dt-radio-color-foreground-checked-l: var(--dt-color-foreground-primary-inverted-l);
1546
- --dt-radio-color-foreground-checked-a: var(--dt-color-foreground-primary-inverted-a);
1547
- --dt-radio-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1548
- --dt-radio-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1549
- --dt-radio-color-foreground-checked: var(--dt-color-foreground-primary-inverted);
1550
- --dt-radio-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
1551
- --dt-radio-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
1552
- --dt-radio-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
1553
- --dt-radio-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
1554
- --dt-radio-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
1555
- --dt-radio-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
1556
- --dt-radio-color-background-checked: var(--dt-color-surface-brand-strong);
1557
1291
  --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1558
1292
  --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1559
1293
  --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
@@ -1561,13 +1295,6 @@
1561
1295
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1562
1296
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1563
1297
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
1564
- --dt-radio-color-border-unchecked-hover-h: var(--dt-color-border-bold-h);
1565
- --dt-radio-color-border-unchecked-hover-s: var(--dt-color-border-bold-s);
1566
- --dt-radio-color-border-unchecked-hover-l: var(--dt-color-border-bold-l);
1567
- --dt-radio-color-border-unchecked-hover-a: var(--dt-color-border-bold-a);
1568
- --dt-radio-color-border-unchecked-hover-hsl: var(--dt-color-border-bold-hsl);
1569
- --dt-radio-color-border-unchecked-hover-hsla: var(--dt-color-border-bold-hsla);
1570
- --dt-radio-color-border-unchecked-hover: var(--dt-color-border-bold);
1571
1298
  --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1572
1299
  --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1573
1300
  --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
@@ -1590,20 +1317,6 @@
1590
1317
  --dt-icon-size-300: calc(var(--dt-size-base) * 2.25);
1591
1318
  --dt-icon-size-200: calc(var(--dt-size-base) * 1.75);
1592
1319
  --dt-icon-size-100: calc(var(--dt-size-base) * 1.5);
1593
- --dt-checkbox-color-foreground-checked-h: var(--dt-color-foreground-primary-inverted-h);
1594
- --dt-checkbox-color-foreground-checked-s: var(--dt-color-foreground-primary-inverted-s);
1595
- --dt-checkbox-color-foreground-checked-l: var(--dt-color-foreground-primary-inverted-l);
1596
- --dt-checkbox-color-foreground-checked-a: var(--dt-color-foreground-primary-inverted-a);
1597
- --dt-checkbox-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1598
- --dt-checkbox-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1599
- --dt-checkbox-color-foreground-checked: var(--dt-color-foreground-primary-inverted);
1600
- --dt-checkbox-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
1601
- --dt-checkbox-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
1602
- --dt-checkbox-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
1603
- --dt-checkbox-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
1604
- --dt-checkbox-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
1605
- --dt-checkbox-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
1606
- --dt-checkbox-color-background-checked: var(--dt-color-surface-brand-strong);
1607
1320
  --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
1608
1321
  --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
1609
1322
  --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
@@ -1611,13 +1324,6 @@
1611
1324
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1612
1325
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1613
1326
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1614
- --dt-checkbox-color-border-unchecked-hover-h: var(--dt-color-border-bold-h);
1615
- --dt-checkbox-color-border-unchecked-hover-s: var(--dt-color-border-bold-s);
1616
- --dt-checkbox-color-border-unchecked-hover-l: var(--dt-color-border-bold-l);
1617
- --dt-checkbox-color-border-unchecked-hover-a: var(--dt-color-border-bold-a);
1618
- --dt-checkbox-color-border-unchecked-hover-hsl: var(--dt-color-border-bold-hsl);
1619
- --dt-checkbox-color-border-unchecked-hover-hsla: var(--dt-color-border-bold-hsla);
1620
- --dt-checkbox-color-border-unchecked-hover: var(--dt-color-border-bold);
1621
1327
  --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1622
1328
  --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1623
1329
  --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
@@ -1639,14 +1345,42 @@
1639
1345
  --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1640
1346
  --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1641
1347
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
1642
- --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
1643
- --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
1644
- --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
1645
- --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
1646
- --dt-badge-color-background-bulletin-a: var(--dt-color-surface-brand-strong-a);
1647
- --dt-badge-color-background-bulletin-hsl: var(--dt-color-surface-brand-strong-hsl);
1648
- --dt-badge-color-background-bulletin-hsla: var(--dt-color-surface-brand-strong-hsla);
1649
- --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
1348
+ --dt-badge-color-foreground-default-h: var(--dt-color-foreground-primary-h);
1349
+ --dt-badge-color-foreground-default-s: var(--dt-color-foreground-primary-s);
1350
+ --dt-badge-color-foreground-default-l: var(--dt-color-foreground-primary-l);
1351
+ --dt-badge-color-foreground-default-a: var(--dt-color-foreground-primary-a);
1352
+ --dt-badge-color-foreground-default-hsl: var(--dt-color-foreground-primary-hsl);
1353
+ --dt-badge-color-foreground-default-hsla: var(--dt-color-foreground-primary-hsla);
1354
+ --dt-badge-color-foreground-default: var(--dt-color-foreground-primary);
1355
+ --dt-badge-color-background-ai: var(--dt-color-gradient-magenta-purple);
1356
+ --dt-badge-color-background-critical-h: var(--dt-color-surface-critical-h);
1357
+ --dt-badge-color-background-critical-s: var(--dt-color-surface-critical-s);
1358
+ --dt-badge-color-background-critical-l: var(--dt-color-surface-critical-l);
1359
+ --dt-badge-color-background-critical-a: var(--dt-color-surface-critical-a);
1360
+ --dt-badge-color-background-critical-hsl: var(--dt-color-surface-critical-hsl);
1361
+ --dt-badge-color-background-critical-hsla: var(--dt-color-surface-critical-hsla);
1362
+ --dt-badge-color-background-critical: var(--dt-color-surface-critical);
1363
+ --dt-badge-color-background-warning-h: var(--dt-color-surface-warning-h);
1364
+ --dt-badge-color-background-warning-s: var(--dt-color-surface-warning-s);
1365
+ --dt-badge-color-background-warning-l: var(--dt-color-surface-warning-l);
1366
+ --dt-badge-color-background-warning-a: var(--dt-color-surface-warning-a);
1367
+ --dt-badge-color-background-warning-hsl: var(--dt-color-surface-warning-hsl);
1368
+ --dt-badge-color-background-warning-hsla: var(--dt-color-surface-warning-hsla);
1369
+ --dt-badge-color-background-warning: var(--dt-color-surface-warning);
1370
+ --dt-badge-color-background-success-h: var(--dt-color-surface-success-h);
1371
+ --dt-badge-color-background-success-s: var(--dt-color-surface-success-s);
1372
+ --dt-badge-color-background-success-l: var(--dt-color-surface-success-l);
1373
+ --dt-badge-color-background-success-a: var(--dt-color-surface-success-a);
1374
+ --dt-badge-color-background-success-hsl: var(--dt-color-surface-success-hsl);
1375
+ --dt-badge-color-background-success-hsla: var(--dt-color-surface-success-hsla);
1376
+ --dt-badge-color-background-success: var(--dt-color-surface-success);
1377
+ --dt-badge-color-background-info-h: var(--dt-color-surface-info-h);
1378
+ --dt-badge-color-background-info-s: var(--dt-color-surface-info-s);
1379
+ --dt-badge-color-background-info-l: var(--dt-color-surface-info-l);
1380
+ --dt-badge-color-background-info-a: var(--dt-color-surface-info-a);
1381
+ --dt-badge-color-background-info-hsl: var(--dt-color-surface-info-hsl);
1382
+ --dt-badge-color-background-info-hsla: var(--dt-color-surface-info-hsla);
1383
+ --dt-badge-color-background-info: var(--dt-color-surface-info);
1650
1384
  --dt-badge-color-background-default-h: var(--dt-color-surface-moderate-opaque-h);
1651
1385
  --dt-badge-color-background-default-s: var(--dt-color-surface-moderate-opaque-s);
1652
1386
  --dt-badge-color-background-default-l: var(--dt-color-surface-moderate-opaque-l);
@@ -1654,13 +1388,6 @@
1654
1388
  --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1655
1389
  --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1656
1390
  --dt-badge-color-background-default: var(--dt-color-surface-moderate-opaque);
1657
- --dt-theme-mention-color-background-h: var(--dt-color-surface-brand-strong-h);
1658
- --dt-theme-mention-color-background-s: var(--dt-color-surface-brand-strong-s);
1659
- --dt-theme-mention-color-background-l: var(--dt-color-surface-brand-strong-l);
1660
- --dt-theme-mention-color-background-a: var(--dt-color-surface-brand-strong-a);
1661
- --dt-theme-mention-color-background-hsl: var(--dt-color-surface-brand-strong-hsl);
1662
- --dt-theme-mention-color-background-hsla: var(--dt-color-surface-brand-strong-hsla);
1663
- --dt-theme-mention-color-background: var(--dt-color-surface-brand-strong);
1664
1391
  --dt-theme-mention-color-foreground-strong-h: var(--dt-color-foreground-primary-inverted-h);
1665
1392
  --dt-theme-mention-color-foreground-strong-s: var(--dt-color-foreground-primary-inverted-s);
1666
1393
  --dt-theme-mention-color-foreground-strong-l: var(--dt-color-foreground-primary-inverted-l);
@@ -1677,11 +1404,11 @@
1677
1404
  --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
1678
1405
  --dt-theme-sidebar-selected-row-color-background-h: 0;
1679
1406
  --dt-theme-sidebar-selected-row-color-background-s: 0%;
1680
- --dt-theme-sidebar-selected-row-color-background-l: 11%;
1681
- --dt-theme-sidebar-selected-row-color-background-a: 9%;
1407
+ --dt-theme-sidebar-selected-row-color-background-l: 0%;
1408
+ --dt-theme-sidebar-selected-row-color-background-a: 10%;
1682
1409
  --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
- --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, 9%));
1684
- --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 11% / 0.09);
1410
+ --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, 10%));
1411
+ --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 0% / 0.1);
1685
1412
  --dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
1686
1413
  --dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
1687
1414
  --dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
@@ -1691,25 +1418,25 @@
1691
1418
  --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
1692
1419
  --dt-theme-sidebar-row-color-background-active-h: 0;
1693
1420
  --dt-theme-sidebar-row-color-background-active-s: 0%;
1694
- --dt-theme-sidebar-row-color-background-active-l: 11%;
1695
- --dt-theme-sidebar-row-color-background-active-a: 15%;
1421
+ --dt-theme-sidebar-row-color-background-active-l: 0%;
1422
+ --dt-theme-sidebar-row-color-background-active-a: 16%;
1696
1423
  --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
- --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% 11% / 0.15);
1424
+ --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, 16%));
1425
+ --dt-theme-sidebar-row-color-background-active: hsl(0 0% 0% / 0.16);
1699
1426
  --dt-theme-sidebar-row-color-background-hover-h: 0;
1700
1427
  --dt-theme-sidebar-row-color-background-hover-s: 0%;
1701
- --dt-theme-sidebar-row-color-background-hover-l: 11%;
1702
- --dt-theme-sidebar-row-color-background-hover-a: 11%;
1428
+ --dt-theme-sidebar-row-color-background-hover-l: 0%;
1429
+ --dt-theme-sidebar-row-color-background-hover-a: 12%;
1703
1430
  --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
- --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, 11%));
1705
- --dt-theme-sidebar-row-color-background-hover: hsl(0 0% 11% / 0.11);
1431
+ --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, 12%));
1432
+ --dt-theme-sidebar-row-color-background-hover: hsl(0 0% 0% / 0.12);
1706
1433
  --dt-theme-sidebar-row-color-background-h: 0;
1707
1434
  --dt-theme-sidebar-row-color-background-s: 0%;
1708
- --dt-theme-sidebar-row-color-background-l: 11%;
1435
+ --dt-theme-sidebar-row-color-background-l: 0%;
1709
1436
  --dt-theme-sidebar-row-color-background-a: 0%;
1710
1437
  --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
1438
  --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% 11% / 0);
1439
+ --dt-theme-sidebar-row-color-background: hsl(0 0% 0% / 0);
1713
1440
  --dt-theme-sidebar-status-color-foreground-h: var(--dt-color-foreground-tertiary-h);
1714
1441
  --dt-theme-sidebar-status-color-foreground-s: var(--dt-color-foreground-tertiary-s);
1715
1442
  --dt-theme-sidebar-status-color-foreground-l: var(--dt-color-foreground-tertiary-l);
@@ -1733,60 +1460,60 @@
1733
1460
  --dt-theme-sidebar-color-foreground: var(--dt-color-foreground-secondary);
1734
1461
  --dt-theme-topbar-profile-color-background-active-h: 0;
1735
1462
  --dt-theme-topbar-profile-color-background-active-s: 0%;
1736
- --dt-theme-topbar-profile-color-background-active-l: 11%;
1463
+ --dt-theme-topbar-profile-color-background-active-l: 0%;
1737
1464
  --dt-theme-topbar-profile-color-background-active-a: 14%;
1738
1465
  --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
1466
  --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% 11% / 0.14);
1467
+ --dt-theme-topbar-profile-color-background-active: hsl(0 0% 0% / 0.14);
1741
1468
  --dt-theme-topbar-profile-color-background-hover-h: 0;
1742
1469
  --dt-theme-topbar-profile-color-background-hover-s: 0%;
1743
- --dt-theme-topbar-profile-color-background-hover-l: 11%;
1470
+ --dt-theme-topbar-profile-color-background-hover-l: 0%;
1744
1471
  --dt-theme-topbar-profile-color-background-hover-a: 10%;
1745
1472
  --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
1473
  --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% 11% / 0.1);
1474
+ --dt-theme-topbar-profile-color-background-hover: hsl(0 0% 0% / 0.1);
1748
1475
  --dt-theme-topbar-profile-color-background-inverted-h: 0;
1749
1476
  --dt-theme-topbar-profile-color-background-inverted-s: 0%;
1750
- --dt-theme-topbar-profile-color-background-inverted-l: 11%;
1477
+ --dt-theme-topbar-profile-color-background-inverted-l: 0%;
1751
1478
  --dt-theme-topbar-profile-color-background-inverted-a: 75%;
1752
1479
  --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
1480
  --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% 11% / 0.75);
1481
+ --dt-theme-topbar-profile-color-background-inverted: hsl(0 0% 0% / 0.75);
1755
1482
  --dt-theme-topbar-profile-color-background-h: 0;
1756
1483
  --dt-theme-topbar-profile-color-background-s: 0%;
1757
- --dt-theme-topbar-profile-color-background-l: 11%;
1484
+ --dt-theme-topbar-profile-color-background-l: 0%;
1758
1485
  --dt-theme-topbar-profile-color-background-a: 5%;
1759
1486
  --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
1487
  --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% 11% / 0.05);
1488
+ --dt-theme-topbar-profile-color-background: hsl(0 0% 0% / 0.05);
1762
1489
  --dt-theme-topbar-profile-color-foreground-inverted-h: 0;
1763
1490
  --dt-theme-topbar-profile-color-foreground-inverted-s: 0%;
1764
- --dt-theme-topbar-profile-color-foreground-inverted-l: 97.6%;
1491
+ --dt-theme-topbar-profile-color-foreground-inverted-l: 100%;
1765
1492
  --dt-theme-topbar-profile-color-foreground-inverted-a: 75%;
1766
1493
  --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
1494
  --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% 97.6% / 0.75);
1495
+ --dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 100% / 0.75);
1769
1496
  --dt-theme-topbar-button-color-background-active-h: 0;
1770
1497
  --dt-theme-topbar-button-color-background-active-s: 0%;
1771
- --dt-theme-topbar-button-color-background-active-l: 11%;
1498
+ --dt-theme-topbar-button-color-background-active-l: 0%;
1772
1499
  --dt-theme-topbar-button-color-background-active-a: 10%;
1773
1500
  --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
1501
  --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% 11% / 0.1);
1502
+ --dt-theme-topbar-button-color-background-active: hsl(0 0% 0% / 0.1);
1776
1503
  --dt-theme-topbar-button-color-background-hover-h: 0;
1777
1504
  --dt-theme-topbar-button-color-background-hover-s: 0%;
1778
- --dt-theme-topbar-button-color-background-hover-l: 11%;
1505
+ --dt-theme-topbar-button-color-background-hover-l: 0%;
1779
1506
  --dt-theme-topbar-button-color-background-hover-a: 5%;
1780
1507
  --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
1508
  --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, 5%));
1782
- --dt-theme-topbar-button-color-background-hover: hsl(0 0% 11% / 0.05);
1509
+ --dt-theme-topbar-button-color-background-hover: hsl(0 0% 0% / 0.05);
1783
1510
  --dt-theme-topbar-button-color-background-h: 0;
1784
1511
  --dt-theme-topbar-button-color-background-s: 0%;
1785
- --dt-theme-topbar-button-color-background-l: 11%;
1512
+ --dt-theme-topbar-button-color-background-l: 0%;
1786
1513
  --dt-theme-topbar-button-color-background-a: 0%;
1787
1514
  --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
1515
  --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% 11% / 0);
1516
+ --dt-theme-topbar-button-color-background: hsl(0 0% 0% / 0);
1790
1517
  --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
1791
1518
  --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
1792
1519
  --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
@@ -1796,32 +1523,32 @@
1796
1523
  --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
1797
1524
  --dt-theme-topbar-button-color-foreground-h: 0;
1798
1525
  --dt-theme-topbar-button-color-foreground-s: 0%;
1799
- --dt-theme-topbar-button-color-foreground-l: 11%;
1526
+ --dt-theme-topbar-button-color-foreground-l: 0%;
1800
1527
  --dt-theme-topbar-button-color-foreground-a: 65%;
1801
1528
  --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
1529
  --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% 11% / 0.65);
1530
+ --dt-theme-topbar-button-color-foreground: hsl(0 0% 0% / 0.65);
1804
1531
  --dt-theme-topbar-field-color-border-active-h: 0;
1805
1532
  --dt-theme-topbar-field-color-border-active-s: 0%;
1806
- --dt-theme-topbar-field-color-border-active-l: 11%;
1533
+ --dt-theme-topbar-field-color-border-active-l: 0%;
1807
1534
  --dt-theme-topbar-field-color-border-active-a: 20%;
1808
1535
  --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
1536
  --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% 11% / 0.2);
1537
+ --dt-theme-topbar-field-color-border-active: hsl(0 0% 0% / 0.2);
1811
1538
  --dt-theme-topbar-field-color-border-hover-h: 0;
1812
1539
  --dt-theme-topbar-field-color-border-hover-s: 0%;
1813
- --dt-theme-topbar-field-color-border-hover-l: 11%;
1540
+ --dt-theme-topbar-field-color-border-hover-l: 0%;
1814
1541
  --dt-theme-topbar-field-color-border-hover-a: 10%;
1815
1542
  --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
1543
  --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% 11% / 0.1);
1544
+ --dt-theme-topbar-field-color-border-hover: hsl(0 0% 0% / 0.1);
1818
1545
  --dt-theme-topbar-field-color-border-h: 0;
1819
1546
  --dt-theme-topbar-field-color-border-s: 0%;
1820
- --dt-theme-topbar-field-color-border-l: 11%;
1547
+ --dt-theme-topbar-field-color-border-l: 0%;
1821
1548
  --dt-theme-topbar-field-color-border-a: 0%;
1822
1549
  --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
1550
  --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% 11% / 0);
1551
+ --dt-theme-topbar-field-color-border: hsl(0 0% 0% / 0);
1825
1552
  --dt-theme-topbar-field-color-background-hover-h: 0;
1826
1553
  --dt-theme-topbar-field-color-background-hover-s: 0%;
1827
1554
  --dt-theme-topbar-field-color-background-hover-l: 100%;
@@ -1831,25 +1558,25 @@
1831
1558
  --dt-theme-topbar-field-color-background-hover: hsl(0 0% 100%);
1832
1559
  --dt-theme-topbar-field-color-background-h: 0;
1833
1560
  --dt-theme-topbar-field-color-background-s: 0%;
1834
- --dt-theme-topbar-field-color-background-l: 11%;
1561
+ --dt-theme-topbar-field-color-background-l: 0%;
1835
1562
  --dt-theme-topbar-field-color-background-a: 5%;
1836
1563
  --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);
1837
1564
  --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%));
1838
- --dt-theme-topbar-field-color-background: hsl(0 0% 11% / 0.05);
1565
+ --dt-theme-topbar-field-color-background: hsl(0 0% 0% / 0.05);
1839
1566
  --dt-theme-topbar-field-color-foreground-hover-h: 0;
1840
1567
  --dt-theme-topbar-field-color-foreground-hover-s: 0%;
1841
- --dt-theme-topbar-field-color-foreground-hover-l: 11%;
1568
+ --dt-theme-topbar-field-color-foreground-hover-l: 0%;
1842
1569
  --dt-theme-topbar-field-color-foreground-hover-a: 75%;
1843
1570
  --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);
1844
1571
  --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%));
1845
- --dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 11% / 0.75);
1572
+ --dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 0% / 0.75);
1846
1573
  --dt-theme-topbar-field-color-foreground-h: 0;
1847
1574
  --dt-theme-topbar-field-color-foreground-s: 0%;
1848
- --dt-theme-topbar-field-color-foreground-l: 11%;
1575
+ --dt-theme-topbar-field-color-foreground-l: 0%;
1849
1576
  --dt-theme-topbar-field-color-foreground-a: 50%;
1850
1577
  --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);
1851
1578
  --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%));
1852
- --dt-theme-topbar-field-color-foreground: hsl(0 0% 11% / 0.5);
1579
+ --dt-theme-topbar-field-color-foreground: hsl(0 0% 0% / 0.5);
1853
1580
  --dt-theme-topbar-color-background-h: var(--dt-color-surface-secondary-h);
1854
1581
  --dt-theme-topbar-color-background-s: var(--dt-color-surface-secondary-s);
1855
1582
  --dt-theme-topbar-color-background-l: var(--dt-color-surface-secondary-l);
@@ -1859,11 +1586,11 @@
1859
1586
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
1860
1587
  --dt-theme-topbar-color-foreground-h: 0;
1861
1588
  --dt-theme-topbar-color-foreground-s: 0%;
1862
- --dt-theme-topbar-color-foreground-l: 11%;
1863
- --dt-theme-topbar-color-foreground-a: 80%;
1589
+ --dt-theme-topbar-color-foreground-l: 0%;
1590
+ --dt-theme-topbar-color-foreground-a: 75%;
1864
1591
  --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);
1865
- --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%));
1866
- --dt-theme-topbar-color-foreground: hsl(0 0% 11% / 0.8);
1592
+ --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, 75%));
1593
+ --dt-theme-topbar-color-foreground: hsl(0 0% 0% / 0.75);
1867
1594
  --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1868
1595
  --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1869
1596
  --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
@@ -1885,76 +1612,83 @@
1885
1612
  --dt-action-color-border-critical-outlined-default-hsl: var(--dt-color-border-critical-hsl);
1886
1613
  --dt-action-color-border-critical-outlined-default-hsla: var(--dt-color-border-critical-hsla);
1887
1614
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
1888
- --dt-action-color-border-base-outlined-default-h: var(--dt-color-border-brand-h);
1889
- --dt-action-color-border-base-outlined-default-s: var(--dt-color-border-brand-s);
1890
- --dt-action-color-border-base-outlined-default-l: var(--dt-color-border-brand-l);
1891
- --dt-action-color-border-base-outlined-default-a: var(--dt-color-border-brand-a);
1892
- --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-border-brand-hsl);
1893
- --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-border-brand-hsla);
1894
- --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
1895
- --dt-action-color-background-positive-primary-active-h: 155;
1896
- --dt-action-color-background-positive-primary-active-s: 100%;
1897
- --dt-action-color-background-positive-primary-active-l: 24.8%;
1615
+ --dt-action-color-background-positive-primary-active-h: 137;
1616
+ --dt-action-color-background-positive-primary-active-s: 72.5%;
1617
+ --dt-action-color-background-positive-primary-active-l: 31.1%;
1898
1618
  --dt-action-color-background-positive-primary-active-a: 100%;
1899
1619
  --dt-action-color-background-positive-primary-active-hsl: var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l);
1900
1620
  --dt-action-color-background-positive-primary-active-hsla: hsl(var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l) / var(--alpha, 100%));
1901
- --dt-action-color-background-positive-primary-active: hsl(155 100% 24.8%);
1902
- --dt-action-color-background-positive-hover-h: var(--dt-color-surface-success-opaque-h);
1903
- --dt-action-color-background-positive-hover-s: var(--dt-color-surface-success-opaque-s);
1904
- --dt-action-color-background-positive-hover-l: var(--dt-color-surface-success-opaque-l);
1905
- --dt-action-color-background-positive-hover-a: var(--dt-color-surface-success-opaque-a);
1906
- --dt-action-color-background-positive-hover-hsl: var(--dt-color-surface-success-opaque-hsl);
1907
- --dt-action-color-background-positive-hover-hsla: var(--dt-color-surface-success-opaque-hsla);
1908
- --dt-action-color-background-positive-hover: var(--dt-color-surface-success-opaque);
1909
- --dt-action-color-background-disabled-default-h: var(--dt-color-surface-bold-opaque-h);
1910
- --dt-action-color-background-disabled-default-s: var(--dt-color-surface-bold-opaque-s);
1911
- --dt-action-color-background-disabled-default-l: var(--dt-color-surface-bold-opaque-l);
1912
- --dt-action-color-background-disabled-default-a: var(--dt-color-surface-bold-opaque-a);
1913
- --dt-action-color-background-disabled-default-hsl: var(--dt-color-surface-bold-opaque-hsl);
1914
- --dt-action-color-background-disabled-default-hsla: var(--dt-color-surface-bold-opaque-hsla);
1915
- --dt-action-color-background-disabled-default: var(--dt-color-surface-bold-opaque);
1916
- --dt-action-color-background-muted-hover-h: var(--dt-color-surface-moderate-opaque-h);
1917
- --dt-action-color-background-muted-hover-s: var(--dt-color-surface-moderate-opaque-s);
1918
- --dt-action-color-background-muted-hover-l: var(--dt-color-surface-moderate-opaque-l);
1919
- --dt-action-color-background-muted-hover-a: var(--dt-color-surface-moderate-opaque-a);
1920
- --dt-action-color-background-muted-hover-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1921
- --dt-action-color-background-muted-hover-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1922
- --dt-action-color-background-muted-hover: var(--dt-color-surface-moderate-opaque);
1923
- --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-surface-brand-h);
1924
- --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-surface-brand-s);
1925
- --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-surface-brand-l);
1926
- --dt-action-color-background-inverted-primary-hover-a: var(--dt-color-surface-brand-a);
1927
- --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-surface-brand-hsl);
1928
- --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-surface-brand-hsla);
1929
- --dt-action-color-background-inverted-primary-hover: var(--dt-color-surface-brand);
1930
- --dt-action-color-background-inverted-active-h: var(--dt-color-surface-bold-opaque-inverted-h);
1931
- --dt-action-color-background-inverted-active-s: var(--dt-color-surface-bold-opaque-inverted-s);
1932
- --dt-action-color-background-inverted-active-l: var(--dt-color-surface-bold-opaque-inverted-l);
1933
- --dt-action-color-background-inverted-active-a: var(--dt-color-surface-bold-opaque-inverted-a);
1934
- --dt-action-color-background-inverted-active-hsl: var(--dt-color-surface-bold-opaque-inverted-hsl);
1935
- --dt-action-color-background-inverted-active-hsla: var(--dt-color-surface-bold-opaque-inverted-hsla);
1936
- --dt-action-color-background-inverted-active: var(--dt-color-surface-bold-opaque-inverted);
1937
- --dt-action-color-background-inverted-hover-h: var(--dt-color-surface-moderate-opaque-inverted-h);
1938
- --dt-action-color-background-inverted-hover-s: var(--dt-color-surface-moderate-opaque-inverted-s);
1939
- --dt-action-color-background-inverted-hover-l: var(--dt-color-surface-moderate-opaque-inverted-l);
1940
- --dt-action-color-background-inverted-hover-a: var(--dt-color-surface-moderate-opaque-inverted-a);
1941
- --dt-action-color-background-inverted-hover-hsl: var(--dt-color-surface-moderate-opaque-inverted-hsl);
1942
- --dt-action-color-background-inverted-hover-hsla: var(--dt-color-surface-moderate-opaque-inverted-hsla);
1943
- --dt-action-color-background-inverted-hover: var(--dt-color-surface-moderate-opaque-inverted);
1944
- --dt-action-color-background-critical-hover-h: var(--dt-color-surface-critical-opaque-h);
1945
- --dt-action-color-background-critical-hover-s: var(--dt-color-surface-critical-opaque-s);
1946
- --dt-action-color-background-critical-hover-l: var(--dt-color-surface-critical-opaque-l);
1947
- --dt-action-color-background-critical-hover-a: var(--dt-color-surface-critical-opaque-a);
1948
- --dt-action-color-background-critical-hover-hsl: var(--dt-color-surface-critical-opaque-hsl);
1949
- --dt-action-color-background-critical-hover-hsla: var(--dt-color-surface-critical-opaque-hsla);
1950
- --dt-action-color-background-critical-hover: var(--dt-color-surface-critical-opaque);
1951
- --dt-action-color-background-base-hover-h: var(--dt-color-surface-brand-opaque-h);
1952
- --dt-action-color-background-base-hover-s: var(--dt-color-surface-brand-opaque-s);
1953
- --dt-action-color-background-base-hover-l: var(--dt-color-surface-brand-opaque-l);
1954
- --dt-action-color-background-base-hover-a: var(--dt-color-surface-brand-opaque-a);
1955
- --dt-action-color-background-base-hover-hsl: var(--dt-color-surface-brand-opaque-hsl);
1956
- --dt-action-color-background-base-hover-hsla: var(--dt-color-surface-brand-opaque-hsla);
1957
- --dt-action-color-background-base-hover: var(--dt-color-surface-brand-opaque);
1621
+ --dt-action-color-background-positive-primary-active: hsl(137 72.5% 31.1%);
1622
+ --dt-action-color-background-positive-primary-hover-h: 137;
1623
+ --dt-action-color-background-positive-primary-hover-s: 72.5%;
1624
+ --dt-action-color-background-positive-primary-hover-l: 33.4%;
1625
+ --dt-action-color-background-positive-primary-hover-a: 100%;
1626
+ --dt-action-color-background-positive-primary-hover-hsl: var(--dt-action-color-background-positive-primary-hover-h) var(--dt-action-color-background-positive-primary-hover-s) var(--dt-action-color-background-positive-primary-hover-l);
1627
+ --dt-action-color-background-positive-primary-hover-hsla: hsl(var(--dt-action-color-background-positive-primary-hover-h) var(--dt-action-color-background-positive-primary-hover-s) var(--dt-action-color-background-positive-primary-hover-l) / var(--alpha, 100%));
1628
+ --dt-action-color-background-positive-primary-hover: hsl(137 72.5% 33.4%);
1629
+ --dt-action-color-background-inverted-primary-active-h: 260;
1630
+ --dt-action-color-background-inverted-primary-active-s: 100%;
1631
+ --dt-action-color-background-inverted-primary-active-l: 93.2%;
1632
+ --dt-action-color-background-inverted-primary-active-a: 100%;
1633
+ --dt-action-color-background-inverted-primary-active-hsl: var(--dt-action-color-background-inverted-primary-active-h) var(--dt-action-color-background-inverted-primary-active-s) var(--dt-action-color-background-inverted-primary-active-l);
1634
+ --dt-action-color-background-inverted-primary-active-hsla: hsl(var(--dt-action-color-background-inverted-primary-active-h) var(--dt-action-color-background-inverted-primary-active-s) var(--dt-action-color-background-inverted-primary-active-l) / var(--alpha, 100%));
1635
+ --dt-action-color-background-inverted-primary-active: hsl(260 100% 93.2%);
1636
+ --dt-action-color-background-inverted-primary-default-h: var(--dt-color-surface-primary-h);
1637
+ --dt-action-color-background-inverted-primary-default-s: var(--dt-color-surface-primary-s);
1638
+ --dt-action-color-background-inverted-primary-default-l: var(--dt-color-surface-primary-l);
1639
+ --dt-action-color-background-inverted-primary-default-a: var(--dt-color-surface-primary-a);
1640
+ --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-surface-primary-hsl);
1641
+ --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-surface-primary-hsla);
1642
+ --dt-action-color-background-inverted-primary-default: var(--dt-color-surface-primary);
1643
+ --dt-action-color-background-inverted-active-h: 0;
1644
+ --dt-action-color-background-inverted-active-s: 0%;
1645
+ --dt-action-color-background-inverted-active-l: 100%;
1646
+ --dt-action-color-background-inverted-active-a: 30%;
1647
+ --dt-action-color-background-inverted-active-hsl: var(--dt-action-color-background-inverted-active-h) var(--dt-action-color-background-inverted-active-s) var(--dt-action-color-background-inverted-active-l);
1648
+ --dt-action-color-background-inverted-active-hsla: hsl(var(--dt-action-color-background-inverted-active-h) var(--dt-action-color-background-inverted-active-s) var(--dt-action-color-background-inverted-active-l) / var(--alpha, 30%));
1649
+ --dt-action-color-background-inverted-active: hsl(0 0% 100% / 0.3);
1650
+ --dt-action-color-background-inverted-hover-h: 0;
1651
+ --dt-action-color-background-inverted-hover-s: 0%;
1652
+ --dt-action-color-background-inverted-hover-l: 100%;
1653
+ --dt-action-color-background-inverted-hover-a: 15%;
1654
+ --dt-action-color-background-inverted-hover-hsl: var(--dt-action-color-background-inverted-hover-h) var(--dt-action-color-background-inverted-hover-s) var(--dt-action-color-background-inverted-hover-l);
1655
+ --dt-action-color-background-inverted-hover-hsla: hsl(var(--dt-action-color-background-inverted-hover-h) var(--dt-action-color-background-inverted-hover-s) var(--dt-action-color-background-inverted-hover-l) / var(--alpha, 15%));
1656
+ --dt-action-color-background-inverted-hover: hsl(0 0% 100% / 0.15);
1657
+ --dt-action-color-background-critical-primary-active-h: 0;
1658
+ --dt-action-color-background-critical-primary-active-s: 88.8%;
1659
+ --dt-action-color-background-critical-primary-active-l: 43.1%;
1660
+ --dt-action-color-background-critical-primary-active-a: 100%;
1661
+ --dt-action-color-background-critical-primary-active-hsl: var(--dt-action-color-background-critical-primary-active-h) var(--dt-action-color-background-critical-primary-active-s) var(--dt-action-color-background-critical-primary-active-l);
1662
+ --dt-action-color-background-critical-primary-active-hsla: hsl(var(--dt-action-color-background-critical-primary-active-h) var(--dt-action-color-background-critical-primary-active-s) var(--dt-action-color-background-critical-primary-active-l) / var(--alpha, 100%));
1663
+ --dt-action-color-background-critical-primary-active: hsl(0 88.8% 43.1%);
1664
+ --dt-action-color-background-critical-primary-hover-h: 0;
1665
+ --dt-action-color-background-critical-primary-hover-s: 88.8%;
1666
+ --dt-action-color-background-critical-primary-hover-l: 45.1%;
1667
+ --dt-action-color-background-critical-primary-hover-a: 100%;
1668
+ --dt-action-color-background-critical-primary-hover-hsl: var(--dt-action-color-background-critical-primary-hover-h) var(--dt-action-color-background-critical-primary-hover-s) var(--dt-action-color-background-critical-primary-hover-l);
1669
+ --dt-action-color-background-critical-primary-hover-hsla: hsl(var(--dt-action-color-background-critical-primary-hover-h) var(--dt-action-color-background-critical-primary-hover-s) var(--dt-action-color-background-critical-primary-hover-l) / var(--alpha, 100%));
1670
+ --dt-action-color-background-critical-primary-hover: hsl(0 88.8% 45.1%);
1671
+ --dt-action-color-background-base-primary-active-h: 255;
1672
+ --dt-action-color-background-base-primary-active-s: 100%;
1673
+ --dt-action-color-background-base-primary-active-l: 60.8%;
1674
+ --dt-action-color-background-base-primary-active-a: 100%;
1675
+ --dt-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-active-h) var(--dt-action-color-background-base-primary-active-s) var(--dt-action-color-background-base-primary-active-l);
1676
+ --dt-action-color-background-base-primary-active-hsla: hsl(var(--dt-action-color-background-base-primary-active-h) var(--dt-action-color-background-base-primary-active-s) var(--dt-action-color-background-base-primary-active-l) / var(--alpha, 100%));
1677
+ --dt-action-color-background-base-primary-active: hsl(255 100% 60.8%);
1678
+ --dt-action-color-background-base-primary-hover-h: 255;
1679
+ --dt-action-color-background-base-primary-hover-s: 100%;
1680
+ --dt-action-color-background-base-primary-hover-l: 63.4%;
1681
+ --dt-action-color-background-base-primary-hover-a: 100%;
1682
+ --dt-action-color-background-base-primary-hover-hsl: var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l);
1683
+ --dt-action-color-background-base-primary-hover-hsla: hsl(var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l) / var(--alpha, 100%));
1684
+ --dt-action-color-background-base-primary-hover: hsl(255 100% 63.4%);
1685
+ --dt-action-color-foreground-positive-default-h: var(--dt-color-foreground-success-h);
1686
+ --dt-action-color-foreground-positive-default-s: var(--dt-color-foreground-success-s);
1687
+ --dt-action-color-foreground-positive-default-l: var(--dt-color-foreground-success-l);
1688
+ --dt-action-color-foreground-positive-default-a: var(--dt-color-foreground-success-a);
1689
+ --dt-action-color-foreground-positive-default-hsl: var(--dt-color-foreground-success-hsl);
1690
+ --dt-action-color-foreground-positive-default-hsla: var(--dt-color-foreground-success-hsla);
1691
+ --dt-action-color-foreground-positive-default: var(--dt-color-foreground-success);
1958
1692
  --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
1959
1693
  --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
1960
1694
  --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);
@@ -1962,20 +1696,20 @@
1962
1696
  --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
1963
1697
  --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
1964
1698
  --dt-action-color-foreground-disabled-default: var(--dt-color-foreground-disabled);
1965
- --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-link-primary-hover-h);
1966
- --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-link-primary-hover-s);
1967
- --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-link-primary-hover-l);
1968
- --dt-action-color-foreground-inverted-primary-hover-a: var(--dt-color-link-primary-hover-a);
1969
- --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-link-primary-hover-hsl);
1970
- --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-link-primary-hover-hsla);
1971
- --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-link-primary-hover);
1972
- --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-link-primary-h);
1973
- --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-link-primary-s);
1974
- --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-link-primary-l);
1975
- --dt-action-color-foreground-inverted-primary-default-a: var(--dt-color-link-primary-a);
1976
- --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-link-primary-hsl);
1977
- --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-link-primary-hsla);
1978
- --dt-action-color-foreground-inverted-primary-default: var(--dt-color-link-primary);
1699
+ --dt-action-color-foreground-muted-default-h: var(--dt-color-foreground-secondary-h);
1700
+ --dt-action-color-foreground-muted-default-s: var(--dt-color-foreground-secondary-s);
1701
+ --dt-action-color-foreground-muted-default-l: var(--dt-color-foreground-secondary-l);
1702
+ --dt-action-color-foreground-muted-default-a: var(--dt-color-foreground-secondary-a);
1703
+ --dt-action-color-foreground-muted-default-hsl: var(--dt-color-foreground-secondary-hsl);
1704
+ --dt-action-color-foreground-muted-default-hsla: var(--dt-color-foreground-secondary-hsla);
1705
+ --dt-action-color-foreground-muted-default: var(--dt-color-foreground-secondary);
1706
+ --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
1707
+ --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
1708
+ --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
1709
+ --dt-action-color-foreground-inverted-primary-active-a: var(--dt-action-color-foreground-inverted-primary-hover-a);
1710
+ --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
1711
+ --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
1712
+ --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
1979
1713
  --dt-action-color-foreground-inverted-default-h: var(--dt-color-foreground-primary-inverted-h);
1980
1714
  --dt-action-color-foreground-inverted-default-s: var(--dt-color-foreground-primary-inverted-s);
1981
1715
  --dt-action-color-foreground-inverted-default-l: var(--dt-color-foreground-primary-inverted-l);
@@ -1983,34 +1717,20 @@
1983
1717
  --dt-action-color-foreground-inverted-default-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1984
1718
  --dt-action-color-foreground-inverted-default-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1985
1719
  --dt-action-color-foreground-inverted-default: var(--dt-color-foreground-primary-inverted);
1986
- --dt-action-color-foreground-base-hover-h: var(--dt-color-link-primary-hover-h);
1987
- --dt-action-color-foreground-base-hover-s: var(--dt-color-link-primary-hover-s);
1988
- --dt-action-color-foreground-base-hover-l: var(--dt-color-link-primary-hover-l);
1989
- --dt-action-color-foreground-base-hover-a: var(--dt-color-link-primary-hover-a);
1990
- --dt-action-color-foreground-base-hover-hsl: var(--dt-color-link-primary-hover-hsl);
1991
- --dt-action-color-foreground-base-hover-hsla: var(--dt-color-link-primary-hover-hsla);
1992
- --dt-action-color-foreground-base-hover: var(--dt-color-link-primary-hover);
1993
- --dt-action-color-foreground-base-default-h: var(--dt-color-link-primary-h);
1994
- --dt-action-color-foreground-base-default-s: var(--dt-color-link-primary-s);
1995
- --dt-action-color-foreground-base-default-l: var(--dt-color-link-primary-l);
1996
- --dt-action-color-foreground-base-default-a: var(--dt-color-link-primary-a);
1997
- --dt-action-color-foreground-base-default-hsl: var(--dt-color-link-primary-hsl);
1998
- --dt-action-color-foreground-base-default-hsla: var(--dt-color-link-primary-hsla);
1999
- --dt-action-color-foreground-base-default: var(--dt-color-link-primary);
2000
- --dt-inputs-color-background-disabled-h: var(--dt-color-surface-moderate-opaque-h);
2001
- --dt-inputs-color-background-disabled-s: var(--dt-color-surface-moderate-opaque-s);
2002
- --dt-inputs-color-background-disabled-l: var(--dt-color-surface-moderate-opaque-l);
2003
- --dt-inputs-color-background-disabled-a: var(--dt-color-surface-moderate-opaque-a);
2004
- --dt-inputs-color-background-disabled-hsl: var(--dt-color-surface-moderate-opaque-hsl);
2005
- --dt-inputs-color-background-disabled-hsla: var(--dt-color-surface-moderate-opaque-hsla);
2006
- --dt-inputs-color-background-disabled: var(--dt-color-surface-moderate-opaque);
2007
- --dt-inputs-color-background-default-h: var(--dt-color-surface-secondary-opaque-h);
2008
- --dt-inputs-color-background-default-s: var(--dt-color-surface-secondary-opaque-s);
2009
- --dt-inputs-color-background-default-l: var(--dt-color-surface-secondary-opaque-l);
2010
- --dt-inputs-color-background-default-a: var(--dt-color-surface-secondary-opaque-a);
2011
- --dt-inputs-color-background-default-hsl: var(--dt-color-surface-secondary-opaque-hsl);
2012
- --dt-inputs-color-background-default-hsla: var(--dt-color-surface-secondary-opaque-hsla);
2013
- --dt-inputs-color-background-default: var(--dt-color-surface-secondary-opaque);
1720
+ --dt-action-color-foreground-critical-default-h: var(--dt-color-foreground-critical-h);
1721
+ --dt-action-color-foreground-critical-default-s: var(--dt-color-foreground-critical-s);
1722
+ --dt-action-color-foreground-critical-default-l: var(--dt-color-foreground-critical-l);
1723
+ --dt-action-color-foreground-critical-default-a: var(--dt-color-foreground-critical-a);
1724
+ --dt-action-color-foreground-critical-default-hsl: var(--dt-color-foreground-critical-hsl);
1725
+ --dt-action-color-foreground-critical-default-hsla: var(--dt-color-foreground-critical-hsla);
1726
+ --dt-action-color-foreground-critical-default: var(--dt-color-foreground-critical);
1727
+ --dt-action-color-foreground-base-hover-h: 255;
1728
+ --dt-action-color-foreground-base-hover-s: 100%;
1729
+ --dt-action-color-foreground-base-hover-l: 63.4%;
1730
+ --dt-action-color-foreground-base-hover-a: 100%;
1731
+ --dt-action-color-foreground-base-hover-hsl: var(--dt-action-color-foreground-base-hover-h) var(--dt-action-color-foreground-base-hover-s) var(--dt-action-color-foreground-base-hover-l);
1732
+ --dt-action-color-foreground-base-hover-hsla: hsl(var(--dt-action-color-foreground-base-hover-h) var(--dt-action-color-foreground-base-hover-s) var(--dt-action-color-foreground-base-hover-l) / var(--alpha, 100%));
1733
+ --dt-action-color-foreground-base-hover: hsl(255 100% 63.4%);
2014
1734
  --dt-inputs-color-border-warning-h: var(--dt-color-border-warning-h);
2015
1735
  --dt-inputs-color-border-warning-s: var(--dt-color-border-warning-s);
2016
1736
  --dt-inputs-color-border-warning-l: var(--dt-color-border-warning-l);
@@ -2039,13 +1759,6 @@
2039
1759
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
2040
1760
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
2041
1761
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
2042
- --dt-inputs-color-border-hover-h: var(--dt-color-border-moderate-h);
2043
- --dt-inputs-color-border-hover-s: var(--dt-color-border-moderate-s);
2044
- --dt-inputs-color-border-hover-l: var(--dt-color-border-moderate-l);
2045
- --dt-inputs-color-border-hover-a: var(--dt-color-border-moderate-a);
2046
- --dt-inputs-color-border-hover-hsl: var(--dt-color-border-moderate-hsl);
2047
- --dt-inputs-color-border-hover-hsla: var(--dt-color-border-moderate-hsla);
2048
- --dt-inputs-color-border-hover: var(--dt-color-border-moderate);
2049
1762
  --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
2050
1763
  --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
2051
1764
  --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
@@ -2130,29 +1843,14 @@
2130
1843
  --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
2131
1844
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
2132
1845
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
2133
- --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2134
- --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2135
- --dt-color-surface-primary-opaque-inverted-h: 0;
2136
- --dt-color-surface-primary-opaque-inverted-s: 0%;
2137
- --dt-color-surface-primary-opaque-inverted-l: 0%;
2138
- --dt-color-surface-primary-opaque-inverted-a: 85%;
2139
- --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);
2140
- --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%));
2141
- --dt-color-surface-primary-opaque-inverted: hsl(0 0% 0% / 0.85); /* Secondary surface as opaque background color. */
2142
- --dt-color-surface-primary-opaque-h: 0;
2143
- --dt-color-surface-primary-opaque-s: 0%;
2144
- --dt-color-surface-primary-opaque-l: 100%;
2145
- --dt-color-surface-primary-opaque-a: 96%;
2146
- --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);
2147
- --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%));
2148
- --dt-color-surface-primary-opaque: hsl(0 0% 100% / 0.96); /* Primary surface as opaque background color. */
2149
- --dt-color-link-disabled-inverted-hover-h: var(--dt-color-foreground-disabled-inverted-h);
2150
- --dt-color-link-disabled-inverted-hover-s: var(--dt-color-foreground-disabled-inverted-s);
2151
- --dt-color-link-disabled-inverted-hover-l: var(--dt-color-foreground-disabled-inverted-l);
2152
- --dt-color-link-disabled-inverted-hover-a: var(--dt-color-foreground-disabled-inverted-a);
2153
- --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-foreground-disabled-inverted-hsl);
2154
- --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-foreground-disabled-inverted-hsla);
2155
- --dt-color-link-disabled-inverted-hover: var(--dt-color-foreground-disabled-inverted);
1846
+ --dt-color-border-ai: var(--dt-color-gradient-magenta-purple);
1847
+ --dt-color-link-muted-hover-h: var(--dt-color-foreground-primary-h);
1848
+ --dt-color-link-muted-hover-s: var(--dt-color-foreground-primary-s);
1849
+ --dt-color-link-muted-hover-l: var(--dt-color-foreground-primary-l);
1850
+ --dt-color-link-muted-hover-a: var(--dt-color-foreground-primary-a);
1851
+ --dt-color-link-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
1852
+ --dt-color-link-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
1853
+ --dt-color-link-muted-hover: var(--dt-color-foreground-primary);
2156
1854
  --dt-color-link-disabled-inverted-h: var(--dt-color-foreground-disabled-inverted-h);
2157
1855
  --dt-color-link-disabled-inverted-s: var(--dt-color-foreground-disabled-inverted-s);
2158
1856
  --dt-color-link-disabled-inverted-l: var(--dt-color-foreground-disabled-inverted-l);
@@ -2174,13 +1872,6 @@
2174
1872
  --dt-color-link-warning-inverted-hsl: var(--dt-color-foreground-warning-inverted-hsl);
2175
1873
  --dt-color-link-warning-inverted-hsla: var(--dt-color-foreground-warning-inverted-hsla);
2176
1874
  --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);
2184
1875
  --dt-color-link-success-inverted-h: var(--dt-color-foreground-success-inverted-h);
2185
1876
  --dt-color-link-success-inverted-s: var(--dt-color-foreground-success-inverted-s);
2186
1877
  --dt-color-link-success-inverted-l: var(--dt-color-foreground-success-inverted-l);
@@ -2188,13 +1879,6 @@
2188
1879
  --dt-color-link-success-inverted-hsl: var(--dt-color-foreground-success-inverted-hsl);
2189
1880
  --dt-color-link-success-inverted-hsla: var(--dt-color-foreground-success-inverted-hsla);
2190
1881
  --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);
2198
1882
  --dt-color-link-critical-inverted-h: var(--dt-color-foreground-critical-inverted-h);
2199
1883
  --dt-color-link-critical-inverted-s: var(--dt-color-foreground-critical-inverted-s);
2200
1884
  --dt-color-link-critical-inverted-l: var(--dt-color-foreground-critical-inverted-l);
@@ -2209,13 +1893,6 @@
2209
1893
  --dt-color-link-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
2210
1894
  --dt-color-link-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
2211
1895
  --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);
2219
1896
  --dt-color-link-muted-h: var(--dt-color-foreground-secondary-h);
2220
1897
  --dt-color-link-muted-s: var(--dt-color-foreground-secondary-s);
2221
1898
  --dt-color-link-muted-l: var(--dt-color-foreground-secondary-l);
@@ -2230,13 +1907,6 @@
2230
1907
  --dt-color-link-warning-hsl: var(--dt-color-foreground-warning-hsl);
2231
1908
  --dt-color-link-warning-hsla: var(--dt-color-foreground-warning-hsla);
2232
1909
  --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);
2240
1910
  --dt-color-link-success-h: var(--dt-color-foreground-success-h);
2241
1911
  --dt-color-link-success-s: var(--dt-color-foreground-success-s);
2242
1912
  --dt-color-link-success-l: var(--dt-color-foreground-success-l);
@@ -2244,13 +1914,6 @@
2244
1914
  --dt-color-link-success-hsl: var(--dt-color-foreground-success-hsl);
2245
1915
  --dt-color-link-success-hsla: var(--dt-color-foreground-success-hsla);
2246
1916
  --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);
2254
1917
  --dt-color-link-critical-h: var(--dt-color-foreground-critical-h);
2255
1918
  --dt-color-link-critical-s: var(--dt-color-foreground-critical-s);
2256
1919
  --dt-color-link-critical-l: var(--dt-color-foreground-critical-l);
@@ -2258,6 +1921,20 @@
2258
1921
  --dt-color-link-critical-hsl: var(--dt-color-foreground-critical-hsl);
2259
1922
  --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
2260
1923
  --dt-color-link-critical: var(--dt-color-foreground-critical);
1924
+ --dt-color-foreground-success-strong-inverted-h: 112;
1925
+ --dt-color-foreground-success-strong-inverted-s: 100%;
1926
+ --dt-color-foreground-success-strong-inverted-l: 90.1%;
1927
+ --dt-color-foreground-success-strong-inverted-a: 100%;
1928
+ --dt-color-foreground-success-strong-inverted-hsl: var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l);
1929
+ --dt-color-foreground-success-strong-inverted-hsla: hsl(var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l) / var(--alpha, 100%));
1930
+ --dt-color-foreground-success-strong-inverted: hsl(112 100% 90.1%); /* Success strong text that sits on high-contrast surfaces or backgrounds */
1931
+ --dt-color-foreground-critical-strong-inverted-h: 0;
1932
+ --dt-color-foreground-critical-strong-inverted-s: 100%;
1933
+ --dt-color-foreground-critical-strong-inverted-l: 82.1%;
1934
+ --dt-color-foreground-critical-strong-inverted-a: 100%;
1935
+ --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l);
1936
+ --dt-color-foreground-critical-strong-inverted-hsla: hsl(var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l) / var(--alpha, 100%));
1937
+ --dt-color-foreground-critical-strong-inverted: hsl(0 100% 82.1%); /* Critical strong text that sits on high-contrast surfaces or backgrounds */
2261
1938
  --dt-icon-size-border-500: var(--dt-icon-size-border-400);
2262
1939
  --dt-theme-sidebar-icon-color-foreground-h: var(--dt-theme-sidebar-color-foreground-h);
2263
1940
  --dt-theme-sidebar-icon-color-foreground-s: var(--dt-theme-sidebar-color-foreground-s);
@@ -2280,69 +1957,20 @@
2280
1957
  --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
2281
1958
  --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
2282
1959
  --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
2283
- --dt-action-color-background-positive-active-h: 85.1;
2284
- --dt-action-color-background-positive-active-s: 100%;
2285
- --dt-action-color-background-positive-active-l: 58.20000000000001%;
2286
- --dt-action-color-background-positive-active-a: 25%;
2287
- --dt-action-color-background-positive-active-hsl: var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l);
2288
- --dt-action-color-background-positive-active-hsla: hsl(var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l) / var(--alpha, 25%));
2289
- --dt-action-color-background-positive-active: hsl(85.1 100% 58.2% / 0.25);
2290
- --dt-action-color-background-muted-active-h: 0;
2291
- --dt-action-color-background-muted-active-s: 0%;
2292
- --dt-action-color-background-muted-active-l: 11%;
2293
- --dt-action-color-background-muted-active-a: 14%;
2294
- --dt-action-color-background-muted-active-hsl: var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l);
2295
- --dt-action-color-background-muted-active-hsla: hsl(var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l) / var(--alpha, 14%));
2296
- --dt-action-color-background-muted-active: hsl(0 0% 11% / 0.14);
2297
- --dt-action-color-background-critical-active-h: 4.62;
2298
- --dt-action-color-background-critical-active-s: 100%;
2299
- --dt-action-color-background-critical-active-l: 73.2%;
2300
- --dt-action-color-background-critical-active-a: 31%;
2301
- --dt-action-color-background-critical-active-hsl: var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l);
2302
- --dt-action-color-background-critical-active-hsla: hsl(var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l) / var(--alpha, 31%));
2303
- --dt-action-color-background-critical-active: hsl(4.62 100% 73.2% / 0.31);
2304
- --dt-action-color-background-base-active-h: 261;
2305
- --dt-action-color-background-base-active-s: 100%;
2306
- --dt-action-color-background-base-active-l: 77.3%;
2307
- --dt-action-color-background-base-active-a: 27%;
2308
- --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);
2309
- --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 27%));
2310
- --dt-action-color-background-base-active: hsl(261 100% 77.3% / 0.27);
2311
- --dt-action-color-foreground-positive-hover-h: var(--dt-color-link-success-hover-h);
2312
- --dt-action-color-foreground-positive-hover-s: var(--dt-color-link-success-hover-s);
2313
- --dt-action-color-foreground-positive-hover-l: var(--dt-color-link-success-hover-l);
2314
- --dt-action-color-foreground-positive-hover-a: var(--dt-color-link-success-hover-a);
2315
- --dt-action-color-foreground-positive-hover-hsl: var(--dt-color-link-success-hover-hsl);
2316
- --dt-action-color-foreground-positive-hover-hsla: var(--dt-color-link-success-hover-hsla);
2317
- --dt-action-color-foreground-positive-hover: var(--dt-color-link-success-hover);
2318
- --dt-action-color-foreground-positive-default-h: var(--dt-color-link-success-h);
2319
- --dt-action-color-foreground-positive-default-s: var(--dt-color-link-success-s);
2320
- --dt-action-color-foreground-positive-default-l: var(--dt-color-link-success-l);
2321
- --dt-action-color-foreground-positive-default-a: var(--dt-color-link-success-a);
2322
- --dt-action-color-foreground-positive-default-hsl: var(--dt-color-link-success-hsl);
2323
- --dt-action-color-foreground-positive-default-hsla: var(--dt-color-link-success-hsla);
2324
- --dt-action-color-foreground-positive-default: var(--dt-color-link-success);
2325
- --dt-action-color-foreground-muted-hover-h: var(--dt-color-link-muted-hover-h);
2326
- --dt-action-color-foreground-muted-hover-s: var(--dt-color-link-muted-hover-s);
2327
- --dt-action-color-foreground-muted-hover-l: var(--dt-color-link-muted-hover-l);
2328
- --dt-action-color-foreground-muted-hover-a: var(--dt-color-link-muted-hover-a);
2329
- --dt-action-color-foreground-muted-hover-hsl: var(--dt-color-link-muted-hover-hsl);
2330
- --dt-action-color-foreground-muted-hover-hsla: var(--dt-color-link-muted-hover-hsla);
2331
- --dt-action-color-foreground-muted-hover: var(--dt-color-link-muted-hover);
2332
- --dt-action-color-foreground-muted-default-h: var(--dt-color-link-muted-h);
2333
- --dt-action-color-foreground-muted-default-s: var(--dt-color-link-muted-s);
2334
- --dt-action-color-foreground-muted-default-l: var(--dt-color-link-muted-l);
2335
- --dt-action-color-foreground-muted-default-a: var(--dt-color-link-muted-a);
2336
- --dt-action-color-foreground-muted-default-hsl: var(--dt-color-link-muted-hsl);
2337
- --dt-action-color-foreground-muted-default-hsla: var(--dt-color-link-muted-hsla);
2338
- --dt-action-color-foreground-muted-default: var(--dt-color-link-muted);
2339
- --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
2340
- --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
2341
- --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
2342
- --dt-action-color-foreground-inverted-primary-active-a: var(--dt-action-color-foreground-inverted-primary-hover-a);
2343
- --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
2344
- --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
2345
- --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
1960
+ --dt-action-color-foreground-positive-hover-h: 137;
1961
+ --dt-action-color-foreground-positive-hover-s: 72.5%;
1962
+ --dt-action-color-foreground-positive-hover-l: 30.4%;
1963
+ --dt-action-color-foreground-positive-hover-a: 100%;
1964
+ --dt-action-color-foreground-positive-hover-hsl: var(--dt-action-color-foreground-positive-hover-h) var(--dt-action-color-foreground-positive-hover-s) var(--dt-action-color-foreground-positive-hover-l);
1965
+ --dt-action-color-foreground-positive-hover-hsla: hsl(var(--dt-action-color-foreground-positive-hover-h) var(--dt-action-color-foreground-positive-hover-s) var(--dt-action-color-foreground-positive-hover-l) / var(--alpha, 100%));
1966
+ --dt-action-color-foreground-positive-hover: hsl(137 72.5% 30.4%);
1967
+ --dt-action-color-foreground-muted-hover-h: var(--dt-action-color-foreground-muted-default-h);
1968
+ --dt-action-color-foreground-muted-hover-s: var(--dt-action-color-foreground-muted-default-s);
1969
+ --dt-action-color-foreground-muted-hover-l: var(--dt-action-color-foreground-muted-default-l);
1970
+ --dt-action-color-foreground-muted-hover-a: var(--dt-action-color-foreground-muted-default-a);
1971
+ --dt-action-color-foreground-muted-hover-hsl: var(--dt-action-color-foreground-muted-default-hsl);
1972
+ --dt-action-color-foreground-muted-hover-hsla: var(--dt-action-color-foreground-muted-default-hsla);
1973
+ --dt-action-color-foreground-muted-hover: var(--dt-action-color-foreground-muted-default);
2346
1974
  --dt-action-color-foreground-inverted-hover-h: var(--dt-action-color-foreground-inverted-default-h);
2347
1975
  --dt-action-color-foreground-inverted-hover-s: var(--dt-action-color-foreground-inverted-default-s);
2348
1976
  --dt-action-color-foreground-inverted-hover-l: var(--dt-action-color-foreground-inverted-default-l);
@@ -2350,20 +1978,13 @@
2350
1978
  --dt-action-color-foreground-inverted-hover-hsl: var(--dt-action-color-foreground-inverted-default-hsl);
2351
1979
  --dt-action-color-foreground-inverted-hover-hsla: var(--dt-action-color-foreground-inverted-default-hsla);
2352
1980
  --dt-action-color-foreground-inverted-hover: var(--dt-action-color-foreground-inverted-default);
2353
- --dt-action-color-foreground-critical-hover-h: var(--dt-color-link-critical-hover-h);
2354
- --dt-action-color-foreground-critical-hover-s: var(--dt-color-link-critical-hover-s);
2355
- --dt-action-color-foreground-critical-hover-l: var(--dt-color-link-critical-hover-l);
2356
- --dt-action-color-foreground-critical-hover-a: var(--dt-color-link-critical-hover-a);
2357
- --dt-action-color-foreground-critical-hover-hsl: var(--dt-color-link-critical-hover-hsl);
2358
- --dt-action-color-foreground-critical-hover-hsla: var(--dt-color-link-critical-hover-hsla);
2359
- --dt-action-color-foreground-critical-hover: var(--dt-color-link-critical-hover);
2360
- --dt-action-color-foreground-critical-default-h: var(--dt-color-link-critical-h);
2361
- --dt-action-color-foreground-critical-default-s: var(--dt-color-link-critical-s);
2362
- --dt-action-color-foreground-critical-default-l: var(--dt-color-link-critical-l);
2363
- --dt-action-color-foreground-critical-default-a: var(--dt-color-link-critical-a);
2364
- --dt-action-color-foreground-critical-default-hsl: var(--dt-color-link-critical-hsl);
2365
- --dt-action-color-foreground-critical-default-hsla: var(--dt-color-link-critical-hsla);
2366
- --dt-action-color-foreground-critical-default: var(--dt-color-link-critical);
1981
+ --dt-action-color-foreground-critical-hover-h: 0;
1982
+ --dt-action-color-foreground-critical-hover-s: 88.8%;
1983
+ --dt-action-color-foreground-critical-hover-l: 45.1%;
1984
+ --dt-action-color-foreground-critical-hover-a: 100%;
1985
+ --dt-action-color-foreground-critical-hover-hsl: var(--dt-action-color-foreground-critical-hover-h) var(--dt-action-color-foreground-critical-hover-s) var(--dt-action-color-foreground-critical-hover-l);
1986
+ --dt-action-color-foreground-critical-hover-hsla: hsl(var(--dt-action-color-foreground-critical-hover-h) var(--dt-action-color-foreground-critical-hover-s) var(--dt-action-color-foreground-critical-hover-l) / var(--alpha, 100%));
1987
+ --dt-action-color-foreground-critical-hover: hsl(0 88.8% 45.1%);
2367
1988
  --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
2368
1989
  --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
2369
1990
  --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
@@ -2422,6 +2043,27 @@
2422
2043
  --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);
2423
2044
  --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);
2424
2045
  --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) */
2046
+ --dt-color-link-disabled-inverted-hover-h: var(--dt-color-link-disabled-h);
2047
+ --dt-color-link-disabled-inverted-hover-s: var(--dt-color-link-disabled-s);
2048
+ --dt-color-link-disabled-inverted-hover-l: var(--dt-color-link-disabled-l);
2049
+ --dt-color-link-disabled-inverted-hover-a: var(--dt-color-link-disabled-a);
2050
+ --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-link-disabled-hsl);
2051
+ --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-link-disabled-hsla);
2052
+ --dt-color-link-disabled-inverted-hover: var(--dt-color-link-disabled);
2053
+ --dt-color-link-success-inverted-hover-h: var(--dt-color-foreground-success-strong-inverted-h);
2054
+ --dt-color-link-success-inverted-hover-s: var(--dt-color-foreground-success-strong-inverted-s);
2055
+ --dt-color-link-success-inverted-hover-l: var(--dt-color-foreground-success-strong-inverted-l);
2056
+ --dt-color-link-success-inverted-hover-a: var(--dt-color-foreground-success-strong-inverted-a);
2057
+ --dt-color-link-success-inverted-hover-hsl: var(--dt-color-foreground-success-strong-inverted-hsl);
2058
+ --dt-color-link-success-inverted-hover-hsla: var(--dt-color-foreground-success-strong-inverted-hsla);
2059
+ --dt-color-link-success-inverted-hover: var(--dt-color-foreground-success-strong-inverted);
2060
+ --dt-color-link-critical-inverted-hover-h: var(--dt-color-foreground-critical-strong-inverted-h);
2061
+ --dt-color-link-critical-inverted-hover-s: var(--dt-color-foreground-critical-strong-inverted-s);
2062
+ --dt-color-link-critical-inverted-hover-l: var(--dt-color-foreground-critical-strong-inverted-l);
2063
+ --dt-color-link-critical-inverted-hover-a: var(--dt-color-foreground-critical-strong-inverted-a);
2064
+ --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-foreground-critical-strong-inverted-hsl);
2065
+ --dt-color-link-critical-inverted-hover-hsla: var(--dt-color-foreground-critical-strong-inverted-hsla);
2066
+ --dt-color-link-critical-inverted-hover: var(--dt-color-foreground-critical-strong-inverted);
2425
2067
  --dt-color-link-disabled-hover-h: var(--dt-color-link-disabled-h);
2426
2068
  --dt-color-link-disabled-hover-s: var(--dt-color-link-disabled-s);
2427
2069
  --dt-color-link-disabled-hover-l: var(--dt-color-link-disabled-l);