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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/README.md +0 -1
  2. package/dist/css/dialtone-default-theme.css +6306 -1549
  3. package/dist/css/dialtone-default-theme.min.css +1 -1
  4. package/dist/css/dialtone-docs.json +1 -1
  5. package/dist/css/dialtone.css +1849 -195
  6. package/dist/css/dialtone.min.css +1 -1
  7. package/dist/css/fonts/SeasonMix-Bold.woff2 +0 -0
  8. package/dist/css/fonts/SeasonMix-Regular.woff2 +0 -0
  9. package/dist/css/fonts/SeasonMix-SemiBold.woff2 +0 -0
  10. package/dist/css/tokens/tokens-base-dark.css +526 -161
  11. package/dist/css/tokens/tokens-base-deca-dark.css +98 -48
  12. package/dist/css/tokens/tokens-base-deca-light.css +94 -44
  13. package/dist/css/tokens/tokens-base-light.css +493 -128
  14. package/dist/css/tokens/tokens-debug-base.css +368 -3
  15. package/dist/css/tokens/tokens-debug-dp.css +1027 -669
  16. package/dist/css/tokens/tokens-deca-dark.css +797 -768
  17. package/dist/css/tokens/tokens-deca-light.css +736 -707
  18. package/dist/css/tokens/tokens-dp-dark.css +1275 -917
  19. package/dist/css/tokens/tokens-dp-light.css +1331 -973
  20. package/dist/css/tokens/tokens-expressive-dark.css +1275 -917
  21. package/dist/css/tokens/tokens-expressive-light.css +1328 -970
  22. package/dist/css/tokens/tokens-expressive-sm-dark.css +1275 -917
  23. package/dist/css/tokens/tokens-expressive-sm-light.css +1328 -970
  24. package/dist/css/tokens/tokens-tmo-dark.css +1431 -1073
  25. package/dist/css/tokens/tokens-tmo-light.css +1473 -1115
  26. package/dist/css/tokens-docs.json +1 -1
  27. package/dist/tokens/css/tokens-base-dark.css +526 -161
  28. package/dist/tokens/css/tokens-base-deca-dark.css +98 -48
  29. package/dist/tokens/css/tokens-base-deca-light.css +94 -44
  30. package/dist/tokens/css/tokens-base-light.css +493 -128
  31. package/dist/tokens/css/tokens-debug-base.css +368 -3
  32. package/dist/tokens/css/tokens-debug-dp.css +1027 -669
  33. package/dist/tokens/css/tokens-deca-dark.css +797 -768
  34. package/dist/tokens/css/tokens-deca-light.css +736 -707
  35. package/dist/tokens/css/tokens-dp-dark.css +1275 -917
  36. package/dist/tokens/css/tokens-dp-light.css +1331 -973
  37. package/dist/tokens/css/tokens-expressive-dark.css +1275 -917
  38. package/dist/tokens/css/tokens-expressive-light.css +1328 -970
  39. package/dist/tokens/css/tokens-expressive-sm-dark.css +1275 -917
  40. package/dist/tokens/css/tokens-expressive-sm-light.css +1328 -970
  41. package/dist/tokens/css/tokens-tmo-dark.css +1431 -1073
  42. package/dist/tokens/css/tokens-tmo-light.css +1473 -1115
  43. package/dist/tokens/doc.json +88610 -68384
  44. package/dist/tokens/less/tokens-base-dark.less +99 -46
  45. package/dist/tokens/less/tokens-base-deca-dark.less +23 -15
  46. package/dist/tokens/less/tokens-base-deca-light.less +22 -14
  47. package/dist/tokens/less/tokens-base-light.less +90 -37
  48. package/dist/tokens/less/tokens-deca-dark.less +187 -182
  49. package/dist/tokens/less/tokens-deca-light.less +178 -173
  50. package/dist/tokens/less/tokens-dp-dark.less +239 -187
  51. package/dist/tokens/less/tokens-dp-light.less +237 -185
  52. package/dist/tokens/less/tokens-expressive-dark.less +262 -210
  53. package/dist/tokens/less/tokens-expressive-light.less +260 -208
  54. package/dist/tokens/less/tokens-expressive-sm-dark.less +262 -210
  55. package/dist/tokens/less/tokens-expressive-sm-light.less +260 -208
  56. package/dist/tokens/less/tokens-tmo-dark.less +259 -207
  57. package/dist/tokens/less/tokens-tmo-light.less +250 -198
  58. package/dist/tokens/themes/chunks/tokens-base-dark-BjqCt8ke.js +1 -0
  59. package/dist/tokens/themes/chunks/tokens-base-dark-DtZ_Inhl.js +4 -0
  60. package/dist/tokens/themes/chunks/tokens-base-light-CIQSO1H9.js +4 -0
  61. package/dist/tokens/themes/chunks/tokens-base-light-Cll0VrKT.js +1 -0
  62. package/dist/tokens/themes/debug.cjs +1 -1
  63. package/dist/tokens/themes/debug.js +1 -1
  64. package/dist/tokens/themes/dp-dark.cjs +1 -1
  65. package/dist/tokens/themes/dp-dark.js +2 -2
  66. package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
  67. package/dist/tokens/themes/dp-deca-dark.js +1 -1
  68. package/dist/tokens/themes/dp-deca-light.cjs +1 -1
  69. package/dist/tokens/themes/dp-deca-light.js +2 -2
  70. package/dist/tokens/themes/dp-light.cjs +1 -1
  71. package/dist/tokens/themes/dp-light.js +2 -2
  72. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  73. package/dist/tokens/themes/expressive-dark.js +3 -3
  74. package/dist/tokens/themes/expressive-light.cjs +1 -1
  75. package/dist/tokens/themes/expressive-light.js +3 -3
  76. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  77. package/dist/tokens/themes/expressive-sm-dark.js +3 -3
  78. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  79. package/dist/tokens/themes/expressive-sm-light.js +3 -3
  80. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  81. package/dist/tokens/themes/tmo-dark.js +2 -2
  82. package/dist/tokens/themes/tmo-light.cjs +1 -1
  83. package/dist/tokens/themes/tmo-light.js +2 -2
  84. package/dist/tokens/tokens-base-dark.json +99 -46
  85. package/dist/tokens/tokens-base-deca-dark.json +20 -12
  86. package/dist/tokens/tokens-base-deca-light.json +19 -11
  87. package/dist/tokens/tokens-base-light.json +90 -37
  88. package/dist/tokens/tokens-deca-dark.json +184 -179
  89. package/dist/tokens/tokens-deca-light.json +176 -171
  90. package/dist/tokens/tokens-dp-dark.json +223 -171
  91. package/dist/tokens/tokens-dp-light.json +234 -182
  92. package/dist/tokens/tokens-expressive-dark.json +246 -194
  93. package/dist/tokens/tokens-expressive-light.json +257 -205
  94. package/dist/tokens/tokens-expressive-sm-dark.json +246 -194
  95. package/dist/tokens/tokens-expressive-sm-light.json +257 -205
  96. package/dist/tokens/tokens-tmo-dark.json +248 -196
  97. package/dist/tokens/tokens-tmo-light.json +245 -193
  98. package/dist/vue2/components/pagination/pagination.vue.cjs +2 -2
  99. package/dist/vue2/components/pagination/pagination.vue.cjs.map +1 -1
  100. package/dist/vue2/components/pagination/pagination.vue.js +2 -2
  101. package/dist/vue2/components/pagination/pagination.vue.js.map +1 -1
  102. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.cjs.map +1 -1
  103. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.js.map +1 -1
  104. package/dist/vue3/components/pagination/pagination.vue.cjs +2 -2
  105. package/dist/vue3/components/pagination/pagination.vue.cjs.map +1 -1
  106. package/dist/vue3/components/pagination/pagination.vue.js +2 -2
  107. package/dist/vue3/components/pagination/pagination.vue.js.map +1 -1
  108. package/package.json +3 -3
  109. package/dist/css/fonts/Archivo-Bold.woff2 +0 -0
  110. package/dist/css/fonts/Archivo-Regular.woff2 +0 -0
  111. package/dist/css/fonts/Archivo-SemiBold.woff2 +0 -0
  112. package/dist/css/fonts/ArchivoExpanded-SemiBold.woff2 +0 -0
  113. package/dist/css/fonts/ArchivoSemiExpanded-Medium.woff2 +0 -0
  114. package/dist/css/fonts/ArchivoSemiExpanded-SemiBold.woff2 +0 -0
  115. package/dist/tokens/themes/chunks/tokens-base-dark-BnTEKGxK.js +0 -4
  116. package/dist/tokens/themes/chunks/tokens-base-dark-Ch4dTh7V.js +0 -1
  117. package/dist/tokens/themes/chunks/tokens-base-light-BLxKOiup.js +0 -4
  118. package/dist/tokens/themes/chunks/tokens-base-light-DWLxg2cD.js +0 -1
package/dist/css/tokens/tokens-debug-dp.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: #ff5c00;
141
- --dt-radio-color-background-checked-h: 22;
142
- --dt-radio-color-background-checked-s: 100%;
143
- --dt-radio-color-background-checked-l: 50%;
144
- --dt-radio-color-background-checked-a: 100%;
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: #ff5c00;
141
+ --dt-radio-color-foreground-default-h: 22;
142
+ --dt-radio-color-foreground-default-s: 100%;
143
+ --dt-radio-color-foreground-default-l: 50%;
144
+ --dt-radio-color-foreground-default-a: 100%;
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: #ff5c00;
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-background-checked-h: 22;
151
- --dt-checkbox-color-background-checked-s: 100%;
152
- --dt-checkbox-color-background-checked-l: 50%;
153
- --dt-checkbox-color-background-checked-a: 100%;
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: #ff5c00;
150
+ --dt-checkbox-color-foreground-default-h: 22;
151
+ --dt-checkbox-color-foreground-default-s: 100%;
152
+ --dt-checkbox-color-foreground-default-l: 50%;
153
+ --dt-checkbox-color-foreground-default-a: 100%;
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: #ff5c00;
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-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 */
170
+ --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
171
+ --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
172
+ --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
173
173
  --dt-badge-color-border-bulletin-subtle-h: 22;
174
174
  --dt-badge-color-border-bulletin-subtle-s: 100%;
175
175
  --dt-badge-color-border-bulletin-subtle-l: 50%;
@@ -177,34 +177,69 @@
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: #ff5c00;
180
+ --dt-badge-color-foreground-ai-h: 22;
181
+ --dt-badge-color-foreground-ai-s: 100%;
182
+ --dt-badge-color-foreground-ai-l: 50%;
183
+ --dt-badge-color-foreground-ai-a: 100%;
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: #ff5c00;
180
187
  --dt-badge-color-foreground-bulletin-subtle-h: 22;
181
188
  --dt-badge-color-foreground-bulletin-subtle-s: 100%;
182
189
  --dt-badge-color-foreground-bulletin-subtle-l: 50%;
183
190
  --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%));
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);
186
193
  --dt-badge-color-foreground-bulletin-subtle: #ff5c00;
187
194
  --dt-badge-color-foreground-bulletin-h: 22;
188
195
  --dt-badge-color-foreground-bulletin-s: 100%;
189
196
  --dt-badge-color-foreground-bulletin-l: 50%;
190
197
  --dt-badge-color-foreground-bulletin-a: 100%;
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);
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);
193
200
  --dt-badge-color-foreground-bulletin: #ff5c00;
201
+ --dt-badge-color-foreground-default-h: 22;
202
+ --dt-badge-color-foreground-default-s: 100%;
203
+ --dt-badge-color-foreground-default-l: 50%;
204
+ --dt-badge-color-foreground-default-a: 100%;
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: #ff5c00;
194
208
  --dt-badge-color-background-bulletin-subtle-h: 22;
195
209
  --dt-badge-color-background-bulletin-subtle-s: 100%;
196
210
  --dt-badge-color-background-bulletin-subtle-l: 50%;
197
211
  --dt-badge-color-background-bulletin-subtle-a: 100%;
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%));
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);
200
214
  --dt-badge-color-background-bulletin-subtle: #ff5c00;
201
- --dt-badge-color-background-bulletin-h: 22;
202
- --dt-badge-color-background-bulletin-s: 100%;
203
- --dt-badge-color-background-bulletin-l: 50%;
204
- --dt-badge-color-background-bulletin-a: 100%;
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: #ff5c00;
215
+ --dt-badge-color-background-critical-h: 22;
216
+ --dt-badge-color-background-critical-s: 100%;
217
+ --dt-badge-color-background-critical-l: 50%;
218
+ --dt-badge-color-background-critical-a: 100%;
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: #ff5c00;
222
+ --dt-badge-color-background-warning-h: 22;
223
+ --dt-badge-color-background-warning-s: 100%;
224
+ --dt-badge-color-background-warning-l: 50%;
225
+ --dt-badge-color-background-warning-a: 100%;
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: #ff5c00;
229
+ --dt-badge-color-background-success-h: 22;
230
+ --dt-badge-color-background-success-s: 100%;
231
+ --dt-badge-color-background-success-l: 50%;
232
+ --dt-badge-color-background-success-a: 100%;
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: #ff5c00;
236
+ --dt-badge-color-background-info-h: 22;
237
+ --dt-badge-color-background-info-s: 100%;
238
+ --dt-badge-color-background-info-l: 50%;
239
+ --dt-badge-color-background-info-a: 100%;
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: #ff5c00;
208
243
  --dt-avatar-color-foreground-h: 22;
209
244
  --dt-avatar-color-foreground-s: 100%;
210
245
  --dt-avatar-color-foreground-l: 50%;
@@ -216,22 +251,15 @@
216
251
  --dt-theme-mention-color-background-strong-s: 100%;
217
252
  --dt-theme-mention-color-background-strong-l: 50%;
218
253
  --dt-theme-mention-color-background-strong-a: 100%;
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);
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);
221
256
  --dt-theme-mention-color-background-strong: #ff5c00;
222
- --dt-theme-mention-color-background-h: 22;
223
- --dt-theme-mention-color-background-s: 100%;
224
- --dt-theme-mention-color-background-l: 50%;
225
- --dt-theme-mention-color-background-a: 100%;
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: #ff5c00;
229
257
  --dt-theme-mention-color-foreground-h: 22;
