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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/dist/css/dialtone-default-theme.css +5083 -1374
  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 +1365 -133
  5. package/dist/css/dialtone.min.css +1 -1
  6. package/dist/css/tokens/tokens-base-dark.css +453 -138
  7. package/dist/css/tokens/tokens-base-deca-dark.css +397 -292
  8. package/dist/css/tokens/tokens-base-deca-light.css +356 -251
  9. package/dist/css/tokens/tokens-base-light.css +419 -104
  10. package/dist/css/tokens/tokens-debug-base.css +317 -2
  11. package/dist/css/tokens/tokens-debug-dp.css +1000 -664
  12. package/dist/css/tokens/tokens-deca-dark.css +1227 -926
  13. package/dist/css/tokens/tokens-deca-light.css +1195 -894
  14. package/dist/css/tokens/tokens-dp-dark.css +1246 -910
  15. package/dist/css/tokens/tokens-dp-light.css +1307 -971
  16. package/dist/css/tokens/tokens-expressive-dark.css +1247 -911
  17. package/dist/css/tokens/tokens-expressive-light.css +1304 -968
  18. package/dist/css/tokens/tokens-expressive-sm-dark.css +1247 -911
  19. package/dist/css/tokens/tokens-expressive-sm-light.css +1304 -968
  20. package/dist/css/tokens/tokens-tmo-dark.css +1232 -896
  21. package/dist/css/tokens/tokens-tmo-light.css +1259 -923
  22. package/dist/css/tokens-docs.json +1 -1
  23. package/dist/tokens/css/tokens-base-dark.css +453 -138
  24. package/dist/tokens/css/tokens-base-deca-dark.css +397 -292
  25. package/dist/tokens/css/tokens-base-deca-light.css +356 -251
  26. package/dist/tokens/css/tokens-base-light.css +419 -104
  27. package/dist/tokens/css/tokens-debug-base.css +317 -2
  28. package/dist/tokens/css/tokens-debug-dp.css +1000 -664
  29. package/dist/tokens/css/tokens-deca-dark.css +1227 -926
  30. package/dist/tokens/css/tokens-deca-light.css +1195 -894
  31. package/dist/tokens/css/tokens-dp-dark.css +1246 -910
  32. package/dist/tokens/css/tokens-dp-light.css +1307 -971
  33. package/dist/tokens/css/tokens-expressive-dark.css +1247 -911
  34. package/dist/tokens/css/tokens-expressive-light.css +1304 -968
  35. package/dist/tokens/css/tokens-expressive-sm-dark.css +1247 -911
  36. package/dist/tokens/css/tokens-expressive-sm-light.css +1304 -968
  37. package/dist/tokens/css/tokens-tmo-dark.css +1232 -896
  38. package/dist/tokens/css/tokens-tmo-light.css +1259 -923
  39. package/dist/tokens/doc.json +101427 -78452
  40. package/dist/tokens/less/tokens-base-dark.less +85 -40
  41. package/dist/tokens/less/tokens-base-deca-dark.less +82 -67
  42. package/dist/tokens/less/tokens-base-deca-light.less +70 -55
  43. package/dist/tokens/less/tokens-base-light.less +75 -30
  44. package/dist/tokens/less/tokens-deca-dark.less +194 -151
  45. package/dist/tokens/less/tokens-deca-light.less +161 -118
  46. package/dist/tokens/less/tokens-dp-dark.less +232 -184
  47. package/dist/tokens/less/tokens-dp-light.less +231 -183
  48. package/dist/tokens/less/tokens-expressive-dark.less +226 -178
  49. package/dist/tokens/less/tokens-expressive-light.less +225 -177
  50. package/dist/tokens/less/tokens-expressive-sm-dark.less +226 -178
  51. package/dist/tokens/less/tokens-expressive-sm-light.less +225 -177
  52. package/dist/tokens/less/tokens-tmo-dark.less +230 -182
  53. package/dist/tokens/less/tokens-tmo-light.less +214 -166
  54. package/dist/tokens/themes/chunks/tokens-base-dark-BOzMety-.js +4 -0
  55. package/dist/tokens/themes/chunks/tokens-base-dark-DQw_GZ7j.js +1 -0
  56. package/dist/tokens/themes/chunks/tokens-base-light-BHyHG_ZV.js +4 -0
  57. package/dist/tokens/themes/chunks/tokens-base-light-DMUiSUFR.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 +2 -2
  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 +85 -40
  81. package/dist/tokens/tokens-base-deca-dark.json +80 -65
  82. package/dist/tokens/tokens-base-deca-light.json +68 -53
  83. package/dist/tokens/tokens-base-light.json +75 -30
  84. package/dist/tokens/tokens-deca-dark.json +190 -147
  85. package/dist/tokens/tokens-deca-light.json +151 -108
  86. package/dist/tokens/tokens-dp-dark.json +219 -171
  87. package/dist/tokens/tokens-dp-light.json +230 -182
  88. package/dist/tokens/tokens-expressive-dark.json +213 -165
  89. package/dist/tokens/tokens-expressive-light.json +224 -176
  90. package/dist/tokens/tokens-expressive-sm-dark.json +213 -165
  91. package/dist/tokens/tokens-expressive-sm-light.json +224 -176
  92. package/dist/tokens/tokens-tmo-dark.json +217 -169
  93. package/dist/tokens/tokens-tmo-light.json +207 -159
  94. package/package.json +1 -1
  95. package/dist/tokens/themes/chunks/tokens-base-dark-BnTEKGxK.js +0 -4
  96. package/dist/tokens/themes/chunks/tokens-base-dark-Ch4dTh7V.js +0 -1
  97. package/dist/tokens/themes/chunks/tokens-base-light-BLxKOiup.js +0 -4
  98. package/dist/tokens/themes/chunks/tokens-base-light-DWLxg2cD.js +0 -1
package/dist/tokens/css/tokens-debug-dp.css CHANGED
@@ -138,22 +138,22 @@
138
138
  --dt-avatar-color-background-100-hsl: var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l);
139
139
  --dt-avatar-color-background-100-hsla: hsl(var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l) / var(--alpha, 100%));
140
140
  --dt-avatar-color-background-100: #ff5c00;
141
- --dt-radio-color-background-checked-h: 22;
142
- --dt-radio-color-background-checked-s: 100%;
143
- --dt-radio-color-background-checked-l: 50%;
144
- --dt-radio-color-background-checked-a: 100%;
145
- --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
146
- --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
147
- --dt-radio-color-background-checked: #ff5c00;
141
+ --dt-radio-color-foreground-default-h: 22;
142
+ --dt-radio-color-foreground-default-s: 100%;
143
+ --dt-radio-color-foreground-default-l: 50%;
144
+ --dt-radio-color-foreground-default-a: 100%;
145
+ --dt-radio-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
146
+ --dt-radio-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
147
+ --dt-radio-color-foreground-default: #ff5c00;
148
148
  --dt-radio-size-width: var(--dt-size-500);
149
149
  --dt-icon-size-border-100: var(--dt-size-border-100);
150
- --dt-checkbox-color-background-checked-h: 22;
151
- --dt-checkbox-color-background-checked-s: 100%;
152
- --dt-checkbox-color-background-checked-l: 50%;
153
- --dt-checkbox-color-background-checked-a: 100%;
154
- --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
155
- --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
156
- --dt-checkbox-color-background-checked: #ff5c00;
150
+ --dt-checkbox-color-foreground-default-h: 22;
151
+ --dt-checkbox-color-foreground-default-s: 100%;
152
+ --dt-checkbox-color-foreground-default-l: 50%;
153
+ --dt-checkbox-color-foreground-default-a: 100%;
154
+ --dt-checkbox-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
155
+ --dt-checkbox-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
156
+ --dt-checkbox-color-foreground-default: #ff5c00;
157
157
  --dt-checkbox-size-width: var(--dt-size-500);
158
158
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
159
159
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -167,9 +167,9 @@
167
167
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
168
168
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
169
169
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
170
- --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
171
- --dt-button-font-weight-sm: var(--dt-font-weight-medium); /* Font weight for SM button */
172
- --dt-button-font-weight-xs: var(--dt-font-weight-medium); /* Font weight for XS button */
170
+ --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
171
+ --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
172
+ --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
173
173
  --dt-badge-color-border-bulletin-subtle-h: 22;
174
174
  --dt-badge-color-border-bulletin-subtle-s: 100%;
175
175
  --dt-badge-color-border-bulletin-subtle-l: 50%;
@@ -177,34 +177,69 @@
177
177
  --dt-badge-color-border-bulletin-subtle-hsl: var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l);
178
178
  --dt-badge-color-border-bulletin-subtle-hsla: hsl(var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l) / var(--alpha, 50%));
179
179
  --dt-badge-color-border-bulletin-subtle: #ff5c00;
180
+ --dt-badge-color-foreground-ai-h: 22;
181
+ --dt-badge-color-foreground-ai-s: 100%;
182
+ --dt-badge-color-foreground-ai-l: 50%;
183
+ --dt-badge-color-foreground-ai-a: 100%;
184
+ --dt-badge-color-foreground-ai-hsl: var(--dt-color-neutral-white-hsl);
185
+ --dt-badge-color-foreground-ai-hsla: var(--dt-color-neutral-white-hsla);
186
+ --dt-badge-color-foreground-ai: #ff5c00;
180
187
  --dt-badge-color-foreground-bulletin-subtle-h: 22;
181
188
  --dt-badge-color-foreground-bulletin-subtle-s: 100%;
182
189
  --dt-badge-color-foreground-bulletin-subtle-l: 50%;
183
190
  --dt-badge-color-foreground-bulletin-subtle-a: 100%;
184
- --dt-badge-color-foreground-bulletin-subtle-hsl: var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l);
185
- --dt-badge-color-foreground-bulletin-subtle-hsla: hsl(var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l) / var(--alpha, 100%));
191
+ --dt-badge-color-foreground-bulletin-subtle-hsl: var(--dt-color-purple-550-hsl);
192
+ --dt-badge-color-foreground-bulletin-subtle-hsla: var(--dt-color-purple-550-hsla);
186
193
  --dt-badge-color-foreground-bulletin-subtle: #ff5c00;
187
194
  --dt-badge-color-foreground-bulletin-h: 22;
188
195
  --dt-badge-color-foreground-bulletin-s: 100%;
189
196
  --dt-badge-color-foreground-bulletin-l: 50%;
190
197
  --dt-badge-color-foreground-bulletin-a: 100%;
191
- --dt-badge-color-foreground-bulletin-hsl: var(--dt-color-neutral-white-hsl);
192
- --dt-badge-color-foreground-bulletin-hsla: var(--dt-color-neutral-white-hsla);
198
+ --dt-badge-color-foreground-bulletin-hsl: var(--dt-color-black-50-hsl);
199
+ --dt-badge-color-foreground-bulletin-hsla: var(--dt-color-black-50-hsla);
193
200
  --dt-badge-color-foreground-bulletin: #ff5c00;
201
+ --dt-badge-color-foreground-default-h: 22;
202
+ --dt-badge-color-foreground-default-s: 100%;
203
+ --dt-badge-color-foreground-default-l: 50%;
204
+ --dt-badge-color-foreground-default-a: 100%;
205
+ --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
206
+ --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
207
+ --dt-badge-color-foreground-default: #ff5c00;
194
208
  --dt-badge-color-background-bulletin-subtle-h: 22;
195
209
  --dt-badge-color-background-bulletin-subtle-s: 100%;
196
210
  --dt-badge-color-background-bulletin-subtle-l: 50%;
197
211
  --dt-badge-color-background-bulletin-subtle-a: 100%;
