@dialpad/dialtone 9.101.0-rebrand-2025-beta.1 → 9.101.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/dist/css/dialtone-default-theme.css +1376 -5085
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone-docs.json +1 -1
  4. package/dist/css/dialtone.css +131 -1363
  5. package/dist/css/dialtone.min.css +1 -1
  6. package/dist/css/tokens/tokens-base-dark.css +138 -453
  7. package/dist/css/tokens/tokens-base-deca-dark.css +15 -15
  8. package/dist/css/tokens/tokens-base-deca-light.css +12 -12
  9. package/dist/css/tokens/tokens-base-light.css +104 -419
  10. package/dist/css/tokens/tokens-debug-base.css +2 -317
  11. package/dist/css/tokens/tokens-debug-dp.css +663 -999
  12. package/dist/css/tokens/tokens-deca-dark.css +669 -676
  13. package/dist/css/tokens/tokens-deca-light.css +613 -620
  14. package/dist/css/tokens/tokens-dp-dark.css +910 -1246
  15. package/dist/css/tokens/tokens-dp-light.css +971 -1307
  16. package/dist/css/tokens/tokens-expressive-dark.css +911 -1247
  17. package/dist/css/tokens/tokens-expressive-light.css +968 -1304
  18. package/dist/css/tokens/tokens-expressive-sm-dark.css +911 -1247
  19. package/dist/css/tokens/tokens-expressive-sm-light.css +968 -1304
  20. package/dist/css/tokens/tokens-tmo-dark.css +896 -1232
  21. package/dist/css/tokens/tokens-tmo-light.css +923 -1259
  22. package/dist/css/tokens-docs.json +1 -1
  23. package/dist/tokens/css/tokens-base-dark.css +138 -453
  24. package/dist/tokens/css/tokens-base-deca-dark.css +15 -15
  25. package/dist/tokens/css/tokens-base-deca-light.css +12 -12
  26. package/dist/tokens/css/tokens-base-light.css +104 -419
  27. package/dist/tokens/css/tokens-debug-base.css +2 -317
  28. package/dist/tokens/css/tokens-debug-dp.css +663 -999
  29. package/dist/tokens/css/tokens-deca-dark.css +669 -676
  30. package/dist/tokens/css/tokens-deca-light.css +613 -620
  31. package/dist/tokens/css/tokens-dp-dark.css +910 -1246
  32. package/dist/tokens/css/tokens-dp-light.css +971 -1307
  33. package/dist/tokens/css/tokens-expressive-dark.css +911 -1247
  34. package/dist/tokens/css/tokens-expressive-light.css +968 -1304
  35. package/dist/tokens/css/tokens-expressive-sm-dark.css +911 -1247
  36. package/dist/tokens/css/tokens-expressive-sm-light.css +968 -1304
  37. package/dist/tokens/css/tokens-tmo-dark.css +896 -1232
  38. package/dist/tokens/css/tokens-tmo-light.css +923 -1259
  39. package/dist/tokens/doc.json +70310 -88972
  40. package/dist/tokens/less/tokens-base-dark.less +40 -85
  41. package/dist/tokens/less/tokens-base-deca-dark.less +6 -6
  42. package/dist/tokens/less/tokens-base-deca-light.less +5 -5
  43. package/dist/tokens/less/tokens-base-light.less +30 -75
  44. package/dist/tokens/less/tokens-deca-dark.less +120 -121
  45. package/dist/tokens/less/tokens-deca-light.less +99 -100
  46. package/dist/tokens/less/tokens-dp-dark.less +184 -232
  47. package/dist/tokens/less/tokens-dp-light.less +183 -231
  48. package/dist/tokens/less/tokens-expressive-dark.less +178 -226
  49. package/dist/tokens/less/tokens-expressive-light.less +177 -225
  50. package/dist/tokens/less/tokens-expressive-sm-dark.less +178 -226
  51. package/dist/tokens/less/tokens-expressive-sm-light.less +177 -225
  52. package/dist/tokens/less/tokens-tmo-dark.less +182 -230
  53. package/dist/tokens/less/tokens-tmo-light.less +166 -214
  54. package/dist/tokens/themes/chunks/tokens-base-dark-BnTEKGxK.js +4 -0
  55. package/dist/tokens/themes/chunks/tokens-base-dark-Ch4dTh7V.js +1 -0
  56. package/dist/tokens/themes/chunks/tokens-base-light-BLxKOiup.js +4 -0
  57. package/dist/tokens/themes/chunks/tokens-base-light-DWLxg2cD.js +1 -0
  58. package/dist/tokens/themes/debug.cjs +1 -1
  59. package/dist/tokens/themes/debug.js +1 -1
  60. package/dist/tokens/themes/dp-dark.cjs +1 -1
  61. package/dist/tokens/themes/dp-dark.js +2 -2
  62. package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
  63. package/dist/tokens/themes/dp-deca-dark.js +1 -1
  64. package/dist/tokens/themes/dp-deca-light.cjs +1 -1
  65. package/dist/tokens/themes/dp-deca-light.js +1 -1
  66. package/dist/tokens/themes/dp-light.cjs +1 -1
  67. package/dist/tokens/themes/dp-light.js +2 -2
  68. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  69. package/dist/tokens/themes/expressive-dark.js +3 -3
  70. package/dist/tokens/themes/expressive-light.cjs +1 -1
  71. package/dist/tokens/themes/expressive-light.js +3 -3
  72. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  73. package/dist/tokens/themes/expressive-sm-dark.js +3 -3
  74. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  75. package/dist/tokens/themes/expressive-sm-light.js +3 -3
  76. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  77. package/dist/tokens/themes/tmo-dark.js +2 -2
  78. package/dist/tokens/themes/tmo-light.cjs +1 -1
  79. package/dist/tokens/themes/tmo-light.js +2 -2
  80. package/dist/tokens/tokens-base-dark.json +40 -85
  81. package/dist/tokens/tokens-base-deca-dark.json +4 -4
  82. package/dist/tokens/tokens-base-deca-light.json +3 -3
  83. package/dist/tokens/tokens-base-light.json +30 -75
  84. package/dist/tokens/tokens-deca-dark.json +117 -118
  85. package/dist/tokens/tokens-deca-light.json +97 -98
  86. package/dist/tokens/tokens-dp-dark.json +171 -219
  87. package/dist/tokens/tokens-dp-light.json +182 -230
  88. package/dist/tokens/tokens-expressive-dark.json +165 -213
  89. package/dist/tokens/tokens-expressive-light.json +176 -224
  90. package/dist/tokens/tokens-expressive-sm-dark.json +165 -213
  91. package/dist/tokens/tokens-expressive-sm-light.json +176 -224
  92. package/dist/tokens/tokens-tmo-dark.json +169 -217
  93. package/dist/tokens/tokens-tmo-light.json +159 -207
  94. package/package.json +3 -3
  95. package/dist/tokens/themes/chunks/tokens-base-dark-BOzMety-.js +0 -4
  96. package/dist/tokens/themes/chunks/tokens-base-dark-DQw_GZ7j.js +0 -1
  97. package/dist/tokens/themes/chunks/tokens-base-light-BHyHG_ZV.js +0 -4
  98. package/dist/tokens/themes/chunks/tokens-base-light-DMUiSUFR.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-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;
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;
148
148
  --dt-radio-size-width: var(--dt-size-500);
149
149
  --dt-icon-size-border-100: var(--dt-size-border-100);
150
- --dt-checkbox-color-foreground-default-h: 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;
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;
157
157
  --dt-checkbox-size-width: var(--dt-size-500);
158
158
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
159
159
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -167,9 +167,9 @@
167
167
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
168
168
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
169
169
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
170
- --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
171
- --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
172
- --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
170
+ --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
171
+ --dt-button-font-weight-sm: var(--dt-font-weight-medium); /* Font weight for SM button */
172
+ --dt-button-font-weight-xs: var(--dt-font-weight-medium); /* Font weight for XS button */
173
173
  --dt-badge-color-border-bulletin-subtle-h: 22;
174
174
  --dt-badge-color-border-bulletin-subtle-s: 100%;
175
175
  --dt-badge-color-border-bulletin-subtle-l: 50%;
@@ -177,69 +177,34 @@
177
177
  --dt-badge-color-border-bulletin-subtle-hsl: var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l);
178
178
  --dt-badge-color-border-bulletin-subtle-hsla: hsl(var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l) / var(--alpha, 50%));
179
179
  --dt-badge-color-border-bulletin-subtle: #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;
187
180
  --dt-badge-color-foreground-bulletin-subtle-h: 22;
188
181
  --dt-badge-color-foreground-bulletin-subtle-s: 100%;
189
182
  --dt-badge-color-foreground-bulletin-subtle-l: 50%;
190
183
  --dt-badge-color-foreground-bulletin-subtle-a: 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);
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%));
193
186
  --dt-badge-color-foreground-bulletin-subtle: #ff5c00;
194
187
  --dt-badge-color-foreground-bulletin-h: 22;
195
188
  --dt-badge-color-foreground-bulletin-s: 100%;
196
189
  --dt-badge-color-foreground-bulletin-l: 50%;
197
190
  --dt-badge-color-foreground-bulletin-a: 100%;
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);
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);
200
193
  --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;
208
194
  --dt-badge-color-background-bulletin-subtle-h: 22;
209
195
  --dt-badge-color-background-bulletin-subtle-s: 100%;
210
196
  --dt-badge-color-background-bulletin-subtle-l: 50%;
211
197
  --dt-badge-color-background-bulletin-subtle-a: 100%;
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);
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%));
214
200
  --dt-badge-color-background-bulletin-subtle: #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;
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;
243
208
  --dt-avatar-color-foreground-h: 22;
244
209
  --dt-avatar-color-foreground-s: 100%;
245
210
  --dt-avatar-color-foreground-l: 50%;
@@ -251,15 +216,22 @@
251
216
  --dt-theme-mention-color-background-strong-s: 100%;
252
217
  --dt-theme-mention-color-background-strong-l: 50%;
253
218
  --dt-theme-mention-color-background-strong-a: 100%;
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);
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);
256
221
  --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;
257
229
  --dt-theme-mention-color-foreground-h: 22;
258
230
  --dt-theme-mention-color-foreground-s: 100%;
259
231
  --dt-theme-mention-color-foreground-l: 50%;
260
232
  --dt-theme-mention-color-foreground-a: 100%;
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);
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);
263
235
  --dt-theme-mention-color-foreground: #ff5c00;
264
236
  --dt-theme-presence-color-background-offline-h: 22;
265
237
  --dt-theme-presence-color-background-offline-s: 100%;
@@ -272,22 +244,22 @@
272
244
  --dt-theme-presence-color-background-busy-s: 100%;
273
245
  --dt-theme-presence-color-background-busy-l: 50%;
274
246
  --dt-theme-presence-color-background-busy-a: 100%;
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);
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);
277
249
  --dt-theme-presence-color-background-busy: #ff5c00;
278
250
  --dt-theme-presence-color-background-busy-unavailable-h: 22;
279
251
  --dt-theme-presence-color-background-busy-unavailable-s: 100%;
280
252
  --dt-theme-presence-color-background-busy-unavailable-l: 50%;
281
253
  --dt-theme-presence-color-background-busy-unavailable-a: 100%;
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);
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);
284
256
  --dt-theme-presence-color-background-busy-unavailable: #ff5c00;
285
257
  --dt-theme-presence-color-background-available-h: 22;
286
258
  --dt-theme-presence-color-background-available-s: 100%;
287
259
  --dt-theme-presence-color-background-available-l: 50%;
288
260
  --dt-theme-presence-color-background-available-a: 100%;
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);
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);
291
263
  --dt-theme-presence-color-background-available: #ff5c00;
292
264
  --dt-theme-color-base-h: 22;
293
265
  --dt-theme-color-base-s: 100%;
@@ -296,20 +268,34 @@
296
268
  --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
297
269
  --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
298
270
  --dt-theme-color-base: #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;
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;
306
278
  --dt-action-color-background-positive-primary-default-h: 22;
307
279
  --dt-action-color-background-positive-primary-default-s: 100%;
308
280
  --dt-action-color-background-positive-primary-default-l: 50%;
309
281
  --dt-action-color-background-positive-primary-default-a: 100%;
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. */
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;
313
299
  --dt-action-color-background-positive-default-h: 22;
314
300
  --dt-action-color-background-positive-default-s: 100%;
315
301
  --dt-action-color-background-positive-default-l: 50%;
@@ -317,6 +303,27 @@
317
303
  --dt-action-color-background-positive-default-hsl: var(--dt-color-neutral-transparent-hsl);
318
304
  --dt-action-color-background-positive-default-hsla: var(--dt-color-neutral-transparent-hsla);
319
305
  --dt-action-color-background-positive-default: #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;
320
327
  --dt-action-color-background-muted-default-h: 22;
321
328
  --dt-action-color-background-muted-default-s: 100%;
322
329
  --dt-action-color-background-muted-default-l: 50%;
@@ -324,34 +331,13 @@
324
331
  --dt-action-color-background-muted-default-hsl: var(--dt-color-neutral-transparent-hsl);
325
332
  --dt-action-color-background-muted-default-hsla: var(--dt-color-neutral-transparent-hsla);
326
333
  --dt-action-color-background-muted-default: #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