230
258
  --dt-theme-mention-color-foreground-s: 100%;
231
259
  --dt-theme-mention-color-foreground-l: 50%;
232
260
  --dt-theme-mention-color-foreground-a: 100%;
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);
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);
235
263
  --dt-theme-mention-color-foreground: #ff5c00;
236
264
  --dt-theme-presence-color-background-offline-h: 22;
237
265
  --dt-theme-presence-color-background-offline-s: 100%;
@@ -244,22 +272,22 @@
244
272
  --dt-theme-presence-color-background-busy-s: 100%;
245
273
  --dt-theme-presence-color-background-busy-l: 50%;
246
274
  --dt-theme-presence-color-background-busy-a: 100%;
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);
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);
249
277
  --dt-theme-presence-color-background-busy: #ff5c00;
250
278
  --dt-theme-presence-color-background-busy-unavailable-h: 22;
251
279
  --dt-theme-presence-color-background-busy-unavailable-s: 100%;
252
280
  --dt-theme-presence-color-background-busy-unavailable-l: 50%;
253
281
  --dt-theme-presence-color-background-busy-unavailable-a: 100%;
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);
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);
256
284
  --dt-theme-presence-color-background-busy-unavailable: #ff5c00;
257
285
  --dt-theme-presence-color-background-available-h: 22;
258
286
  --dt-theme-presence-color-background-available-s: 100%;
259
287
  --dt-theme-presence-color-background-available-l: 50%;
260
288
  --dt-theme-presence-color-background-available-a: 100%;
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);
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);
263
291
  --dt-theme-presence-color-background-available: #ff5c00;
264
292
  --dt-theme-color-base-h: 22;
265
293
  --dt-theme-color-base-s: 100%;
@@ -268,34 +296,20 @@
268
296
  --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
269
297
  --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
270
298
  --dt-theme-color-base: #ff5c00;
271
- --dt-action-color-border-base-outlined-default-h: 22;
272
- --dt-action-color-border-base-outlined-default-s: 100%;
273
- --dt-action-color-border-base-outlined-default-l: 50%;
274
- --dt-action-color-border-base-outlined-default-a: 100%;
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: #ff5c00;
299
+ --dt-action-color-background-positive-primary-hover-h: 22;
300
+ --dt-action-color-background-positive-primary-hover-s: 100%;
301
+ --dt-action-color-background-positive-primary-hover-l: 50%;
302
+ --dt-action-color-background-positive-primary-hover-a: 100%;
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: #ff5c00;
278
306
  --dt-action-color-background-positive-primary-default-h: 22;
279
307
  --dt-action-color-background-positive-primary-default-s: 100%;
280
308
  --dt-action-color-background-positive-primary-default-l: 50%;
281
309
  --dt-action-color-background-positive-primary-default-a: 100%;
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: #ff5c00;
285
- --dt-action-color-background-positive-active-h: 22;
286
- --dt-action-color-background-positive-active-s: 100%;
287
- --dt-action-color-background-positive-active-l: 50%;
288
- --dt-action-color-background-positive-active-a: 100%;
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: #ff5c00;
292
- --dt-action-color-background-positive-hover-h: 22;
293
- --dt-action-color-background-positive-hover-s: 100%;
294
- --dt-action-color-background-positive-hover-l: 50%;
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: #ff5c00;
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: #ff5c00; /* Postive, accepting, or success actions. */
299
313
  --dt-action-color-background-positive-default-h: 22;
300
314
  --dt-action-color-background-positive-default-s: 100%;
301
315
  --dt-action-color-background-positive-default-l: 50%;
@@ -303,27 +317,6 @@
303
317
  --dt-action-color-background-positive-default-hsl: var(--dt-color-neutral-transparent-hsl);
304
318
  --dt-action-color-background-positive-default-hsla: var(--dt-color-neutral-transparent-hsla);
305
319
  --dt-action-color-background-positive-default: #ff5c00;
306
- --dt-action-color-background-disabled-default-h: 22;
307
- --dt-action-color-background-disabled-default-s: 100%;
308
- --dt-action-color-background-disabled-default-l: 50%;
309
- --dt-action-color-background-disabled-default-a: 100%;
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: #ff5c00;
313
- --dt-action-color-background-muted-active-h: 22;
314
- --dt-action-color-background-muted-active-s: 100%;
315
- --dt-action-color-background-muted-active-l: 50%;
316
- --dt-action-color-background-muted-active-a: 100%;
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: #ff5c00;
320
- --dt-action-color-background-muted-hover-h: 22;
321
- --dt-action-color-background-muted-hover-s: 100%;
322
- --dt-action-color-background-muted-hover-l: 50%;
323
- --dt-action-color-background-muted-hover-a: 100%;
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: #ff5c00;
327
320
  --dt-action-color-background-muted-default-h: 22;
328
321
  --dt-action-color-background-muted-default-s: 100%;
329
322
  --dt-action-color-background-muted-default-l: 50%;
@@ -331,13 +324,20 @@
331
324
  --dt-action-color-background-muted-default-hsl: var(--dt-color-neutral-transparent-hsl);
332
325
  --dt-action-color-background-muted-default-hsla: var(--dt-color-neutral-transparent-hsla);
333
326
  --dt-action-color-background-muted-default: #ff5c00;
334
- --dt-action-color-background-inverted-primary-hover-h: 22;
335
- --dt-action-color-background-inverted-primary-hover-s: 100%;
336
- --dt-action-color-background-inverted-primary-hover-l: 50%;
337
- --dt-action-color-background-inverted-primary-hover-a: 100%;
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: #ff5c00;
327
+ --dt-action-color-background-inverted-primary-active-h: 22;
328
+ --dt-action-color-background-inverted-primary-active-s: 100%;
329
+ --dt-action-color-background-inverted-primary-active-l: 50%;
330
+ --dt-action-color-background-inverted-primary-active-a: 100%;
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: #ff5c00;
334
+ --dt-action-color-background-inverted-primary-default-h: 22;
335
+ --dt-action-color-background-inverted-primary-default-s: 100%;
336
+ --dt-action-color-background-inverted-primary-default-l: 50%;
337
+ --dt-action-color-background-inverted-primary-default-a: 100%;
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: #ff5c00;
341
341
  --dt-action-color-background-inverted-default-h: 22;
342
342
  --dt-action-color-background-inverted-default-s: 100%;
343
343
  --dt-action-color-background-inverted-default-l: 50%;
@@ -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: #ff5c00;
348
+ --dt-action-color-background-critical-primary-active-h: 22;
349
+ --dt-action-color-background-critical-primary-active-s: 100%;
350
+ --dt-action-color-background-critical-primary-active-l: 50%;
351
+ --dt-action-color-background-critical-primary-active-a: 100%;
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: #ff5c00;
355
+ --dt-action-color-background-critical-primary-hover-h: 22;
356
+ --dt-action-color-background-critical-primary-hover-s: 100%;
357
+ --dt-action-color-background-critical-primary-hover-l: 50%;
358
+ --dt-action-color-background-critical-primary-hover-a: 100%;
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: #ff5c00;
348
362
  --dt-action-color-background-critical-primary-default-h: 22;
349
363
  --dt-action-color-background-critical-primary-default-s: 100%;
350
364
  --dt-action-color-background-critical-primary-default-l: 50%;
351
365
  --dt-action-color-background-critical-primary-default-a: 100%;
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);
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);
354
368
  --dt-action-color-background-critical-primary-default: #ff5c00;
355
- --dt-action-color-background-critical-active-h: 22;
356
- --dt-action-color-background-critical-active-s: 100%;
357
- --dt-action-color-background-critical-active-l: 50%;
358
- --dt-action-color-background-critical-active-a: 100%;
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: #ff5c00;
362
- --dt-action-color-background-critical-hover-h: 22;
363
- --dt-action-color-background-critical-hover-s: 100%;
364
- --dt-action-color-background-critical-hover-l: 50%;
365
- --dt-action-color-background-critical-hover-a: 100%;
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: #ff5c00;
369
369
  --dt-action-color-background-critical-default-h: 22;
370
370
  --dt-action-color-background-critical-default-s: 100%;
371
371
  --dt-action-color-background-critical-default-l: 50%;
@@ -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: #ff5c00;
376
+ --dt-action-color-background-base-primary-active-h: 22;
377
+ --dt-action-color-background-base-primary-active-s: 100%;
378
+ --dt-action-color-background-base-primary-active-l: 50%;
379
+ --dt-action-color-background-base-primary-active-a: 100%;
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: #ff5c00;
383
+ --dt-action-color-background-base-primary-hover-h: 22;
384
+ --dt-action-color-background-base-primary-hover-s: 100%;
385
+ --dt-action-color-background-base-primary-hover-l: 50%;
386
+ --dt-action-color-background-base-primary-hover-a: 100%;
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: #ff5c00;
376
390
  --dt-action-color-background-base-primary-default-h: 22;
377
391
  --dt-action-color-background-base-primary-default-s: 100%;
378
392
  --dt-action-color-background-base-primary-default-l: 50%;
379
393
  --dt-action-color-background-base-primary-default-a: 100%;
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);
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);
382
396
  --dt-action-color-background-base-primary-default: #ff5c00;
383
- --dt-action-color-background-base-active-h: 22;
384
- --dt-action-color-background-base-active-s: 100%;
385
- --dt-action-color-background-base-active-l: 50%;
386
- --dt-action-color-background-base-active-a: 100%;
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: #ff5c00;
390
- --dt-action-color-background-base-hover-h: 22;
391
- --dt-action-color-background-base-hover-s: 100%;
392
- --dt-action-color-background-base-hover-l: 50%;
393
- --dt-action-color-background-base-hover-a: 100%;
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: #ff5c00;
397
397
  --dt-action-color-background-base-default-h: 22;
398
398
  --dt-action-color-background-base-default-s: 100%;
399
399
  --dt-action-color-background-base-default-l: 50%;
@@ -405,65 +405,30 @@
405
405
  --dt-action-color-foreground-positive-primary-default-s: 100%;
406
406
  --dt-action-color-foreground-positive-primary-default-l: 50%;
407
407
  --dt-action-color-foreground-positive-primary-default-a: 100%;
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);
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
410
  --dt-action-color-foreground-positive-primary-default: #ff5c00;
411
- --dt-action-color-foreground-inverted-primary-hover-h: 22;
412
- --dt-action-color-foreground-inverted-primary-hover-s: 100%;
413
- --dt-action-color-foreground-inverted-primary-hover-l: 50%;
414
- --dt-action-color-foreground-inverted-primary-hover-a: 100%;
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: #ff5c00;
418
- --dt-action-color-foreground-inverted-primary-default-h: 22;
419
- --dt-action-color-foreground-inverted-primary-default-s: 100%;
420
- --dt-action-color-foreground-inverted-primary-default-l: 50%;
421
- --dt-action-color-foreground-inverted-primary-default-a: 100%;
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: #ff5c00;
425
411
  --dt-action-color-foreground-critical-primary-default-h: 22;
426
412
  --dt-action-color-foreground-critical-primary-default-s: 100%;
427
413
  --dt-action-color-foreground-critical-primary-default-l: 50%;
428
414
  --dt-action-color-foreground-critical-primary-default-a: 100%;
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);
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);
431
417
  --dt-action-color-foreground-critical-primary-default: #ff5c00;
432
418
  --dt-action-color-foreground-base-primary-default-h: 22;
433
419
  --dt-action-color-foreground-base-primary-default-s: 100%;
434
420
  --dt-action-color-foreground-base-primary-default-l: 50%;
435
421
  --dt-action-color-foreground-base-primary-default-a: 100%;
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);
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);
438
424
  --dt-action-color-foreground-base-primary-default: #ff5c00;
439
- --dt-action-color-foreground-base-default-h: 22;
440
- --dt-action-color-foreground-base-default-s: 100%;
441
- --dt-action-color-foreground-base-default-l: 50%;
442
- --dt-action-color-foreground-base-default-a: 100%;
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: #ff5c00;
446
- --dt-inputs-color-background-disabled-h: 22;
447
- --dt-inputs-color-background-disabled-s: 100%;
448
- --dt-inputs-color-background-disabled-l: 50%;
449
- --dt-inputs-color-background-disabled-a: 100%;
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: #ff5c00;
453
425
  --dt-inputs-color-background-focus-h: 22;
454
426
  --dt-inputs-color-background-focus-s: 100%;
455
427
  --dt-inputs-color-background-focus-l: 50%;
456
428
  --dt-inputs-color-background-focus-a: 100%;
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%));
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);
459
431
  --dt-inputs-color-background-focus: #ff5c00;
460
- --dt-inputs-color-background-default-h: 22;
461
- --dt-inputs-color-background-default-s: 100%;
462
- --dt-inputs-color-background-default-l: 50%;
463
- --dt-inputs-color-background-default-a: 100%;
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: #ff5c00;
467
432
  --dt-inputs-color-border-disabled-h: 22;
468
433
  --dt-inputs-color-border-disabled-s: 100%;
469
434
  --dt-inputs-color-border-disabled-l: 50%;
@@ -622,6 +587,20 @@
622
587
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
623
588
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
624
589
  --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: 22;
591
+ --dt-color-border-accent-s: 100%;
592
+ --dt-color-border-accent-l: 50%;
593
+ --dt-color-border-accent-a: 100%;
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: #ff5c00;
597
+ --dt-color-border-focus-h: 22;
598
+ --dt-color-border-focus-s: 100%;
599
+ --dt-color-border-focus-l: 50%;
600
+ --dt-color-border-focus-a: 100%;
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: #ff5c00;
625
604
  --dt-color-border-brand-strong-inverted-h: 22;
626
605
  --dt-color-border-brand-strong-inverted-s: 100%;
627
606
  --dt-color-border-brand-strong-inverted-l: 50%;
@@ -629,83 +608,111 @@
629
608
  --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-200-hsl);
630
609
  --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-200-hsla);
631
610
  --dt-color-border-brand-strong-inverted: #ff5c00;
632
- --dt-color-border-brand-subtle-inverted-h: 22;
633
- --dt-color-border-brand-subtle-inverted-s: 100%;
634
- --dt-color-border-brand-subtle-inverted-l: 50%;
635
- --dt-color-border-brand-subtle-inverted-a: 100%;
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: #ff5c00;
639
611
  --dt-color-border-warning-strong-inverted-h: 22;