198
- --dt-badge-color-background-bulletin-subtle-hsl: var(--dt-badge-color-background-bulletin-subtle-h) var(--dt-badge-color-background-bulletin-subtle-s) var(--dt-badge-color-background-bulletin-subtle-l);
199
- --dt-badge-color-background-bulletin-subtle-hsla: hsl(var(--dt-badge-color-background-bulletin-subtle-h) var(--dt-badge-color-background-bulletin-subtle-s) var(--dt-badge-color-background-bulletin-subtle-l) / var(--alpha, 10%));
212
+ --dt-badge-color-background-bulletin-subtle-hsl: var(--dt-color-purple-200-hsl);
213
+ --dt-badge-color-background-bulletin-subtle-hsla: var(--dt-color-purple-200-hsla);
200
214
  --dt-badge-color-background-bulletin-subtle: #ff5c00;
201
- --dt-badge-color-background-bulletin-h: 22;
202
- --dt-badge-color-background-bulletin-s: 100%;
203
- --dt-badge-color-background-bulletin-l: 50%;
204
- --dt-badge-color-background-bulletin-a: 100%;
205
- --dt-badge-color-background-bulletin-hsl: var(--dt-color-brand-purple-hsl);
206
- --dt-badge-color-background-bulletin-hsla: var(--dt-color-brand-purple-hsla);
207
- --dt-badge-color-background-bulletin: #ff5c00;
215
+ --dt-badge-color-background-critical-h: 22;
216
+ --dt-badge-color-background-critical-s: 100%;
217
+ --dt-badge-color-background-critical-l: 50%;
218
+ --dt-badge-color-background-critical-a: 100%;
219
+ --dt-badge-color-background-critical-hsl: var(--dt-color-red-200-hsl);
220
+ --dt-badge-color-background-critical-hsla: var(--dt-color-red-200-hsla);
221
+ --dt-badge-color-background-critical: #ff5c00;
222
+ --dt-badge-color-background-warning-h: 22;
223
+ --dt-badge-color-background-warning-s: 100%;
224
+ --dt-badge-color-background-warning-l: 50%;
225
+ --dt-badge-color-background-warning-a: 100%;
226
+ --dt-badge-color-background-warning-hsl: var(--dt-color-gold-200-hsl);
227
+ --dt-badge-color-background-warning-hsla: var(--dt-color-gold-200-hsla);
228
+ --dt-badge-color-background-warning: #ff5c00;
229
+ --dt-badge-color-background-success-h: 22;
230
+ --dt-badge-color-background-success-s: 100%;
231
+ --dt-badge-color-background-success-l: 50%;
232
+ --dt-badge-color-background-success-a: 100%;
233
+ --dt-badge-color-background-success-hsl: var(--dt-color-green-200-hsl);
234
+ --dt-badge-color-background-success-hsla: var(--dt-color-green-200-hsla);
235
+ --dt-badge-color-background-success: #ff5c00;
236
+ --dt-badge-color-background-info-h: 22;
237
+ --dt-badge-color-background-info-s: 100%;
238
+ --dt-badge-color-background-info-l: 50%;
239
+ --dt-badge-color-background-info-a: 100%;
240
+ --dt-badge-color-background-info-hsl: var(--dt-color-blue-200-hsl);
241
+ --dt-badge-color-background-info-hsla: var(--dt-color-blue-200-hsla);
242
+ --dt-badge-color-background-info: #ff5c00;
208
243
  --dt-avatar-color-foreground-h: 22;
209
244
  --dt-avatar-color-foreground-s: 100%;
210
245
  --dt-avatar-color-foreground-l: 50%;
@@ -216,22 +251,15 @@
216
251
  --dt-theme-mention-color-background-strong-s: 100%;
217
252
  --dt-theme-mention-color-background-strong-l: 50%;
218
253
  --dt-theme-mention-color-background-strong-a: 100%;
219
- --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-500-hsl);
220
- --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-500-hsla);
254
+ --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-550-hsl);
255
+ --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-550-hsla);
221
256
  --dt-theme-mention-color-background-strong: #ff5c00;
222
- --dt-theme-mention-color-background-h: 22;
223
- --dt-theme-mention-color-background-s: 100%;
224
- --dt-theme-mention-color-background-l: 50%;
225
- --dt-theme-mention-color-background-a: 100%;
226
- --dt-theme-mention-color-background-hsl: var(--dt-color-brand-purple-hsl);
227
- --dt-theme-mention-color-background-hsla: var(--dt-color-brand-purple-hsla);
228
- --dt-theme-mention-color-background: #ff5c00;
229
257
  --dt-theme-mention-color-foreground-h: 22;
230
258
  --dt-theme-mention-color-foreground-s: 100%;
231
259
  --dt-theme-mention-color-foreground-l: 50%;
232
260
  --dt-theme-mention-color-foreground-a: 100%;
233
- --dt-theme-mention-color-foreground-hsl: var(--dt-color-neutral-white-hsl);
234
- --dt-theme-mention-color-foreground-hsla: var(--dt-color-neutral-white-hsla);
261
+ --dt-theme-mention-color-foreground-hsl: var(--dt-color-black-50-hsl);
262
+ --dt-theme-mention-color-foreground-hsla: var(--dt-color-black-50-hsla);
235
263
  --dt-theme-mention-color-foreground: #ff5c00;
236
264
  --dt-theme-presence-color-background-offline-h: 22;
237
265
  --dt-theme-presence-color-background-offline-s: 100%;
@@ -244,22 +272,22 @@
244
272
  --dt-theme-presence-color-background-busy-s: 100%;
245
273
  --dt-theme-presence-color-background-busy-l: 50%;
246
274
  --dt-theme-presence-color-background-busy-a: 100%;
247
- --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-300-hsl);
248
- --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-300-hsla);
275
+ --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-400-hsl);
276
+ --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-400-hsla);
249
277
  --dt-theme-presence-color-background-busy: #ff5c00;
250
278
  --dt-theme-presence-color-background-busy-unavailable-h: 22;
251
279
  --dt-theme-presence-color-background-busy-unavailable-s: 100%;
252
280
  --dt-theme-presence-color-background-busy-unavailable-l: 50%;
253
281
  --dt-theme-presence-color-background-busy-unavailable-a: 100%;
254
- --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-300-hsl);
255
- --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-300-hsla);
282
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-400-hsl);
283
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-400-hsla);
256
284
  --dt-theme-presence-color-background-busy-unavailable: #ff5c00;
257
285
  --dt-theme-presence-color-background-available-h: 22;
258
286
  --dt-theme-presence-color-background-available-s: 100%;
259
287
  --dt-theme-presence-color-background-available-l: 50%;
260
288
  --dt-theme-presence-color-background-available-a: 100%;
261
- --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-400-hsl);
262
- --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-400-hsla);
289
+ --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-425-hsl);
290
+ --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-425-hsla);
263
291
  --dt-theme-presence-color-background-available: #ff5c00;
264
292
  --dt-theme-color-base-h: 22;
265
293
  --dt-theme-color-base-s: 100%;
@@ -268,34 +296,20 @@
268
296
  --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
269
297
  --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
270
298
  --dt-theme-color-base: #ff5c00;
271
- --dt-action-color-border-base-outlined-default-h: 22;
272
- --dt-action-color-border-base-outlined-default-s: 100%;
273
- --dt-action-color-border-base-outlined-default-l: 50%;
274
- --dt-action-color-border-base-outlined-default-a: 100%;
275
- --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-purple-400-hsl);
276
- --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-purple-400-hsla);
277
- --dt-action-color-border-base-outlined-default: #ff5c00;
299
+ --dt-action-color-background-positive-primary-hover-h: 22;
300
+ --dt-action-color-background-positive-primary-hover-s: 100%;
301
+ --dt-action-color-background-positive-primary-hover-l: 50%;
302
+ --dt-action-color-background-positive-primary-hover-a: 100%;
303
+ --dt-action-color-background-positive-primary-hover-hsl: var(--dt-color-green-500-hsl);
304
+ --dt-action-color-background-positive-primary-hover-hsla: var(--dt-color-green-500-hsla);
305
+ --dt-action-color-background-positive-primary-hover: #ff5c00;
278
306
  --dt-action-color-background-positive-primary-default-h: 22;
279
307
  --dt-action-color-background-positive-primary-default-s: 100%;
280
308
  --dt-action-color-background-positive-primary-default-l: 50%;
281
309
  --dt-action-color-background-positive-primary-default-a: 100%;
282
- --dt-action-color-background-positive-primary-default-hsl: var(--dt-color-green-400-hsl);
283
- --dt-action-color-background-positive-primary-default-hsla: var(--dt-color-green-400-hsla);
284
- --dt-action-color-background-positive-primary-default: #ff5c00;
285
- --dt-action-color-background-positive-active-h: 22;
286
- --dt-action-color-background-positive-active-s: 100%;
287
- --dt-action-color-background-positive-active-l: 50%;
288
- --dt-action-color-background-positive-active-a: 100%;
289
- --dt-action-color-background-positive-active-hsl: var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l);
290
- --dt-action-color-background-positive-active-hsla: hsl(var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l) / var(--alpha, 8%));
291
- --dt-action-color-background-positive-active: #ff5c00;
292
- --dt-action-color-background-positive-hover-h: 22;
293
- --dt-action-color-background-positive-hover-s: 100%;
294
- --dt-action-color-background-positive-hover-l: 50%;
295
- --dt-action-color-background-positive-hover-a: 100%;
296
- --dt-action-color-background-positive-hover-hsl: var(--dt-action-color-background-positive-hover-h) var(--dt-action-color-background-positive-hover-s) var(--dt-action-color-background-positive-hover-l);
297
- --dt-action-color-background-positive-hover-hsla: hsl(var(--dt-action-color-background-positive-hover-h) var(--dt-action-color-background-positive-hover-s) var(--dt-action-color-background-positive-hover-l) / var(--alpha, 100%));
298
- --dt-action-color-background-positive-hover: #ff5c00;
310
+ --dt-action-color-background-positive-primary-default-hsl: var(--dt-color-green-475-hsl);
311
+ --dt-action-color-background-positive-primary-default-hsla: var(--dt-color-green-475-hsla);
312
+ --dt-action-color-background-positive-primary-default: #ff5c00; /* Postive, accepting, or success actions. */
299
313
  --dt-action-color-background-positive-default-h: 22;
300
314
  --dt-action-color-background-positive-default-s: 100%;
301
315
  --dt-action-color-background-positive-default-l: 50%;
@@ -303,27 +317,6 @@
303
317
  --dt-action-color-background-positive-default-hsl: var(--dt-color-neutral-transparent-hsl);
304
318
  --dt-action-color-background-positive-default-hsla: var(--dt-color-neutral-transparent-hsla);
305
319
  --dt-action-color-background-positive-default: #ff5c00;
306
- --dt-action-color-background-disabled-default-h: 22;
307
- --dt-action-color-background-disabled-default-s: 100%;
308
- --dt-action-color-background-disabled-default-l: 50%;
309
- --dt-action-color-background-disabled-default-a: 100%;
310
- --dt-action-color-background-disabled-default-hsl: var(--dt-color-black-300-hsl);
311
- --dt-action-color-background-disabled-default-hsla: var(--dt-color-black-300-hsla);
312
- --dt-action-color-background-disabled-default: #ff5c00;
313
- --dt-action-color-background-muted-active-h: 22;
314
- --dt-action-color-background-muted-active-s: 100%;
315
- --dt-action-color-background-muted-active-l: 50%;
316
- --dt-action-color-background-muted-active-a: 100%;
317
- --dt-action-color-background-muted-active-hsl: var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l);
318
- --dt-action-color-background-muted-active-hsla: hsl(var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l) / var(--alpha, 16%));
319
- --dt-action-color-background-muted-active: #ff5c00;
320
- --dt-action-color-background-muted-hover-h: 22;
321
- --dt-action-color-background-muted-hover-s: 100%;
322
- --dt-action-color-background-muted-hover-l: 50%;
323
- --dt-action-color-background-muted-hover-a: 100%;
324
- --dt-action-color-background-muted-hover-hsl: var(--dt-action-color-background-muted-hover-h) var(--dt-action-color-background-muted-hover-s) var(--dt-action-color-background-muted-hover-l);
325
- --dt-action-color-background-muted-hover-hsla: hsl(var(--dt-action-color-background-muted-hover-h) var(--dt-action-color-background-muted-hover-s) var(--dt-action-color-background-muted-hover-l) / var(--alpha, 10%));
326
- --dt-action-color-background-muted-hover: #ff5c00;
327
320
  --dt-action-color-background-muted-default-h: 22;