- --dt-action-color-background-inverted-active-h: 22;
342
- --dt-action-color-background-inverted-active-s: 100%;
343
- --dt-action-color-background-inverted-active-l: 50%;
344
- --dt-action-color-background-inverted-active-a: 100%;
345
- --dt-action-color-background-inverted-active-hsl: var(--dt-color-black-500-hsl);
346
- --dt-action-color-background-inverted-active-hsla: var(--dt-color-black-500-hsla);
347
- --dt-action-color-background-inverted-active: #ff5c00;
348
- --dt-action-color-background-inverted-hover-h: 22;
349
- --dt-action-color-background-inverted-hover-s: 100%;
350
- --dt-action-color-background-inverted-hover-l: 50%;
351
- --dt-action-color-background-inverted-hover-a: 100%;
352
- --dt-action-color-background-inverted-hover-hsl: var(--dt-color-black-600-hsl);
353
- --dt-action-color-background-inverted-hover-hsla: var(--dt-color-black-600-hsla);
354
- --dt-action-color-background-inverted-hover: #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;
355
341
  --dt-action-color-background-inverted-default-h: 22;
356
342
  --dt-action-color-background-inverted-default-s: 100%;
357
343
  --dt-action-color-background-inverted-default-l: 50%;
@@ -359,27 +345,27 @@
359
345
  --dt-action-color-background-inverted-default-hsl: var(--dt-color-neutral-transparent-hsl);
360
346
  --dt-action-color-background-inverted-default-hsla: var(--dt-color-neutral-transparent-hsla);
361
347
  --dt-action-color-background-inverted-default: #ff5c00;
362
- --dt-action-color-background-critical-primary-active-h: 22;
363
- --dt-action-color-background-critical-primary-active-s: 100%;
364
- --dt-action-color-background-critical-primary-active-l: 50%;
365
- --dt-action-color-background-critical-primary-active-a: 100%;
366
- --dt-action-color-background-critical-primary-active-hsl: var(--dt-color-red-500-hsl);
367
- --dt-action-color-background-critical-primary-active-hsla: var(--dt-color-red-500-hsla);
368
- --dt-action-color-background-critical-primary-active: #ff5c00;
369
- --dt-action-color-background-critical-primary-hover-h: 22;
370
- --dt-action-color-background-critical-primary-hover-s: 100%;
371
- --dt-action-color-background-critical-primary-hover-l: 50%;
372
- --dt-action-color-background-critical-primary-hover-a: 100%;
373
- --dt-action-color-background-critical-primary-hover-hsl: var(--dt-color-red-450-hsl);
374
- --dt-action-color-background-critical-primary-hover-hsla: var(--dt-color-red-450-hsla);
375
- --dt-action-color-background-critical-primary-hover: #ff5c00;
376
348
  --dt-action-color-background-critical-primary-default-h: 22;
377
349
  --dt-action-color-background-critical-primary-default-s: 100%;
378
350
  --dt-action-color-background-critical-primary-default-l: 50%;
379
351
  --dt-action-color-background-critical-primary-default-a: 100%;
380
- --dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-400-hsl);
381
- --dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-400-hsla);
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);
382
354
  --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;
383
369
  --dt-action-color-background-critical-default-h: 22;
384
370
  --dt-action-color-background-critical-default-s: 100%;
385
371
  --dt-action-color-background-critical-default-l: 50%;
@@ -387,27 +373,27 @@
387
373
  --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
388
374
  --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
389
375
  --dt-action-color-background-critical-default: #ff5c00;
390
- --dt-action-color-background-base-primary-active-h: 22;
391
- --dt-action-color-background-base-primary-active-s: 100%;
392
- --dt-action-color-background-base-primary-active-l: 50%;
393
- --dt-action-color-background-base-primary-active-a: 100%;
394
- --dt-action-color-background-base-primary-active-hsl: var(--dt-color-purple-500-hsl);
395
- --dt-action-color-background-base-primary-active-hsla: var(--dt-color-purple-500-hsla);
396
- --dt-action-color-background-base-primary-active: #ff5c00;
397
- --dt-action-color-background-base-primary-hover-h: 22;
398
- --dt-action-color-background-base-primary-hover-s: 100%;
399
- --dt-action-color-background-base-primary-hover-l: 50%;
400
- --dt-action-color-background-base-primary-hover-a: 100%;
401
- --dt-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-450-hsl);
402
- --dt-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-450-hsla);
403
- --dt-action-color-background-base-primary-hover: #ff5c00;
404
376
  --dt-action-color-background-base-primary-default-h: 22;
405
377
  --dt-action-color-background-base-primary-default-s: 100%;
406
378
  --dt-action-color-background-base-primary-default-l: 50%;
407
379
  --dt-action-color-background-base-primary-default-a: 100%;
408
- --dt-action-color-background-base-primary-default-hsl: var(--dt-color-purple-400-hsl);
409
- --dt-action-color-background-base-primary-default-hsla: var(--dt-color-purple-400-hsla);
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);
410
382
  --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;
411
397
  --dt-action-color-background-base-default-h: 22;
412
398
  --dt-action-color-background-base-default-s: 100%;
413
399
  --dt-action-color-background-base-default-l: 50%;
@@ -419,30 +405,65 @@
419
405
  --dt-action-color-foreground-positive-primary-default-s: 100%;
420
406
  --dt-action-color-foreground-positive-primary-default-l: 50%;
421
407
  --dt-action-color-foreground-positive-primary-default-a: 100%;
422
- --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-black-50-hsl);
423
- --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-black-50-hsla);
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);
424
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
425
  --dt-action-color-foreground-critical-primary-default-h: 22;
426
426
  --dt-action-color-foreground-critical-primary-default-s: 100%;
427
427
  --dt-action-color-foreground-critical-primary-default-l: 50%;
428
428
  --dt-action-color-foreground-critical-primary-default-a: 100%;
429
- --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-color-black-50-hsl);
430
- --dt-action-color-foreground-critical-primary-default-hsla: var(--dt-color-black-50-hsla);
429
+ --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-color-neutral-white-hsl);
430
+ --dt-action-color-foreground-critical-primary-default-hsla: var(--dt-color-neutral-white-hsla);
431
431
  --dt-action-color-foreground-critical-primary-default: #ff5c00;
432
432
  --dt-action-color-foreground-base-primary-default-h: 22;
433
433
  --dt-action-color-foreground-base-primary-default-s: 100%;
434
434
  --dt-action-color-foreground-base-primary-default-l: 50%;
435
435
  --dt-action-color-foreground-base-primary-default-a: 100%;
436
- --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-black-50-hsl);
437
- --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-black-50-hsla);
436
+ --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-neutral-white-hsl);
437
+ --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-neutral-white-hsla);
438
438
  --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;
439
453
  --dt-inputs-color-background-focus-h: 22;
440
454
  --dt-inputs-color-background-focus-s: 100%;
441
455
  --dt-inputs-color-background-focus-l: 50%;
442
456
  --dt-inputs-color-background-focus-a: 100%;
443
- --dt-inputs-color-background-focus-hsl: var(--dt-color-black-100-hsl);
444
- --dt-inputs-color-background-focus-hsla: var(--dt-color-black-100-hsla);
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%));
445
459
  --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;
446
467
  --dt-inputs-color-border-disabled-h: 22;
447
468
  --dt-inputs-color-border-disabled-s: 100%;
448
469
  --dt-inputs-color-border-disabled-l: 50%;
@@ -601,20 +622,6 @@
601
622
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
602
623
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
603
624
  --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
604
- --dt-color-border-accent-h: 22;
605
- --dt-color-border-accent-s: 100%;
606
- --dt-color-border-accent-l: 50%;
607
- --dt-color-border-accent-a: 100%;
608
- --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
609
- --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
610
- --dt-color-border-accent: #ff5c00;
611
- --dt-color-border-focus-h: 22;
612
- --dt-color-border-focus-s: 100%;
613
- --dt-color-border-focus-l: 50%;
614
- --dt-color-border-focus-a: 100%;
615
- --dt-color-border-focus-hsl: var(--dt-color-blue-475-hsl);
616
- --dt-color-border-focus-hsla: var(--dt-color-blue-475-hsla);
617
- --dt-color-border-focus: #ff5c00;
618
625
  --dt-color-border-brand-strong-inverted-h: 22;
619
626
  --dt-color-border-brand-strong-inverted-s: 100%;
620
627
  --dt-color-border-brand-strong-inverted-l: 50%;
@@ -622,111 +629,83 @@
622
629
  --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-200-hsl);
623
630
  --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-200-hsla);
624
631
  --dt-color-border-brand-strong-inverted: #ff5c00;
625
- --dt-color-border-warning-strong-inverted-h: 22;
626
- --dt-color-border-warning-strong-inverted-s: 100%;
627
- --dt-color-border-warning-strong-inverted-l: 50%;
628
- --dt-color-border-warning-strong-inverted-a: 100%;
629
- --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-gold-300-hsl);
630
- --dt-color-border-warning-strong-inverted-hsla: var(--dt-color-gold-300-hsla);
631
- --dt-color-border-warning-strong-inverted: #ff5c00;
632
- --dt-color-border-success-strong-inverted-h: 22;
633
- --dt-color-border-success-strong-inverted-s: 100%;
634
- --dt-color-border-success-strong-inverted-l: 50%;
635
- --dt-color-border-success-strong-inverted-a: 100%;
636
- --dt-color-border-success-strong-inverted-hsl: var(--dt-color-green-400-hsl);
637
- --dt-color-border-success-strong-inverted-hsla: var(--dt-color-green-400-hsla);
638
- --dt-color-border-success-strong-inverted: #ff5c00;
639
- --dt-color-border-critical-strong-inverted-h: 22;
640
- --dt-color-border-critical-strong-inverted-s: 100%;
641
- --dt-color-border-critical-strong-inverted-l: 50%;
642
- --dt-color-border-critical-strong-inverted-a: 100%;
643
- --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-200-hsl);
644
- --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-200-hsla);
645
- --dt-color-border-critical-strong-inverted: #ff5c00;
646
632
  --dt-color-border-brand-subtle-inverted-h: 22;
647
633
  --dt-color-border-brand-subtle-inverted-s: 100%;
648
634
  --dt-color-border-brand-subtle-inverted-l: 50%;
649
635
  --dt-color-border-brand-subtle-inverted-a: 100%;
650
- --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-400-hsl);
651
- --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-400-hsla);
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);
652
638
  --dt-color-border-brand-subtle-inverted: #ff5c00;
639
+ --dt-color-border-warning-strong-inverted-h: 22;
640
+ --dt-color-border-warning-strong-inverted-s: 100%;
641
+ --dt-color-border-warning-strong-inverted-l: 50%;
642
+ --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);
645
+ --dt-color-border-warning-strong-inverted: #ff5c00;
653
646
  --dt-color-border-warning-subtle-inverted-h: 22;
654
647
  --dt-color-border-warning-subtle-inverted-s: 100%;
655
648
  --dt-color-border-warning-subtle-inverted-l: 50%;
656
649
  --dt-color-border-warning-subtle-inverted-a: 100%;
657
- --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-600-hsl);
658
- --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-600-hsla);
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);
659
652
  --dt-color-border-warning-subtle-inverted: #ff5c00;
653
+ --dt-color-border-success-strong-inverted-h: 22;
654
+ --dt-color-border-success-strong-inverted-s: 100%;
655
+ --dt-color-border-success-strong-inverted-l: 50%;
656
+ --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);
659
+ --dt-color-border-success-strong-inverted: #ff5c00;
660
660
  --dt-color-border-success-subtle-inverted-h: 22;
661
661
  --dt-color-border-success-subtle-inverted-s: 100%;
662
662
  --dt-color-border-success-subtle-inverted-l: 50%;
663
663
  --dt-color-border-success-subtle-inverted-a: 100%;
664
- --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-600-hsl);
665
- --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-600-hsla);
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
666
  --dt-color-border-success-subtle-inverted: #ff5c00;
667
+ --dt-color-border-critical-strong-inverted-h: 22;
668
+ --dt-color-border-critical-strong-inverted-s: 100%;
669
+ --dt-color-border-critical-strong-inverted-l: 50%;
670
+ --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);
673
+ --dt-color-border-critical-strong-inverted: #ff5c00;
667
674
  --dt-color-border-critical-subtle-inverted-h: 22;
668
675
  --dt-color-border-critical-subtle-inverted-s: 100%;
669
676
  --dt-color-border-critical-subtle-inverted-l: 50%;
670
677
  --dt-color-border-critical-subtle-inverted-a: 100%;
671
- --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-700-hsl);
672
- --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-700-hsla);
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);
673
680
  --dt-color-border-critical-subtle-inverted: #ff5c00;
674
681
  --dt-color-border-brand-inverted-h: 22;
675
682
  --dt-color-border-brand-inverted-s: 100%;
676
683
  --dt-color-border-brand-inverted-l: 50%;
677
684
  --dt-color-border-brand-inverted-a: 100%;
678
- --dt-color-border-brand-inverted-hsl: var(--dt-color-purple-300-hsl);
679
- --dt-color-border-brand-inverted-hsla: var(--dt-color-purple-300-hsla);
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);
680
687
  --dt-color-border-brand-inverted: #ff5c00;
681
688
  --dt-color-border-warning-inverted-h: 22;
682
689
  --dt-color-border-warning-inverted-s: 100%;
683
690
  --dt-color-border-warning-inverted-l: 50%;
684
691
  --dt-color-border-warning-inverted-a: 100%;