640
612
  --dt-color-border-warning-strong-inverted-s: 100%;
641
613
  --dt-color-border-warning-strong-inverted-l: 50%;
642
614
  --dt-color-border-warning-strong-inverted-a: 100%;
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);
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);
645
617
  --dt-color-border-warning-strong-inverted: #ff5c00;
646
- --dt-color-border-warning-subtle-inverted-h: 22;
647
- --dt-color-border-warning-subtle-inverted-s: 100%;
648
- --dt-color-border-warning-subtle-inverted-l: 50%;
649
- --dt-color-border-warning-subtle-inverted-a: 100%;
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: #ff5c00;
653
618
  --dt-color-border-success-strong-inverted-h: 22;
654
619
  --dt-color-border-success-strong-inverted-s: 100%;
655
620
  --dt-color-border-success-strong-inverted-l: 50%;
656
621
  --dt-color-border-success-strong-inverted-a: 100%;
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);
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);
659
624
  --dt-color-border-success-strong-inverted: #ff5c00;
660
- --dt-color-border-success-subtle-inverted-h: 22;
661
- --dt-color-border-success-subtle-inverted-s: 100%;
662
- --dt-color-border-success-subtle-inverted-l: 50%;
663
- --dt-color-border-success-subtle-inverted-a: 100%;
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: #ff5c00;
667
625
  --dt-color-border-critical-strong-inverted-h: 22;
668
626
  --dt-color-border-critical-strong-inverted-s: 100%;
669
627
  --dt-color-border-critical-strong-inverted-l: 50%;
670
628
  --dt-color-border-critical-strong-inverted-a: 100%;
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);
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);
673
631
  --dt-color-border-critical-strong-inverted: #ff5c00;
632
+ --dt-color-border-brand-subtle-inverted-h: 22;
633
+ --dt-color-border-brand-subtle-inverted-s: 100%;
634
+ --dt-color-border-brand-subtle-inverted-l: 50%;
635
+ --dt-color-border-brand-subtle-inverted-a: 100%;
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: #ff5c00;
639
+ --dt-color-border-warning-subtle-inverted-h: 22;
640
+ --dt-color-border-warning-subtle-inverted-s: 100%;
641
+ --dt-color-border-warning-subtle-inverted-l: 50%;
642
+ --dt-color-border-warning-subtle-inverted-a: 100%;
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: #ff5c00;
646
+ --dt-color-border-success-subtle-inverted-h: 22;
647
+ --dt-color-border-success-subtle-inverted-s: 100%;
648
+ --dt-color-border-success-subtle-inverted-l: 50%;
649
+ --dt-color-border-success-subtle-inverted-a: 100%;
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: #ff5c00;
674
653
  --dt-color-border-critical-subtle-inverted-h: 22;
675
654
  --dt-color-border-critical-subtle-inverted-s: 100%;
676
655
  --dt-color-border-critical-subtle-inverted-l: 50%;
677
656
  --dt-color-border-critical-subtle-inverted-a: 100%;
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);
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);
680
659
  --dt-color-border-critical-subtle-inverted: #ff5c00;
681
660
  --dt-color-border-brand-inverted-h: 22;
682
661
  --dt-color-border-brand-inverted-s: 100%;
683
662
  --dt-color-border-brand-inverted-l: 50%;
684
663
  --dt-color-border-brand-inverted-a: 100%;
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);
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);
687
666
  --dt-color-border-brand-inverted: #ff5c00;
688
667
  --dt-color-border-warning-inverted-h: 22;
689
668
  --dt-color-border-warning-inverted-s: 100%;
690
669
  --dt-color-border-warning-inverted-l: 50%;
691
670
  --dt-color-border-warning-inverted-a: 100%;
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);
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);
694
673
  --dt-color-border-warning-inverted: #ff5c00;
695
674
  --dt-color-border-success-inverted-h: 22;
696
675
  --dt-color-border-success-inverted-s: 100%;
697
676
  --dt-color-border-success-inverted-l: 50%;
698
677
  --dt-color-border-success-inverted-a: 100%;
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);
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);
701
680
  --dt-color-border-success-inverted: #ff5c00;
702
681
  --dt-color-border-critical-inverted-h: 22;
703
682
  --dt-color-border-critical-inverted-s: 100%;
704
683
  --dt-color-border-critical-inverted-l: 50%;
705
684
  --dt-color-border-critical-inverted-a: 100%;
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);
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);
708
687
  --dt-color-border-critical-inverted: #ff5c00;
688
+ --dt-color-border-bold-inverted-h: 22;
689
+ --dt-color-border-bold-inverted-s: 100%;
690
+ --dt-color-border-bold-inverted-l: 50%;
691
+ --dt-color-border-bold-inverted-a: 100%;
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: #ff5c00;
695
+ --dt-color-border-moderate-inverted-h: 22;
696
+ --dt-color-border-moderate-inverted-s: 100%;
697
+ --dt-color-border-moderate-inverted-l: 50%;
698
+ --dt-color-border-moderate-inverted-a: 100%;
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: #ff5c00;
702
+ --dt-color-border-default-inverted-h: 22;
703
+ --dt-color-border-default-inverted-s: 100%;
704
+ --dt-color-border-default-inverted-l: 50%;
705
+ --dt-color-border-default-inverted-a: 100%;
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: #ff5c00;
709
+ --dt-color-border-subtle-inverted-h: 22;
710
+ --dt-color-border-subtle-inverted-s: 100%;
711
+ --dt-color-border-subtle-inverted-l: 50%;
712
+ --dt-color-border-subtle-inverted-a: 100%;
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: #ff5c00;
709
716
  --dt-color-border-brand-strong-h: 22;
710
717
  --dt-color-border-brand-strong-s: 100%;
711
718
  --dt-color-border-brand-strong-l: 50%;
@@ -713,62 +720,55 @@
713
720
  --dt-color-border-brand-strong-hsl: var(--dt-color-purple-500-hsl);
714
721
  --dt-color-border-brand-strong-hsla: var(--dt-color-purple-500-hsla);
715
722
  --dt-color-border-brand-strong: #ff5c00;
716
- --dt-color-border-brand-subtle-h: 22;
717
- --dt-color-border-brand-subtle-s: 100%;
718
- --dt-color-border-brand-subtle-l: 50%;
719
- --dt-color-border-brand-subtle-a: 100%;
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: #ff5c00;
723
723
  --dt-color-border-warning-strong-h: 22;
724
724
  --dt-color-border-warning-strong-s: 100%;
725
725
  --dt-color-border-warning-strong-l: 50%;
726
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%));
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
729
  --dt-color-border-warning-strong: #ff5c00;
730
- --dt-color-border-warning-subtle-h: 22;
731
- --dt-color-border-warning-subtle-s: 100%;
732
- --dt-color-border-warning-subtle-l: 50%;
733
- --dt-color-border-warning-subtle-a: 100%;
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: #ff5c00;
737
730
  --dt-color-border-success-strong-h: 22;
738
731
  --dt-color-border-success-strong-s: 100%;
739
732
  --dt-color-border-success-strong-l: 50%;
740
733
  --dt-color-border-success-strong-a: 100%;
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);
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);
743
736
  --dt-color-border-success-strong: #ff5c00;
744
- --dt-color-border-success-subtle-h: 22;
745
- --dt-color-border-success-subtle-s: 100%;
746
- --dt-color-border-success-subtle-l: 50%;
747
- --dt-color-border-success-subtle-a: 100%;
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: #ff5c00;
751
737
  --dt-color-border-critical-strong-h: 22;
752
738
  --dt-color-border-critical-strong-s: 100%;
753
739
  --dt-color-border-critical-strong-l: 50%;
754
740
  --dt-color-border-critical-strong-a: 100%;
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);
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);
757
743
  --dt-color-border-critical-strong: #ff5c00;
758
- --dt-color-border-critical-subtle-h: 22;
759
- --dt-color-border-critical-subtle-s: 100%;
760
- --dt-color-border-critical-subtle-l: 50%;
761
- --dt-color-border-critical-subtle-a: 100%;
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: #ff5c00;
765
- --dt-color-border-accent-h: 22;
766
- --dt-color-border-accent-s: 100%;
767
- --dt-color-border-accent-l: 50%;
768
- --dt-color-border-accent-a: 100%;
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: #ff5c00;
744
+ --dt-color-border-brand-subtle-h: 22;
745
+ --dt-color-border-brand-subtle-s: 100%;
746
+ --dt-color-border-brand-subtle-l: 50%;
747
+ --dt-color-border-brand-subtle-a: 100%;
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: #ff5c00;
751
+ --dt-color-border-warning-subtle-h: 22;
752
+ --dt-color-border-warning-subtle-s: 100%;
753
+ --dt-color-border-warning-subtle-l: 50%;
754
+ --dt-color-border-warning-subtle-a: 100%;
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: #ff5c00;
758
+ --dt-color-border-success-subtle-h: 22;
759
+ --dt-color-border-success-subtle-s: 100%;
760
+ --dt-color-border-success-subtle-l: 50%;
761
+ --dt-color-border-success-subtle-a: 100%;
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: #ff5c00;
765
+ --dt-color-border-critical-subtle-h: 22;
766
+ --dt-color-border-critical-subtle-s: 100%;
767
+ --dt-color-border-critical-subtle-l: 50%;
768
+ --dt-color-border-critical-subtle-a: 100%;
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: #ff5c00;
772
772
  --dt-color-border-brand-h: 22;
773
773
  --dt-color-border-brand-s: 100%;
774
774
  --dt-color-border-brand-l: 50%;
@@ -787,51 +787,16 @@
787
787
  --dt-color-border-success-s: 100%;
788
788
  --dt-color-border-success-l: 50%;
789
789
  --dt-color-border-success-a: 100%;
790
- --dt-color-border-success-hsl: var(--dt-color-green-400-hsl);
791
- --dt-color-border-success-hsla: var(--dt-color-green-400-hsla);
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
792
  --dt-color-border-success: #ff5c00;
793
793
  --dt-color-border-critical-h: 22;
794
794
  --dt-color-border-critical-s: 100%;
795
795
  --dt-color-border-critical-l: 50%;
796
796
  --dt-color-border-critical-a: 100%;
797
- --dt-color-border-critical-hsl: var(--dt-color-red-300-hsl);
798
- --dt-color-border-critical-hsla: var(--dt-color-red-300-hsla);
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
799
  --dt-color-border-critical: #ff5c00;
800
- --dt-color-border-focus-h: 22;
801
- --dt-color-border-focus-s: 100%;
802
- --dt-color-border-focus-l: 50%;
803
- --dt-color-border-focus-a: 100%;
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: #ff5c00;
807
- --dt-color-border-bold-inverted-h: 22;
808
- --dt-color-border-bold-inverted-s: 100%;
809
- --dt-color-border-bold-inverted-l: 50%;
810
- --dt-color-border-bold-inverted-a: 100%;
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: #ff5c00;
814
- --dt-color-border-moderate-inverted-h: 22;
815
- --dt-color-border-moderate-inverted-s: 100%;
816
- --dt-color-border-moderate-inverted-l: 50%;
817
- --dt-color-border-moderate-inverted-a: 100%;
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: #ff5c00;
821
- --dt-color-border-default-inverted-h: 22;
822
- --dt-color-border-default-inverted-s: 100%;
823
- --dt-color-border-default-inverted-l: 50%;
824
- --dt-color-border-default-inverted-a: 100%;
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: #ff5c00;
828
- --dt-color-border-subtle-inverted-h: 22;
829
- --dt-color-border-subtle-inverted-s: 100%;
830
- --dt-color-border-subtle-inverted-l: 50%;
831
- --dt-color-border-subtle-inverted-a: 100%;
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: #ff5c00;
835
800
  --dt-color-border-bold-h: 22;
836
801
  --dt-color-border-bold-s: 100%;
837
802
  --dt-color-border-bold-l: 50%;
@@ -844,36 +809,463 @@
844
809
  --dt-color-border-moderate-l: 50%;
845
810
  --dt-color-border-moderate-a: 100%;
846
811
  --dt-color-border-moderate-hsl: var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l);
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%));
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%));
848
813
  --dt-color-border-moderate: #ff5c00;
849
814
  --dt-color-border-default-h: 22;
850
815
  --dt-color-border-default-s: 100%;
851
816
  --dt-color-border-default-l: 50%;
852
817
  --dt-color-border-default-a: 100%;
853
818
  --dt-color-border-default-hsl: var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l);
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%));
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%));
855
820
  --dt-color-border-default: #ff5c00;
856
821
  --dt-color-border-subtle-h: 22;
857
822
  --dt-color-border-subtle-s: 100%;
858
823
  --dt-color-border-subtle-l: 50%;
859
824
  --dt-color-border-subtle-a: 100%;
860
825
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
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%));
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%));
862
827
  --dt-color-border-subtle: #ff5c00;