328
321
  --dt-action-color-background-muted-default-s: 100%;
329
322
  --dt-action-color-background-muted-default-l: 50%;
@@ -331,13 +324,34 @@
331
324
  --dt-action-color-background-muted-default-hsl: var(--dt-color-neutral-transparent-hsl);
332
325
  --dt-action-color-background-muted-default-hsla: var(--dt-color-neutral-transparent-hsla);
333
326
  --dt-action-color-background-muted-default: #ff5c00;
334
- --dt-action-color-background-inverted-primary-hover-h: 22;
335
- --dt-action-color-background-inverted-primary-hover-s: 100%;
336
- --dt-action-color-background-inverted-primary-hover-l: 50%;
337
- --dt-action-color-background-inverted-primary-hover-a: 100%;
338
- --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-purple-100-hsl);
339
- --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-purple-100-hsla);
340
- --dt-action-color-background-inverted-primary-hover: #ff5c00;
327
+ --dt-action-color-background-inverted-primary-active-h: 22;
328
+ --dt-action-color-background-inverted-primary-active-s: 100%;
329
+ --dt-action-color-background-inverted-primary-active-l: 50%;
330
+ --dt-action-color-background-inverted-primary-active-a: 100%;
331
+ --dt-action-color-background-inverted-primary-active-hsl: var(--dt-color-purple-200-hsl);
332
+ --dt-action-color-background-inverted-primary-active-hsla: var(--dt-color-purple-200-hsla);
333
+ --dt-action-color-background-inverted-primary-active: #ff5c00;
334
+ --dt-action-color-background-inverted-primary-default-h: 22;
335
+ --dt-action-color-background-inverted-primary-default-s: 100%;
336
+ --dt-action-color-background-inverted-primary-default-l: 50%;
337
+ --dt-action-color-background-inverted-primary-default-a: 100%;
338
+ --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-black-100-hsl);
339
+ --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-black-100-hsla);
340
+ --dt-action-color-background-inverted-primary-default: #ff5c00;
341
+ --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;
341
355
  --dt-action-color-background-inverted-default-h: 22;
342
356
  --dt-action-color-background-inverted-default-s: 100%;
343
357
  --dt-action-color-background-inverted-default-l: 50%;
@@ -345,27 +359,27 @@
345
359
  --dt-action-color-background-inverted-default-hsl: var(--dt-color-neutral-transparent-hsl);
346
360
  --dt-action-color-background-inverted-default-hsla: var(--dt-color-neutral-transparent-hsla);
347
361
  --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;
348
376
  --dt-action-color-background-critical-primary-default-h: 22;
349
377
  --dt-action-color-background-critical-primary-default-s: 100%;
350
378
  --dt-action-color-background-critical-primary-default-l: 50%;
351
379
  --dt-action-color-background-critical-primary-default-a: 100%;
352
- --dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-300-hsl);
353
- --dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-300-hsla);
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);
354
382
  --dt-action-color-background-critical-primary-default: #ff5c00;
355
- --dt-action-color-background-critical-active-h: 22;
356
- --dt-action-color-background-critical-active-s: 100%;
357
- --dt-action-color-background-critical-active-l: 50%;
358
- --dt-action-color-background-critical-active-a: 100%;
359
- --dt-action-color-background-critical-active-hsl: var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l);
360
- --dt-action-color-background-critical-active-hsla: hsl(var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l) / var(--alpha, 12%));
361
- --dt-action-color-background-critical-active: #ff5c00;
362
- --dt-action-color-background-critical-hover-h: 22;
363
- --dt-action-color-background-critical-hover-s: 100%;
364
- --dt-action-color-background-critical-hover-l: 50%;
365
- --dt-action-color-background-critical-hover-a: 100%;
366
- --dt-action-color-background-critical-hover-hsl: var(--dt-action-color-background-critical-hover-h) var(--dt-action-color-background-critical-hover-s) var(--dt-action-color-background-critical-hover-l);
367
- --dt-action-color-background-critical-hover-hsla: hsl(var(--dt-action-color-background-critical-hover-h) var(--dt-action-color-background-critical-hover-s) var(--dt-action-color-background-critical-hover-l) / var(--alpha, 7%));
368
- --dt-action-color-background-critical-hover: #ff5c00;
369
383
  --dt-action-color-background-critical-default-h: 22;
370
384
  --dt-action-color-background-critical-default-s: 100%;
371
385
  --dt-action-color-background-critical-default-l: 50%;
@@ -373,27 +387,27 @@
373
387
  --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
374
388
  --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
375
389
  --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;
376
404
  --dt-action-color-background-base-primary-default-h: 22;
377
405
  --dt-action-color-background-base-primary-default-s: 100%;
378
406
  --dt-action-color-background-base-primary-default-l: 50%;
379
407
  --dt-action-color-background-base-primary-default-a: 100%;
380
- --dt-action-color-background-base-primary-default-hsl: var(--dt-color-brand-purple-hsl);
381
- --dt-action-color-background-base-primary-default-hsla: var(--dt-color-brand-purple-hsla);
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);
382
410
  --dt-action-color-background-base-primary-default: #ff5c00;
383
- --dt-action-color-background-base-active-h: 22;
384
- --dt-action-color-background-base-active-s: 100%;
385
- --dt-action-color-background-base-active-l: 50%;
386
- --dt-action-color-background-base-active-a: 100%;
387
- --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
388
- --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 18%));
389
- --dt-action-color-background-base-active: #ff5c00;
390
- --dt-action-color-background-base-hover-h: 22;
391
- --dt-action-color-background-base-hover-s: 100%;
392
- --dt-action-color-background-base-hover-l: 50%;
393
- --dt-action-color-background-base-hover-a: 100%;
394
- --dt-action-color-background-base-hover-hsl: var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l);
395
- --dt-action-color-background-base-hover-hsla: hsl(var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l) / var(--alpha, 14%));
396
- --dt-action-color-background-base-hover: #ff5c00;
397
411
  --dt-action-color-background-base-default-h: 22;
398
412
  --dt-action-color-background-base-default-s: 100%;
399
413
  --dt-action-color-background-base-default-l: 50%;
@@ -405,65 +419,30 @@
405
419
  --dt-action-color-foreground-positive-primary-default-s: 100%;
406
420
  --dt-action-color-foreground-positive-primary-default-l: 50%;
407
421
  --dt-action-color-foreground-positive-primary-default-a: 100%;
408
- --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-neutral-white-hsl);
409
- --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-neutral-white-hsla);
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);
410
424
  --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-neutral-white-hsl);
430
- --dt-action-color-foreground-critical-primary-default-hsla: var(--dt-color-neutral-white-hsla);
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);
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-neutral-white-hsl);
437
- --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-neutral-white-hsla);
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);
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;
453
439
  --dt-inputs-color-background-focus-h: 22;
454
440
  --dt-inputs-color-background-focus-s: 100%;
455
441
  --dt-inputs-color-background-focus-l: 50%;
456
442
  --dt-inputs-color-background-focus-a: 100%;
457
- --dt-inputs-color-background-focus-hsl: var(--dt-inputs-color-background-focus-h) var(--dt-inputs-color-background-focus-s) var(--dt-inputs-color-background-focus-l);
458
- --dt-inputs-color-background-focus-hsla: hsl(var(--dt-inputs-color-background-focus-h) var(--dt-inputs-color-background-focus-s) var(--dt-inputs-color-background-focus-l) / var(--alpha, 1%));
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);
459
445
  --dt-inputs-color-background-focus: #ff5c00;
460
- --dt-inputs-color-background-default-h: 22;
461
- --dt-inputs-color-background-default-s: 100%;
462
- --dt-inputs-color-background-default-l: 50%;
463
- --dt-inputs-color-background-default-a: 100%;
464
- --dt-inputs-color-background-default-hsl: var(--dt-inputs-color-background-default-h) var(--dt-inputs-color-background-default-s) var(--dt-inputs-color-background-default-l);
465
- --dt-inputs-color-background-default-hsla: hsl(var(--dt-inputs-color-background-default-h) var(--dt-inputs-color-background-default-s) var(--dt-inputs-color-background-default-l) / var(--alpha, 3%));
466
- --dt-inputs-color-background-default: #ff5c00;
467
446
  --dt-inputs-color-border-disabled-h: 22;
468
447
  --dt-inputs-color-border-disabled-s: 100%;
469
448
  --dt-inputs-color-border-disabled-l: 50%;
@@ -622,6 +601,20 @@
622
601
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
623
602
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
624
603
  --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;
625
618
  --dt-color-border-brand-strong-inverted-h: 22;
626
619
  --dt-color-border-brand-strong-inverted-s: 100%;
627
620
  --dt-color-border-brand-strong-inverted-l: 50%;
@@ -629,83 +622,111 @@
629
622
  --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-200-hsl);
630
623
  --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-200-hsla);
631
624
  --dt-color-border-brand-strong-inverted: #ff5c00;
632
- --dt-color-border-brand-subtle-inverted-h: 22;
633
- --dt-color-border-brand-subtle-inverted-s: 100%;
634
- --dt-color-border-brand-subtle-inverted-l: 50%;
635
- --dt-color-border-brand-subtle-inverted-a: 100%;
636
- --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-500-hsl);
637
- --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-500-hsla);
638
- --dt-color-border-brand-subtle-inverted: #ff5c00;
639
625
  --dt-color-border-warning-strong-inverted-h: 22;
640
626
  --dt-color-border-warning-strong-inverted-s: 100%;
641
627
  --dt-color-border-warning-strong-inverted-l: 50%;
642
628
  --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);
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);
645
631
  --dt-color-border-warning-strong-inverted: #ff5c00;
646
- --dt-color-border-warning-subtle-inverted-h: 22;
647
- --dt-color-border-warning-subtle-inverted-s: 100%;
648
- --dt-color-border-warning-subtle-inverted-l: 50%;
649
- --dt-color-border-warning-subtle-inverted-a: 100%;
650
- --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-400-hsl);
651
- --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-400-hsla);
652
- --dt-color-border-warning-subtle-inverted: #ff5c00;
653
632
  --dt-color-border-success-strong-inverted-h: 22;
654
633
  --dt-color-border-success-strong-inverted-s: 100%;
655
634
  --dt-color-border-success-strong-inverted-l: 50%;
656
635
  --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);
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);
659
638
  --dt-color-border-success-strong-inverted: #ff5c00;
660
- --dt-color-border-success-subtle-inverted-h: 22;
661
- --dt-color-border-success-subtle-inverted-s: 100%;
662
- --dt-color-border-success-subtle-inverted-l: 50%;
663
- --dt-color-border-success-subtle-inverted-a: 100%;
664
- --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-400-hsl);
665
- --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-400-hsla);
666
- --dt-color-border-success-subtle-inverted: #ff5c00;
667
639
  --dt-color-border-critical-strong-inverted-h: 22;
668
640
  --dt-color-border-critical-strong-inverted-s: 100%;
669
641
  --dt-color-border-critical-strong-inverted-l: 50%;
670
642
  --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);
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);
673
645
  --dt-color-border-critical-strong-inverted: #ff5c00;
646
+ --dt-color-border-brand-subtle-inverted-h: 22;
647
+ --dt-color-border-brand-subtle-inverted-s: 100%;
648
+ --dt-color-border-brand-subtle-inverted-l: 50%;
649
+ --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);
652
+ --dt-color-border-brand-subtle-inverted: #ff5c00;
653
+ --dt-color-border-warning-subtle-inverted-h: 22;
654
+ --dt-color-border-warning-subtle-inverted-s: 100%;
655
+ --dt-color-border-warning-subtle-inverted-l: 50%;
656
+ --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);
659
+ --dt-color-border-warning-subtle-inverted: #ff5c00;
660
+ --dt-color-border-success-subtle-inverted-h: 22;
661
+ --dt-color-border-success-subtle-inverted-s: 100%;
662
+ --dt-color-border-success-subtle-inverted-l: 50%;
663
+ --dt-color-border-success-subtle-inverted-a: 100%;
664
+ --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-600-hsl);
665
+ --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-600-hsla);
666
+ --dt-color-border-success-subtle-inverted: #ff5c00;
674
667
  --dt-color-border-critical-subtle-inverted-h: 22;