685
- --dt-color-border-warning-inverted-hsl: var(--dt-color-gold-450-hsl);
686
- --dt-color-border-warning-inverted-hsla: var(--dt-color-gold-450-hsla);
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);
687
694
  --dt-color-border-warning-inverted: #ff5c00;
688
695
  --dt-color-border-success-inverted-h: 22;
689
696
  --dt-color-border-success-inverted-s: 100%;
690
697
  --dt-color-border-success-inverted-l: 50%;
691
698
  --dt-color-border-success-inverted-a: 100%;
692
- --dt-color-border-success-inverted-hsl: var(--dt-color-green-425-hsl);
693
- --dt-color-border-success-inverted-hsla: var(--dt-color-green-425-hsla);
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);
694
701
  --dt-color-border-success-inverted: #ff5c00;
695
702
  --dt-color-border-critical-inverted-h: 22;
696
703
  --dt-color-border-critical-inverted-s: 100%;
697
704
  --dt-color-border-critical-inverted-l: 50%;
698
705
  --dt-color-border-critical-inverted-a: 100%;
699
- --dt-color-border-critical-inverted-hsl: var(--dt-color-red-300-hsl);
700
- --dt-color-border-critical-inverted-hsla: var(--dt-color-red-300-hsla);
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);
701
708
  --dt-color-border-critical-inverted: #ff5c00;
702
- --dt-color-border-bold-inverted-h: 22;
703
- --dt-color-border-bold-inverted-s: 100%;
704
- --dt-color-border-bold-inverted-l: 50%;
705
- --dt-color-border-bold-inverted-a: 100%;
706
- --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);
707
- --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%));
708
- --dt-color-border-bold-inverted: #ff5c00;
709
- --dt-color-border-moderate-inverted-h: 22;
710
- --dt-color-border-moderate-inverted-s: 100%;
711
- --dt-color-border-moderate-inverted-l: 50%;
712
- --dt-color-border-moderate-inverted-a: 100%;
713
- --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);
714
- --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%));
715
- --dt-color-border-moderate-inverted: #ff5c00;
716
- --dt-color-border-default-inverted-h: 22;
717
- --dt-color-border-default-inverted-s: 100%;
718
- --dt-color-border-default-inverted-l: 50%;
719
- --dt-color-border-default-inverted-a: 100%;
720
- --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);
721
- --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%));
722
- --dt-color-border-default-inverted: #ff5c00;
723
- --dt-color-border-subtle-inverted-h: 22;
724
- --dt-color-border-subtle-inverted-s: 100%;
725
- --dt-color-border-subtle-inverted-l: 50%;
726
- --dt-color-border-subtle-inverted-a: 100%;
727
- --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);
728
- --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%));
729
- --dt-color-border-subtle-inverted: #ff5c00;
730
709
  --dt-color-border-brand-strong-h: 22;
731
710
  --dt-color-border-brand-strong-s: 100%;
732
711
  --dt-color-border-brand-strong-l: 50%;
@@ -734,55 +713,62 @@
734
713
  --dt-color-border-brand-strong-hsl: var(--dt-color-purple-500-hsl);
735
714
  --dt-color-border-brand-strong-hsla: var(--dt-color-purple-500-hsla);
736
715
  --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;
737
723
  --dt-color-border-warning-strong-h: 22;
738
724
  --dt-color-border-warning-strong-s: 100%;
739
725
  --dt-color-border-warning-strong-l: 50%;
740
726
  --dt-color-border-warning-strong-a: 100%;
741
- --dt-color-border-warning-strong-hsl: var(--dt-color-gold-500-hsl);
742
- --dt-color-border-warning-strong-hsla: var(--dt-color-gold-500-hsla);
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%));
743
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;
744
737
  --dt-color-border-success-strong-h: 22;
745
738
  --dt-color-border-success-strong-s: 100%;
746
739
  --dt-color-border-success-strong-l: 50%;
747
740
  --dt-color-border-success-strong-a: 100%;
748
- --dt-color-border-success-strong-hsl: var(--dt-color-green-600-hsl);
749
- --dt-color-border-success-strong-hsla: var(--dt-color-green-600-hsla);
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);
750
743
  --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
751
  --dt-color-border-critical-strong-h: 22;
752
752
  --dt-color-border-critical-strong-s: 100%;
753
753
  --dt-color-border-critical-strong-l: 50%;
754
754
  --dt-color-border-critical-strong-a: 100%;
755
- --dt-color-border-critical-strong-hsl: var(--dt-color-red-600-hsl);
756
- --dt-color-border-critical-strong-hsla: var(--dt-color-red-600-hsla);
755
+ --dt-color-border-critical-strong-hsl: var(--dt-color-red-400-hsl);
756
+ --dt-color-border-critical-strong-hsla: var(--dt-color-red-400-hsla);
757
757
  --dt-color-border-critical-strong: #ff5c00;
758
- --dt-color-border-brand-subtle-h: 22;
759
- --dt-color-border-brand-subtle-s: 100%;
760
- --dt-color-border-brand-subtle-l: 50%;
761
- --dt-color-border-brand-subtle-a: 100%;
762
- --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-250-hsl);
763
- --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-250-hsla);
764
- --dt-color-border-brand-subtle: #ff5c00;
765
- --dt-color-border-warning-subtle-h: 22;
766
- --dt-color-border-warning-subtle-s: 100%;
767
- --dt-color-border-warning-subtle-l: 50%;
768
- --dt-color-border-warning-subtle-a: 100%;
769
- --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-300-hsl);
770
- --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-300-hsla);
771
- --dt-color-border-warning-subtle: #ff5c00;
772
- --dt-color-border-success-subtle-h: 22;
773
- --dt-color-border-success-subtle-s: 100%;
774
- --dt-color-border-success-subtle-l: 50%;
775
- --dt-color-border-success-subtle-a: 100%;
776
- --dt-color-border-success-subtle-hsl: var(--dt-color-green-300-hsl);
777
- --dt-color-border-success-subtle-hsla: var(--dt-color-green-300-hsla);
778
- --dt-color-border-success-subtle: #ff5c00;
779
758
  --dt-color-border-critical-subtle-h: 22;
780
759
  --dt-color-border-critical-subtle-s: 100%;
781
760
  --dt-color-border-critical-subtle-l: 50%;
782
761
  --dt-color-border-critical-subtle-a: 100%;
783
- --dt-color-border-critical-subtle-hsl: var(--dt-color-red-300-hsl);
784
- --dt-color-border-critical-subtle-hsla: var(--dt-color-red-300-hsla);
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);
785
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;
786
772
  --dt-color-border-brand-h: 22;
787
773
  --dt-color-border-brand-s: 100%;
788
774
  --dt-color-border-brand-l: 50%;
@@ -801,16 +787,51 @@
801
787
  --dt-color-border-success-s: 100%;
802
788
  --dt-color-border-success-l: 50%;
803
789
  --dt-color-border-success-a: 100%;
804
- --dt-color-border-success-hsl: var(--dt-color-green-475-hsl);
805
- --dt-color-border-success-hsla: var(--dt-color-green-475-hsla);
790
+ --dt-color-border-success-hsl: var(--dt-color-green-400-hsl);
791
+ --dt-color-border-success-hsla: var(--dt-color-green-400-hsla);
806
792
  --dt-color-border-success: #ff5c00;
807
793
  --dt-color-border-critical-h: 22;
808
794
  --dt-color-border-critical-s: 100%;
809
795
  --dt-color-border-critical-l: 50%;
810
796
  --dt-color-border-critical-a: 100%;
811
- --dt-color-border-critical-hsl: var(--dt-color-red-400-hsl);
812
- --dt-color-border-critical-hsla: var(--dt-color-red-400-hsla);
797
+ --dt-color-border-critical-hsl: var(--dt-color-red-300-hsl);
798
+ --dt-color-border-critical-hsla: var(--dt-color-red-300-hsla);
813
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;
814
835
  --dt-color-border-bold-h: 22;
815
836
  --dt-color-border-bold-s: 100%;
816
837
  --dt-color-border-bold-l: 50%;
@@ -823,463 +844,36 @@
823
844
  --dt-color-border-moderate-l: 50%;
824
845
  --dt-color-border-moderate-a: 100%;
825
846
  --dt-color-border-moderate-hsl: var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l);
826
- --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, 25%));
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%));
827
848
  --dt-color-border-moderate: #ff5c00;
828
849
  --dt-color-border-default-h: 22;
829
850
  --dt-color-border-default-s: 100%;
830
851
  --dt-color-border-default-l: 50%;
831
852
  --dt-color-border-default-a: 100%;
832
853
  --dt-color-border-default-hsl: var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l);
833
- --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%));
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%));
834
855
  --dt-color-border-default: #ff5c00;
835
856
  --dt-color-border-subtle-h: 22;
836
857
  --dt-color-border-subtle-s: 100%;
837
858
  --dt-color-border-subtle-l: 50%;
838
859
  --dt-color-border-subtle-a: 100%;
839
860
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
840
- --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%));
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%));
841
862
  --dt-color-border-subtle: #ff5c00;