828
+ --dt-color-surface-backdrop-h: 22;
829
+ --dt-color-surface-backdrop-s: 100%;
830
+ --dt-color-surface-backdrop-l: 50%;
831
+ --dt-color-surface-backdrop-a: 100%;
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: #ff5c00; /* Background color for a modal-like backdrop. */
835
+ --dt-color-surface-brand-subtle-opaque-inverted-h: 22;
836
+ --dt-color-surface-brand-subtle-opaque-inverted-s: 100%;
837
+ --dt-color-surface-brand-subtle-opaque-inverted-l: 50%;
838
+ --dt-color-surface-brand-subtle-opaque-inverted-a: 100%;
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: #ff5c00; /* Info surface as opaque background color. */
842
+ --dt-color-surface-info-subtle-opaque-inverted-h: 22;
843
+ --dt-color-surface-info-subtle-opaque-inverted-s: 100%;
844
+ --dt-color-surface-info-subtle-opaque-inverted-l: 50%;
845
+ --dt-color-surface-info-subtle-opaque-inverted-a: 100%;
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: #ff5c00; /* Info surface as opaque background color. */
849
+ --dt-color-surface-success-subtle-opaque-inverted-h: 22;
850
+ --dt-color-surface-success-subtle-opaque-inverted-s: 100%;
851
+ --dt-color-surface-success-subtle-opaque-inverted-l: 50%;
852
+ --dt-color-surface-success-subtle-opaque-inverted-a: 100%;
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: #ff5c00; /* Success subtle surface as opaque background color. */
856
+ --dt-color-surface-warning-subtle-opaque-inverted-h: 22;
857
+ --dt-color-surface-warning-subtle-opaque-inverted-s: 100%;
858
+ --dt-color-surface-warning-subtle-opaque-inverted-l: 50%;
859
+ --dt-color-surface-warning-subtle-opaque-inverted-a: 100%;
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: #ff5c00; /* Warning subtle surface as opaque background color */
863
+ --dt-color-surface-critical-subtle-opaque-inverted-h: 22;
864
+ --dt-color-surface-critical-subtle-opaque-inverted-s: 100%;
865
+ --dt-color-surface-critical-subtle-opaque-inverted-l: 50%;
866
+ --dt-color-surface-critical-subtle-opaque-inverted-a: 100%;
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: #ff5c00; /* Critical subtle surface as opaque background color. */
870
+ --dt-color-surface-brand-opaque-inverted-h: 22;
871
+ --dt-color-surface-brand-opaque-inverted-s: 100%;
872
+ --dt-color-surface-brand-opaque-inverted-l: 50%;
873
+ --dt-color-surface-brand-opaque-inverted-a: 100%;
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: #ff5c00; /* Info surface as opaque background color. */
877
+ --dt-color-surface-info-opaque-inverted-h: 22;
878
+ --dt-color-surface-info-opaque-inverted-s: 100%;
879
+ --dt-color-surface-info-opaque-inverted-l: 50%;
880
+ --dt-color-surface-info-opaque-inverted-a: 100%;
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: #ff5c00; /* Info surface as opaque background color. */
884
+ --dt-color-surface-success-opaque-inverted-h: 22;
885
+ --dt-color-surface-success-opaque-inverted-s: 100%;
886
+ --dt-color-surface-success-opaque-inverted-l: 50%;
887
+ --dt-color-surface-success-opaque-inverted-a: 100%;
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: #ff5c00; /* Success surface as opaque background color. */
891
+ --dt-color-surface-warning-opaque-inverted-h: 22;
892
+ --dt-color-surface-warning-opaque-inverted-s: 100%;
893
+ --dt-color-surface-warning-opaque-inverted-l: 50%;
894
+ --dt-color-surface-warning-opaque-inverted-a: 100%;
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: #ff5c00; /* Warning surface as opaque background color */
898
+ --dt-color-surface-critical-opaque-inverted-h: 22;
899
+ --dt-color-surface-critical-opaque-inverted-s: 100%;
900
+ --dt-color-surface-critical-opaque-inverted-l: 50%;
901
+ --dt-color-surface-critical-opaque-inverted-a: 100%;
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: #ff5c00; /* Critical surface as opaque background color. */
905
+ --dt-color-surface-contrast-opaque-inverted-h: 22;
906
+ --dt-color-surface-contrast-opaque-inverted-s: 100%;
907
+ --dt-color-surface-contrast-opaque-inverted-l: 50%;
908
+ --dt-color-surface-contrast-opaque-inverted-a: 100%;
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: #ff5c00; /* Contrast surface as opaque background color. */
912
+ --dt-color-surface-strong-opaque-inverted-h: 22;
913
+ --dt-color-surface-strong-opaque-inverted-s: 100%;
914
+ --dt-color-surface-strong-opaque-inverted-l: 50%;
915
+ --dt-color-surface-strong-opaque-inverted-a: 100%;
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: #ff5c00; /* Strong surface as opaque background color. */
919
+ --dt-color-surface-bold-opaque-inverted-h: 22;
920
+ --dt-color-surface-bold-opaque-inverted-s: 100%;
921
+ --dt-color-surface-bold-opaque-inverted-l: 50%;
922
+ --dt-color-surface-bold-opaque-inverted-a: 100%;
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: #ff5c00; /* Bold surface as opaque background color. */
926
+ --dt-color-surface-moderate-opaque-inverted-h: 22;
927
+ --dt-color-surface-moderate-opaque-inverted-s: 100%;
928
+ --dt-color-surface-moderate-opaque-inverted-l: 50%;
929
+ --dt-color-surface-moderate-opaque-inverted-a: 100%;
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: #ff5c00; /* Moderate surface as opaque background color. */
933
+ --dt-color-surface-secondary-opaque-inverted-h: 22;
934
+ --dt-color-surface-secondary-opaque-inverted-s: 100%;
935
+ --dt-color-surface-secondary-opaque-inverted-l: 50%;
936
+ --dt-color-surface-secondary-opaque-inverted-a: 100%;
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: #ff5c00; /* Secondary surface as opaque background color. */
940
+ --dt-color-surface-brand-strong-inverted-h: 22;
941
+ --dt-color-surface-brand-strong-inverted-s: 100%;
942
+ --dt-color-surface-brand-strong-inverted-l: 50%;
943
+ --dt-color-surface-brand-strong-inverted-a: 100%;
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: #ff5c00; /* A contrasting informational surface, most likely paired with inverted foreground colors. */
947
+ --dt-color-surface-info-strong-inverted-h: 22;
948
+ --dt-color-surface-info-strong-inverted-s: 100%;
949
+ --dt-color-surface-info-strong-inverted-l: 50%;
950
+ --dt-color-surface-info-strong-inverted-a: 100%;
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: #ff5c00; /* A contrasting informational surface, most likely paired with inverted foreground colors. */
954
+ --dt-color-surface-success-strong-inverted-h: 22;
955
+ --dt-color-surface-success-strong-inverted-s: 100%;
956
+ --dt-color-surface-success-strong-inverted-l: 50%;
957
+ --dt-color-surface-success-strong-inverted-a: 100%;
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: #ff5c00; /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
961
+ --dt-color-surface-warning-strong-inverted-h: 22;
962
+ --dt-color-surface-warning-strong-inverted-s: 100%;
963
+ --dt-color-surface-warning-strong-inverted-l: 50%;
964
+ --dt-color-surface-warning-strong-inverted-a: 100%;
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: #ff5c00; /* A contrasting warning surface, most likely paired with inverted foreground colors. */
968
+ --dt-color-surface-critical-strong-inverted-h: 22;
969
+ --dt-color-surface-critical-strong-inverted-s: 100%;
970
+ --dt-color-surface-critical-strong-inverted-l: 50%;
971
+ --dt-color-surface-critical-strong-inverted-a: 100%;
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: #ff5c00; /* A contrasting critical surface, most likely paired with inverted foreground colors. */
975
+ --dt-color-surface-brand-subtle-inverted-h: 22;
976
+ --dt-color-surface-brand-subtle-inverted-s: 100%;
977
+ --dt-color-surface-brand-subtle-inverted-l: 50%;
978
+ --dt-color-surface-brand-subtle-inverted-a: 100%;
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: #ff5c00; /* A softer version of the default informational surface. */
982
+ --dt-color-surface-info-subtle-inverted-h: 22;
983
+ --dt-color-surface-info-subtle-inverted-s: 100%;
984
+ --dt-color-surface-info-subtle-inverted-l: 50%;
985
+ --dt-color-surface-info-subtle-inverted-a: 100%;
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: #ff5c00; /* A softer version of the default informational surface. */
989
+ --dt-color-surface-success-subtle-inverted-h: 22;
990
+ --dt-color-surface-success-subtle-inverted-s: 100%;
991
+ --dt-color-surface-success-subtle-inverted-l: 50%;
992
+ --dt-color-surface-success-subtle-inverted-a: 100%;
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: #ff5c00; /* A softer version of the default success surface. */
996
+ --dt-color-surface-warning-subtle-inverted-h: 22;
997
+ --dt-color-surface-warning-subtle-inverted-s: 100%;
998
+ --dt-color-surface-warning-subtle-inverted-l: 50%;
999
+ --dt-color-surface-warning-subtle-inverted-a: 100%;
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: #ff5c00; /* A softer version of the default warning surface. */
1003
+ --dt-color-surface-critical-subtle-inverted-h: 22;
1004
+ --dt-color-surface-critical-subtle-inverted-s: 100%;
1005
+ --dt-color-surface-critical-subtle-inverted-l: 50%;
1006
+ --dt-color-surface-critical-subtle-inverted-a: 100%;
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: #ff5c00; /* A softer version of the Critical surface. */
1010
+ --dt-color-surface-brand-inverted-h: 22;
1011
+ --dt-color-surface-brand-inverted-s: 100%;
1012
+ --dt-color-surface-brand-inverted-l: 50%;
1013
+ --dt-color-surface-brand-inverted-a: 100%;
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: #ff5c00; /* Background surface color containing messaging or elements communicated as generally informational. */
1017
+ --dt-color-surface-info-inverted-h: 22;
1018
+ --dt-color-surface-info-inverted-s: 100%;
1019
+ --dt-color-surface-info-inverted-l: 50%;
1020
+ --dt-color-surface-info-inverted-a: 100%;
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: #ff5c00; /* Background surface color containing messaging or elements communicated as generally informational. */
1024
+ --dt-color-surface-success-inverted-h: 22;
1025
+ --dt-color-surface-success-inverted-s: 100%;
1026
+ --dt-color-surface-success-inverted-l: 50%;
1027
+ --dt-color-surface-success-inverted-a: 100%;
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: #ff5c00; /* Background surface color containing messaging or elements expressing a positive or successful state. */
1031
+ --dt-color-surface-warning-inverted-h: 22;
1032
+ --dt-color-surface-warning-inverted-s: 100%;
1033
+ --dt-color-surface-warning-inverted-l: 50%;
1034
+ --dt-color-surface-warning-inverted-a: 100%;
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: #ff5c00; /* Background surface color highlighting messaging or elements that may require user's attention. */
1038
+ --dt-color-surface-critical-inverted-h: 22;
1039
+ --dt-color-surface-critical-inverted-s: 100%;
1040
+ --dt-color-surface-critical-inverted-l: 50%;
1041
+ --dt-color-surface-critical-inverted-a: 100%;
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: #ff5c00; /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
1045
+ --dt-color-surface-contrast-inverted-h: 22;
1046
+ --dt-color-surface-contrast-inverted-s: 100%;
1047
+ --dt-color-surface-contrast-inverted-l: 50%;
1048
+ --dt-color-surface-contrast-inverted-a: 100%;
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: #ff5c00; /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
1052
+ --dt-color-surface-strong-inverted-h: 22;
1053
+ --dt-color-surface-strong-inverted-s: 100%;
1054
+ --dt-color-surface-strong-inverted-l: 50%;
1055
+ --dt-color-surface-strong-inverted-a: 100%;
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: #ff5c00; /* Use sparingly to draw the eye to a relatively important region. */
1059
+ --dt-color-surface-bold-inverted-h: 22;
1060
+ --dt-color-surface-bold-inverted-s: 100%;
1061
+ --dt-color-surface-bold-inverted-l: 50%;
1062
+ --dt-color-surface-bold-inverted-a: 100%;
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: #ff5c00; /* Highlight or call attention to specific areas of the interface. */
1066
+ --dt-color-surface-moderate-inverted-h: 22;
1067
+ --dt-color-surface-moderate-inverted-s: 100%;
1068
+ --dt-color-surface-moderate-inverted-l: 50%;
1069
+ --dt-color-surface-moderate-inverted-a: 100%;
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: #ff5c00; /* A tertiary surface level, prominent without being too overpowering. */
1073
+ --dt-color-surface-secondary-inverted-h: 22;
1074
+ --dt-color-surface-secondary-inverted-s: 100%;
1075
+ --dt-color-surface-secondary-inverted-l: 50%;
1076
+ --dt-color-surface-secondary-inverted-a: 100%;
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: #ff5c00; /* For adjacent or complementary regions. */
1080
+ --dt-color-surface-primary-inverted-h: 22;
1081
+ --dt-color-surface-primary-inverted-s: 100%;
1082
+ --dt-color-surface-primary-inverted-l: 50%;
1083
+ --dt-color-surface-primary-inverted-a: 100%;
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: #ff5c00; /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
1087
+ --dt-color-surface-brand-subtle-opaque-h: 22;
1088
+ --dt-color-surface-brand-subtle-opaque-s: 100%;
1089
+ --dt-color-surface-brand-subtle-opaque-l: 50%;
1090
+ --dt-color-surface-brand-subtle-opaque-a: 100%;
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: #ff5c00; /* Info surface as opaque background color. */
1094
+ --dt-color-surface-info-subtle-opaque-h: 22;
1095
+ --dt-color-surface-info-subtle-opaque-s: 100%;
1096
+ --dt-color-surface-info-subtle-opaque-l: 50%;
1097
+ --dt-color-surface-info-subtle-opaque-a: 100%;
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: #ff5c00; /* Info surface as opaque background color. */
1101
+ --dt-color-surface-success-subtle-opaque-h: 22;
1102
+ --dt-color-surface-success-subtle-opaque-s: 100%;
1103
+ --dt-color-surface-success-subtle-opaque-l: 50%;
1104
+ --dt-color-surface-success-subtle-opaque-a: 100%;
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: #ff5c00; /* Success subtle surface as opaque background color. */
1108
+ --dt-color-surface-warning-subtle-opaque-h: 22;
1109
+ --dt-color-surface-warning-subtle-opaque-s: 100%;
1110
+ --dt-color-surface-warning-subtle-opaque-l: 50%;
1111
+ --dt-color-surface-warning-subtle-opaque-a: 100%;
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: #ff5c00; /* Warning subtle surface as opaque background color */
1115
+ --dt-color-surface-critical-subtle-opaque-h: 22;
1116
+ --dt-color-surface-critical-subtle-opaque-s: 100%;
1117
+ --dt-color-surface-critical-subtle-opaque-l: 50%;
1118
+ --dt-color-surface-critical-subtle-opaque-a: 100%;
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: #ff5c00; /* Critical subtle surface as opaque background color. */
1122
+ --dt-color-surface-brand-opaque-h: 22;
1123
+ --dt-color-surface-brand-opaque-s: 100%;
1124
+ --dt-color-surface-brand-opaque-l: 50%;
1125
+ --dt-color-surface-brand-opaque-a: 100%;
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: #ff5c00; /* Info surface as opaque background color. */
1129
+ --dt-color-surface-info-opaque-h: 22;
1130
+ --dt-color-surface-info-opaque-s: 100%;
1131
+ --dt-color-surface-info-opaque-l: 50%;
1132
+ --dt-color-surface-info-opaque-a: 100%;
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: #ff5c00; /* Info surface as opaque background color. */
1136
+ --dt-color-surface-success-opaque-h: 22;
1137
+ --dt-color-surface-success-opaque-s: 100%;
1138
+ --dt-color-surface-success-opaque-l: 50%;
1139
+ --dt-color-surface-success-opaque-a: 100%;
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: #ff5c00; /* Success surface as opaque background color. */
1143
+ --dt-color-surface-warning-opaque-h: 22;
1144
+ --dt-color-surface-warning-opaque-s: 100%;
1145
+ --dt-color-surface-warning-opaque-l: 50%;
1146
+ --dt-color-surface-warning-opaque-a: 100%;
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: #ff5c00; /* Warning surface as opaque background color */
1150
+ --dt-color-surface-critical-opaque-h: 22;
1151
+ --dt-color-surface-critical-opaque-s: 100%;
1152
+ --dt-color-surface-critical-opaque-l: 50%;
1153
+ --dt-color-surface-critical-opaque-a: 100%;
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: #ff5c00; /* Critical surface as opaque background color. */
1157
+ --dt-color-surface-contrast-opaque-h: 22;
1158
+ --dt-color-surface-contrast-opaque-s: 100%;
1159
+ --dt-color-surface-contrast-opaque-l: 50%;
1160
+ --dt-color-surface-contrast-opaque-a: 100%;
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: #ff5c00; /* Contrast surface as opaque background color. */
1164
+ --dt-color-surface-strong-opaque-h: 22;
1165
+ --dt-color-surface-strong-opaque-s: 100%;
1166
+ --dt-color-surface-strong-opaque-l: 50%;
1167
+ --dt-color-surface-strong-opaque-a: 100%;
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: #ff5c00; /* Strong surface as opaque background color. */
1171
+ --dt-color-surface-bold-opaque-h: 22;
1172
+ --dt-color-surface-bold-opaque-s: 100%;
1173
+ --dt-color-surface-bold-opaque-l: 50%;
1174
+ --dt-color-surface-bold-opaque-a: 100%;
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: #ff5c00; /* Bold surface as opaque background color. */
1178
+ --dt-color-surface-moderate-opaque-h: 22;
1179
+ --dt-color-surface-moderate-opaque-s: 100%;
1180
+ --dt-color-surface-moderate-opaque-l: 50%;
1181
+ --dt-color-surface-moderate-opaque-a: 100%;
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: #ff5c00; /* Moderate surface as opaque background color. */
1185
+ --dt-color-surface-secondary-opaque-h: 22;
1186
+ --dt-color-surface-secondary-opaque-s: 100%;
1187
+ --dt-color-surface-secondary-opaque-l: 50%;
1188
+ --dt-color-surface-secondary-opaque-a: 100%;
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: #ff5c00; /* Secondary surface as opaque background color. */
1192
+ --dt-color-surface-brand-strong-h: 22;
1193
+ --dt-color-surface-brand-strong-s: 100%;
1194
+ --dt-color-surface-brand-strong-l: 50%;
1195
+ --dt-color-surface-brand-strong-a: 100%;
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: #ff5c00; /* A contrasting informational surface, most likely paired with inverted foreground colors. */
863
1199
  --dt-color-surface-info-strong-h: 22;