675
668
  --dt-color-border-critical-subtle-inverted-s: 100%;
676
669
  --dt-color-border-critical-subtle-inverted-l: 50%;
677
670
  --dt-color-border-critical-subtle-inverted-a: 100%;
678
- --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-400-hsl);
679
- --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-400-hsla);
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);
680
673
  --dt-color-border-critical-subtle-inverted: #ff5c00;
681
674
  --dt-color-border-brand-inverted-h: 22;
682
675
  --dt-color-border-brand-inverted-s: 100%;
683
676
  --dt-color-border-brand-inverted-l: 50%;
684
677
  --dt-color-border-brand-inverted-a: 100%;
685
- --dt-color-border-brand-inverted-hsl: var(--dt-color-brand-purple-hsl);
686
- --dt-color-border-brand-inverted-hsla: var(--dt-color-brand-purple-hsla);
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);
687
680
  --dt-color-border-brand-inverted: #ff5c00;
688
681
  --dt-color-border-warning-inverted-h: 22;
689
682
  --dt-color-border-warning-inverted-s: 100%;
690
683
  --dt-color-border-warning-inverted-l: 50%;
691
684
  --dt-color-border-warning-inverted-a: 100%;
692
- --dt-color-border-warning-inverted-hsl: var(--dt-color-gold-200-hsl);
693
- --dt-color-border-warning-inverted-hsla: var(--dt-color-gold-200-hsla);
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);
694
687
  --dt-color-border-warning-inverted: #ff5c00;
695
688
  --dt-color-border-success-inverted-h: 22;
696
689
  --dt-color-border-success-inverted-s: 100%;
697
690
  --dt-color-border-success-inverted-l: 50%;
698
691
  --dt-color-border-success-inverted-a: 100%;
699
- --dt-color-border-success-inverted-hsl: var(--dt-color-green-200-hsl);
700
- --dt-color-border-success-inverted-hsla: var(--dt-color-green-200-hsla);
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);
701
694
  --dt-color-border-success-inverted: #ff5c00;
702
695
  --dt-color-border-critical-inverted-h: 22;
703
696
  --dt-color-border-critical-inverted-s: 100%;
704
697
  --dt-color-border-critical-inverted-l: 50%;
705
698
  --dt-color-border-critical-inverted-a: 100%;
706
- --dt-color-border-critical-inverted-hsl: var(--dt-color-red-200-hsl);
707
- --dt-color-border-critical-inverted-hsla: var(--dt-color-red-200-hsla);
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);
708
701
  --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;
709
730
  --dt-color-border-brand-strong-h: 22;
710
731
  --dt-color-border-brand-strong-s: 100%;
711
732
  --dt-color-border-brand-strong-l: 50%;
@@ -713,62 +734,55 @@
713
734
  --dt-color-border-brand-strong-hsl: var(--dt-color-purple-500-hsl);
714
735
  --dt-color-border-brand-strong-hsla: var(--dt-color-purple-500-hsla);
715
736
  --dt-color-border-brand-strong: #ff5c00;
716
- --dt-color-border-brand-subtle-h: 22;
717
- --dt-color-border-brand-subtle-s: 100%;
718
- --dt-color-border-brand-subtle-l: 50%;
719
- --dt-color-border-brand-subtle-a: 100%;
720
- --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-200-hsl);
721
- --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-200-hsla);
722
- --dt-color-border-brand-subtle: #ff5c00;
723
737
  --dt-color-border-warning-strong-h: 22;
724
738
  --dt-color-border-warning-strong-s: 100%;
725
739
  --dt-color-border-warning-strong-l: 50%;
726
740
  --dt-color-border-warning-strong-a: 100%;
727
- --dt-color-border-warning-strong-hsl: var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l);
728
- --dt-color-border-warning-strong-hsla: hsl(var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l) / var(--alpha, 100%));
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);
729
743
  --dt-color-border-warning-strong: #ff5c00;
730
- --dt-color-border-warning-subtle-h: 22;
731
- --dt-color-border-warning-subtle-s: 100%;
732
- --dt-color-border-warning-subtle-l: 50%;
733
- --dt-color-border-warning-subtle-a: 100%;
734
- --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-200-hsl);
735
- --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-200-hsla);
736
- --dt-color-border-warning-subtle: #ff5c00;
737
744
  --dt-color-border-success-strong-h: 22;
738
745
  --dt-color-border-success-strong-s: 100%;
739
746
  --dt-color-border-success-strong-l: 50%;
740
747
  --dt-color-border-success-strong-a: 100%;
741
- --dt-color-border-success-strong-hsl: var(--dt-color-green-500-hsl);
742
- --dt-color-border-success-strong-hsla: var(--dt-color-green-500-hsla);
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);
743
750
  --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-400-hsl);
756
- --dt-color-border-critical-strong-hsla: var(--dt-color-red-400-hsla);
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);
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;
758
779
  --dt-color-border-critical-subtle-h: 22;
759
780
  --dt-color-border-critical-subtle-s: 100%;
760
781
  --dt-color-border-critical-subtle-l: 50%;
761
782
  --dt-color-border-critical-subtle-a: 100%;
762
- --dt-color-border-critical-subtle-hsl: var(--dt-color-red-200-hsl);
763
- --dt-color-border-critical-subtle-hsla: var(--dt-color-red-200-hsla);
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);
764
785
  --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;
772
786
  --dt-color-border-brand-h: 22;
773
787
  --dt-color-border-brand-s: 100%;
774
788
  --dt-color-border-brand-l: 50%;
@@ -787,51 +801,16 @@
787
801
  --dt-color-border-success-s: 100%;
788
802
  --dt-color-border-success-l: 50%;
789
803
  --dt-color-border-success-a: 100%;
790
- --dt-color-border-success-hsl: var(--dt-color-green-400-hsl);
791
- --dt-color-border-success-hsla: var(--dt-color-green-400-hsla);
804
+ --dt-color-border-success-hsl: var(--dt-color-green-475-hsl);
805
+ --dt-color-border-success-hsla: var(--dt-color-green-475-hsla);
792
806
  --dt-color-border-success: #ff5c00;
793
807
  --dt-color-border-critical-h: 22;
794
808
  --dt-color-border-critical-s: 100%;
795
809
  --dt-color-border-critical-l: 50%;
796
810
  --dt-color-border-critical-a: 100%;
797
- --dt-color-border-critical-hsl: var(--dt-color-red-300-hsl);
798
- --dt-color-border-critical-hsla: var(--dt-color-red-300-hsla);
811
+ --dt-color-border-critical-hsl: var(--dt-color-red-400-hsl);
812
+ --dt-color-border-critical-hsla: var(--dt-color-red-400-hsla);
799
813
  --dt-color-border-critical: #ff5c00;
800
- --dt-color-border-focus-h: 22;
801
- --dt-color-border-focus-s: 100%;
802
- --dt-color-border-focus-l: 50%;
803
- --dt-color-border-focus-a: 100%;
804
- --dt-color-border-focus-hsl: var(--dt-color-blue-300-hsl);
805
- --dt-color-border-focus-hsla: var(--dt-color-blue-300-hsla);
806
- --dt-color-border-focus: #ff5c00;
807
- --dt-color-border-bold-inverted-h: 22;
808
- --dt-color-border-bold-inverted-s: 100%;
809
- --dt-color-border-bold-inverted-l: 50%;
810
- --dt-color-border-bold-inverted-a: 100%;
811
- --dt-color-border-bold-inverted-hsl: var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l);
812
- --dt-color-border-bold-inverted-hsla: hsl(var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l) / var(--alpha, 50%));
813
- --dt-color-border-bold-inverted: #ff5c00;
814
- --dt-color-border-moderate-inverted-h: 22;
815
- --dt-color-border-moderate-inverted-s: 100%;
816
- --dt-color-border-moderate-inverted-l: 50%;
817
- --dt-color-border-moderate-inverted-a: 100%;
818
- --dt-color-border-moderate-inverted-hsl: var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l);
819
- --dt-color-border-moderate-inverted-hsla: hsl(var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l) / var(--alpha, 38%));
820
- --dt-color-border-moderate-inverted: #ff5c00;
821
- --dt-color-border-default-inverted-h: 22;
822
- --dt-color-border-default-inverted-s: 100%;
823
- --dt-color-border-default-inverted-l: 50%;
824
- --dt-color-border-default-inverted-a: 100%;
825
- --dt-color-border-default-inverted-hsl: var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l);
826
- --dt-color-border-default-inverted-hsla: hsl(var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l) / var(--alpha, 22%));
827
- --dt-color-border-default-inverted: #ff5c00;
828
- --dt-color-border-subtle-inverted-h: 22;
829
- --dt-color-border-subtle-inverted-s: 100%;
830
- --dt-color-border-subtle-inverted-l: 50%;
831
- --dt-color-border-subtle-inverted-a: 100%;
832
- --dt-color-border-subtle-inverted-hsl: var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l);
833
- --dt-color-border-subtle-inverted-hsla: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--alpha, 14%));
834
- --dt-color-border-subtle-inverted: #ff5c00;
835
814
  --dt-color-border-bold-h: 22;
836
815
  --dt-color-border-bold-s: 100%;
837
816
  --dt-color-border-bold-l: 50%;
@@ -844,36 +823,463 @@
844
823
  --dt-color-border-moderate-l: 50%;
845
824
  --dt-color-border-moderate-a: 100%;
846
825
  --dt-color-border-moderate-hsl: var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l);
847
- --dt-color-border-moderate-hsla: hsl(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--alpha, 34%));
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%));
848
827
  --dt-color-border-moderate: #ff5c00;
849
828
  --dt-color-border-default-h: 22;
850
829
  --dt-color-border-default-s: 100%;
851
830
  --dt-color-border-default-l: 50%;
852
831
  --dt-color-border-default-a: 100%;
853
832
  --dt-color-border-default-hsl: var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l);
854
- --dt-color-border-default-hsla: hsl(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--alpha, 18%));
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%));
855
834
  --dt-color-border-default: #ff5c00;
856
835
  --dt-color-border-subtle-h: 22;
857
836
  --dt-color-border-subtle-s: 100%;
858
837
  --dt-color-border-subtle-l: 50%;
859
838
  --dt-color-border-subtle-a: 100%;
860
839
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
861
- --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 10%));
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%));
862
841
  --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. */
863
1213
  --dt-color-surface-info-strong-h: 22;
864
1214
  --dt-color-surface-info-strong-s: 100%;
865
1215
  --dt-color-surface-info-strong-l: 50%;
866
1216
  --dt-color-surface-info-strong-a: 100%;
867
- --dt-color-surface-info-strong-hsl: var(--dt-color-blue-400-hsl);
868
- --dt-color-surface-info-strong-hsla: var(--dt-color-blue-400-hsla);
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);
869
1219
  --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. */
870
1248
  --dt-color-surface-info-subtle-h: 22;
871
1249
  --dt-color-surface-info-subtle-s: 100%;
872
1250
  --dt-color-surface-info-subtle-l: 50%;
873
1251
  --dt-color-surface-info-subtle-a: 100%;
874
- --dt-color-surface-info-subtle-hsl: var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l);
875
- --dt-color-surface-info-subtle-hsla: hsl(var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l) / var(--alpha, 100%));
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);
876
1254
  --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. */
877
1283
  --dt-color-surface-info-h: 22;
878
1284
  --dt-color-surface-info-s: 100%;
879
1285
  --dt-color-surface-info-l: 50%;
@@ -881,20 +1287,6 @@
881
1287
  --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
882
1288
  --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
883
1289
  --dt-color-surface-info: #ff5c00; /* Background surface color containing messaging or elements communicated as generally informational. */