842
- --dt-color-surface-backdrop-h: 22;
843
- --dt-color-surface-backdrop-s: 100%;
844
- --dt-color-surface-backdrop-l: 50%;
845
- --dt-color-surface-backdrop-a: 100%;
846
- --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
847
- --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%));
848
- --dt-color-surface-backdrop: #ff5c00; /* Background color for a modal-like backdrop. */
849
- --dt-color-surface-brand-subtle-opaque-inverted-h: 22;
850
- --dt-color-surface-brand-subtle-opaque-inverted-s: 100%;
851
- --dt-color-surface-brand-subtle-opaque-inverted-l: 50%;
852
- --dt-color-surface-brand-subtle-opaque-inverted-a: 100%;
853
- --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);
854
- --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%));
855
- --dt-color-surface-brand-subtle-opaque-inverted: #ff5c00; /* Info surface as opaque background color. */
856
- --dt-color-surface-info-subtle-opaque-inverted-h: 22;
857
- --dt-color-surface-info-subtle-opaque-inverted-s: 100%;
858
- --dt-color-surface-info-subtle-opaque-inverted-l: 50%;
859
- --dt-color-surface-info-subtle-opaque-inverted-a: 100%;
860
- --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);
861
- --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%));
862
- --dt-color-surface-info-subtle-opaque-inverted: #ff5c00; /* Info surface as opaque background color. */
863
- --dt-color-surface-success-subtle-opaque-inverted-h: 22;
864
- --dt-color-surface-success-subtle-opaque-inverted-s: 100%;
865
- --dt-color-surface-success-subtle-opaque-inverted-l: 50%;
866
- --dt-color-surface-success-subtle-opaque-inverted-a: 100%;
867
- --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);
868
- --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%));
869
- --dt-color-surface-success-subtle-opaque-inverted: #ff5c00; /* Success subtle surface as opaque background color. */
870
- --dt-color-surface-warning-subtle-opaque-inverted-h: 22;
871
- --dt-color-surface-warning-subtle-opaque-inverted-s: 100%;
872
- --dt-color-surface-warning-subtle-opaque-inverted-l: 50%;
873
- --dt-color-surface-warning-subtle-opaque-inverted-a: 100%;
874
- --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);
875
- --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%));
876
- --dt-color-surface-warning-subtle-opaque-inverted: #ff5c00; /* Warning subtle surface as opaque background color */
877
- --dt-color-surface-critical-subtle-opaque-inverted-h: 22;
878
- --dt-color-surface-critical-subtle-opaque-inverted-s: 100%;
879
- --dt-color-surface-critical-subtle-opaque-inverted-l: 50%;
880
- --dt-color-surface-critical-subtle-opaque-inverted-a: 100%;
881
- --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);
882
- --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%));
883
- --dt-color-surface-critical-subtle-opaque-inverted: #ff5c00; /* Critical subtle surface as opaque background color. */
884
- --dt-color-surface-brand-opaque-inverted-h: 22;
885
- --dt-color-surface-brand-opaque-inverted-s: 100%;
886
- --dt-color-surface-brand-opaque-inverted-l: 50%;
887
- --dt-color-surface-brand-opaque-inverted-a: 100%;
888
- --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);
889
- --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%));
890
- --dt-color-surface-brand-opaque-inverted: #ff5c00; /* Info surface as opaque background color. */
891
- --dt-color-surface-info-opaque-inverted-h: 22;
892
- --dt-color-surface-info-opaque-inverted-s: 100%;
893
- --dt-color-surface-info-opaque-inverted-l: 50%;
894
- --dt-color-surface-info-opaque-inverted-a: 100%;
895
- --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);
896
- --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%));
897
- --dt-color-surface-info-opaque-inverted: #ff5c00; /* Info surface as opaque background color. */
898
- --dt-color-surface-success-opaque-inverted-h: 22;
899
- --dt-color-surface-success-opaque-inverted-s: 100%;
900
- --dt-color-surface-success-opaque-inverted-l: 50%;
901
- --dt-color-surface-success-opaque-inverted-a: 100%;
902
- --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);
903
- --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%));
904
- --dt-color-surface-success-opaque-inverted: #ff5c00; /* Success surface as opaque background color. */
905
- --dt-color-surface-warning-opaque-inverted-h: 22;
906
- --dt-color-surface-warning-opaque-inverted-s: 100%;
907
- --dt-color-surface-warning-opaque-inverted-l: 50%;
908
- --dt-color-surface-warning-opaque-inverted-a: 100%;
909
- --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);
910
- --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%));
911
- --dt-color-surface-warning-opaque-inverted: #ff5c00; /* Warning surface as opaque background color */
912
- --dt-color-surface-critical-opaque-inverted-h: 22;
913
- --dt-color-surface-critical-opaque-inverted-s: 100%;
914
- --dt-color-surface-critical-opaque-inverted-l: 50%;
915
- --dt-color-surface-critical-opaque-inverted-a: 100%;
916
- --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);
917
- --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%));
918
- --dt-color-surface-critical-opaque-inverted: #ff5c00; /* Critical surface as opaque background color. */
919
- --dt-color-surface-contrast-opaque-inverted-h: 22;
920
- --dt-color-surface-contrast-opaque-inverted-s: 100%;
921
- --dt-color-surface-contrast-opaque-inverted-l: 50%;
922
- --dt-color-surface-contrast-opaque-inverted-a: 100%;
923
- --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);
924
- --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%));
925
- --dt-color-surface-contrast-opaque-inverted: #ff5c00; /* Contrast surface as opaque background color. */
926
- --dt-color-surface-strong-opaque-inverted-h: 22;
927
- --dt-color-surface-strong-opaque-inverted-s: 100%;
928
- --dt-color-surface-strong-opaque-inverted-l: 50%;
929
- --dt-color-surface-strong-opaque-inverted-a: 100%;
930
- --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);
931
- --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%));
932
- --dt-color-surface-strong-opaque-inverted: #ff5c00; /* Strong surface as opaque background color. */
933
- --dt-color-surface-bold-opaque-inverted-h: 22;
934
- --dt-color-surface-bold-opaque-inverted-s: 100%;
935
- --dt-color-surface-bold-opaque-inverted-l: 50%;
936
- --dt-color-surface-bold-opaque-inverted-a: 100%;
937
- --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);
938
- --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%));
939
- --dt-color-surface-bold-opaque-inverted: #ff5c00; /* Bold surface as opaque background color. */
940
- --dt-color-surface-moderate-opaque-inverted-h: 22;
941
- --dt-color-surface-moderate-opaque-inverted-s: 100%;
942
- --dt-color-surface-moderate-opaque-inverted-l: 50%;
943
- --dt-color-surface-moderate-opaque-inverted-a: 100%;
944
- --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);
945
- --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%));
946
- --dt-color-surface-moderate-opaque-inverted: #ff5c00; /* Moderate surface as opaque background color. */
947
- --dt-color-surface-secondary-opaque-inverted-h: 22;
948
- --dt-color-surface-secondary-opaque-inverted-s: 100%;
949
- --dt-color-surface-secondary-opaque-inverted-l: 50%;
950
- --dt-color-surface-secondary-opaque-inverted-a: 100%;
951
- --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);
952
- --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%));
953
- --dt-color-surface-secondary-opaque-inverted: #ff5c00; /* Secondary surface as opaque background color. */
954
- --dt-color-surface-brand-strong-inverted-h: 22;
955
- --dt-color-surface-brand-strong-inverted-s: 100%;
956
- --dt-color-surface-brand-strong-inverted-l: 50%;
957
- --dt-color-surface-brand-strong-inverted-a: 100%;
958
- --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-purple-300-hsl);
959
- --dt-color-surface-brand-strong-inverted-hsla: var(--dt-color-purple-300-hsla);
960
- --dt-color-surface-brand-strong-inverted: #ff5c00; /* A contrasting informational surface, most likely paired with inverted foreground colors. */
961
- --dt-color-surface-info-strong-inverted-h: 22;
962
- --dt-color-surface-info-strong-inverted-s: 100%;
963
- --dt-color-surface-info-strong-inverted-l: 50%;
964
- --dt-color-surface-info-strong-inverted-a: 100%;
965
- --dt-color-surface-info-strong-inverted-hsl: var(--dt-color-blue-425-hsl);
966
- --dt-color-surface-info-strong-inverted-hsla: var(--dt-color-blue-425-hsla);
967
- --dt-color-surface-info-strong-inverted: #ff5c00; /* A contrasting informational surface, most likely paired with inverted foreground colors. */
968
- --dt-color-surface-success-strong-inverted-h: 22;
969
- --dt-color-surface-success-strong-inverted-s: 100%;
970
- --dt-color-surface-success-strong-inverted-l: 50%;
971
- --dt-color-surface-success-strong-inverted-a: 100%;
972
- --dt-color-surface-success-strong-inverted-hsl: var(--dt-color-green-350-hsl);
973
- --dt-color-surface-success-strong-inverted-hsla: var(--dt-color-green-350-hsla);
974
- --dt-color-surface-success-strong-inverted: #ff5c00; /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
975
- --dt-color-surface-warning-strong-inverted-h: 22;
976
- --dt-color-surface-warning-strong-inverted-s: 100%;
977
- --dt-color-surface-warning-strong-inverted-l: 50%;
978
- --dt-color-surface-warning-strong-inverted-a: 100%;
979
- --dt-color-surface-warning-strong-inverted-hsl: var(--dt-color-gold-300-hsl);
980
- --dt-color-surface-warning-strong-inverted-hsla: var(--dt-color-gold-300-hsla);
981
- --dt-color-surface-warning-strong-inverted: #ff5c00; /* A contrasting warning surface, most likely paired with inverted foreground colors. */
982
- --dt-color-surface-critical-strong-inverted-h: 22;
983
- --dt-color-surface-critical-strong-inverted-s: 100%;
984
- --dt-color-surface-critical-strong-inverted-l: 50%;
985
- --dt-color-surface-critical-strong-inverted-a: 100%;
986
- --dt-color-surface-critical-strong-inverted-hsl: var(--dt-color-red-300-hsl);
987
- --dt-color-surface-critical-strong-inverted-hsla: var(--dt-color-red-300-hsla);
988
- --dt-color-surface-critical-strong-inverted: #ff5c00; /* A contrasting critical surface, most likely paired with inverted foreground colors. */
989
- --dt-color-surface-brand-subtle-inverted-h: 22;
990
- --dt-color-surface-brand-subtle-inverted-s: 100%;
991
- --dt-color-surface-brand-subtle-inverted-l: 50%;
992
- --dt-color-surface-brand-subtle-inverted-a: 100%;
993
- --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-purple-1000-hsl);
994
- --dt-color-surface-brand-subtle-inverted-hsla: var(--dt-color-purple-1000-hsla);
995
- --dt-color-surface-brand-subtle-inverted: #ff5c00; /* A softer version of the default informational surface. */
996
- --dt-color-surface-info-subtle-inverted-h: 22;
997
- --dt-color-surface-info-subtle-inverted-s: 100%;
998
- --dt-color-surface-info-subtle-inverted-l: 50%;
999
- --dt-color-surface-info-subtle-inverted-a: 100%;
1000
- --dt-color-surface-info-subtle-inverted-hsl: var(--dt-color-blue-1000-hsl);
1001
- --dt-color-surface-info-subtle-inverted-hsla: var(--dt-color-blue-1000-hsla);
1002
- --dt-color-surface-info-subtle-inverted: #ff5c00; /* A softer version of the default informational surface. */
1003
- --dt-color-surface-success-subtle-inverted-h: 22;
1004
- --dt-color-surface-success-subtle-inverted-s: 100%;
1005
- --dt-color-surface-success-subtle-inverted-l: 50%;
1006
- --dt-color-surface-success-subtle-inverted-a: 100%;
1007
- --dt-color-surface-success-subtle-inverted-hsl: var(--dt-color-green-1000-hsl);
1008
- --dt-color-surface-success-subtle-inverted-hsla: var(--dt-color-green-1000-hsla);
1009
- --dt-color-surface-success-subtle-inverted: #ff5c00; /* A softer version of the default success surface. */
1010
- --dt-color-surface-warning-subtle-inverted-h: 22;
1011
- --dt-color-surface-warning-subtle-inverted-s: 100%;
1012
- --dt-color-surface-warning-subtle-inverted-l: 50%;
1013
- --dt-color-surface-warning-subtle-inverted-a: 100%;
1014
- --dt-color-surface-warning-subtle-inverted-hsl: var(--dt-color-gold-1000-hsl);
1015
- --dt-color-surface-warning-subtle-inverted-hsla: var(--dt-color-gold-1000-hsla);
1016
- --dt-color-surface-warning-subtle-inverted: #ff5c00; /* A softer version of the default warning surface. */
1017
- --dt-color-surface-critical-subtle-inverted-h: 22;
1018
- --dt-color-surface-critical-subtle-inverted-s: 100%;
1019
- --dt-color-surface-critical-subtle-inverted-l: 50%;
1020
- --dt-color-surface-critical-subtle-inverted-a: 100%;
1021
- --dt-color-surface-critical-subtle-inverted-hsl: var(--dt-color-red-1000-hsl);
1022
- --dt-color-surface-critical-subtle-inverted-hsla: var(--dt-color-red-1000-hsla);
1023
- --dt-color-surface-critical-subtle-inverted: #ff5c00; /* A softer version of the Critical surface. */
1024
- --dt-color-surface-brand-inverted-h: 22;
1025
- --dt-color-surface-brand-inverted-s: 100%;
1026
- --dt-color-surface-brand-inverted-l: 50%;
1027
- --dt-color-surface-brand-inverted-a: 100%;
1028
- --dt-color-surface-brand-inverted-hsl: var(--dt-color-purple-600-hsl);
1029
- --dt-color-surface-brand-inverted-hsla: var(--dt-color-purple-600-hsla);
1030
- --dt-color-surface-brand-inverted: #ff5c00; /* Background surface color containing messaging or elements communicated as generally informational. */
1031
- --dt-color-surface-info-inverted-h: 22;
1032
- --dt-color-surface-info-inverted-s: 100%;
1033
- --dt-color-surface-info-inverted-l: 50%;
1034
- --dt-color-surface-info-inverted-a: 100%;
1035
- --dt-color-surface-info-inverted-hsl: var(--dt-color-blue-900-hsl);
1036
- --dt-color-surface-info-inverted-hsla: var(--dt-color-blue-900-hsla);
1037
- --dt-color-surface-info-inverted: #ff5c00; /* Background surface color containing messaging or elements communicated as generally informational. */
1038
- --dt-color-surface-success-inverted-h: 22;
1039
- --dt-color-surface-success-inverted-s: 100%;
1040
- --dt-color-surface-success-inverted-l: 50%;
1041
- --dt-color-surface-success-inverted-a: 100%;
1042
- --dt-color-surface-success-inverted-hsl: var(--dt-color-green-900-hsl);
1043
- --dt-color-surface-success-inverted-hsla: var(--dt-color-green-900-hsla);
1044
- --dt-color-surface-success-inverted: #ff5c00; /* Background surface color containing messaging or elements expressing a positive or successful state. */
1045
- --dt-color-surface-warning-inverted-h: 22;
1046
- --dt-color-surface-warning-inverted-s: 100%;
1047
- --dt-color-surface-warning-inverted-l: 50%;
1048
- --dt-color-surface-warning-inverted-a: 100%;
1049
- --dt-color-surface-warning-inverted-hsl: var(--dt-color-gold-900-hsl);
1050
- --dt-color-surface-warning-inverted-hsla: var(--dt-color-gold-900-hsla);
1051
- --dt-color-surface-warning-inverted: #ff5c00; /* Background surface color highlighting messaging or elements that may require user's attention. */
1052
- --dt-color-surface-critical-inverted-h: 22;
1053
- --dt-color-surface-critical-inverted-s: 100%;
1054
- --dt-color-surface-critical-inverted-l: 50%;
1055
- --dt-color-surface-critical-inverted-a: 100%;
1056
- --dt-color-surface-critical-inverted-hsl: var(--dt-color-red-900-hsl);
1057
- --dt-color-surface-critical-inverted-hsla: var(--dt-color-red-900-hsla);
1058
- --dt-color-surface-critical-inverted: #ff5c00; /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
1059
- --dt-color-surface-contrast-inverted-h: 22;
1060
- --dt-color-surface-contrast-inverted-s: 100%;
1061
- --dt-color-surface-contrast-inverted-l: 50%;
1062
- --dt-color-surface-contrast-inverted-a: 100%;
1063
- --dt-color-surface-contrast-inverted-hsl: var(--dt-color-black-100-hsl);
1064
- --dt-color-surface-contrast-inverted-hsla: var(--dt-color-black-100-hsla);
1065
- --dt-color-surface-contrast-inverted: #ff5c00; /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
1066
- --dt-color-surface-strong-inverted-h: 22;
1067
- --dt-color-surface-strong-inverted-s: 100%;
1068
- --dt-color-surface-strong-inverted-l: 50%;
1069
- --dt-color-surface-strong-inverted-a: 100%;
1070
- --dt-color-surface-strong-inverted-hsl: var(--dt-color-black-400-hsl);
1071
- --dt-color-surface-strong-inverted-hsla: var(--dt-color-black-400-hsla);
1072
- --dt-color-surface-strong-inverted: #ff5c00; /* Use sparingly to draw the eye to a relatively important region. */
1073
- --dt-color-surface-bold-inverted-h: 22;
1074
- --dt-color-surface-bold-inverted-s: 100%;
1075
- --dt-color-surface-bold-inverted-l: 50%;
1076
- --dt-color-surface-bold-inverted-a: 100%;
1077
- --dt-color-surface-bold-inverted-hsl: var(--dt-color-black-600-hsl);
1078
- --dt-color-surface-bold-inverted-hsla: var(--dt-color-black-600-hsla);
1079
- --dt-color-surface-bold-inverted: #ff5c00; /* Highlight or call attention to specific areas of the interface. */
1080
- --dt-color-surface-moderate-inverted-h: 22;
1081
- --dt-color-surface-moderate-inverted-s: 100%;
1082
- --dt-color-surface-moderate-inverted-l: 50%;
1083
- --dt-color-surface-moderate-inverted-a: 100%;
1084
- --dt-color-surface-moderate-inverted-hsl: var(--dt-color-black-700-hsl);
1085
- --dt-color-surface-moderate-inverted-hsla: var(--dt-color-black-700-hsla);
1086
- --dt-color-surface-moderate-inverted: #ff5c00; /* A tertiary surface level, prominent without being too overpowering. */
1087
- --dt-color-surface-secondary-inverted-h: 22;
1088
- --dt-color-surface-secondary-inverted-s: 100%;
1089
- --dt-color-surface-secondary-inverted-l: 50%;
1090
- --dt-color-surface-secondary-inverted-a: 100%;
1091
- --dt-color-surface-secondary-inverted-hsl: var(--dt-color-black-800-hsl);
1092
- --dt-color-surface-secondary-inverted-hsla: var(--dt-color-black-800-hsla);
1093
- --dt-color-surface-secondary-inverted: #ff5c00; /* For adjacent or complementary regions. */
1094
- --dt-color-surface-primary-inverted-h: 22;
1095
- --dt-color-surface-primary-inverted-s: 100%;
1096
- --dt-color-surface-primary-inverted-l: 50%;
1097
- --dt-color-surface-primary-inverted-a: 100%;
1098
- --dt-color-surface-primary-inverted-hsl: var(--dt-color-black-1000-hsl);
1099
- --dt-color-surface-primary-inverted-hsla: var(--dt-color-black-1000-hsla);
1100
- --dt-color-surface-primary-inverted: #ff5c00; /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
1101
- --dt-color-surface-brand-subtle-opaque-h: 22;
1102
- --dt-color-surface-brand-subtle-opaque-s: 100%;
1103
- --dt-color-surface-brand-subtle-opaque-l: 50%;
1104
- --dt-color-surface-brand-subtle-opaque-a: 100%;
1105
- --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);
1106
- --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%));
1107
- --dt-color-surface-brand-subtle-opaque: #ff5c00; /* Info surface as opaque background color. */
1108
- --dt-color-surface-info-subtle-opaque-h: 22;
1109
- --dt-color-surface-info-subtle-opaque-s: 100%;
1110
- --dt-color-surface-info-subtle-opaque-l: 50%;
1111
- --dt-color-surface-info-subtle-opaque-a: 100%;
1112
- --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);
1113
- --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%));
1114
- --dt-color-surface-info-subtle-opaque: #ff5c00; /* Info surface as opaque background color. */
1115
- --dt-color-surface-success-subtle-opaque-h: 22;
1116
- --dt-color-surface-success-subtle-opaque-s: 100%;
1117
- --dt-color-surface-success-subtle-opaque-l: 50%;
1118
- --dt-color-surface-success-subtle-opaque-a: 100%;
1119
- --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);
1120
- --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%));
1121
- --dt-color-surface-success-subtle-opaque: #ff5c00; /* Success subtle surface as opaque background color. */
1122
- --dt-color-surface-warning-subtle-opaque-h: 22;
1123
- --dt-color-surface-warning-subtle-opaque-s: 100%;
1124
- --dt-color-surface-warning-subtle-opaque-l: 50%;
1125
- --dt-color-surface-warning-subtle-opaque-a: 100%;
1126
- --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);
1127
- --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%));
1128
- --dt-color-surface-warning-subtle-opaque: #ff5c00; /* Warning subtle surface as opaque background color */
1129
- --dt-color-surface-critical-subtle-opaque-h: 22;
1130
- --dt-color-surface-critical-subtle-opaque-s: 100%;
1131
- --dt-color-surface-critical-subtle-opaque-l: 50%;
1132
- --dt-color-surface-critical-subtle-opaque-a: 100%;
1133
- --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);
1134
- --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%));
1135
- --dt-color-surface-critical-subtle-opaque: #ff5c00; /* Critical subtle surface as opaque background color. */
1136
- --dt-color-surface-brand-opaque-h: 22;
1137
- --dt-color-surface-brand-opaque-s: 100%;
1138
- --dt-color-surface-brand-opaque-l: 50%;
1139
- --dt-color-surface-brand-opaque-a: 100%;
1140
- --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);
1141
- --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%));
1142
- --dt-color-surface-brand-opaque: #ff5c00; /* Info surface as opaque background color. */
1143
- --dt-color-surface-info-opaque-h: 22;
1144
- --dt-color-surface-info-opaque-s: 100%;
1145
- --dt-color-surface-info-opaque-l: 50%;
1146
- --dt-color-surface-info-opaque-a: 100%;
1147
- --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);
1148
- --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%));
1149
- --dt-color-surface-info-opaque: #ff5c00; /* Info surface as opaque background color. */
1150
- --dt-color-surface-success-opaque-h: 22;
1151
- --dt-color-surface-success-opaque-s: 100%;
1152
- --dt-color-surface-success-opaque-l: 50%;
1153
- --dt-color-surface-success-opaque-a: 100%;
1154
- --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);
1155
- --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%));
1156
- --dt-color-surface-success-opaque: #ff5c00; /* Success surface as opaque background color. */
1157
- --dt-color-surface-warning-opaque-h: 22;
1158
- --dt-color-surface-warning-opaque-s: 100%;
1159
- --dt-color-surface-warning-opaque-l: 50%;
1160
- --dt-color-surface-warning-opaque-a: 100%;
1161
- --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);
1162
- --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%));
1163
- --dt-color-surface-warning-opaque: #ff5c00; /* Warning surface as opaque background color */
1164
- --dt-color-surface-critical-opaque-h: 22;
1165
- --dt-color-surface-critical-opaque-s: 100%;
1166
- --dt-color-surface-critical-opaque-l: 50%;
1167
- --dt-color-surface-critical-opaque-a: 100%;
1168
- --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);
1169
- --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%));
1170
- --dt-color-surface-critical-opaque: #ff5c00; /* Critical surface as opaque background color. */
1171
- --dt-color-surface-contrast-opaque-h: 22;
1172
- --dt-color-surface-contrast-opaque-s: 100%;
1173
- --dt-color-surface-contrast-opaque-l: 50%;
1174
- --dt-color-surface-contrast-opaque-a: 100%;
1175
- --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);
1176
- --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%));
1177
- --dt-color-surface-contrast-opaque: #ff5c00; /* Contrast surface as opaque background color. */
1178
- --dt-color-surface-strong-opaque-h: 22;
1179
- --dt-color-surface-strong-opaque-s: 100%;
1180
- --dt-color-surface-strong-opaque-l: 50%;
1181
- --dt-color-surface-strong-opaque-a: 100%;
1182
- --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);
1183
- --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%));
1184
- --dt-color-surface-strong-opaque: #ff5c00; /* Strong surface as opaque background color. */
1185
- --dt-color-surface-bold-opaque-h: 22;
1186
- --dt-color-surface-bold-opaque-s: 100%;
1187
- --dt-color-surface-bold-opaque-l: 50%;
1188
- --dt-color-surface-bold-opaque-a: 100%;
1189
- --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);
1190
- --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%));
1191
- --dt-color-surface-bold-opaque: #ff5c00; /* Bold surface as opaque background color. */
1192
- --dt-color-surface-moderate-opaque-h: 22;
1193
- --dt-color-surface-moderate-opaque-s: 100%;
1194
- --dt-color-surface-moderate-opaque-l: 50%;
1195
- --dt-color-surface-moderate-opaque-a: 100%;
1196
- --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);
1197
- --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%));
1198
- --dt-color-surface-moderate-opaque: #ff5c00; /* Moderate surface as opaque background color. */
1199
- --dt-color-surface-secondary-opaque-h: 22;
1200
- --dt-color-surface-secondary-opaque-s: 100%;
1201
- --dt-color-surface-secondary-opaque-l: 50%;
1202
- --dt-color-surface-secondary-opaque-a: 100%;
1203
- --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);
1204
- --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%));
1205
- --dt-color-surface-secondary-opaque: #ff5c00; /* Secondary surface as opaque background color. */
1206
- --dt-color-surface-brand-strong-h: 22;
1207
- --dt-color-surface-brand-strong-s: 100%;
1208
- --dt-color-surface-brand-strong-l: 50%;
1209
- --dt-color-surface-brand-strong-a: 100%;
1210
- --dt-color-surface-brand-strong-hsl: var(--dt-color-purple-400-hsl);
1211
- --dt-color-surface-brand-strong-hsla: var(--dt-color-purple-400-hsla);
1212
- --dt-color-surface-brand-strong: #ff5c00; /* A contrasting informational surface, most likely paired with inverted foreground colors. */
1213
863
  --dt-color-surface-info-strong-h: 22;