864
1200
  --dt-color-surface-info-strong-s: 100%;
865
1201
  --dt-color-surface-info-strong-l: 50%;
866
1202
  --dt-color-surface-info-strong-a: 100%;
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);
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);
869
1205
  --dt-color-surface-info-strong: #ff5c00; /* A contrasting informational surface, most likely paired with inverted foreground colors. */
1206
+ --dt-color-surface-success-strong-h: 22;
1207
+ --dt-color-surface-success-strong-s: 100%;
1208
+ --dt-color-surface-success-strong-l: 50%;
1209
+ --dt-color-surface-success-strong-a: 100%;
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: #ff5c00; /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
1213
+ --dt-color-surface-warning-strong-h: 22;
1214
+ --dt-color-surface-warning-strong-s: 100%;
1215
+ --dt-color-surface-warning-strong-l: 50%;
1216
+ --dt-color-surface-warning-strong-a: 100%;
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: #ff5c00; /* A contrasting warning surface, most likely paired with inverted foreground colors. */
1220
+ --dt-color-surface-critical-strong-h: 22;
1221
+ --dt-color-surface-critical-strong-s: 100%;
1222
+ --dt-color-surface-critical-strong-l: 50%;
1223
+ --dt-color-surface-critical-strong-a: 100%;
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: #ff5c00; /* A contrasting critical surface, most likely paired with inverted foreground colors. */
1227
+ --dt-color-surface-brand-subtle-h: 22;
1228
+ --dt-color-surface-brand-subtle-s: 100%;
1229
+ --dt-color-surface-brand-subtle-l: 50%;
1230
+ --dt-color-surface-brand-subtle-a: 100%;
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: #ff5c00; /* A softer version of the default informational surface. */
870
1234
  --dt-color-surface-info-subtle-h: 22;
871
1235
  --dt-color-surface-info-subtle-s: 100%;
872
1236
  --dt-color-surface-info-subtle-l: 50%;
873
1237
  --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%));
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);
876
1240
  --dt-color-surface-info-subtle: #ff5c00; /* A softer version of the default informational surface. */
1241
+ --dt-color-surface-success-subtle-h: 22;
1242
+ --dt-color-surface-success-subtle-s: 100%;
1243
+ --dt-color-surface-success-subtle-l: 50%;
1244
+ --dt-color-surface-success-subtle-a: 100%;
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: #ff5c00; /* A softer version of the default success surface. */
1248
+ --dt-color-surface-warning-subtle-h: 22;
1249
+ --dt-color-surface-warning-subtle-s: 100%;
1250
+ --dt-color-surface-warning-subtle-l: 50%;
1251
+ --dt-color-surface-warning-subtle-a: 100%;
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: #ff5c00; /* A softer version of the default warning surface. */
1255
+ --dt-color-surface-critical-subtle-h: 22;
1256
+ --dt-color-surface-critical-subtle-s: 100%;
1257
+ --dt-color-surface-critical-subtle-l: 50%;
1258
+ --dt-color-surface-critical-subtle-a: 100%;
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: #ff5c00; /* A softer version of the Critical surface. */
1262
+ --dt-color-surface-brand-h: 22;
1263
+ --dt-color-surface-brand-s: 100%;
1264
+ --dt-color-surface-brand-l: 50%;
1265
+ --dt-color-surface-brand-a: 100%;
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: #ff5c00; /* Background surface color containing messaging or elements communicated as generally informational. */
877
1269
  --dt-color-surface-info-h: 22;
878
1270
  --dt-color-surface-info-s: 100%;
879
1271
  --dt-color-surface-info-l: 50%;
@@ -881,20 +1273,6 @@
881
1273
  --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
882
1274
  --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
883
1275
  --dt-color-surface-info: #ff5c00; /* Background surface color containing messaging or elements communicated as generally informational. */
884
- --dt-color-surface-success-strong-h: 22;
885
- --dt-color-surface-success-strong-s: 100%;
886
- --dt-color-surface-success-strong-l: 50%;
887
- --dt-color-surface-success-strong-a: 100%;
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: #ff5c00; /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
891
- --dt-color-surface-success-subtle-h: 22;
892
- --dt-color-surface-success-subtle-s: 100%;
893
- --dt-color-surface-success-subtle-l: 50%;
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: #ff5c00; /* A softer version of the default success surface. */
898
1276
  --dt-color-surface-success-h: 22;
899
1277
  --dt-color-surface-success-s: 100%;
900
1278
  --dt-color-surface-success-l: 50%;
@@ -902,20 +1280,6 @@
902
1280
  --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
903
1281
  --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
904
1282
  --dt-color-surface-success: #ff5c00; /* Background surface color containing messaging or elements expressing a positive or successful state. */
905
- --dt-color-surface-warning-strong-h: 22;
906
- --dt-color-surface-warning-strong-s: 100%;
907
- --dt-color-surface-warning-strong-l: 50%;
908
- --dt-color-surface-warning-strong-a: 100%;
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: #ff5c00; /* A contrasting warning surface, most likely paired with inverted foreground colors. */
912
- --dt-color-surface-warning-subtle-h: 22;
913
- --dt-color-surface-warning-subtle-s: 100%;
914
- --dt-color-surface-warning-subtle-l: 50%;
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: #ff5c00; /* A softer version of the default warning surface. */
919
1283
  --dt-color-surface-warning-h: 22;
920
1284
  --dt-color-surface-warning-s: 100%;
921
1285
  --dt-color-surface-warning-l: 50%;
@@ -923,20 +1287,6 @@
923
1287
  --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
924
1288
  --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
925
1289
  --dt-color-surface-warning: #ff5c00; /* Background surface color highlighting messaging or elements that may require user's attention. */
926
- --dt-color-surface-critical-strong-h: 22;
927
- --dt-color-surface-critical-strong-s: 100%;
928
- --dt-color-surface-critical-strong-l: 50%;
929
- --dt-color-surface-critical-strong-a: 100%;
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: #ff5c00; /* A contrasting critical surface, most likely paired with inverted foreground colors. */
933
- --dt-color-surface-critical-subtle-h: 22;
934
- --dt-color-surface-critical-subtle-s: 100%;
935
- --dt-color-surface-critical-subtle-l: 50%;
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: #ff5c00; /* A softer version of the Critical surface. */
940
1290
  --dt-color-surface-critical-h: 22;
941
1291
  --dt-color-surface-critical-s: 100%;
942
1292
  --dt-color-surface-critical-l: 50%;
@@ -983,107 +1333,9 @@
983
1333
  --dt-color-surface-primary-s: 100%;
984
1334
  --dt-color-surface-primary-l: 50%;
985
1335
  --dt-color-surface-primary-a: 100%;
986
- --dt-color-surface-primary-hsl: var(--dt-color-neutral-white-hsl);
987
- --dt-color-surface-primary-hsla: var(--dt-color-neutral-white-hsla);
1336
+ --dt-color-surface-primary-hsl: var(--dt-color-black-50-hsl);
1337
+ --dt-color-surface-primary-hsla: var(--dt-color-black-50-hsla);
988
1338
  --dt-color-surface-primary: #ff5c00; /* Default surface color for the majority of surfaces. */
989
- --dt-color-surface-info-subtle-opaque-h: 22;
990
- --dt-color-surface-info-subtle-opaque-s: 100%;
991
- --dt-color-surface-info-subtle-opaque-l: 50%;
992
- --dt-color-surface-info-subtle-opaque-a: 100%;
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: #ff5c00; /* Info surface as opaque background color. */
996
- --dt-color-surface-info-opaque-h: 22;
997
- --dt-color-surface-info-opaque-s: 100%;
998
- --dt-color-surface-info-opaque-l: 50%;
999
- --dt-color-surface-info-opaque-a: 100%;
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: #ff5c00; /* Info surface as opaque background color. */
1003
- --dt-color-surface-success-subtle-opaque-h: 22;
1004
- --dt-color-surface-success-subtle-opaque-s: 100%;
1005
- --dt-color-surface-success-subtle-opaque-l: 50%;
1006
- --dt-color-surface-success-subtle-opaque-a: 100%;
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: #ff5c00; /* Success subtle surface as opaque background color. */
1010
- --dt-color-surface-success-opaque-h: 22;
1011
- --dt-color-surface-success-opaque-s: 100%;
1012
- --dt-color-surface-success-opaque-l: 50%;
1013
- --dt-color-surface-success-opaque-a: 100%;
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: #ff5c00; /* Success surface as opaque background color. */
1017
- --dt-color-surface-warning-subtle-opaque-h: 22;
1018
- --dt-color-surface-warning-subtle-opaque-s: 100%;
1019
- --dt-color-surface-warning-subtle-opaque-l: 50%;
1020
- --dt-color-surface-warning-subtle-opaque-a: 100%;
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: #ff5c00; /* Warning subtle surface as opaque background color */
1024
- --dt-color-surface-warning-opaque-h: 22;
1025
- --dt-color-surface-warning-opaque-s: 100%;
1026
- --dt-color-surface-warning-opaque-l: 50%;
1027
- --dt-color-surface-warning-opaque-a: 100%;
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: #ff5c00; /* Warning surface as opaque background color */
1031
- --dt-color-surface-critical-subtle-opaque-h: 22;
1032
- --dt-color-surface-critical-subtle-opaque-s: 100%;
1033
- --dt-color-surface-critical-subtle-opaque-l: 50%;
1034
- --dt-color-surface-critical-subtle-opaque-a: 100%;
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: #ff5c00; /* Critical subtle surface as opaque background color. */
1038
- --dt-color-surface-critical-opaque-h: 22;
1039
- --dt-color-surface-critical-opaque-s: 100%;
1040
- --dt-color-surface-critical-opaque-l: 50%;
1041
- --dt-color-surface-critical-opaque-a: 100%;
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: #ff5c00; /* Critical surface as opaque background color. */
1045
- --dt-color-surface-backdrop-h: 22;
1046
- --dt-color-surface-backdrop-s: 100%;
1047
- --dt-color-surface-backdrop-l: 50%;
1048
- --dt-color-surface-backdrop-a: 100%;
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: #ff5c00; /* Background color for a modal-like backdrop. */
1052
- --dt-color-surface-contrast-opaque-h: 22;
1053
- --dt-color-surface-contrast-opaque-s: 100%;
1054
- --dt-color-surface-contrast-opaque-l: 50%;
1055
- --dt-color-surface-contrast-opaque-a: 100%;
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: #ff5c00; /* Contrast surface as opaque background color. */
1059
- --dt-color-surface-strong-opaque-h: 22;
1060
- --dt-color-surface-strong-opaque-s: 100%;
1061
- --dt-color-surface-strong-opaque-l: 50%;
1062
- --dt-color-surface-strong-opaque-a: 100%;
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: #ff5c00; /* Strong surface as opaque background color. */
1066
- --dt-color-surface-bold-opaque-h: 22;
1067
- --dt-color-surface-bold-opaque-s: 100%;
1068
- --dt-color-surface-bold-opaque-l: 50%;
1069
- --dt-color-surface-bold-opaque-a: 100%;
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: #ff5c00; /* Bold surface as opaque background color. */
1073
- --dt-color-surface-moderate-opaque-h: 22;
1074
- --dt-color-surface-moderate-opaque-s: 100%;
1075
- --dt-color-surface-moderate-opaque-l: 50%;
1076
- --dt-color-surface-moderate-opaque-a: 100%;
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: #ff5c00; /* Moderate surface as opaque background color. */
1080
- --dt-color-surface-secondary-opaque-h: 22;
1081
- --dt-color-surface-secondary-opaque-s: 100%;
1082
- --dt-color-surface-secondary-opaque-l: 50%;
1083
- --dt-color-surface-secondary-opaque-a: 100%;
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: #ff5c00; /* Secondary surface as opaque background color. */
1087
1339
  --dt-color-link-muted-inverted-hover-h: 22;