884
- --dt-color-surface-success-strong-h: 22;
885
- --dt-color-surface-success-strong-s: 100%;
886
- --dt-color-surface-success-strong-l: 50%;
887
- --dt-color-surface-success-strong-a: 100%;
888
- --dt-color-surface-success-strong-hsl: var(--dt-color-green-400-hsl);
889
- --dt-color-surface-success-strong-hsla: var(--dt-color-green-400-hsla);
890
- --dt-color-surface-success-strong: #ff5c00; /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
891
- --dt-color-surface-success-subtle-h: 22;
892
- --dt-color-surface-success-subtle-s: 100%;
893
- --dt-color-surface-success-subtle-l: 50%;
894
- --dt-color-surface-success-subtle-a: 100%;
895
- --dt-color-surface-success-subtle-hsl: var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l);
896
- --dt-color-surface-success-subtle-hsla: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
897
- --dt-color-surface-success-subtle: #ff5c00; /* A softer version of the default success surface. */
898
1290
  --dt-color-surface-success-h: 22;
899
1291
  --dt-color-surface-success-s: 100%;
900
1292
  --dt-color-surface-success-l: 50%;
@@ -902,20 +1294,6 @@
902
1294
  --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
903
1295
  --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
904
1296
  --dt-color-surface-success: #ff5c00; /* Background surface color containing messaging or elements expressing a positive or successful state. */
905
- --dt-color-surface-warning-strong-h: 22;
906
- --dt-color-surface-warning-strong-s: 100%;
907
- --dt-color-surface-warning-strong-l: 50%;
908
- --dt-color-surface-warning-strong-a: 100%;
909
- --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-200-hsl);
910
- --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-200-hsla);
911
- --dt-color-surface-warning-strong: #ff5c00; /* A contrasting warning surface, most likely paired with inverted foreground colors. */
912
- --dt-color-surface-warning-subtle-h: 22;
913
- --dt-color-surface-warning-subtle-s: 100%;
914
- --dt-color-surface-warning-subtle-l: 50%;
915
- --dt-color-surface-warning-subtle-a: 100%;
916
- --dt-color-surface-warning-subtle-hsl: var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l);
917
- --dt-color-surface-warning-subtle-hsla: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
918
- --dt-color-surface-warning-subtle: #ff5c00; /* A softer version of the default warning surface. */
919
1297
  --dt-color-surface-warning-h: 22;
920
1298
  --dt-color-surface-warning-s: 100%;
921
1299
  --dt-color-surface-warning-l: 50%;
@@ -923,20 +1301,6 @@
923
1301
  --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
924
1302
  --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
925
1303
  --dt-color-surface-warning: #ff5c00; /* Background surface color highlighting messaging or elements that may require user's attention. */
926
- --dt-color-surface-critical-strong-h: 22;
927
- --dt-color-surface-critical-strong-s: 100%;
928
- --dt-color-surface-critical-strong-l: 50%;
929
- --dt-color-surface-critical-strong-a: 100%;
930
- --dt-color-surface-critical-strong-hsl: var(--dt-color-red-400-hsl);
931
- --dt-color-surface-critical-strong-hsla: var(--dt-color-red-400-hsla);
932
- --dt-color-surface-critical-strong: #ff5c00; /* A contrasting critical surface, most likely paired with inverted foreground colors. */
933
- --dt-color-surface-critical-subtle-h: 22;
934
- --dt-color-surface-critical-subtle-s: 100%;
935
- --dt-color-surface-critical-subtle-l: 50%;
936
- --dt-color-surface-critical-subtle-a: 100%;
937
- --dt-color-surface-critical-subtle-hsl: var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l);
938
- --dt-color-surface-critical-subtle-hsla: hsl(var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l) / var(--alpha, 100%));
939
- --dt-color-surface-critical-subtle: #ff5c00; /* A softer version of the Critical surface. */
940
1304
  --dt-color-surface-critical-h: 22;
941
1305
  --dt-color-surface-critical-s: 100%;
942
1306
  --dt-color-surface-critical-l: 50%;
@@ -983,107 +1347,9 @@
983
1347
  --dt-color-surface-primary-s: 100%;
984
1348
  --dt-color-surface-primary-l: 50%;
985
1349
  --dt-color-surface-primary-a: 100%;
986
- --dt-color-surface-primary-hsl: var(--dt-color-neutral-white-hsl);
987
- --dt-color-surface-primary-hsla: var(--dt-color-neutral-white-hsla);
1350
+ --dt-color-surface-primary-hsl: var(--dt-color-black-50-hsl);
1351
+ --dt-color-surface-primary-hsla: var(--dt-color-black-50-hsla);
988
1352
  --dt-color-surface-primary: #ff5c00; /* Default surface color for the majority of surfaces. */
989
- --dt-color-surface-info-subtle-opaque-h: 22;
990
- --dt-color-surface-info-subtle-opaque-s: 100%;
991
- --dt-color-surface-info-subtle-opaque-l: 50%;
992
- --dt-color-surface-info-subtle-opaque-a: 100%;
993
- --dt-color-surface-info-subtle-opaque-hsl: var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l);
994
- --dt-color-surface-info-subtle-opaque-hsla: hsl(var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l) / var(--alpha, 4%));
995
- --dt-color-surface-info-subtle-opaque: #ff5c00; /* Info surface as opaque background color. */
996
- --dt-color-surface-info-opaque-h: 22;
997
- --dt-color-surface-info-opaque-s: 100%;
998
- --dt-color-surface-info-opaque-l: 50%;
999
- --dt-color-surface-info-opaque-a: 100%;
1000
- --dt-color-surface-info-opaque-hsl: var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l);
1001
- --dt-color-surface-info-opaque-hsla: hsl(var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l) / var(--alpha, 9%));
1002
- --dt-color-surface-info-opaque: #ff5c00; /* Info surface as opaque background color. */
1003
- --dt-color-surface-success-subtle-opaque-h: 22;
1004
- --dt-color-surface-success-subtle-opaque-s: 100%;
1005
- --dt-color-surface-success-subtle-opaque-l: 50%;
1006
- --dt-color-surface-success-subtle-opaque-a: 100%;
1007
- --dt-color-surface-success-subtle-opaque-hsl: var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l);
1008
- --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 3%));
1009
- --dt-color-surface-success-subtle-opaque: #ff5c00; /* Success subtle surface as opaque background color. */
1010
- --dt-color-surface-success-opaque-h: 22;
1011
- --dt-color-surface-success-opaque-s: 100%;
1012
- --dt-color-surface-success-opaque-l: 50%;
1013
- --dt-color-surface-success-opaque-a: 100%;
1014
- --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
1015
- --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 8%));
1016
- --dt-color-surface-success-opaque: #ff5c00; /* Success surface as opaque background color. */
1017
- --dt-color-surface-warning-subtle-opaque-h: 22;
1018
- --dt-color-surface-warning-subtle-opaque-s: 100%;
1019
- --dt-color-surface-warning-subtle-opaque-l: 50%;
1020
- --dt-color-surface-warning-subtle-opaque-a: 100%;
1021
- --dt-color-surface-warning-subtle-opaque-hsl: var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l);
1022
- --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 18%));
1023
- --dt-color-surface-warning-subtle-opaque: #ff5c00; /* Warning subtle surface as opaque background color */
1024
- --dt-color-surface-warning-opaque-h: 22;
1025
- --dt-color-surface-warning-opaque-s: 100%;
1026
- --dt-color-surface-warning-opaque-l: 50%;
1027
- --dt-color-surface-warning-opaque-a: 100%;
1028
- --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
1029
- --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 38%));
1030
- --dt-color-surface-warning-opaque: #ff5c00; /* Warning surface as opaque background color */
1031
- --dt-color-surface-critical-subtle-opaque-h: 22;
1032
- --dt-color-surface-critical-subtle-opaque-s: 100%;
1033
- --dt-color-surface-critical-subtle-opaque-l: 50%;
1034
- --dt-color-surface-critical-subtle-opaque-a: 100%;
1035
- --dt-color-surface-critical-subtle-opaque-hsl: var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l);
1036
- --dt-color-surface-critical-subtle-opaque-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l) / var(--alpha, 5%));
1037
- --dt-color-surface-critical-subtle-opaque: #ff5c00; /* Critical subtle surface as opaque background color. */
1038
- --dt-color-surface-critical-opaque-h: 22;
1039
- --dt-color-surface-critical-opaque-s: 100%;
1040
- --dt-color-surface-critical-opaque-l: 50%;
1041
- --dt-color-surface-critical-opaque-a: 100%;
1042
- --dt-color-surface-critical-opaque-hsl: var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l);
1043
- --dt-color-surface-critical-opaque-hsla: hsl(var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l) / var(--alpha, 11%));
1044
- --dt-color-surface-critical-opaque: #ff5c00; /* Critical surface as opaque background color. */
1045
- --dt-color-surface-backdrop-h: 22;
1046
- --dt-color-surface-backdrop-s: 100%;
1047
- --dt-color-surface-backdrop-l: 50%;
1048
- --dt-color-surface-backdrop-a: 100%;
1049
- --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
1050
- --dt-color-surface-backdrop-hsla: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 70%));
1051
- --dt-color-surface-backdrop: #ff5c00; /* Background color for a modal-like backdrop. */
1052
- --dt-color-surface-contrast-opaque-h: 22;
1053
- --dt-color-surface-contrast-opaque-s: 100%;
1054
- --dt-color-surface-contrast-opaque-l: 50%;
1055
- --dt-color-surface-contrast-opaque-a: 100%;
1056
- --dt-color-surface-contrast-opaque-hsl: var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l);
1057
- --dt-color-surface-contrast-opaque-hsla: hsl(var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l) / var(--alpha, 87%));
1058
- --dt-color-surface-contrast-opaque: #ff5c00; /* Contrast surface as opaque background color. */
1059
- --dt-color-surface-strong-opaque-h: 22;
1060
- --dt-color-surface-strong-opaque-s: 100%;
1061
- --dt-color-surface-strong-opaque-l: 50%;
1062
- --dt-color-surface-strong-opaque-a: 100%;
1063
- --dt-color-surface-strong-opaque-hsl: var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l);
1064
- --dt-color-surface-strong-opaque-hsla: hsl(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--alpha, 67%));
1065
- --dt-color-surface-strong-opaque: #ff5c00; /* Strong surface as opaque background color. */
1066
- --dt-color-surface-bold-opaque-h: 22;
1067
- --dt-color-surface-bold-opaque-s: 100%;
1068
- --dt-color-surface-bold-opaque-l: 50%;
1069
- --dt-color-surface-bold-opaque-a: 100%;
1070
- --dt-color-surface-bold-opaque-hsl: var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l);
1071
- --dt-color-surface-bold-opaque-hsla: hsl(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--alpha, 18%));
1072
- --dt-color-surface-bold-opaque: #ff5c00; /* Bold surface as opaque background color. */
1073
- --dt-color-surface-moderate-opaque-h: 22;
1074
- --dt-color-surface-moderate-opaque-s: 100%;
1075
- --dt-color-surface-moderate-opaque-l: 50%;
1076
- --dt-color-surface-moderate-opaque-a: 100%;
1077
- --dt-color-surface-moderate-opaque-hsl: var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l);
1078
- --dt-color-surface-moderate-opaque-hsla: hsl(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--alpha, 9%));
1079
- --dt-color-surface-moderate-opaque: #ff5c00; /* Moderate surface as opaque background color. */
1080
- --dt-color-surface-secondary-opaque-h: 22;
1081
- --dt-color-surface-secondary-opaque-s: 100%;
1082
- --dt-color-surface-secondary-opaque-l: 50%;
1083
- --dt-color-surface-secondary-opaque-a: 100%;
1084
- --dt-color-surface-secondary-opaque-hsl: var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l);
1085
- --dt-color-surface-secondary-opaque-hsla: hsl(var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l) / var(--alpha, 2%));
1086
- --dt-color-surface-secondary-opaque: #ff5c00; /* Secondary surface as opaque background color. */
1087
1353
  --dt-color-link-muted-inverted-hover-h: 22;