1214
864
  --dt-color-surface-info-strong-s: 100%;
1215
865
  --dt-color-surface-info-strong-l: 50%;
1216
866
  --dt-color-surface-info-strong-a: 100%;
1217
- --dt-color-surface-info-strong-hsl: var(--dt-color-blue-500-hsl);
1218
- --dt-color-surface-info-strong-hsla: var(--dt-color-blue-500-hsla);
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);
1219
869
  --dt-color-surface-info-strong: #ff5c00; /* A contrasting informational surface, most likely paired with inverted foreground colors. */
1220
- --dt-color-surface-success-strong-h: 22;
1221
- --dt-color-surface-success-strong-s: 100%;
1222
- --dt-color-surface-success-strong-l: 50%;
1223
- --dt-color-surface-success-strong-a: 100%;
1224
- --dt-color-surface-success-strong-hsl: var(--dt-color-green-500-hsl);
1225
- --dt-color-surface-success-strong-hsla: var(--dt-color-green-500-hsla);
1226
- --dt-color-surface-success-strong: #ff5c00; /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
1227
- --dt-color-surface-warning-strong-h: 22;
1228
- --dt-color-surface-warning-strong-s: 100%;
1229
- --dt-color-surface-warning-strong-l: 50%;
1230
- --dt-color-surface-warning-strong-a: 100%;
1231
- --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-350-hsl);
1232
- --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-350-hsla);
1233
- --dt-color-surface-warning-strong: #ff5c00; /* A contrasting warning surface, most likely paired with inverted foreground colors. */
1234
- --dt-color-surface-critical-strong-h: 22;
1235
- --dt-color-surface-critical-strong-s: 100%;
1236
- --dt-color-surface-critical-strong-l: 50%;
1237
- --dt-color-surface-critical-strong-a: 100%;
1238
- --dt-color-surface-critical-strong-hsl: var(--dt-color-red-450-hsl);
1239
- --dt-color-surface-critical-strong-hsla: var(--dt-color-red-450-hsla);
1240
- --dt-color-surface-critical-strong: #ff5c00; /* A contrasting critical surface, most likely paired with inverted foreground colors. */
1241
- --dt-color-surface-brand-subtle-h: 22;
1242
- --dt-color-surface-brand-subtle-s: 100%;
1243
- --dt-color-surface-brand-subtle-l: 50%;
1244
- --dt-color-surface-brand-subtle-a: 100%;
1245
- --dt-color-surface-brand-subtle-hsl: var(--dt-color-purple-50-hsl);
1246
- --dt-color-surface-brand-subtle-hsla: var(--dt-color-purple-50-hsla);
1247
- --dt-color-surface-brand-subtle: #ff5c00; /* A softer version of the default informational surface. */
1248
870
  --dt-color-surface-info-subtle-h: 22;
1249
871
  --dt-color-surface-info-subtle-s: 100%;
1250
872
  --dt-color-surface-info-subtle-l: 50%;
1251
873
  --dt-color-surface-info-subtle-a: 100%;
1252
- --dt-color-surface-info-subtle-hsl: var(--dt-color-blue-50-hsl);
1253
- --dt-color-surface-info-subtle-hsla: var(--dt-color-blue-50-hsla);
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%));
1254
876
  --dt-color-surface-info-subtle: #ff5c00; /* A softer version of the default informational surface. */
1255
- --dt-color-surface-success-subtle-h: 22;
1256
- --dt-color-surface-success-subtle-s: 100%;
1257
- --dt-color-surface-success-subtle-l: 50%;
1258
- --dt-color-surface-success-subtle-a: 100%;
1259
- --dt-color-surface-success-subtle-hsl: var(--dt-color-green-50-hsl);
1260
- --dt-color-surface-success-subtle-hsla: var(--dt-color-green-50-hsla);
1261
- --dt-color-surface-success-subtle: #ff5c00; /* A softer version of the default success surface. */
1262
- --dt-color-surface-warning-subtle-h: 22;
1263
- --dt-color-surface-warning-subtle-s: 100%;
1264
- --dt-color-surface-warning-subtle-l: 50%;
1265
- --dt-color-surface-warning-subtle-a: 100%;
1266
- --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-50-hsl);
1267
- --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-50-hsla);
1268
- --dt-color-surface-warning-subtle: #ff5c00; /* A softer version of the default warning surface. */
1269
- --dt-color-surface-critical-subtle-h: 22;
1270
- --dt-color-surface-critical-subtle-s: 100%;
1271
- --dt-color-surface-critical-subtle-l: 50%;
1272
- --dt-color-surface-critical-subtle-a: 100%;
1273
- --dt-color-surface-critical-subtle-hsl: var(--dt-color-red-50-hsl);
1274
- --dt-color-surface-critical-subtle-hsla: var(--dt-color-red-50-hsla);
1275
- --dt-color-surface-critical-subtle: #ff5c00; /* A softer version of the Critical surface. */
1276
- --dt-color-surface-brand-h: 22;
1277
- --dt-color-surface-brand-s: 100%;
1278
- --dt-color-surface-brand-l: 50%;
1279
- --dt-color-surface-brand-a: 100%;
1280
- --dt-color-surface-brand-hsl: var(--dt-color-purple-100-hsl);
1281
- --dt-color-surface-brand-hsla: var(--dt-color-purple-100-hsla);
1282
- --dt-color-surface-brand: #ff5c00; /* Background surface color containing messaging or elements communicated as generally informational. */
1283
877
  --dt-color-surface-info-h: 22;