1088
1340
  --dt-color-link-muted-inverted-hover-s: 100%;
1089
1341
  --dt-color-link-muted-inverted-hover-l: 50%;
@@ -1095,8 +1347,8 @@
1095
1347
  --dt-color-link-warning-inverted-hover-s: 100%;
1096
1348
  --dt-color-link-warning-inverted-hover-l: 50%;
1097
1349
  --dt-color-link-warning-inverted-hover-a: 100%;
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);
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);
1100
1352
  --dt-color-link-warning-inverted-hover: #ff5c00;
1101
1353
  --dt-color-link-primary-inverted-hover-h: 22;
1102
1354
  --dt-color-link-primary-inverted-hover-s: 100%;
@@ -1105,27 +1357,20 @@
1105
1357
  --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-200-hsl);
1106
1358
  --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-200-hsla);
1107
1359
  --dt-color-link-primary-inverted-hover: #ff5c00;
1360
+ --dt-color-link-primary-inverted-h: 22;
1361
+ --dt-color-link-primary-inverted-s: 100%;
1362
+ --dt-color-link-primary-inverted-l: 50%;
1363
+ --dt-color-link-primary-inverted-a: 100%;
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: #ff5c00;
1108
1367
  --dt-color-link-warning-hover-h: 22;
1109
1368
  --dt-color-link-warning-hover-s: 100%;
1110
1369
  --dt-color-link-warning-hover-l: 50%;
1111
1370
  --dt-color-link-warning-hover-a: 100%;
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);
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);
1114
1373
  --dt-color-link-warning-hover: #ff5c00;
1115
- --dt-color-link-success-hover-h: 22;
1116
- --dt-color-link-success-hover-s: 100%;
1117
- --dt-color-link-success-hover-l: 50%;
1118
- --dt-color-link-success-hover-a: 100%;
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: #ff5c00;
1122
- --dt-color-link-critical-hover-h: 22;
1123
- --dt-color-link-critical-hover-s: 100%;
1124
- --dt-color-link-critical-hover-l: 50%;
1125
- --dt-color-link-critical-hover-a: 100%;
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: #ff5c00;
1129
1374
  --dt-color-link-primary-hover-h: 22;
1130
1375
  --dt-color-link-primary-hover-s: 100%;
1131
1376
  --dt-color-link-primary-hover-l: 50%;
@@ -1133,13 +1378,6 @@
1133
1378
  --dt-color-link-primary-hover-hsl: var(--dt-color-purple-500-hsl);
1134
1379
  --dt-color-link-primary-hover-hsla: var(--dt-color-purple-500-hsla);
1135
1380
  --dt-color-link-primary-hover: #ff5c00;
1136
- --dt-color-link-primary-inverted-h: 22;
1137
- --dt-color-link-primary-inverted-s: 100%;
1138
- --dt-color-link-primary-inverted-l: 50%;
1139
- --dt-color-link-primary-inverted-a: 100%;
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: #ff5c00;
1143
1381
  --dt-color-link-primary-h: 22;
1144
1382
  --dt-color-link-primary-s: 100%;
1145
1383
  --dt-color-link-primary-l: 50%;
@@ -1151,43 +1389,57 @@
1151
1389
  --dt-color-foreground-warning-inverted-s: 100%;
1152
1390
  --dt-color-foreground-warning-inverted-l: 50%;
1153
1391
  --dt-color-foreground-warning-inverted-a: 100%;
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);
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);
1156
1394
  --dt-color-foreground-warning-inverted: #ff5c00; /* Warning text that sits on high-contrast surfaces or backgrounds */
1395
+ --dt-color-foreground-success-strong-inverted-h: 22;
1396
+ --dt-color-foreground-success-strong-inverted-s: 100%;
1397
+ --dt-color-foreground-success-strong-inverted-l: 50%;
1398
+ --dt-color-foreground-success-strong-inverted-a: 100%;
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: #ff5c00; /* Success strong text that sits on high-contrast surfaces or backgrounds */
1157
1402
  --dt-color-foreground-success-inverted-h: 22;
1158
1403
  --dt-color-foreground-success-inverted-s: 100%;
1159
1404
  --dt-color-foreground-success-inverted-l: 50%;
1160
1405
  --dt-color-foreground-success-inverted-a: 100%;
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);
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);
1163
1408
  --dt-color-foreground-success-inverted: #ff5c00; /* Success text that sits on high-contrast surfaces or backgrounds */
1409
+ --dt-color-foreground-critical-strong-inverted-h: 22;
1410
+ --dt-color-foreground-critical-strong-inverted-s: 100%;
1411
+ --dt-color-foreground-critical-strong-inverted-l: 50%;
1412
+ --dt-color-foreground-critical-strong-inverted-a: 100%;
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: #ff5c00; /* Critical strong text that sits on high-contrast surfaces or backgrounds */
1164
1416
  --dt-color-foreground-critical-inverted-h: 22;
1165
1417
  --dt-color-foreground-critical-inverted-s: 100%;
1166
1418
  --dt-color-foreground-critical-inverted-l: 50%;
1167
1419
  --dt-color-foreground-critical-inverted-a: 100%;
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);
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);
1170
1422
  --dt-color-foreground-critical-inverted: #ff5c00; /* Critical text that sits on high-contrast surfaces or backgrounds */
1171
1423
  --dt-color-foreground-disabled-inverted-h: 22;
1172
1424
  --dt-color-foreground-disabled-inverted-s: 100%;
1173
1425
  --dt-color-foreground-disabled-inverted-l: 50%;
1174
1426
  --dt-color-foreground-disabled-inverted-a: 100%;
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);
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);
1177
1429
  --dt-color-foreground-disabled-inverted: #ff5c00; /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
1178
1430
  --dt-color-foreground-placeholder-inverted-h: 22;
1179
1431
  --dt-color-foreground-placeholder-inverted-s: 100%;
1180
1432
  --dt-color-foreground-placeholder-inverted-l: 50%;
1181
1433
  --dt-color-foreground-placeholder-inverted-a: 100%;
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);
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);
1184
1436
  --dt-color-foreground-placeholder-inverted: #ff5c00; /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
1185
1437
  --dt-color-foreground-muted-inverted-h: 22;
1186
1438
  --dt-color-foreground-muted-inverted-s: 100%;
1187
1439
  --dt-color-foreground-muted-inverted-l: 50%;
1188
1440
  --dt-color-foreground-muted-inverted-a: 100%;
1189
1441
  --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);
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%));
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%));
1191
1443
  --dt-color-foreground-muted-inverted: #ff5c00; /* Muted text color that sits on high-contrast surfaces or backgrounds. */
1192
1444
  --dt-color-foreground-tertiary-inverted-h: 22;
1193
1445
  --dt-color-foreground-tertiary-inverted-s: 100%;
@@ -1207,43 +1459,43 @@
1207
1459
  --dt-color-foreground-primary-inverted-s: 100%;
1208
1460
  --dt-color-foreground-primary-inverted-l: 50%;
1209
1461
  --dt-color-foreground-primary-inverted-a: 100%;
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);
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);
1212
1464
  --dt-color-foreground-primary-inverted: #ff5c00; /* Primary text that sits on high-contrast surfaces or backgrounds. */
1213
1465
  --dt-color-foreground-warning-h: 22;
1214
1466
  --dt-color-foreground-warning-s: 100%;
1215
1467
  --dt-color-foreground-warning-l: 50%;
1216
1468
  --dt-color-foreground-warning-a: 100%;
1217
- --dt-color-foreground-warning-hsl: var(--dt-color-gold-500-hsl);
1218
- --dt-color-foreground-warning-hsla: var(--dt-color-gold-500-hsla);
1469
+ --dt-color-foreground-warning-hsl: var(--dt-color-gold-600-hsl);
1470
+ --dt-color-foreground-warning-hsla: var(--dt-color-gold-600-hsla);
1219
1471
  --dt-color-foreground-warning: #ff5c00; /* Indicates information that requires user’s attention and further action may be necessary. */
1220
1472
  --dt-color-foreground-success-strong-h: 22;
1221
1473
  --dt-color-foreground-success-strong-s: 100%;
1222
1474
  --dt-color-foreground-success-strong-l: 50%;
1223
1475
  --dt-color-foreground-success-strong-a: 100%;
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);
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);
1226
1478
  --dt-color-foreground-success-strong: #ff5c00; /* Indicates a strong positive state on surfaces that require a stronger contrast. */
1227
1479
  --dt-color-foreground-success-h: 22;
1228
1480
  --dt-color-foreground-success-s: 100%;
1229
1481
  --dt-color-foreground-success-l: 50%;
1230
1482
  --dt-color-foreground-success-a: 100%;
1231
- --dt-color-foreground-success-hsl: var(--dt-color-green-400-hsl);
1232
- --dt-color-foreground-success-hsla: var(--dt-color-green-400-hsla);
1483
+ --dt-color-foreground-success-hsl: var(--dt-color-green-500-hsl);
1484
+ --dt-color-foreground-success-hsla: var(--dt-color-green-500-hsla);
1233
1485
  --dt-color-foreground-success: #ff5c00; /* Indicates a positive state. */
1234
1486
  --dt-color-foreground-critical-strong-h: 22;
1235
1487
  --dt-color-foreground-critical-strong-s: 100%;
1236
1488
  --dt-color-foreground-critical-strong-l: 50%;
1237
1489
  --dt-color-foreground-critical-strong-a: 100%;
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);
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);
1240
1492
  --dt-color-foreground-critical-strong: #ff5c00; /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
1241
1493
  --dt-color-foreground-critical-h: 22;
1242
1494
  --dt-color-foreground-critical-s: 100%;
1243
1495
  --dt-color-foreground-critical-l: 50%;
1244
1496
  --dt-color-foreground-critical-a: 100%;
1245
- --dt-color-foreground-critical-hsl: var(--dt-color-red-300-hsl);
1246
- --dt-color-foreground-critical-hsla: var(--dt-color-red-300-hsla);
1497
+ --dt-color-foreground-critical-hsl: var(--dt-color-red-450-hsl);
1498
+ --dt-color-foreground-critical-hsla: var(--dt-color-red-450-hsla);
1247
1499
  --dt-color-foreground-critical: #ff5c00; /* Expresses an error, danger, or otherwise critical state. */
1248
1500
  --dt-color-foreground-disabled-h: 22;
1249
1501
  --dt-color-foreground-disabled-s: 100%;
@@ -1288,6 +1540,20 @@
1288
1540
  --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1289
1541
  --dt-color-foreground-primary: #ff5c00; /* Default text color throughout the UI. */
1290
1542
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1543
+ --dt-radio-color-foreground-checked-h: 22;
1544
+ --dt-radio-color-foreground-checked-s: 100%;
1545
+ --dt-radio-color-foreground-checked-l: 50%;
1546
+ --dt-radio-color-foreground-checked-a: 100%;
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: #ff5c00;
1550
+ --dt-radio-color-background-checked-h: 22;
1551
+ --dt-radio-color-background-checked-s: 100%;
1552
+ --dt-radio-color-background-checked-l: 50%;
1553
+ --dt-radio-color-background-checked-a: 100%;
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: #ff5c00;
1291
1557
  --dt-radio-color-border-checked-h: 22;
1292
1558
  --dt-radio-color-border-checked-s: 100%;
1293
1559
  --dt-radio-color-border-checked-l: 50%;
@@ -1295,6 +1561,13 @@
1295
1561
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1296
1562
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1297
1563
  --dt-radio-color-border-checked: #ff5c00;
1564
+ --dt-radio-color-border-unchecked-hover-h: 22;
1565
+ --dt-radio-color-border-unchecked-hover-s: 100%;
1566
+ --dt-radio-color-border-unchecked-hover-l: 50%;
1567
+ --dt-radio-color-border-unchecked-hover-a: 100%;
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: #ff5c00;
1298
1571
  --dt-radio-color-border-unchecked-h: 22;
1299
1572
  --dt-radio-color-border-unchecked-s: 100%;
1300
1573
  --dt-radio-color-border-unchecked-l: 50%;
@@ -1317,6 +1590,20 @@
1317
1590
  --dt-icon-size-300: calc(var(--dt-size-base) * 2.25);
1318
1591
  --dt-icon-size-200: calc(var(--dt-size-base) * 1.75);
1319
1592
  --dt-icon-size-100: calc(var(--dt-size-base) * 1.5);
1593
+ --dt-checkbox-color-foreground-checked-h: 22;
1594
+ --dt-checkbox-color-foreground-checked-s: 100%;
1595
+ --dt-checkbox-color-foreground-checked-l: 50%;
1596
+ --dt-checkbox-color-foreground-checked-a: 100%;
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: #ff5c00;
1600
+ --dt-checkbox-color-background-checked-h: 22;
1601
+ --dt-checkbox-color-background-checked-s: 100%;
1602
+ --dt-checkbox-color-background-checked-l: 50%;
1603
+ --dt-checkbox-color-background-checked-a: 100%;
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: #ff5c00;
1320
1607
  --dt-checkbox-color-border-checked-h: 22;
1321
1608
  --dt-checkbox-color-border-checked-s: 100%;
1322
1609
  --dt-checkbox-color-border-checked-l: 50%;
@@ -1324,6 +1611,13 @@
1324
1611
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1325
1612
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1326
1613
  --dt-checkbox-color-border-checked: #ff5c00;