1088
1354
  --dt-color-link-muted-inverted-hover-s: 100%;
1089
1355
  --dt-color-link-muted-inverted-hover-l: 50%;
@@ -1095,8 +1361,8 @@
1095
1361
  --dt-color-link-warning-inverted-hover-s: 100%;
1096
1362
  --dt-color-link-warning-inverted-hover-l: 50%;
1097
1363
  --dt-color-link-warning-inverted-hover-a: 100%;
1098
- --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-black-100-hsl);
1099
- --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-black-100-hsla);
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);
1100
1366
  --dt-color-link-warning-inverted-hover: #ff5c00;
1101
1367
  --dt-color-link-primary-inverted-hover-h: 22;
1102
1368
  --dt-color-link-primary-inverted-hover-s: 100%;
@@ -1105,27 +1371,20 @@
1105
1371
  --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-200-hsl);
1106
1372
  --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-200-hsla);
1107
1373
  --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;
1108
1381
  --dt-color-link-warning-hover-h: 22;
1109
1382
  --dt-color-link-warning-hover-s: 100%;
1110
1383
  --dt-color-link-warning-hover-l: 50%;
1111
1384
  --dt-color-link-warning-hover-a: 100%;
1112
- --dt-color-link-warning-hover-hsl: var(--dt-color-black-600-hsl);
1113
- --dt-color-link-warning-hover-hsla: var(--dt-color-black-600-hsla);
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);
1114
1387
  --dt-color-link-warning-hover: #ff5c00;
1115
- --dt-color-link-success-hover-h: 22;
1116
- --dt-color-link-success-hover-s: 100%;
1117
- --dt-color-link-success-hover-l: 50%;
1118
- --dt-color-link-success-hover-a: 100%;
1119
- --dt-color-link-success-hover-hsl: var(--dt-color-green-500-hsl);
1120
- --dt-color-link-success-hover-hsla: var(--dt-color-green-500-hsla);
1121
- --dt-color-link-success-hover: #ff5c00;
1122
- --dt-color-link-critical-hover-h: 22;
1123
- --dt-color-link-critical-hover-s: 100%;
1124
- --dt-color-link-critical-hover-l: 50%;
1125
- --dt-color-link-critical-hover-a: 100%;
1126
- --dt-color-link-critical-hover-hsl: var(--dt-color-red-400-hsl);
1127
- --dt-color-link-critical-hover-hsla: var(--dt-color-red-400-hsla);
1128
- --dt-color-link-critical-hover: #ff5c00;
1129
1388
  --dt-color-link-primary-hover-h: 22;
1130
1389
  --dt-color-link-primary-hover-s: 100%;
1131
1390
  --dt-color-link-primary-hover-l: 50%;
@@ -1133,13 +1392,6 @@
1133
1392
  --dt-color-link-primary-hover-hsl: var(--dt-color-purple-500-hsl);
1134
1393
  --dt-color-link-primary-hover-hsla: var(--dt-color-purple-500-hsla);
1135
1394
  --dt-color-link-primary-hover: #ff5c00;
1136
- --dt-color-link-primary-inverted-h: 22;
1137
- --dt-color-link-primary-inverted-s: 100%;
1138
- --dt-color-link-primary-inverted-l: 50%;
1139
- --dt-color-link-primary-inverted-a: 100%;
1140
- --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-300-hsl);
1141
- --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-300-hsla);
1142
- --dt-color-link-primary-inverted: #ff5c00;
1143
1395
  --dt-color-link-primary-h: 22;
1144
1396
  --dt-color-link-primary-s: 100%;
1145
1397
  --dt-color-link-primary-l: 50%;
@@ -1151,43 +1403,57 @@
1151
1403
  --dt-color-foreground-warning-inverted-s: 100%;
1152
1404
  --dt-color-foreground-warning-inverted-l: 50%;
1153
1405
  --dt-color-foreground-warning-inverted-a: 100%;
1154
- --dt-color-foreground-warning-inverted-hsl: var(--dt-color-gold-100-hsl);
1155
- --dt-color-foreground-warning-inverted-hsla: var(--dt-color-gold-100-hsla);
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);
1156
1408
  --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 */
1157
1416
  --dt-color-foreground-success-inverted-h: 22;
1158
1417
  --dt-color-foreground-success-inverted-s: 100%;
1159
1418
  --dt-color-foreground-success-inverted-l: 50%;
1160
1419
  --dt-color-foreground-success-inverted-a: 100%;
1161
- --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-200-hsl);
1162
- --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-200-hsla);
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);
1163
1422
  --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 */
1164
1430
  --dt-color-foreground-critical-inverted-h: 22;
1165
1431
  --dt-color-foreground-critical-inverted-s: 100%;
1166
1432
  --dt-color-foreground-critical-inverted-l: 50%;
1167
1433
  --dt-color-foreground-critical-inverted-a: 100%;
1168
- --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-200-hsl);
1169
- --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-200-hsla);
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);
1170
1436
  --dt-color-foreground-critical-inverted: #ff5c00; /* Critical text that sits on high-contrast surfaces or backgrounds */
1171
1437
  --dt-color-foreground-disabled-inverted-h: 22;
1172
1438
  --dt-color-foreground-disabled-inverted-s: 100%;
1173
1439
  --dt-color-foreground-disabled-inverted-l: 50%;
1174
1440
  --dt-color-foreground-disabled-inverted-a: 100%;
1175
- --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-black-500-hsl);
1176
- --dt-color-foreground-disabled-inverted-hsla: var(--dt-color-black-500-hsla);
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);
1177
1443
  --dt-color-foreground-disabled-inverted: #ff5c00; /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
1178
1444
  --dt-color-foreground-placeholder-inverted-h: 22;
1179
1445
  --dt-color-foreground-placeholder-inverted-s: 100%;
1180
1446
  --dt-color-foreground-placeholder-inverted-l: 50%;
1181
1447
  --dt-color-foreground-placeholder-inverted-a: 100%;
1182
- --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-black-500-hsl);
1183
- --dt-color-foreground-placeholder-inverted-hsla: var(--dt-color-black-500-hsla);
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);
1184
1450
  --dt-color-foreground-placeholder-inverted: #ff5c00; /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
1185
1451
  --dt-color-foreground-muted-inverted-h: 22;
1186
1452
  --dt-color-foreground-muted-inverted-s: 100%;
1187
1453
  --dt-color-foreground-muted-inverted-l: 50%;
1188
1454
  --dt-color-foreground-muted-inverted-a: 100%;
1189
1455
  --dt-color-foreground-muted-inverted-hsl: var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l);
1190
- --dt-color-foreground-muted-inverted-hsla: hsl(var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l) / var(--alpha, 60%));
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%));
1191
1457
  --dt-color-foreground-muted-inverted: #ff5c00; /* Muted text color that sits on high-contrast surfaces or backgrounds. */
1192
1458
  --dt-color-foreground-tertiary-inverted-h: 22;
1193
1459
  --dt-color-foreground-tertiary-inverted-s: 100%;
@@ -1207,43 +1473,43 @@
1207
1473
  --dt-color-foreground-primary-inverted-s: 100%;
1208
1474
  --dt-color-foreground-primary-inverted-l: 50%;
1209
1475
  --dt-color-foreground-primary-inverted-a: 100%;
1210
- --dt-color-foreground-primary-inverted-hsl: var(--dt-color-neutral-white-hsl);
1211
- --dt-color-foreground-primary-inverted-hsla: var(--dt-color-neutral-white-hsla);
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);
1212
1478
  --dt-color-foreground-primary-inverted: #ff5c00; /* Primary text that sits on high-contrast surfaces or backgrounds. */
1213
1479
  --dt-color-foreground-warning-h: 22;
1214
1480
  --dt-color-foreground-warning-s: 100%;
1215
1481
  --dt-color-foreground-warning-l: 50%;
1216
1482
  --dt-color-foreground-warning-a: 100%;
1217
- --dt-color-foreground-warning-hsl: var(--dt-color-gold-500-hsl);
1218
- --dt-color-foreground-warning-hsla: var(--dt-color-gold-500-hsla);
1483
+ --dt-color-foreground-warning-hsl: var(--dt-color-gold-600-hsl);
1484
+ --dt-color-foreground-warning-hsla: var(--dt-color-gold-600-hsla);
1219
1485
  --dt-color-foreground-warning: #ff5c00; /* Indicates information that requires user’s attention and further action may be necessary. */
1220
1486
  --dt-color-foreground-success-strong-h: 22;
1221
1487
  --dt-color-foreground-success-strong-s: 100%;
1222
1488
  --dt-color-foreground-success-strong-l: 50%;
1223
1489
  --dt-color-foreground-success-strong-a: 100%;
1224
- --dt-color-foreground-success-strong-hsl: var(--dt-color-green-500-hsl);
1225
- --dt-color-foreground-success-strong-hsla: var(--dt-color-green-500-hsla);
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);
1226
1492
  --dt-color-foreground-success-strong: #ff5c00; /* Indicates a strong positive state on surfaces that require a stronger contrast. */
1227
1493
  --dt-color-foreground-success-h: 22;
1228
1494
  --dt-color-foreground-success-s: 100%;
1229
1495
  --dt-color-foreground-success-l: 50%;
1230
1496
  --dt-color-foreground-success-a: 100%;
1231
- --dt-color-foreground-success-hsl: var(--dt-color-green-400-hsl);
1232
- --dt-color-foreground-success-hsla: var(--dt-color-green-400-hsla);
1497
+ --dt-color-foreground-success-hsl: var(--dt-color-green-500-hsl);
1498
+ --dt-color-foreground-success-hsla: var(--dt-color-green-500-hsla);
1233
1499
  --dt-color-foreground-success: #ff5c00; /* Indicates a positive state. */
1234
1500
  --dt-color-foreground-critical-strong-h: 22;
1235
1501
  --dt-color-foreground-critical-strong-s: 100%;
1236
1502
  --dt-color-foreground-critical-strong-l: 50%;
1237
1503
  --dt-color-foreground-critical-strong-a: 100%;
1238
- --dt-color-foreground-critical-strong-hsl: var(--dt-color-red-400-hsl);
1239
- --dt-color-foreground-critical-strong-hsla: var(--dt-color-red-400-hsla);
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);
1240
1506
  --dt-color-foreground-critical-strong: #ff5c00; /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
1241
1507
  --dt-color-foreground-critical-h: 22;
1242
1508
  --dt-color-foreground-critical-s: 100%;
1243
1509
  --dt-color-foreground-critical-l: 50%;
1244
1510
  --dt-color-foreground-critical-a: 100%;
1245
- --dt-color-foreground-critical-hsl: var(--dt-color-red-300-hsl);
1246
- --dt-color-foreground-critical-hsla: var(--dt-color-red-300-hsla);
1511
+ --dt-color-foreground-critical-hsl: var(--dt-color-red-400-hsl);
1512
+ --dt-color-foreground-critical-hsla: var(--dt-color-red-400-hsla);
1247
1513
  --dt-color-foreground-critical: #ff5c00; /* Expresses an error, danger, or otherwise critical state. */
1248
1514
  --dt-color-foreground-disabled-h: 22;
1249
1515
  --dt-color-foreground-disabled-s: 100%;
@@ -1288,6 +1554,20 @@
1288
1554
  --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1289
1555
  --dt-color-foreground-primary: #ff5c00; /* Default text color throughout the UI. */
1290
1556
  --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;
1291
1571
  --dt-radio-color-border-checked-h: 22;
1292
1572
  --dt-radio-color-border-checked-s: 100%;
1293
1573
  --dt-radio-color-border-checked-l: 50%;
@@ -1317,6 +1597,20 @@
1317
1597
  --dt-icon-size-300: calc(var(--dt-size-base) * 2.25);
1318
1598
  --dt-icon-size-200: calc(var(--dt-size-base) * 1.75);
1319
1599
  --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;
1320
1614
  --dt-checkbox-color-border-checked-h: 22;
1321
1615
  --dt-checkbox-color-border-checked-s: 100%;