1284
878
  --dt-color-surface-info-s: 100%;
1285
879
  --dt-color-surface-info-l: 50%;
@@ -1287,6 +881,20 @@
1287
881
  --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
1288
882
  --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
1289
883
  --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. */
1290
898
  --dt-color-surface-success-h: 22;
1291
899
  --dt-color-surface-success-s: 100%;
1292
900
  --dt-color-surface-success-l: 50%;
@@ -1294,6 +902,20 @@
1294
902
  --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
1295
903
  --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
1296
904
  --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. */
1297
919
  --dt-color-surface-warning-h: 22;
1298
920
  --dt-color-surface-warning-s: 100%;
1299
921
  --dt-color-surface-warning-l: 50%;
@@ -1301,6 +923,20 @@
1301
923
  --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
1302
924
  --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
1303
925
  --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. */
1304
940
  --dt-color-surface-critical-h: 22;
1305
941
  --dt-color-surface-critical-s: 100%;
1306
942
  --dt-color-surface-critical-l: 50%;
@@ -1347,9 +983,107 @@
1347
983
  --dt-color-surface-primary-s: 100%;
1348
984
  --dt-color-surface-primary-l: 50%;
1349
985
  --dt-color-surface-primary-a: 100%;
1350
- --dt-color-surface-primary-hsl: var(--dt-color-black-50-hsl);
1351
- --dt-color-surface-primary-hsla: var(--dt-color-black-50-hsla);
986
+ --dt-color-surface-primary-hsl: var(--dt-color-neutral-white-hsl);
987
+ --dt-color-surface-primary-hsla: var(--dt-color-neutral-white-hsla);
1352
988
  --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. */
1353
1087
  --dt-color-link-muted-inverted-hover-h: 22;
1354
1088
  --dt-color-link-muted-inverted-hover-s: 100%;
1355
1089
  --dt-color-link-muted-inverted-hover-l: 50%;
@@ -1361,8 +1095,8 @@
1361
1095
  --dt-color-link-warning-inverted-hover-s: 100%;
1362
1096
  --dt-color-link-warning-inverted-hover-l: 50%;
1363
1097
  --dt-color-link-warning-inverted-hover-a: 100%;
1364
- --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-gold-300-hsl);
1365
- --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-gold-300-hsla);
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);
1366
1100
  --dt-color-link-warning-inverted-hover: #ff5c00;
1367
1101
  --dt-color-link-primary-inverted-hover-h: 22;
1368
1102
  --dt-color-link-primary-inverted-hover-s: 100%;
@@ -1371,20 +1105,27 @@
1371
1105
  --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-200-hsl);
1372
1106
  --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-200-hsla);
1373
1107
  --dt-color-link-primary-inverted-hover: #ff5c00;
1374
- --dt-color-link-primary-inverted-h: 22;
1375
- --dt-color-link-primary-inverted-s: 100%;
1376
- --dt-color-link-primary-inverted-l: 50%;
1377
- --dt-color-link-primary-inverted-a: 100%;
1378
- --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-250-hsl);
1379
- --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-250-hsla);
1380
- --dt-color-link-primary-inverted: #ff5c00;
1381
1108
  --dt-color-link-warning-hover-h: 22;
1382
1109
  --dt-color-link-warning-hover-s: 100%;
1383
1110
  --dt-color-link-warning-hover-l: 50%;
1384
1111
  --dt-color-link-warning-hover-a: 100%;
1385
- --dt-color-link-warning-hover-hsl: var(--dt-color-gold-700-hsl);
1386
- --dt-color-link-warning-hover-hsla: var(--dt-color-gold-700-hsla);
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);
1387
1114
  --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;
1388
1129
  --dt-color-link-primary-hover-h: 22;
1389
1130
  --dt-color-link-primary-hover-s: 100%;
1390
1131
  --dt-color-link-primary-hover-l: 50%;
@@ -1392,6 +1133,13 @@
1392
1133
  --dt-color-link-primary-hover-hsl: var(--dt-color-purple-500-hsl);
1393
1134
  --dt-color-link-primary-hover-hsla: var(--dt-color-purple-500-hsla);
1394
1135
  --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;
1395
1143
  --dt-color-link-primary-h: 22;
1396
1144
  --dt-color-link-primary-s: 100%;
1397
1145
  --dt-color-link-primary-l: 50%;
@@ -1403,57 +1151,43 @@
1403
1151
  --dt-color-foreground-warning-inverted-s: 100%;
1404
1152
  --dt-color-foreground-warning-inverted-l: 50%;
1405
1153
  --dt-color-foreground-warning-inverted-a: 100%;
1406
- --dt-color-foreground-warning-inverted-hsl: var(--dt-color-gold-400-hsl);
1407
- --dt-color-foreground-warning-inverted-hsla: var(--dt-color-gold-400-hsla);
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);
1408
1156
  --dt-color-foreground-warning-inverted: #ff5c00; /* Warning text that sits on high-contrast surfaces or backgrounds */
1409
- --dt-color-foreground-success-strong-inverted-h: 22;
1410
- --dt-color-foreground-success-strong-inverted-s: 100%;
1411
- --dt-color-foreground-success-strong-inverted-l: 50%;
1412
- --dt-color-foreground-success-strong-inverted-a: 100%;
1413
- --dt-color-foreground-success-strong-inverted-hsl: var(--dt-color-green-200-hsl);
1414
- --dt-color-foreground-success-strong-inverted-hsla: var(--dt-color-green-200-hsla);
1415
- --dt-color-foreground-success-strong-inverted: #ff5c00; /* Success strong text that sits on high-contrast surfaces or backgrounds */
1416
1157
  --dt-color-foreground-success-inverted-h: 22;
1417
1158
  --dt-color-foreground-success-inverted-s: 100%;
1418
1159
  --dt-color-foreground-success-inverted-l: 50%;
1419
1160
  --dt-color-foreground-success-inverted-a: 100%;
1420
- --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-350-hsl);
1421
- --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-350-hsla);
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);
1422
1163
  --dt-color-foreground-success-inverted: #ff5c00; /* Success text that sits on high-contrast surfaces or backgrounds */
1423
- --dt-color-foreground-critical-strong-inverted-h: 22;
1424
- --dt-color-foreground-critical-strong-inverted-s: 100%;
1425
- --dt-color-foreground-critical-strong-inverted-l: 50%;
1426
- --dt-color-foreground-critical-strong-inverted-a: 100%;
1427
- --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-red-200-hsl);
1428
- --dt-color-foreground-critical-strong-inverted-hsla: var(--dt-color-red-200-hsla);
1429
- --dt-color-foreground-critical-strong-inverted: #ff5c00; /* Critical strong text that sits on high-contrast surfaces or backgrounds */
1430
1164
  --dt-color-foreground-critical-inverted-h: 22;
1431
1165
  --dt-color-foreground-critical-inverted-s: 100%;
1432
1166
  --dt-color-foreground-critical-inverted-l: 50%;
1433
1167
  --dt-color-foreground-critical-inverted-a: 100%;
1434
- --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-300-hsl);
1435
- --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-300-hsla);
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);
1436
1170
  --dt-color-foreground-critical-inverted: #ff5c00; /* Critical text that sits on high-contrast surfaces or backgrounds */
1437
1171
  --dt-color-foreground-disabled-inverted-h: 22;
1438
1172
  --dt-color-foreground-disabled-inverted-s: 100%;
1439
1173
  --dt-color-foreground-disabled-inverted-l: 50%;
1440
1174
  --dt-color-foreground-disabled-inverted-a: 100%;
1441
- --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-black-400-hsl);
1442
- --dt-color-foreground-disabled-inverted-hsla: var(--dt-color-black-400-hsla);
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);
1443
1177
  --dt-color-foreground-disabled-inverted: #ff5c00; /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
1444
1178
  --dt-color-foreground-placeholder-inverted-h: 22;
1445
1179
  --dt-color-foreground-placeholder-inverted-s: 100%;
1446
1180
  --dt-color-foreground-placeholder-inverted-l: 50%;
1447
1181
  --dt-color-foreground-placeholder-inverted-a: 100%;
1448
- --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-black-400-hsl);
1449
- --dt-color-foreground-placeholder-inverted-hsla: var(--dt-color-black-400-hsla);
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);
1450
1184
  --dt-color-foreground-placeholder-inverted: #ff5c00; /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
1451
1185
  --dt-color-foreground-muted-inverted-h: 22;
1452
1186
  --dt-color-foreground-muted-inverted-s: 100%;
1453
1187
  --dt-color-foreground-muted-inverted-l: 50%;
1454
1188
  --dt-color-foreground-muted-inverted-a: 100%;
1455
1189
  --dt-color-foreground-muted-inverted-hsl: var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l);
1456
- --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%));
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%));
1457
1191
  --dt-color-foreground-muted-inverted: #ff5c00; /* Muted text color that sits on high-contrast surfaces or backgrounds. */
1458
1192
  --dt-color-foreground-tertiary-inverted-h: 22;
1459
1193
  --dt-color-foreground-tertiary-inverted-s: 100%;
@@ -1473,43 +1207,43 @@
1473
1207
  --dt-color-foreground-primary-inverted-s: 100%;
1474
1208
  --dt-color-foreground-primary-inverted-l: 50%;
1475
1209
  --dt-color-foreground-primary-inverted-a: 100%;
1476
- --dt-color-foreground-primary-inverted-hsl: var(--dt-color-black-100-hsl);
1477
- --dt-color-foreground-primary-inverted-hsla: var(--dt-color-black-100-hsla);
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);
1478
1212
  --dt-color-foreground-primary-inverted: #ff5c00; /* Primary text that sits on high-contrast surfaces or backgrounds. */
1479
1213
  --dt-color-foreground-warning-h: 22;
1480
1214
  --dt-color-foreground-warning-s: 100%;
1481
1215
  --dt-color-foreground-warning-l: 50%;
1482
1216
  --dt-color-foreground-warning-a: 100%;
1483
- --dt-color-foreground-warning-hsl: var(--dt-color-gold-600-hsl);
1484
- --dt-color-foreground-warning-hsla: var(--dt-color-gold-600-hsla);
1217
+ --dt-color-foreground-warning-hsl: var(--dt-color-gold-500-hsl);
1218
+ --dt-color-foreground-warning-hsla: var(--dt-color-gold-500-hsla);
1485
1219
  --dt-color-foreground-warning: #ff5c00; /* Indicates information that requires user’s attention and further action may be necessary. */
1486
1220
  --dt-color-foreground-success-strong-h: 22;
1487
1221
  --dt-color-foreground-success-strong-s: 100%;
1488
1222
  --dt-color-foreground-success-strong-l: 50%;
1489
1223
  --dt-color-foreground-success-strong-a: 100%;
1490
- --dt-color-foreground-success-strong-hsl: var(--dt-color-green-600-hsl);
1491
- --dt-color-foreground-success-strong-hsla: var(--dt-color-green-600-hsla);
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);
1492
1226
  --dt-color-foreground-success-strong: #ff5c00; /* Indicates a strong positive state on surfaces that require a stronger contrast. */
1493
1227
  --dt-color-foreground-success-h: 22;
1494
1228
  --dt-color-foreground-success-s: 100%;
1495
1229
  --dt-color-foreground-success-l: 50%;
1496
1230
  --dt-color-foreground-success-a: 100%;
1497
- --dt-color-foreground-success-hsl: var(--dt-color-green-500-hsl);
1498
- --dt-color-foreground-success-hsla: var(--dt-color-green-500-hsla);
1231
+ --dt-color-foreground-success-hsl: var(--dt-color-green-400-hsl);
1232
+ --dt-color-foreground-success-hsla: var(--dt-color-green-400-hsla);
1499
1233
  --dt-color-foreground-success: #ff5c00; /* Indicates a positive state. */
1500
1234
  --dt-color-foreground-critical-strong-h: 22;
1501
1235
  --dt-color-foreground-critical-strong-s: 100%;
1502
1236
  --dt-color-foreground-critical-strong-l: 50%;
1503
1237
  --dt-color-foreground-critical-strong-a: 100%;
1504
- --dt-color-foreground-critical-strong-hsl: var(--dt-color-red-500-hsl);
1505
- --dt-color-foreground-critical-strong-hsla: var(--dt-color-red-500-hsla);
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);
1506
1240
  --dt-color-foreground-critical-strong: #ff5c00; /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
1507
1241
  --dt-color-foreground-critical-h: 22;
1508
1242
  --dt-color-foreground-critical-s: 100%;
1509
1243
  --dt-color-foreground-critical-l: 50%;
1510
1244
  --dt-color-foreground-critical-a: 100%;