1614
+ --dt-checkbox-color-border-unchecked-hover-h: 22;
1615
+ --dt-checkbox-color-border-unchecked-hover-s: 100%;
1616
+ --dt-checkbox-color-border-unchecked-hover-l: 50%;
1617
+ --dt-checkbox-color-border-unchecked-hover-a: 100%;
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: #ff5c00;
1327
1621
  --dt-checkbox-color-border-unchecked-h: 22;
1328
1622
  --dt-checkbox-color-border-unchecked-s: 100%;
1329
1623
  --dt-checkbox-color-border-unchecked-l: 50%;
@@ -1335,52 +1629,24 @@
1335
1629
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
1336
1630
  --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
1337
1631
  --dt-button-font-size-lg: var(--dt-font-size-300); /* Large Button text size */
1338
- --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
1339
- --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
1340
- --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
1341
- --dt-badge-color-border-default-h: 22;
1342
- --dt-badge-color-border-default-s: 100%;
1343
- --dt-badge-color-border-default-l: 50%;
1344
- --dt-badge-color-border-default-a: 100%;
1345
- --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1346
- --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1347
- --dt-badge-color-border-default: #ff5c00;
1348
- --dt-badge-color-foreground-default-h: 22;
1349
- --dt-badge-color-foreground-default-s: 100%;
1350
- --dt-badge-color-foreground-default-l: 50%;
1351
- --dt-badge-color-foreground-default-a: 100%;
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: #ff5c00;
1355
- --dt-badge-color-background-ai: #ff5c00;
1356
- --dt-badge-color-background-critical-h: 22;
1357
- --dt-badge-color-background-critical-s: 100%;
1358
- --dt-badge-color-background-critical-l: 50%;
1359
- --dt-badge-color-background-critical-a: 100%;
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: #ff5c00;
1363
- --dt-badge-color-background-warning-h: 22;
1364
- --dt-badge-color-background-warning-s: 100%;
1365
- --dt-badge-color-background-warning-l: 50%;
1366
- --dt-badge-color-background-warning-a: 100%;
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: #ff5c00;
1370
- --dt-badge-color-background-success-h: 22;
1371
- --dt-badge-color-background-success-s: 100%;
1372
- --dt-badge-color-background-success-l: 50%;
1373
- --dt-badge-color-background-success-a: 100%;
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: #ff5c00;
1377
- --dt-badge-color-background-info-h: 22;
1378
- --dt-badge-color-background-info-s: 100%;
1379
- --dt-badge-color-background-info-l: 50%;
1380
- --dt-badge-color-background-info-a: 100%;
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: #ff5c00;
1632
+ --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
1633
+ --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
1634
+ --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
1635
+ --dt-badge-color-border-default-h: 22;
1636
+ --dt-badge-color-border-default-s: 100%;
1637
+ --dt-badge-color-border-default-l: 50%;
1638
+ --dt-badge-color-border-default-a: 100%;
1639
+ --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1640
+ --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1641
+ --dt-badge-color-border-default: #ff5c00;
1642
+ --dt-badge-color-background-ai: #ff5c00;
1643
+ --dt-badge-color-background-bulletin-h: 22;
1644
+ --dt-badge-color-background-bulletin-s: 100%;
1645
+ --dt-badge-color-background-bulletin-l: 50%;
1646
+ --dt-badge-color-background-bulletin-a: 100%;
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: #ff5c00;
1384
1650
  --dt-badge-color-background-default-h: 22;
1385
1651
  --dt-badge-color-background-default-s: 100%;
1386
1652
  --dt-badge-color-background-default-l: 50%;
@@ -1388,6 +1654,13 @@
1388
1654
  --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1389
1655
  --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1390
1656
  --dt-badge-color-background-default: #ff5c00;
1657
+ --dt-theme-mention-color-background-h: 22;
1658
+ --dt-theme-mention-color-background-s: 100%;
1659
+ --dt-theme-mention-color-background-l: 50%;
1660
+ --dt-theme-mention-color-background-a: 100%;
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: #ff5c00;
1391
1664
  --dt-theme-mention-color-foreground-strong-h: 22;
1392
1665
  --dt-theme-mention-color-foreground-strong-s: 100%;
1393
1666
  --dt-theme-mention-color-foreground-strong-l: 50%;
@@ -1407,7 +1680,7 @@
1407
1680
  --dt-theme-sidebar-selected-row-color-background-l: 50%;
1408
1681
  --dt-theme-sidebar-selected-row-color-background-a: 100%;
1409
1682
  --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);
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%));
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%));
1411
1684
  --dt-theme-sidebar-selected-row-color-background: #ff5c00;
1412
1685
  --dt-theme-sidebar-selected-row-color-foreground-h: 22;
1413
1686
  --dt-theme-sidebar-selected-row-color-foreground-s: 100%;
@@ -1421,14 +1694,14 @@
1421
1694
  --dt-theme-sidebar-row-color-background-active-l: 50%;
1422
1695
  --dt-theme-sidebar-row-color-background-active-a: 100%;
1423
1696
  --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);
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%));
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%));
1425
1698
  --dt-theme-sidebar-row-color-background-active: #ff5c00;
1426
1699
  --dt-theme-sidebar-row-color-background-hover-h: 22;
1427
1700
  --dt-theme-sidebar-row-color-background-hover-s: 100%;
1428
1701
  --dt-theme-sidebar-row-color-background-hover-l: 50%;
1429
1702
  --dt-theme-sidebar-row-color-background-hover-a: 100%;
1430
1703
  --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);
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%));
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%));
1432
1705
  --dt-theme-sidebar-row-color-background-hover: #ff5c00;
1433
1706
  --dt-theme-sidebar-row-color-background-h: 22;
1434
1707
  --dt-theme-sidebar-row-color-background-s: 100%;
@@ -1589,7 +1862,7 @@
1589
1862
  --dt-theme-topbar-color-foreground-l: 50%;
1590
1863
  --dt-theme-topbar-color-foreground-a: 100%;
1591
1864
  --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);
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%));
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%));
1593
1866
  --dt-theme-topbar-color-foreground: #ff5c00;
1594
1867
  --dt-action-color-border-muted-outlined-default-h: 22;
1595
1868
  --dt-action-color-border-muted-outlined-default-s: 100%;
@@ -1612,6 +1885,13 @@
1612
1885
  --dt-action-color-border-critical-outlined-default-hsl: var(--dt-color-border-critical-hsl);
1613
1886
  --dt-action-color-border-critical-outlined-default-hsla: var(--dt-color-border-critical-hsla);
1614
1887
  --dt-action-color-border-critical-outlined-default: #ff5c00;
1888
+ --dt-action-color-border-base-outlined-default-h: 22;
1889
+ --dt-action-color-border-base-outlined-default-s: 100%;
1890
+ --dt-action-color-border-base-outlined-default-l: 50%;
1891
+ --dt-action-color-border-base-outlined-default-a: 100%;
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: #ff5c00;
1615
1895
  --dt-action-color-background-positive-primary-active-h: 22;
1616
1896
  --dt-action-color-background-positive-primary-active-s: 100%;
1617
1897
  --dt-action-color-background-positive-primary-active-l: 50%;
@@ -1619,76 +1899,62 @@
1619
1899
  --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);
1620
1900
  --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%));
1621
1901
  --dt-action-color-background-positive-primary-active: #ff5c00;
1622
- --dt-action-color-background-positive-primary-hover-h: 22;
1623
- --dt-action-color-background-positive-primary-hover-s: 100%;
1624
- --dt-action-color-background-positive-primary-hover-l: 50%;
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: #ff5c00;
1629
- --dt-action-color-background-inverted-primary-active-h: 22;
1630
- --dt-action-color-background-inverted-primary-active-s: 100%;
1631
- --dt-action-color-background-inverted-primary-active-l: 50%;
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: #ff5c00;
1636
- --dt-action-color-background-inverted-primary-default-h: 22;
1637
- --dt-action-color-background-inverted-primary-default-s: 100%;
1638
- --dt-action-color-background-inverted-primary-default-l: 50%;
1639
- --dt-action-color-background-inverted-primary-default-a: 100%;
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: #ff5c00;
1902
+ --dt-action-color-background-positive-hover-h: 22;
1903
+ --dt-action-color-background-positive-hover-s: 100%;
1904
+ --dt-action-color-background-positive-hover-l: 50%;
1905
+ --dt-action-color-background-positive-hover-a: 100%;
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: #ff5c00;
1909
+ --dt-action-color-background-disabled-default-h: 22;
1910
+ --dt-action-color-background-disabled-default-s: 100%;
1911
+ --dt-action-color-background-disabled-default-l: 50%;
1912
+ --dt-action-color-background-disabled-default-a: 100%;
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: #ff5c00;
1916
+ --dt-action-color-background-muted-hover-h: 22;
1917
+ --dt-action-color-background-muted-hover-s: 100%;
1918
+ --dt-action-color-background-muted-hover-l: 50%;
1919
+ --dt-action-color-background-muted-hover-a: 100%;
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: #ff5c00;
1923
+ --dt-action-color-background-inverted-primary-hover-h: 22;
1924
+ --dt-action-color-background-inverted-primary-hover-s: 100%;
1925
+ --dt-action-color-background-inverted-primary-hover-l: 50%;
1926
+ --dt-action-color-background-inverted-primary-hover-a: 100%;
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: #ff5c00;
1643
1930
  --dt-action-color-background-inverted-active-h: 22;
1644
1931
  --dt-action-color-background-inverted-active-s: 100%;
1645
1932
  --dt-action-color-background-inverted-active-l: 50%;
1646
1933
  --dt-action-color-background-inverted-active-a: 100%;
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%));
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);
1649
1936
  --dt-action-color-background-inverted-active: #ff5c00;
1650
1937
  --dt-action-color-background-inverted-hover-h: 22;
1651
1938
  --dt-action-color-background-inverted-hover-s: 100%;
1652
1939
  --dt-action-color-background-inverted-hover-l: 50%;
1653
1940
  --dt-action-color-background-inverted-hover-a: 100%;
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%));
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);
1656
1943
  --dt-action-color-background-inverted-hover: #ff5c00;
1657
- --dt-action-color-background-critical-primary-active-h: 22;
1658
- --dt-action-color-background-critical-primary-active-s: 100%;
1659
- --dt-action-color-background-critical-primary-active-l: 50%;
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: #ff5c00;
1664
- --dt-action-color-background-critical-primary-hover-h: 22;
1665
- --dt-action-color-background-critical-primary-hover-s: 100%;
1666
- --dt-action-color-background-critical-primary-hover-l: 50%;
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: #ff5c00;
1671
- --dt-action-color-background-base-primary-active-h: 22;
1672
- --dt-action-color-background-base-primary-active-s: 100%;
1673
- --dt-action-color-background-base-primary-active-l: 50%;
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: #ff5c00;
1678
- --dt-action-color-background-base-primary-hover-h: 22;
1679
- --dt-action-color-background-base-primary-hover-s: 100%;
1680
- --dt-action-color-background-base-primary-hover-l: 50%;
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: #ff5c00;
1685
- --dt-action-color-foreground-positive-default-h: 22;
1686
- --dt-action-color-foreground-positive-default-s: 100%;
1687
- --dt-action-color-foreground-positive-default-l: 50%;
1688
- --dt-action-color-foreground-positive-default-a: 100%;
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: #ff5c00;
1944
+ --dt-action-color-background-critical-hover-h: 22;
1945
+ --dt-action-color-background-critical-hover-s: 100%;
1946
+ --dt-action-color-background-critical-hover-l: 50%;
1947
+ --dt-action-color-background-critical-hover-a: 100%;
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: #ff5c00;
1951
+ --dt-action-color-background-base-hover-h: 22;
1952
+ --dt-action-color-background-base-hover-s: 100%;
1953
+ --dt-action-color-background-base-hover-l: 50%;
1954
+ --dt-action-color-background-base-hover-a: 100%;
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: #ff5c00;
1692
1958
  --dt-action-color-foreground-disabled-default-h: 22;
1693
1959
  --dt-action-color-foreground-disabled-default-s: 100%;
1694
1960
  --dt-action-color-foreground-disabled-default-l: 50%;
@@ -1696,20 +1962,20 @@
1696
1962
  --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
1697
1963
  --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
1698
1964
  --dt-action-color-foreground-disabled-default: #ff5c00;
1699
- --dt-action-color-foreground-muted-default-h: 22;
1700
- --dt-action-color-foreground-muted-default-s: 100%;
1701
- --dt-action-color-foreground-muted-default-l: 50%;
1702
- --dt-action-color-foreground-muted-default-a: 100%;
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: #ff5c00;
1706
- --dt-action-color-foreground-inverted-primary-active-h: 22;
1707
- --dt-action-color-foreground-inverted-primary-active-s: 100%;
1708
- --dt-action-color-foreground-inverted-primary-active-l: 50%;
1709
- --dt-action-color-foreground-inverted-primary-active-a: 100%;
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: #ff5c00;
1965
+ --dt-action-color-foreground-inverted-primary-hover-h: 22;
1966
+ --dt-action-color-foreground-inverted-primary-hover-s: 100%;
1967
+ --dt-action-color-foreground-inverted-primary-hover-l: 50%;
1968
+ --dt-action-color-foreground-inverted-primary-hover-a: 100%;
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: #ff5c00;
1972
+ --dt-action-color-foreground-inverted-primary-default-h: 22;
1973
+ --dt-action-color-foreground-inverted-primary-default-s: 100%;
1974
+ --dt-action-color-foreground-inverted-primary-default-l: 50%;
1975
+ --dt-action-color-foreground-inverted-primary-default-a: 100%;
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: #ff5c00;
1713
1979
  --dt-action-color-foreground-inverted-default-h: 22;
1714
1980
  --dt-action-color-foreground-inverted-default-s: 100%;
1715
1981
  --dt-action-color-foreground-inverted-default-l: 50%;
@@ -1717,20 +1983,34 @@
1717
1983
  --dt-action-color-foreground-inverted-default-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1718
1984
  --dt-action-color-foreground-inverted-default-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1719
1985
  --dt-action-color-foreground-inverted-default: #ff5c00;
1720
- --dt-action-color-foreground-critical-default-h: 22;
1721
- --dt-action-color-foreground-critical-default-s: 100%;
1722
- --dt-action-color-foreground-critical-default-l: 50%;
1723
- --dt-action-color-foreground-critical-default-a: 100%;
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: #ff5c00;
1727
1986
  --dt-action-color-foreground-base-hover-h: 22;