1322
1616
  --dt-checkbox-color-border-checked-l: 50%;
@@ -1345,42 +1639,14 @@
1345
1639
  --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1346
1640
  --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1347
1641
  --dt-badge-color-border-default: #ff5c00;
1348
- --dt-badge-color-foreground-default-h: 22;
1349
- --dt-badge-color-foreground-default-s: 100%;
1350
- --dt-badge-color-foreground-default-l: 50%;
1351
- --dt-badge-color-foreground-default-a: 100%;
1352
- --dt-badge-color-foreground-default-hsl: var(--dt-color-foreground-primary-hsl);
1353
- --dt-badge-color-foreground-default-hsla: var(--dt-color-foreground-primary-hsla);
1354
- --dt-badge-color-foreground-default: #ff5c00;
1355
- --dt-badge-color-background-ai: #ff5c00;
1356
- --dt-badge-color-background-critical-h: 22;
1357
- --dt-badge-color-background-critical-s: 100%;
1358
- --dt-badge-color-background-critical-l: 50%;
1359
- --dt-badge-color-background-critical-a: 100%;
1360
- --dt-badge-color-background-critical-hsl: var(--dt-color-surface-critical-hsl);
1361
- --dt-badge-color-background-critical-hsla: var(--dt-color-surface-critical-hsla);
1362
- --dt-badge-color-background-critical: #ff5c00;
1363
- --dt-badge-color-background-warning-h: 22;
1364
- --dt-badge-color-background-warning-s: 100%;
1365
- --dt-badge-color-background-warning-l: 50%;
1366
- --dt-badge-color-background-warning-a: 100%;
1367
- --dt-badge-color-background-warning-hsl: var(--dt-color-surface-warning-hsl);
1368
- --dt-badge-color-background-warning-hsla: var(--dt-color-surface-warning-hsla);
1369
- --dt-badge-color-background-warning: #ff5c00;
1370
- --dt-badge-color-background-success-h: 22;
1371
- --dt-badge-color-background-success-s: 100%;
1372
- --dt-badge-color-background-success-l: 50%;
1373
- --dt-badge-color-background-success-a: 100%;
1374
- --dt-badge-color-background-success-hsl: var(--dt-color-surface-success-hsl);
1375
- --dt-badge-color-background-success-hsla: var(--dt-color-surface-success-hsla);
1376
- --dt-badge-color-background-success: #ff5c00;
1377
- --dt-badge-color-background-info-h: 22;
1378
- --dt-badge-color-background-info-s: 100%;
1379
- --dt-badge-color-background-info-l: 50%;
1380
- --dt-badge-color-background-info-a: 100%;
1381
- --dt-badge-color-background-info-hsl: var(--dt-color-surface-info-hsl);
1382
- --dt-badge-color-background-info-hsla: var(--dt-color-surface-info-hsla);
1383
- --dt-badge-color-background-info: #ff5c00;
1642
+ --dt-badge-color-background-ai: #ff5c00;
1643
+ --dt-badge-color-background-bulletin-h: 22;
1644
+ --dt-badge-color-background-bulletin-s: 100%;
1645
+ --dt-badge-color-background-bulletin-l: 50%;
1646
+ --dt-badge-color-background-bulletin-a: 100%;
1647
+ --dt-badge-color-background-bulletin-hsl: var(--dt-color-surface-brand-strong-hsl);
1648
+ --dt-badge-color-background-bulletin-hsla: var(--dt-color-surface-brand-strong-hsla);
1649
+ --dt-badge-color-background-bulletin: #ff5c00;
1384
1650
  --dt-badge-color-background-default-h: 22;
1385
1651
  --dt-badge-color-background-default-s: 100%;
1386
1652
  --dt-badge-color-background-default-l: 50%;
@@ -1388,6 +1654,13 @@
1388
1654
  --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1389
1655
  --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1390
1656
  --dt-badge-color-background-default: #ff5c00;
1657
+ --dt-theme-mention-color-background-h: 22;
1658
+ --dt-theme-mention-color-background-s: 100%;
1659
+ --dt-theme-mention-color-background-l: 50%;
1660
+ --dt-theme-mention-color-background-a: 100%;
1661
+ --dt-theme-mention-color-background-hsl: var(--dt-color-surface-brand-strong-hsl);
1662
+ --dt-theme-mention-color-background-hsla: var(--dt-color-surface-brand-strong-hsla);
1663
+ --dt-theme-mention-color-background: #ff5c00;
1391
1664
  --dt-theme-mention-color-foreground-strong-h: 22;
1392
1665
  --dt-theme-mention-color-foreground-strong-s: 100%;
1393
1666
  --dt-theme-mention-color-foreground-strong-l: 50%;
@@ -1407,7 +1680,7 @@
1407
1680
  --dt-theme-sidebar-selected-row-color-background-l: 50%;
1408
1681
  --dt-theme-sidebar-selected-row-color-background-a: 100%;
1409
1682
  --dt-theme-sidebar-selected-row-color-background-hsl: var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l);
1410
- --dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 10%));
1683
+ --dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 9%));
1411
1684
  --dt-theme-sidebar-selected-row-color-background: #ff5c00;
1412
1685
  --dt-theme-sidebar-selected-row-color-foreground-h: 22;
1413
1686
  --dt-theme-sidebar-selected-row-color-foreground-s: 100%;
@@ -1421,14 +1694,14 @@
1421
1694
  --dt-theme-sidebar-row-color-background-active-l: 50%;
1422
1695
  --dt-theme-sidebar-row-color-background-active-a: 100%;
1423
1696
  --dt-theme-sidebar-row-color-background-active-hsl: var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l);
1424
- --dt-theme-sidebar-row-color-background-active-hsla: hsl(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 16%));
1697
+ --dt-theme-sidebar-row-color-background-active-hsla: hsl(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 15%));
1425
1698
  --dt-theme-sidebar-row-color-background-active: #ff5c00;
1426
1699
  --dt-theme-sidebar-row-color-background-hover-h: 22;
1427
1700
  --dt-theme-sidebar-row-color-background-hover-s: 100%;
1428
1701
  --dt-theme-sidebar-row-color-background-hover-l: 50%;
1429
1702
  --dt-theme-sidebar-row-color-background-hover-a: 100%;
1430
1703
  --dt-theme-sidebar-row-color-background-hover-hsl: var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l);
1431
- --dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 12%));
1704
+ --dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 11%));
1432
1705
  --dt-theme-sidebar-row-color-background-hover: #ff5c00;
1433
1706
  --dt-theme-sidebar-row-color-background-h: 22;
1434
1707
  --dt-theme-sidebar-row-color-background-s: 100%;
@@ -1589,7 +1862,7 @@
1589
1862
  --dt-theme-topbar-color-foreground-l: 50%;
1590
1863
  --dt-theme-topbar-color-foreground-a: 100%;
1591
1864
  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
1592
- --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
1865
+ --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 80%));
1593
1866
  --dt-theme-topbar-color-foreground: #ff5c00;
1594
1867
  --dt-action-color-border-muted-outlined-default-h: 22;
1595
1868
  --dt-action-color-border-muted-outlined-default-s: 100%;
@@ -1612,6 +1885,13 @@
1612
1885
  --dt-action-color-border-critical-outlined-default-hsl: var(--dt-color-border-critical-hsl);
1613
1886
  --dt-action-color-border-critical-outlined-default-hsla: var(--dt-color-border-critical-hsla);
1614
1887
  --dt-action-color-border-critical-outlined-default: #ff5c00;
1888
+ --dt-action-color-border-base-outlined-default-h: 22;
1889
+ --dt-action-color-border-base-outlined-default-s: 100%;
1890
+ --dt-action-color-border-base-outlined-default-l: 50%;
1891
+ --dt-action-color-border-base-outlined-default-a: 100%;
1892
+ --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-border-brand-hsl);
1893
+ --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-border-brand-hsla);
1894
+ --dt-action-color-border-base-outlined-default: #ff5c00;
1615
1895
  --dt-action-color-background-positive-primary-active-h: 22;
1616
1896
  --dt-action-color-background-positive-primary-active-s: 100%;
1617
1897
  --dt-action-color-background-positive-primary-active-l: 50%;
@@ -1619,76 +1899,48 @@
1619
1899
  --dt-action-color-background-positive-primary-active-hsl: var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l);
1620
1900
  --dt-action-color-background-positive-primary-active-hsla: hsl(var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l) / var(--alpha, 100%));
1621
1901
  --dt-action-color-background-positive-primary-active: #ff5c00;
1622
- --dt-action-color-background-positive-primary-hover-h: 22;
1623
- --dt-action-color-background-positive-primary-hover-s: 100%;
1624
- --dt-action-color-background-positive-primary-hover-l: 50%;
1625
- --dt-action-color-background-positive-primary-hover-a: 100%;
1626
- --dt-action-color-background-positive-primary-hover-hsl: var(--dt-action-color-background-positive-primary-hover-h) var(--dt-action-color-background-positive-primary-hover-s) var(--dt-action-color-background-positive-primary-hover-l);
1627
- --dt-action-color-background-positive-primary-hover-hsla: hsl(var(--dt-action-color-background-positive-primary-hover-h) var(--dt-action-color-background-positive-primary-hover-s) var(--dt-action-color-background-positive-primary-hover-l) / var(--alpha, 100%));
1628
- --dt-action-color-background-positive-primary-hover: #ff5c00;
1629
- --dt-action-color-background-inverted-primary-active-h: 22;
1630
- --dt-action-color-background-inverted-primary-active-s: 100%;
1631
- --dt-action-color-background-inverted-primary-active-l: 50%;
1632
- --dt-action-color-background-inverted-primary-active-a: 100%;
1633
- --dt-action-color-background-inverted-primary-active-hsl: var(--dt-action-color-background-inverted-primary-active-h) var(--dt-action-color-background-inverted-primary-active-s) var(--dt-action-color-background-inverted-primary-active-l);
1634
- --dt-action-color-background-inverted-primary-active-hsla: hsl(var(--dt-action-color-background-inverted-primary-active-h) var(--dt-action-color-background-inverted-primary-active-s) var(--dt-action-color-background-inverted-primary-active-l) / var(--alpha, 100%));
1635
- --dt-action-color-background-inverted-primary-active: #ff5c00;
1636
- --dt-action-color-background-inverted-primary-default-h: 22;
1637
- --dt-action-color-background-inverted-primary-default-s: 100%;
1638
- --dt-action-color-background-inverted-primary-default-l: 50%;
1639
- --dt-action-color-background-inverted-primary-default-a: 100%;
1640
- --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-surface-primary-hsl);
1641
- --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-surface-primary-hsla);
1642
- --dt-action-color-background-inverted-primary-default: #ff5c00;
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;
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;
1692
1944
  --dt-action-color-foreground-disabled-default-h: 22;
1693
1945
  --dt-action-color-foreground-disabled-default-s: 100%;
1694
1946
  --dt-action-color-foreground-disabled-default-l: 50%;
@@ -1696,20 +1948,20 @@
1696
1948
  --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
1697
1949
  --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
1698
1950
  --dt-action-color-foreground-disabled-default: #ff5c00;
1699
- --dt-action-color-foreground-muted-default-h: 22;
1700
- --dt-action-color-foreground-muted-default-s: 100%;
1701
- --dt-action-color-foreground-muted-default-l: 50%;
1702
- --dt-action-color-foreground-muted-default-a: 100%;
1703
- --dt-action-color-foreground-muted-default-hsl: var(--dt-color-foreground-secondary-hsl);
1704
- --dt-action-color-foreground-muted-default-hsla: var(--dt-color-foreground-secondary-hsla);
1705
- --dt-action-color-foreground-muted-default: #ff5c00;
1706
- --dt-action-color-foreground-inverted-primary-active-h: 22;
1707
- --dt-action-color-foreground-inverted-primary-active-s: 100%;
1708
- --dt-action-color-foreground-inverted-primary-active-l: 50%;
1709
- --dt-action-color-foreground-inverted-primary-active-a: 100%;
1710
- --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
1711
- --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
1712
- --dt-action-color-foreground-inverted-primary-active: #ff5c00;
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;
1713
1965
  --dt-action-color-foreground-inverted-default-h: 22;