1511
- --dt-color-foreground-critical-hsl: var(--dt-color-red-400-hsl);
1512
- --dt-color-foreground-critical-hsla: var(--dt-color-red-400-hsla);
1245
+ --dt-color-foreground-critical-hsl: var(--dt-color-red-300-hsl);
1246
+ --dt-color-foreground-critical-hsla: var(--dt-color-red-300-hsla);
1513
1247
  --dt-color-foreground-critical: #ff5c00; /* Expresses an error, danger, or otherwise critical state. */
1514
1248
  --dt-color-foreground-disabled-h: 22;
1515
1249
  --dt-color-foreground-disabled-s: 100%;
@@ -1554,20 +1288,6 @@
1554
1288
  --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1555
1289
  --dt-color-foreground-primary: #ff5c00; /* Default text color throughout the UI. */
1556
1290
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1557
- --dt-radio-color-foreground-checked-h: 22;
1558
- --dt-radio-color-foreground-checked-s: 100%;
1559
- --dt-radio-color-foreground-checked-l: 50%;
1560
- --dt-radio-color-foreground-checked-a: 100%;
1561
- --dt-radio-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1562
- --dt-radio-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1563
- --dt-radio-color-foreground-checked: #ff5c00;
1564
- --dt-radio-color-background-checked-h: 22;
1565
- --dt-radio-color-background-checked-s: 100%;
1566
- --dt-radio-color-background-checked-l: 50%;
1567
- --dt-radio-color-background-checked-a: 100%;
1568
- --dt-radio-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
1569
- --dt-radio-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
1570
- --dt-radio-color-background-checked: #ff5c00;
1571
1291
  --dt-radio-color-border-checked-h: 22;
1572
1292
  --dt-radio-color-border-checked-s: 100%;
1573
1293
  --dt-radio-color-border-checked-l: 50%;
@@ -1597,20 +1317,6 @@
1597
1317
  --dt-icon-size-300: calc(var(--dt-size-base) * 2.25);
1598
1318
  --dt-icon-size-200: calc(var(--dt-size-base) * 1.75);
1599
1319
  --dt-icon-size-100: calc(var(--dt-size-base) * 1.5);
1600
- --dt-checkbox-color-foreground-checked-h: 22;
1601
- --dt-checkbox-color-foreground-checked-s: 100%;
1602
- --dt-checkbox-color-foreground-checked-l: 50%;
1603
- --dt-checkbox-color-foreground-checked-a: 100%;
1604
- --dt-checkbox-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1605
- --dt-checkbox-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1606
- --dt-checkbox-color-foreground-checked: #ff5c00;
1607
- --dt-checkbox-color-background-checked-h: 22;
1608
- --dt-checkbox-color-background-checked-s: 100%;
1609
- --dt-checkbox-color-background-checked-l: 50%;
1610
- --dt-checkbox-color-background-checked-a: 100%;
1611
- --dt-checkbox-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
1612
- --dt-checkbox-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
1613
- --dt-checkbox-color-background-checked: #ff5c00;
1614
1320
  --dt-checkbox-color-border-checked-h: 22;
1615
1321
  --dt-checkbox-color-border-checked-s: 100%;
1616
1322
  --dt-checkbox-color-border-checked-l: 50%;
@@ -1639,14 +1345,42 @@
1639
1345
  --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1640
1346
  --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1641
1347
  --dt-badge-color-border-default: #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;
1642
1355
  --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;
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;
1650
1384
  --dt-badge-color-background-default-h: 22;
1651
1385
  --dt-badge-color-background-default-s: 100%;
1652
1386
  --dt-badge-color-background-default-l: 50%;
@@ -1654,13 +1388,6 @@
1654
1388
  --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1655
1389
  --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1656
1390
  --dt-badge-color-background-default: #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;
1664
1391
  --dt-theme-mention-color-foreground-strong-h: 22;
1665
1392
  --dt-theme-mention-color-foreground-strong-s: 100%;
1666
1393
  --dt-theme-mention-color-foreground-strong-l: 50%;
@@ -1680,7 +1407,7 @@
1680
1407
  --dt-theme-sidebar-selected-row-color-background-l: 50%;
1681
1408
  --dt-theme-sidebar-selected-row-color-background-a: 100%;
1682
1409
  --dt-theme-sidebar-selected-row-color-background-hsl: var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l);
1683
- --dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 9%));
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%));
1684
1411
  --dt-theme-sidebar-selected-row-color-background: #ff5c00;
1685
1412
  --dt-theme-sidebar-selected-row-color-foreground-h: 22;
1686
1413
  --dt-theme-sidebar-selected-row-color-foreground-s: 100%;
@@ -1694,14 +1421,14 @@
1694
1421
  --dt-theme-sidebar-row-color-background-active-l: 50%;
1695
1422
  --dt-theme-sidebar-row-color-background-active-a: 100%;
1696
1423
  --dt-theme-sidebar-row-color-background-active-hsl: var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l);
1697
- --dt-theme-sidebar-row-color-background-active-hsla: hsl(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 15%));
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%));
1698
1425
  --dt-theme-sidebar-row-color-background-active: #ff5c00;
1699
1426
  --dt-theme-sidebar-row-color-background-hover-h: 22;
1700
1427
  --dt-theme-sidebar-row-color-background-hover-s: 100%;
1701
1428
  --dt-theme-sidebar-row-color-background-hover-l: 50%;
1702
1429
  --dt-theme-sidebar-row-color-background-hover-a: 100%;
1703
1430
  --dt-theme-sidebar-row-color-background-hover-hsl: var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l);
1704
- --dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 11%));
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%));
1705
1432
  --dt-theme-sidebar-row-color-background-hover: #ff5c00;
1706
1433
  --dt-theme-sidebar-row-color-background-h: 22;
1707
1434
  --dt-theme-sidebar-row-color-background-s: 100%;
@@ -1862,7 +1589,7 @@
1862
1589
  --dt-theme-topbar-color-foreground-l: 50%;
1863
1590
  --dt-theme-topbar-color-foreground-a: 100%;
1864
1591
  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
1865
- --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 80%));
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%));
1866
1593
  --dt-theme-topbar-color-foreground: #ff5c00;
1867
1594
  --dt-action-color-border-muted-outlined-default-h: 22;
1868
1595
  --dt-action-color-border-muted-outlined-default-s: 100%;
@@ -1885,13 +1612,6 @@
1885
1612
  --dt-action-color-border-critical-outlined-default-hsl: var(--dt-color-border-critical-hsl);
1886
1613
  --dt-action-color-border-critical-outlined-default-hsla: var(--dt-color-border-critical-hsla);
1887
1614
  --dt-action-color-border-critical-outlined-default: #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;
1895
1615
  --dt-action-color-background-positive-primary-active-h: 22;
1896
1616
  --dt-action-color-background-positive-primary-active-s: 100%;
1897
1617
  --dt-action-color-background-positive-primary-active-l: 50%;
@@ -1899,48 +1619,76 @@
1899
1619
  --dt-action-color-background-positive-primary-active-hsl: var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l);
1900
1620
  --dt-action-color-background-positive-primary-active-hsla: hsl(var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l) / var(--alpha, 100%));
1901
1621
  --dt-action-color-background-positive-primary-active: #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;
1930
- --dt-action-color-background-critical-hover-h: 22;
1931
- --dt-action-color-background-critical-hover-s: 100%;
1932
- --dt-action-color-background-critical-hover-l: 50%;
1933
- --dt-action-color-background-critical-hover-a: 100%;
1934
- --dt-action-color-background-critical-hover-hsl: var(--dt-color-surface-critical-opaque-hsl);
1935
- --dt-action-color-background-critical-hover-hsla: var(--dt-color-surface-critical-opaque-hsla);
1936
- --dt-action-color-background-critical-hover: #ff5c00;
1937
- --dt-action-color-background-base-hover-h: 22;
1938
- --dt-action-color-background-base-hover-s: 100%;
1939
- --dt-action-color-background-base-hover-l: 50%;
1940
- --dt-action-color-background-base-hover-a: 100%;
1941
- --dt-action-color-background-base-hover-hsl: var(--dt-color-surface-brand-opaque-hsl);
1942
- --dt-action-color-background-base-hover-hsla: var(--dt-color-surface-brand-opaque-hsla);
1943
- --dt-action-color-background-base-hover: #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;
1643
+ --dt-action-color-background-inverted-active-h: 22;
1644
+ --dt-action-color-background-inverted-active-s: 100%;
1645
+ --dt-action-color-background-inverted-active-l: 50%;
1646
+ --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%));
1649
+ --dt-action-color-background-inverted-active: #ff5c00;
1650
+ --dt-action-color-background-inverted-hover-h: 22;
1651
+ --dt-action-color-background-inverted-hover-s: 100%;
1652
+ --dt-action-color-background-inverted-hover-l: 50%;
1653
+ --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%));
1656
+ --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
1692
  --dt-action-color-foreground-disabled-default-h: 22;
1945
1693
  --dt-action-color-foreground-disabled-default-s: 100%;
1946
1694
  --dt-action-color-foreground-disabled-default-l: 50%;
@@ -1948,20 +1696,20 @@
1948
1696
  --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
1949
1697
  --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
1950
1698
  --dt-action-color-foreground-disabled-default: #ff5c00;
1951
- --dt-action-color-foreground-inverted-primary-hover-h: 22;
1952
- --dt-action-color-foreground-inverted-primary-hover-s: 100%;
1953
- --dt-action-color-foreground-inverted-primary-hover-l: 50%;
1954
- --dt-action-color-foreground-inverted-primary-hover-a: 100%;
1955
- --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-link-primary-hover-hsl);
1956
- --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-link-primary-hover-hsla);
1957
- --dt-action-color-foreground-inverted-primary-hover: #ff5c00;
1958
- --dt-action-color-foreground-inverted-primary-default-h: 22;
1959
- --dt-action-color-foreground-inverted-primary-default-s: 100%;
1960
- --dt-action-color-foreground-inverted-primary-default-l: 50%;
1961
- --dt-action-color-foreground-inverted-primary-default-a: 100%;
1962
- --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-link-primary-hsl);
1963
- --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-link-primary-hsla);
1964
- --dt-action-color-foreground-inverted-primary-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
1713
  --dt-action-color-foreground-inverted-default-h: 22;
1966
1714
  --dt-action-color-foreground-inverted-default-s: 100%;
1967
1715
  --dt-action-color-foreground-inverted-default-l: 50%;
@@ -1969,34 +1717,20 @@
1969
1717
  --dt-action-color-foreground-inverted-default-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1970
1718
  --dt-action-color-foreground-inverted-default-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1971
1719
  --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;
1972
1727
  --dt-action-color-foreground-base-hover-h: 22;
1973
1728
  --dt-action-color-foreground-base-hover-s: 100%;
1974
1729
  --dt-action-color-foreground-base-hover-l: 50%;
1975
1730
  --dt-action-color-foreground-base-hover-a: 100%;
1976
- --dt-action-color-foreground-base-hover-hsl: var(--dt-color-link-primary-hover-hsl);
1977
- --dt-action-color-foreground-base-hover-hsla: var(--dt-color-link-primary-hover-hsla);
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%));
1978
1733
  --dt-action-color-foreground-base-hover: #ff5c00;
1979
- --dt-action-color-foreground-base-default-h: 22;
1980
- --dt-action-color-foreground-base-default-s: 100%;
1981
- --dt-action-color-foreground-base-default-l: 50%;
1982
- --dt-action-color-foreground-base-default-a: 100%;
1983
- --dt-action-color-foreground-base-default-hsl: var(--dt-color-link-primary-hsl);
1984
- --dt-action-color-foreground-base-default-hsla: var(--dt-color-link-primary-hsla);
1985
- --dt-action-color-foreground-base-default: #ff5c00;
1986
- --dt-inputs-color-background-disabled-h: 22;
1987
- --dt-inputs-color-background-disabled-s: 100%;
1988
- --dt-inputs-color-background-disabled-l: 50%;
1989
- --dt-inputs-color-background-disabled-a: 100%;
1990
- --dt-inputs-color-background-disabled-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1991
- --dt-inputs-color-background-disabled-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1992
- --dt-inputs-color-background-disabled: #ff5c00;
1993
- --dt-inputs-color-background-default-h: 22;
1994
- --dt-inputs-color-background-default-s: 100%;
1995
- --dt-inputs-color-background-default-l: 50%;
1996
- --dt-inputs-color-background-default-a: 100%;
1997
- --dt-inputs-color-background-default-hsl: var(--dt-color-surface-secondary-opaque-hsl);
1998
- --dt-inputs-color-background-default-hsla: var(--dt-color-surface-secondary-opaque-hsla);
1999
- --dt-inputs-color-background-default: #ff5c00;
2000
1734
  --dt-inputs-color-border-warning-h: 22;
2001
1735
  --dt-inputs-color-border-warning-s: 100%;
2002
1736
  --dt-inputs-color-border-warning-l: 50%;
@@ -2110,27 +1844,13 @@
2110
1844
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
2111
1845
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
2112
1846
  --dt-color-border-ai: #ff5c00;