1728
1987
  --dt-action-color-foreground-base-hover-s: 100%;
1729
1988
  --dt-action-color-foreground-base-hover-l: 50%;
1730
1989
  --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%));
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);
1733
1992
  --dt-action-color-foreground-base-hover: #ff5c00;
1993
+ --dt-action-color-foreground-base-default-h: 22;
1994
+ --dt-action-color-foreground-base-default-s: 100%;
1995
+ --dt-action-color-foreground-base-default-l: 50%;
1996
+ --dt-action-color-foreground-base-default-a: 100%;
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: #ff5c00;
2000
+ --dt-inputs-color-background-disabled-h: 22;
2001
+ --dt-inputs-color-background-disabled-s: 100%;
2002
+ --dt-inputs-color-background-disabled-l: 50%;
2003
+ --dt-inputs-color-background-disabled-a: 100%;
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: #ff5c00;
2007
+ --dt-inputs-color-background-default-h: 22;
2008
+ --dt-inputs-color-background-default-s: 100%;
2009
+ --dt-inputs-color-background-default-l: 50%;
2010
+ --dt-inputs-color-background-default-a: 100%;
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: #ff5c00;
1734
2014
  --dt-inputs-color-border-warning-h: 22;
1735
2015
  --dt-inputs-color-border-warning-s: 100%;
1736
2016
  --dt-inputs-color-border-warning-l: 50%;
@@ -1759,6 +2039,13 @@
1759
2039
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
1760
2040
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
1761
2041
  --dt-inputs-color-border-focus: #ff5c00;
2042
+ --dt-inputs-color-border-hover-h: 22;
2043
+ --dt-inputs-color-border-hover-s: 100%;
2044
+ --dt-inputs-color-border-hover-l: 50%;
2045
+ --dt-inputs-color-border-hover-a: 100%;
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: #ff5c00;
1762
2049
  --dt-inputs-color-border-default-h: 22;
1763
2050
  --dt-inputs-color-border-default-s: 100%;
1764
2051
  --dt-inputs-color-border-default-l: 50%;
@@ -1844,13 +2131,28 @@
1844
2131
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
1845
2132
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
1846
2133
  --dt-color-border-ai: #ff5c00;
1847
- --dt-color-link-muted-hover-h: 22;
1848
- --dt-color-link-muted-hover-s: 100%;
1849
- --dt-color-link-muted-hover-l: 50%;
1850
- --dt-color-link-muted-hover-a: 100%;
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: #ff5c00;
2134
+ --dt-color-surface-ai: #ff5c00;
2135
+ --dt-color-surface-primary-opaque-inverted-h: 22;
2136
+ --dt-color-surface-primary-opaque-inverted-s: 100%;
2137
+ --dt-color-surface-primary-opaque-inverted-l: 50%;
2138
+ --dt-color-surface-primary-opaque-inverted-a: 100%;
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: #ff5c00; /* Secondary surface as opaque background color. */
2142
+ --dt-color-surface-primary-opaque-h: 22;
2143
+ --dt-color-surface-primary-opaque-s: 100%;
2144
+ --dt-color-surface-primary-opaque-l: 50%;
2145
+ --dt-color-surface-primary-opaque-a: 100%;
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: #ff5c00; /* Primary surface as opaque background color. */
2149
+ --dt-color-link-disabled-inverted-hover-h: 22;
2150
+ --dt-color-link-disabled-inverted-hover-s: 100%;
2151
+ --dt-color-link-disabled-inverted-hover-l: 50%;
2152
+ --dt-color-link-disabled-inverted-hover-a: 100%;
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: #ff5c00;
1854
2156
  --dt-color-link-disabled-inverted-h: 22;
1855
2157
  --dt-color-link-disabled-inverted-s: 100%;
1856
2158
  --dt-color-link-disabled-inverted-l: 50%;
@@ -1872,6 +2174,13 @@
1872
2174
  --dt-color-link-warning-inverted-hsl: var(--dt-color-foreground-warning-inverted-hsl);
1873
2175
  --dt-color-link-warning-inverted-hsla: var(--dt-color-foreground-warning-inverted-hsla);
1874
2176
  --dt-color-link-warning-inverted: #ff5c00;
2177
+ --dt-color-link-success-inverted-hover-h: 22;
2178
+ --dt-color-link-success-inverted-hover-s: 100%;
2179
+ --dt-color-link-success-inverted-hover-l: 50%;
2180
+ --dt-color-link-success-inverted-hover-a: 100%;
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: #ff5c00;
1875
2184
  --dt-color-link-success-inverted-h: 22;
1876
2185
  --dt-color-link-success-inverted-s: 100%;
1877
2186
  --dt-color-link-success-inverted-l: 50%;
@@ -1879,6 +2188,13 @@
1879
2188
  --dt-color-link-success-inverted-hsl: var(--dt-color-foreground-success-inverted-hsl);
1880
2189
  --dt-color-link-success-inverted-hsla: var(--dt-color-foreground-success-inverted-hsla);
1881
2190
  --dt-color-link-success-inverted: #ff5c00;
2191
+ --dt-color-link-critical-inverted-hover-h: 22;
2192
+ --dt-color-link-critical-inverted-hover-s: 100%;
2193
+ --dt-color-link-critical-inverted-hover-l: 50%;
2194
+ --dt-color-link-critical-inverted-hover-a: 100%;
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: #ff5c00;
1882
2198
  --dt-color-link-critical-inverted-h: 22;
1883
2199
  --dt-color-link-critical-inverted-s: 100%;
1884
2200
  --dt-color-link-critical-inverted-l: 50%;
@@ -1893,6 +2209,13 @@
1893
2209
  --dt-color-link-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
1894
2210
  --dt-color-link-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
1895
2211
  --dt-color-link-disabled: #ff5c00;
2212
+ --dt-color-link-muted-hover-h: 22;
2213
+ --dt-color-link-muted-hover-s: 100%;
2214
+ --dt-color-link-muted-hover-l: 50%;
2215
+ --dt-color-link-muted-hover-a: 100%;
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: #ff5c00;
1896
2219
  --dt-color-link-muted-h: 22;
1897
2220
  --dt-color-link-muted-s: 100%;
1898
2221
  --dt-color-link-muted-l: 50%;
@@ -1907,6 +2230,13 @@
1907
2230
  --dt-color-link-warning-hsl: var(--dt-color-foreground-warning-hsl);
1908
2231
  --dt-color-link-warning-hsla: var(--dt-color-foreground-warning-hsla);
1909
2232
  --dt-color-link-warning: #ff5c00;
2233
+ --dt-color-link-success-hover-h: 22;
2234
+ --dt-color-link-success-hover-s: 100%;
2235
+ --dt-color-link-success-hover-l: 50%;
2236
+ --dt-color-link-success-hover-a: 100%;
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: #ff5c00;
1910
2240
  --dt-color-link-success-h: 22;
1911
2241
  --dt-color-link-success-s: 100%;
1912
2242
  --dt-color-link-success-l: 50%;
@@ -1914,6 +2244,13 @@
1914
2244
  --dt-color-link-success-hsl: var(--dt-color-foreground-success-hsl);
1915
2245
  --dt-color-link-success-hsla: var(--dt-color-foreground-success-hsla);
1916
2246
  --dt-color-link-success: #ff5c00; /* positive */
2247
+ --dt-color-link-critical-hover-h: 22;
2248
+ --dt-color-link-critical-hover-s: 100%;
2249
+ --dt-color-link-critical-hover-l: 50%;
2250
+ --dt-color-link-critical-hover-a: 100%;
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: #ff5c00;
1917
2254
  --dt-color-link-critical-h: 22;
1918
2255
  --dt-color-link-critical-s: 100%;
1919
2256
  --dt-color-link-critical-l: 50%;
@@ -1921,20 +2258,6 @@
1921
2258
  --dt-color-link-critical-hsl: var(--dt-color-foreground-critical-hsl);
1922
2259
  --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
1923
2260
  --dt-color-link-critical: #ff5c00;
1924
- --dt-color-foreground-success-strong-inverted-h: 22;
1925
- --dt-color-foreground-success-strong-inverted-s: 100%;
1926
- --dt-color-foreground-success-strong-inverted-l: 50%;
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: #ff5c00; /* Success strong text that sits on high-contrast surfaces or backgrounds */
1931
- --dt-color-foreground-critical-strong-inverted-h: 22;
1932
- --dt-color-foreground-critical-strong-inverted-s: 100%;
1933
- --dt-color-foreground-critical-strong-inverted-l: 50%;
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: #ff5c00; /* Critical strong text that sits on high-contrast surfaces or backgrounds */
1938
2261
  --dt-icon-size-border-500: var(--dt-icon-size-border-400);
1939
2262
  --dt-theme-sidebar-icon-color-foreground-h: 22;
1940
2263
  --dt-theme-sidebar-icon-color-foreground-s: 100%;
@@ -1957,20 +2280,69 @@
1957
2280
  --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
1958
2281
  --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
1959
2282
  --dt-theme-topbar-profile-color-foreground: #ff5c00;
2283
+ --dt-action-color-background-positive-active-h: 22;
2284
+ --dt-action-color-background-positive-active-s: 100%;
2285
+ --dt-action-color-background-positive-active-l: 50%;
2286
+ --dt-action-color-background-positive-active-a: 100%;
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: #ff5c00;
2290
+ --dt-action-color-background-muted-active-h: 22;
2291
+ --dt-action-color-background-muted-active-s: 100%;
2292
+ --dt-action-color-background-muted-active-l: 50%;
2293
+ --dt-action-color-background-muted-active-a: 100%;
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: #ff5c00;
2297
+ --dt-action-color-background-critical-active-h: 22;
2298
+ --dt-action-color-background-critical-active-s: 100%;
2299
+ --dt-action-color-background-critical-active-l: 50%;
2300
+ --dt-action-color-background-critical-active-a: 100%;
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: #ff5c00;
2304
+ --dt-action-color-background-base-active-h: 22;
2305
+ --dt-action-color-background-base-active-s: 100%;
2306
+ --dt-action-color-background-base-active-l: 50%;
2307
+ --dt-action-color-background-base-active-a: 100%;
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: #ff5c00;
1960
2311
  --dt-action-color-foreground-positive-hover-h: 22;
1961
2312
  --dt-action-color-foreground-positive-hover-s: 100%;
1962
2313
  --dt-action-color-foreground-positive-hover-l: 50%;
1963
2314
  --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%));
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);
1966
2317
  --dt-action-color-foreground-positive-hover: #ff5c00;
2318
+ --dt-action-color-foreground-positive-default-h: 22;
2319
+ --dt-action-color-foreground-positive-default-s: 100%;
2320
+ --dt-action-color-foreground-positive-default-l: 50%;
2321
+ --dt-action-color-foreground-positive-default-a: 100%;
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: #ff5c00;
1967
2325
  --dt-action-color-foreground-muted-hover-h: 22;
1968
2326
  --dt-action-color-foreground-muted-hover-s: 100%;
1969
2327
  --dt-action-color-foreground-muted-hover-l: 50%;
1970
2328
  --dt-action-color-foreground-muted-hover-a: 100%;
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);
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);
1973
2331
  --dt-action-color-foreground-muted-hover: #ff5c00;
2332
+ --dt-action-color-foreground-muted-default-h: 22;
2333
+ --dt-action-color-foreground-muted-default-s: 100%;
2334
+ --dt-action-color-foreground-muted-default-l: 50%;
2335
+ --dt-action-color-foreground-muted-default-a: 100%;
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: #ff5c00;
2339
+ --dt-action-color-foreground-inverted-primary-active-h: 22;
2340
+ --dt-action-color-foreground-inverted-primary-active-s: 100%;
2341
+ --dt-action-color-foreground-inverted-primary-active-l: 50%;
2342
+ --dt-action-color-foreground-inverted-primary-active-a: 100%;
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: #ff5c00;
1974
2346
  --dt-action-color-foreground-inverted-hover-h: 22;
1975
2347
  --dt-action-color-foreground-inverted-hover-s: 100%;
1976
2348
  --dt-action-color-foreground-inverted-hover-l: 50%;
@@ -1982,9 +2354,16 @@
1982
2354
  --dt-action-color-foreground-critical-hover-s: 100%;
1983
2355
  --dt-action-color-foreground-critical-hover-l: 50%;
1984
2356
  --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%));
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);
1987
2359
  --dt-action-color-foreground-critical-hover: #ff5c00;
2360
+ --dt-action-color-foreground-critical-default-h: 22;
2361
+ --dt-action-color-foreground-critical-default-s: 100%;
2362
+ --dt-action-color-foreground-critical-default-l: 50%;
2363
+ --dt-action-color-foreground-critical-default-a: 100%;
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: #ff5c00;
1988
2367
  --dt-action-color-foreground-base-active-h: 22;
1989
2368
  --dt-action-color-foreground-base-active-s: 100%;
1990
2369
  --dt-action-color-foreground-base-active-l: 50%;
@@ -2043,27 +2422,6 @@
2043
2422
  --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);
2044
2423
  --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);
2045
2424
  --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: 22;
2047
- --dt-color-link-disabled-inverted-hover-s: 100%;
2048
- --dt-color-link-disabled-inverted-hover-l: 50%;
2049
- --dt-color-link-disabled-inverted-hover-a: 100%;
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: #ff5c00;
2053
- --dt-color-link-success-inverted-hover-h: 22;
2054
- --dt-color-link-success-inverted-hover-s: 100%;
2055
- --dt-color-link-success-inverted-hover-l: 50%;
2056
- --dt-color-link-success-inverted-hover-a: 100%;
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: #ff5c00;
2060
- --dt-color-link-critical-inverted-hover-h: 22;
2061
- --dt-color-link-critical-inverted-hover-s: 100%;
2062
- --dt-color-link-critical-inverted-hover-l: 50%;
2063
- --dt-color-link-critical-inverted-hover-a: 100%;
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: #ff5c00;
2067
2425
  --dt-color-link-disabled-hover-h: 22;
2068
2426
  --dt-color-link-disabled-hover-s: 100%;
2069
2427
  --dt-color-link-disabled-hover-l: 50%;