1714
1966
  --dt-action-color-foreground-inverted-default-s: 100%;
1715
1967
  --dt-action-color-foreground-inverted-default-l: 50%;
@@ -1717,20 +1969,34 @@
1717
1969
  --dt-action-color-foreground-inverted-default-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1718
1970
  --dt-action-color-foreground-inverted-default-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1719
1971
  --dt-action-color-foreground-inverted-default: #ff5c00;
1720
- --dt-action-color-foreground-critical-default-h: 22;
1721
- --dt-action-color-foreground-critical-default-s: 100%;
1722
- --dt-action-color-foreground-critical-default-l: 50%;
1723
- --dt-action-color-foreground-critical-default-a: 100%;
1724
- --dt-action-color-foreground-critical-default-hsl: var(--dt-color-foreground-critical-hsl);
1725
- --dt-action-color-foreground-critical-default-hsla: var(--dt-color-foreground-critical-hsla);
1726
- --dt-action-color-foreground-critical-default: #ff5c00;
1727
1972
  --dt-action-color-foreground-base-hover-h: 22;
1728
1973
  --dt-action-color-foreground-base-hover-s: 100%;
1729
1974
  --dt-action-color-foreground-base-hover-l: 50%;
1730
1975
  --dt-action-color-foreground-base-hover-a: 100%;
1731
- --dt-action-color-foreground-base-hover-hsl: var(--dt-action-color-foreground-base-hover-h) var(--dt-action-color-foreground-base-hover-s) var(--dt-action-color-foreground-base-hover-l);
1732
- --dt-action-color-foreground-base-hover-hsla: hsl(var(--dt-action-color-foreground-base-hover-h) var(--dt-action-color-foreground-base-hover-s) var(--dt-action-color-foreground-base-hover-l) / var(--alpha, 100%));
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);
1733
1978
  --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;
1734
2000
  --dt-inputs-color-border-warning-h: 22;
1735
2001
  --dt-inputs-color-border-warning-s: 100%;
1736
2002
  --dt-inputs-color-border-warning-l: 50%;
@@ -1844,13 +2110,27 @@
1844
2110
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
1845
2111
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
1846
2112
  --dt-color-border-ai: #ff5c00;
1847
- --dt-color-link-muted-hover-h: 22;
1848
- --dt-color-link-muted-hover-s: 100%;
1849
- --dt-color-link-muted-hover-l: 50%;
1850
- --dt-color-link-muted-hover-a: 100%;
1851
- --dt-color-link-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
1852
- --dt-color-link-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
1853
- --dt-color-link-muted-hover: #ff5c00;
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;
1854
2134
  --dt-color-link-disabled-inverted-h: 22;
1855
2135
  --dt-color-link-disabled-inverted-s: 100%;
1856
2136
  --dt-color-link-disabled-inverted-l: 50%;
@@ -1872,6 +2152,13 @@
1872
2152
  --dt-color-link-warning-inverted-hsl: var(--dt-color-foreground-warning-inverted-hsl);
1873
2153
  --dt-color-link-warning-inverted-hsla: var(--dt-color-foreground-warning-inverted-hsla);
1874
2154
  --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;
1875
2162
  --dt-color-link-success-inverted-h: 22;
1876
2163
  --dt-color-link-success-inverted-s: 100%;
1877
2164
  --dt-color-link-success-inverted-l: 50%;
@@ -1879,6 +2166,13 @@
1879
2166
  --dt-color-link-success-inverted-hsl: var(--dt-color-foreground-success-inverted-hsl);
1880
2167
  --dt-color-link-success-inverted-hsla: var(--dt-color-foreground-success-inverted-hsla);
1881
2168
  --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;
1882
2176
  --dt-color-link-critical-inverted-h: 22;
1883
2177
  --dt-color-link-critical-inverted-s: 100%;
1884
2178
  --dt-color-link-critical-inverted-l: 50%;
@@ -1893,6 +2187,13 @@
1893
2187
  --dt-color-link-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
1894
2188
  --dt-color-link-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
1895
2189
  --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;
1896
2197
  --dt-color-link-muted-h: 22;
1897
2198
  --dt-color-link-muted-s: 100%;
1898
2199
  --dt-color-link-muted-l: 50%;
@@ -1907,6 +2208,13 @@
1907
2208
  --dt-color-link-warning-hsl: var(--dt-color-foreground-warning-hsl);
1908
2209
  --dt-color-link-warning-hsla: var(--dt-color-foreground-warning-hsla);
1909
2210
  --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;
1910
2218
  --dt-color-link-success-h: 22;
1911
2219
  --dt-color-link-success-s: 100%;
1912
2220
  --dt-color-link-success-l: 50%;
@@ -1914,6 +2222,13 @@
1914
2222
  --dt-color-link-success-hsl: var(--dt-color-foreground-success-hsl);
1915
2223
  --dt-color-link-success-hsla: var(--dt-color-foreground-success-hsla);
1916
2224
  --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;
1917
2232
  --dt-color-link-critical-h: 22;
1918
2233
  --dt-color-link-critical-s: 100%;
1919
2234
  --dt-color-link-critical-l: 50%;
@@ -1921,20 +2236,6 @@
1921
2236
  --dt-color-link-critical-hsl: var(--dt-color-foreground-critical-hsl);
1922
2237
  --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
1923
2238
  --dt-color-link-critical: #ff5c00;
1924
- --dt-color-foreground-success-strong-inverted-h: 22;
1925
- --dt-color-foreground-success-strong-inverted-s: 100%;
1926
- --dt-color-foreground-success-strong-inverted-l: 50%;
1927
- --dt-color-foreground-success-strong-inverted-a: 100%;
1928
- --dt-color-foreground-success-strong-inverted-hsl: var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l);
1929
- --dt-color-foreground-success-strong-inverted-hsla: hsl(var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l) / var(--alpha, 100%));
1930
- --dt-color-foreground-success-strong-inverted: #ff5c00; /* Success strong text that sits on high-contrast surfaces or backgrounds */
1931
- --dt-color-foreground-critical-strong-inverted-h: 22;
1932
- --dt-color-foreground-critical-strong-inverted-s: 100%;
1933
- --dt-color-foreground-critical-strong-inverted-l: 50%;
1934
- --dt-color-foreground-critical-strong-inverted-a: 100%;
1935
- --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l);
1936
- --dt-color-foreground-critical-strong-inverted-hsla: hsl(var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l) / var(--alpha, 100%));
1937
- --dt-color-foreground-critical-strong-inverted: #ff5c00; /* Critical strong text that sits on high-contrast surfaces or backgrounds */
1938
2239
  --dt-icon-size-border-500: var(--dt-icon-size-border-400);
1939
2240
  --dt-theme-sidebar-icon-color-foreground-h: 22;
1940
2241
  --dt-theme-sidebar-icon-color-foreground-s: 100%;
@@ -1957,20 +2258,69 @@
1957
2258
  --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
1958
2259
  --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
1959
2260
  --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;
1960
2289
  --dt-action-color-foreground-positive-hover-h: 22;
1961
2290
  --dt-action-color-foreground-positive-hover-s: 100%;
1962
2291
  --dt-action-color-foreground-positive-hover-l: 50%;
1963
2292
  --dt-action-color-foreground-positive-hover-a: 100%;
1964
- --dt-action-color-foreground-positive-hover-hsl: var(--dt-action-color-foreground-positive-hover-h) var(--dt-action-color-foreground-positive-hover-s) var(--dt-action-color-foreground-positive-hover-l);
1965
- --dt-action-color-foreground-positive-hover-hsla: hsl(var(--dt-action-color-foreground-positive-hover-h) var(--dt-action-color-foreground-positive-hover-s) var(--dt-action-color-foreground-positive-hover-l) / var(--alpha, 100%));
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);
1966
2295
  --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;
1967
2303
  --dt-action-color-foreground-muted-hover-h: 22;
1968
2304
  --dt-action-color-foreground-muted-hover-s: 100%;
1969
2305
  --dt-action-color-foreground-muted-hover-l: 50%;
1970
2306
  --dt-action-color-foreground-muted-hover-a: 100%;
1971
- --dt-action-color-foreground-muted-hover-hsl: var(--dt-action-color-foreground-muted-default-hsl);
1972
- --dt-action-color-foreground-muted-hover-hsla: var(--dt-action-color-foreground-muted-default-hsla);
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);
1973
2309
  --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;
1974
2324
  --dt-action-color-foreground-inverted-hover-h: 22;
1975
2325
  --dt-action-color-foreground-inverted-hover-s: 100%;
1976
2326
  --dt-action-color-foreground-inverted-hover-l: 50%;
@@ -1982,9 +2332,16 @@
1982
2332
  --dt-action-color-foreground-critical-hover-s: 100%;
1983
2333
  --dt-action-color-foreground-critical-hover-l: 50%;
1984
2334
  --dt-action-color-foreground-critical-hover-a: 100%;
1985
- --dt-action-color-foreground-critical-hover-hsl: var(--dt-action-color-foreground-critical-hover-h) var(--dt-action-color-foreground-critical-hover-s) var(--dt-action-color-foreground-critical-hover-l);
1986
- --dt-action-color-foreground-critical-hover-hsla: hsl(var(--dt-action-color-foreground-critical-hover-h) var(--dt-action-color-foreground-critical-hover-s) var(--dt-action-color-foreground-critical-hover-l) / var(--alpha, 100%));
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);
1987
2337
  --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;
1988
2345
  --dt-action-color-foreground-base-active-h: 22;
1989
2346
  --dt-action-color-foreground-base-active-s: 100%;
1990
2347
  --dt-action-color-foreground-base-active-l: 50%;
@@ -2043,27 +2400,6 @@
2043
2400
  --dt-typography-helper-sm: var(--dt-typography-helper-sm-font-weight) var(--dt-typography-helper-sm-font-size)/var(--dt-typography-helper-sm-line-height) var(--dt-typography-helper-sm-font-family);
2044
2401
  --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
2045
2402
  --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family); /* Text style for extra small inputs (e.g. input and textarea) */
2046
- --dt-color-link-disabled-inverted-hover-h: 22;
2047
- --dt-color-link-disabled-inverted-hover-s: 100%;
2048
- --dt-color-link-disabled-inverted-hover-l: 50%;
2049
- --dt-color-link-disabled-inverted-hover-a: 100%;
2050
- --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-link-disabled-hsl);
2051
- --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-link-disabled-hsla);
2052
- --dt-color-link-disabled-inverted-hover: #ff5c00;
2053
- --dt-color-link-success-inverted-hover-h: 22;
2054
- --dt-color-link-success-inverted-hover-s: 100%;
2055
- --dt-color-link-success-inverted-hover-l: 50%;
2056
- --dt-color-link-success-inverted-hover-a: 100%;
2057
- --dt-color-link-success-inverted-hover-hsl: var(--dt-color-foreground-success-strong-inverted-hsl);
2058
- --dt-color-link-success-inverted-hover-hsla: var(--dt-color-foreground-success-strong-inverted-hsla);
2059
- --dt-color-link-success-inverted-hover: #ff5c00;
2060
- --dt-color-link-critical-inverted-hover-h: 22;
2061
- --dt-color-link-critical-inverted-hover-s: 100%;
2062
- --dt-color-link-critical-inverted-hover-l: 50%;
2063
- --dt-color-link-critical-inverted-hover-a: 100%;
2064
- --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-foreground-critical-strong-inverted-hsl);
2065
- --dt-color-link-critical-inverted-hover-hsla: var(--dt-color-foreground-critical-strong-inverted-hsla);
2066
- --dt-color-link-critical-inverted-hover: #ff5c00;
2067
2403
  --dt-color-link-disabled-hover-h: 22;
2068
2404
  --dt-color-link-disabled-hover-s: 100%;
2069
2405
  --dt-color-link-disabled-hover-l: 50%;