2113
- --dt-color-surface-primary-opaque-inverted-h: 22;
2114
- --dt-color-surface-primary-opaque-inverted-s: 100%;
2115
- --dt-color-surface-primary-opaque-inverted-l: 50%;
2116
- --dt-color-surface-primary-opaque-inverted-a: 100%;
2117
- --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);
2118
- --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%));
2119
- --dt-color-surface-primary-opaque-inverted: #ff5c00; /* Secondary surface as opaque background color. */
2120
- --dt-color-surface-primary-opaque-h: 22;
2121
- --dt-color-surface-primary-opaque-s: 100%;
2122
- --dt-color-surface-primary-opaque-l: 50%;
2123
- --dt-color-surface-primary-opaque-a: 100%;
2124
- --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);
2125
- --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%));
2126
- --dt-color-surface-primary-opaque: #ff5c00; /* Primary surface as opaque background color. */
2127
- --dt-color-link-disabled-inverted-hover-h: 22;
2128
- --dt-color-link-disabled-inverted-hover-s: 100%;
2129
- --dt-color-link-disabled-inverted-hover-l: 50%;
2130
- --dt-color-link-disabled-inverted-hover-a: 100%;
2131
- --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-foreground-disabled-inverted-hsl);
2132
- --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-foreground-disabled-inverted-hsla);
2133
- --dt-color-link-disabled-inverted-hover: #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
1854
  --dt-color-link-disabled-inverted-h: 22;
2135
1855
  --dt-color-link-disabled-inverted-s: 100%;
2136
1856
  --dt-color-link-disabled-inverted-l: 50%;
@@ -2152,13 +1872,6 @@
2152
1872
  --dt-color-link-warning-inverted-hsl: var(--dt-color-foreground-warning-inverted-hsl);
2153
1873
  --dt-color-link-warning-inverted-hsla: var(--dt-color-foreground-warning-inverted-hsla);
2154
1874
  --dt-color-link-warning-inverted: #ff5c00;
2155
- --dt-color-link-success-inverted-hover-h: 22;
2156
- --dt-color-link-success-inverted-hover-s: 100%;
2157
- --dt-color-link-success-inverted-hover-l: 50%;
2158
- --dt-color-link-success-inverted-hover-a: 100%;
2159
- --dt-color-link-success-inverted-hover-hsl: var(--dt-color-foreground-success-strong-inverted-hsl);
2160
- --dt-color-link-success-inverted-hover-hsla: var(--dt-color-foreground-success-strong-inverted-hsla);
2161
- --dt-color-link-success-inverted-hover: #ff5c00;
2162
1875
  --dt-color-link-success-inverted-h: 22;
2163
1876
  --dt-color-link-success-inverted-s: 100%;
2164
1877
  --dt-color-link-success-inverted-l: 50%;
@@ -2166,13 +1879,6 @@
2166
1879
  --dt-color-link-success-inverted-hsl: var(--dt-color-foreground-success-inverted-hsl);
2167
1880
  --dt-color-link-success-inverted-hsla: var(--dt-color-foreground-success-inverted-hsla);
2168
1881
  --dt-color-link-success-inverted: #ff5c00;
2169
- --dt-color-link-critical-inverted-hover-h: 22;
2170
- --dt-color-link-critical-inverted-hover-s: 100%;
2171
- --dt-color-link-critical-inverted-hover-l: 50%;
2172
- --dt-color-link-critical-inverted-hover-a: 100%;
2173
- --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-foreground-critical-strong-inverted-hsl);
2174
- --dt-color-link-critical-inverted-hover-hsla: var(--dt-color-foreground-critical-strong-inverted-hsla);
2175
- --dt-color-link-critical-inverted-hover: #ff5c00;
2176
1882
  --dt-color-link-critical-inverted-h: 22;
2177
1883
  --dt-color-link-critical-inverted-s: 100%;
2178
1884
  --dt-color-link-critical-inverted-l: 50%;
@@ -2187,13 +1893,6 @@
2187
1893
  --dt-color-link-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
2188
1894
  --dt-color-link-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
2189
1895
  --dt-color-link-disabled: #ff5c00;
2190
- --dt-color-link-muted-hover-h: 22;
2191
- --dt-color-link-muted-hover-s: 100%;
2192
- --dt-color-link-muted-hover-l: 50%;
2193
- --dt-color-link-muted-hover-a: 100%;
2194
- --dt-color-link-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
2195
- --dt-color-link-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
2196
- --dt-color-link-muted-hover: #ff5c00;
2197
1896
  --dt-color-link-muted-h: 22;
2198
1897
  --dt-color-link-muted-s: 100%;
2199
1898
  --dt-color-link-muted-l: 50%;
@@ -2208,13 +1907,6 @@
2208
1907
  --dt-color-link-warning-hsl: var(--dt-color-foreground-warning-hsl);
2209
1908
  --dt-color-link-warning-hsla: var(--dt-color-foreground-warning-hsla);
2210
1909
  --dt-color-link-warning: #ff5c00;
2211
- --dt-color-link-success-hover-h: 22;
2212
- --dt-color-link-success-hover-s: 100%;
2213
- --dt-color-link-success-hover-l: 50%;
2214
- --dt-color-link-success-hover-a: 100%;
2215
- --dt-color-link-success-hover-hsl: var(--dt-color-foreground-success-strong-hsl);
2216
- --dt-color-link-success-hover-hsla: var(--dt-color-foreground-success-strong-hsla);
2217
- --dt-color-link-success-hover: #ff5c00;
2218
1910
  --dt-color-link-success-h: 22;
2219
1911
  --dt-color-link-success-s: 100%;
2220
1912
  --dt-color-link-success-l: 50%;
@@ -2222,13 +1914,6 @@
2222
1914
  --dt-color-link-success-hsl: var(--dt-color-foreground-success-hsl);
2223
1915
  --dt-color-link-success-hsla: var(--dt-color-foreground-success-hsla);
2224
1916
  --dt-color-link-success: #ff5c00; /* positive */
2225
- --dt-color-link-critical-hover-h: 22;
2226
- --dt-color-link-critical-hover-s: 100%;
2227
- --dt-color-link-critical-hover-l: 50%;
2228
- --dt-color-link-critical-hover-a: 100%;
2229
- --dt-color-link-critical-hover-hsl: var(--dt-color-foreground-critical-strong-hsl);
2230
- --dt-color-link-critical-hover-hsla: var(--dt-color-foreground-critical-strong-hsla);
2231
- --dt-color-link-critical-hover: #ff5c00;
2232
1917
  --dt-color-link-critical-h: 22;
2233
1918
  --dt-color-link-critical-s: 100%;
2234
1919
  --dt-color-link-critical-l: 50%;
@@ -2236,6 +1921,20 @@
2236
1921
  --dt-color-link-critical-hsl: var(--dt-color-foreground-critical-hsl);
2237
1922
  --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
2238
1923
  --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 */
2239
1938
  --dt-icon-size-border-500: var(--dt-icon-size-border-400);
2240
1939
  --dt-theme-sidebar-icon-color-foreground-h: 22;
2241
1940
  --dt-theme-sidebar-icon-color-foreground-s: 100%;
@@ -2258,69 +1957,20 @@
2258
1957
  --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
2259
1958
  --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
2260
1959
  --dt-theme-topbar-profile-color-foreground: #ff5c00;
2261
- --dt-action-color-background-positive-active-h: 22;
2262
- --dt-action-color-background-positive-active-s: 100%;
2263
- --dt-action-color-background-positive-active-l: 50%;
2264
- --dt-action-color-background-positive-active-a: 100%;
2265
- --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);
2266
- --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%));
2267
- --dt-action-color-background-positive-active: #ff5c00;
2268
- --dt-action-color-background-muted-active-h: 22;
2269
- --dt-action-color-background-muted-active-s: 100%;
2270
- --dt-action-color-background-muted-active-l: 50%;
2271
- --dt-action-color-background-muted-active-a: 100%;
2272
- --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);
2273
- --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%));
2274
- --dt-action-color-background-muted-active: #ff5c00;
2275
- --dt-action-color-background-critical-active-h: 22;
2276
- --dt-action-color-background-critical-active-s: 100%;
2277
- --dt-action-color-background-critical-active-l: 50%;
2278
- --dt-action-color-background-critical-active-a: 100%;
2279
- --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);
2280
- --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%));
2281
- --dt-action-color-background-critical-active: #ff5c00;
2282
- --dt-action-color-background-base-active-h: 22;
2283
- --dt-action-color-background-base-active-s: 100%;
2284
- --dt-action-color-background-base-active-l: 50%;
2285
- --dt-action-color-background-base-active-a: 100%;
2286
- --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);
2287
- --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%));
2288
- --dt-action-color-background-base-active: #ff5c00;
2289
1960
  --dt-action-color-foreground-positive-hover-h: 22;
2290
1961
  --dt-action-color-foreground-positive-hover-s: 100%;
2291
1962
  --dt-action-color-foreground-positive-hover-l: 50%;
2292
1963
  --dt-action-color-foreground-positive-hover-a: 100%;
2293
- --dt-action-color-foreground-positive-hover-hsl: var(--dt-color-link-success-hover-hsl);
2294
- --dt-action-color-foreground-positive-hover-hsla: var(--dt-color-link-success-hover-hsla);
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%));
2295
1966
  --dt-action-color-foreground-positive-hover: #ff5c00;
2296
- --dt-action-color-foreground-positive-default-h: 22;
2297
- --dt-action-color-foreground-positive-default-s: 100%;
2298
- --dt-action-color-foreground-positive-default-l: 50%;
2299
- --dt-action-color-foreground-positive-default-a: 100%;
2300
- --dt-action-color-foreground-positive-default-hsl: var(--dt-color-link-success-hsl);
2301
- --dt-action-color-foreground-positive-default-hsla: var(--dt-color-link-success-hsla);
2302
- --dt-action-color-foreground-positive-default: #ff5c00;
2303
1967
  --dt-action-color-foreground-muted-hover-h: 22;
2304
1968
  --dt-action-color-foreground-muted-hover-s: 100%;
2305
1969
  --dt-action-color-foreground-muted-hover-l: 50%;
2306
1970
  --dt-action-color-foreground-muted-hover-a: 100%;
2307
- --dt-action-color-foreground-muted-hover-hsl: var(--dt-color-link-muted-hover-hsl);
2308
- --dt-action-color-foreground-muted-hover-hsla: var(--dt-color-link-muted-hover-hsla);
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);
2309
1973
  --dt-action-color-foreground-muted-hover: #ff5c00;
2310
- --dt-action-color-foreground-muted-default-h: 22;
2311
- --dt-action-color-foreground-muted-default-s: 100%;
2312
- --dt-action-color-foreground-muted-default-l: 50%;
2313
- --dt-action-color-foreground-muted-default-a: 100%;
2314
- --dt-action-color-foreground-muted-default-hsl: var(--dt-color-link-muted-hsl);
2315
- --dt-action-color-foreground-muted-default-hsla: var(--dt-color-link-muted-hsla);
2316
- --dt-action-color-foreground-muted-default: #ff5c00;
2317
- --dt-action-color-foreground-inverted-primary-active-h: 22;
2318
- --dt-action-color-foreground-inverted-primary-active-s: 100%;
2319
- --dt-action-color-foreground-inverted-primary-active-l: 50%;
2320
- --dt-action-color-foreground-inverted-primary-active-a: 100%;
2321
- --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
2322
- --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
2323
- --dt-action-color-foreground-inverted-primary-active: #ff5c00;
2324
1974
  --dt-action-color-foreground-inverted-hover-h: 22;
2325
1975
  --dt-action-color-foreground-inverted-hover-s: 100%;
2326
1976
  --dt-action-color-foreground-inverted-hover-l: 50%;
@@ -2332,16 +1982,9 @@
2332
1982
  --dt-action-color-foreground-critical-hover-s: 100%;
2333
1983
  --dt-action-color-foreground-critical-hover-l: 50%;
2334
1984
  --dt-action-color-foreground-critical-hover-a: 100%;
2335
- --dt-action-color-foreground-critical-hover-hsl: var(--dt-color-link-critical-hover-hsl);
2336
- --dt-action-color-foreground-critical-hover-hsla: var(--dt-color-link-critical-hover-hsla);
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%));
2337
1987
  --dt-action-color-foreground-critical-hover: #ff5c00;
2338
- --dt-action-color-foreground-critical-default-h: 22;
2339
- --dt-action-color-foreground-critical-default-s: 100%;
2340
- --dt-action-color-foreground-critical-default-l: 50%;
2341
- --dt-action-color-foreground-critical-default-a: 100%;
2342
- --dt-action-color-foreground-critical-default-hsl: var(--dt-color-link-critical-hsl);
2343
- --dt-action-color-foreground-critical-default-hsla: var(--dt-color-link-critical-hsla);
2344
- --dt-action-color-foreground-critical-default: #ff5c00;
2345
1988
  --dt-action-color-foreground-base-active-h: 22;
2346
1989
  --dt-action-color-foreground-base-active-s: 100%;
2347
1990
  --dt-action-color-foreground-base-active-l: 50%;
@@ -2400,6 +2043,27 @@
2400
2043
  --dt-typography-helper-sm: var(--dt-typography-helper-sm-font-weight) var(--dt-typography-helper-sm-font-size)/var(--dt-typography-helper-sm-line-height) var(--dt-typography-helper-sm-font-family);
2401
2044
  --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
2402
2045
  --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family); /* Text style for extra small inputs (e.g. input and textarea) */
2046
+ --dt-color-link-disabled-inverted-hover-h: 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;
2403
2067
  --dt-color-link-disabled-hover-h: 22;
2404
2068
  --dt-color-link-disabled-hover-s: 100%;
2405
2069
  --dt-color-link-disabled-hover-l: 50%;