@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/css/tokens/tokens-deca-light.css CHANGED
@@ -138,8 +138,36 @@
138
138
  --dt-avatar-color-background-100-hsl: var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l);
139
139
  --dt-avatar-color-background-100-hsla: hsl(var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l) / var(--alpha, 100%));
140
140
  --dt-avatar-color-background-100: #1aa340;
141
+ --dt-theme-color-base-h: 0;
142
+ --dt-theme-color-base-s: 100%;
143
+ --dt-theme-color-base-l: 50%;
144
+ --dt-theme-color-base-a: 100%;
145
+ --dt-theme-color-base-hsl: var(--dt-theme-color-base-h) var(--dt-theme-color-base-s) var(--dt-theme-color-base-l);
146
+ --dt-theme-color-base-hsla: hsl(var(--dt-theme-color-base-h) var(--dt-theme-color-base-s) var(--dt-theme-color-base-l) / var(--alpha, 100%));
147
+ --dt-theme-color-base: #ff0000;
148
+ --dt-color-foreground-primary-h: 0;
149
+ --dt-color-foreground-primary-s: 100%;
150
+ --dt-color-foreground-primary-l: 50%;
151
+ --dt-color-foreground-primary-a: 100%;
152
+ --dt-color-foreground-primary-hsl: var(--dt-color-foreground-primary-h) var(--dt-color-foreground-primary-s) var(--dt-color-foreground-primary-l);
153
+ --dt-color-foreground-primary-hsla: hsl(var(--dt-color-foreground-primary-h) var(--dt-color-foreground-primary-s) var(--dt-color-foreground-primary-l) / var(--alpha, 100%));
154
+ --dt-color-foreground-primary: #ff0000;
155
+ --dt-radio-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
156
+ --dt-radio-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
157
+ --dt-radio-color-foreground-default-l: var(--dt-color-neutral-transparent-l);
158
+ --dt-radio-color-foreground-default-a: var(--dt-color-neutral-transparent-a);
159
+ --dt-radio-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
160
+ --dt-radio-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
161
+ --dt-radio-color-foreground-default: var(--dt-color-neutral-transparent);
141
162
  --dt-radio-size-width: var(--dt-size-500);
142
163
  --dt-icon-size-border-100: var(--dt-size-border-100);
164
+ --dt-checkbox-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
165
+ --dt-checkbox-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
166
+ --dt-checkbox-color-foreground-default-l: var(--dt-color-neutral-transparent-l);
167
+ --dt-checkbox-color-foreground-default-a: var(--dt-color-neutral-transparent-a);
168
+ --dt-checkbox-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
169
+ --dt-checkbox-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
170
+ --dt-checkbox-color-foreground-default: var(--dt-color-neutral-transparent);
143
171
  --dt-checkbox-size-width: var(--dt-size-500);
144
172
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
145
173
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -153,30 +181,44 @@
153
181
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
154
182
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
155
183
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
156
- --dt-button-font-weight-md: var(--dt-font-weight-semi-bold);
157
- --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold);
158
- --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold);
159
- --dt-badge-color-border-bulletin-subtle-h: 255;
184
+ --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
185
+ --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
186
+ --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
187
+ --dt-badge-color-border-bulletin-subtle-h: 0;
160
188
  --dt-badge-color-border-bulletin-subtle-s: 100%;
161
- --dt-badge-color-border-bulletin-subtle-l: 66.1%;
189
+ --dt-badge-color-border-bulletin-subtle-l: 50%;
162
190
  --dt-badge-color-border-bulletin-subtle-a: 50%;
163
191
  --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);
164
192
  --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%));
165
- --dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
166
- --dt-badge-color-foreground-bulletin-subtle-h: var(--dt-color-purple-500-h);
167
- --dt-badge-color-foreground-bulletin-subtle-s: var(--dt-color-purple-500-s);
168
- --dt-badge-color-foreground-bulletin-subtle-l: var(--dt-color-purple-500-l);
169
- --dt-badge-color-foreground-bulletin-subtle-a: var(--dt-color-purple-500-a);
170
- --dt-badge-color-foreground-bulletin-subtle-hsl: var(--dt-color-purple-500-hsl);
171
- --dt-badge-color-foreground-bulletin-subtle-hsla: var(--dt-color-purple-500-hsla);
172
- --dt-badge-color-foreground-bulletin-subtle: var(--dt-color-purple-500);
173
- --dt-badge-color-foreground-bulletin-h: var(--dt-color-neutral-white-h);
174
- --dt-badge-color-foreground-bulletin-s: var(--dt-color-neutral-white-s);
175
- --dt-badge-color-foreground-bulletin-l: var(--dt-color-neutral-white-l);
176
- --dt-badge-color-foreground-bulletin-a: var(--dt-color-neutral-white-a);
177
- --dt-badge-color-foreground-bulletin-hsl: var(--dt-color-neutral-white-hsl);
178
- --dt-badge-color-foreground-bulletin-hsla: var(--dt-color-neutral-white-hsla);
179
- --dt-badge-color-foreground-bulletin: var(--dt-color-neutral-white);
193
+ --dt-badge-color-border-bulletin-subtle: hsl(0 100% 50% / 0.5);
194
+ --dt-badge-color-foreground-ai-h: var(--dt-color-neutral-white-h);
195
+ --dt-badge-color-foreground-ai-s: var(--dt-color-neutral-white-s);
196
+ --dt-badge-color-foreground-ai-l: var(--dt-color-neutral-white-l);
197
+ --dt-badge-color-foreground-ai-a: var(--dt-color-neutral-white-a);
198
+ --dt-badge-color-foreground-ai-hsl: var(--dt-color-neutral-white-hsl);
199
+ --dt-badge-color-foreground-ai-hsla: var(--dt-color-neutral-white-hsla);
200
+ --dt-badge-color-foreground-ai: var(--dt-color-neutral-white);
201
+ --dt-badge-color-foreground-bulletin-subtle-h: var(--dt-color-purple-550-h);
202
+ --dt-badge-color-foreground-bulletin-subtle-s: var(--dt-color-purple-550-s);
203
+ --dt-badge-color-foreground-bulletin-subtle-l: var(--dt-color-purple-550-l);
204
+ --dt-badge-color-foreground-bulletin-subtle-a: var(--dt-color-purple-550-a);
205
+ --dt-badge-color-foreground-bulletin-subtle-hsl: var(--dt-color-purple-550-hsl);
206
+ --dt-badge-color-foreground-bulletin-subtle-hsla: var(--dt-color-purple-550-hsla);
207
+ --dt-badge-color-foreground-bulletin-subtle: var(--dt-color-purple-550);
208
+ --dt-badge-color-foreground-bulletin-h: var(--dt-color-black-50-h);
209
+ --dt-badge-color-foreground-bulletin-s: var(--dt-color-black-50-s);
210
+ --dt-badge-color-foreground-bulletin-l: var(--dt-color-black-50-l);
211
+ --dt-badge-color-foreground-bulletin-a: var(--dt-color-black-50-a);
212
+ --dt-badge-color-foreground-bulletin-hsl: var(--dt-color-black-50-hsl);
213
+ --dt-badge-color-foreground-bulletin-hsla: var(--dt-color-black-50-hsla);
214
+ --dt-badge-color-foreground-bulletin: var(--dt-color-black-50);
215
+ --dt-badge-color-foreground-default-h: var(--dt-color-black-1000-h);
216
+ --dt-badge-color-foreground-default-s: var(--dt-color-black-1000-s);
217
+ --dt-badge-color-foreground-default-l: var(--dt-color-black-1000-l);
218
+ --dt-badge-color-foreground-default-a: var(--dt-color-black-1000-a);
219
+ --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
220
+ --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
221
+ --dt-badge-color-foreground-default: var(--dt-color-black-1000);
180
222
  --dt-badge-color-background-bulletin-subtle-h: var(--dt-color-purple-200-h);
181
223
  --dt-badge-color-background-bulletin-subtle-s: var(--dt-color-purple-200-s);
182
224
  --dt-badge-color-background-bulletin-subtle-l: var(--dt-color-purple-200-l);
@@ -184,41 +226,34 @@
184
226
  --dt-badge-color-background-bulletin-subtle-hsl: var(--dt-color-purple-200-hsl);
185
227
  --dt-badge-color-background-bulletin-subtle-hsla: var(--dt-color-purple-200-hsla);
186
228
  --dt-badge-color-background-bulletin-subtle: var(--dt-color-purple-200);
187
- --dt-badge-color-background-bulletin-h: var(--dt-color-brand-purple-h);
188
- --dt-badge-color-background-bulletin-s: var(--dt-color-brand-purple-s);
189
- --dt-badge-color-background-bulletin-l: var(--dt-color-brand-purple-l);
190
- --dt-badge-color-background-bulletin-a: var(--dt-color-brand-purple-a);
191
- --dt-badge-color-background-bulletin-hsl: var(--dt-color-brand-purple-hsl);
192
- --dt-badge-color-background-bulletin-hsla: var(--dt-color-brand-purple-hsla);
193
- --dt-badge-color-background-bulletin: var(--dt-color-brand-purple);
194
- --dt-badge-color-background-critical-h: var(--dt-color-red-150-h);
195
- --dt-badge-color-background-critical-s: var(--dt-color-red-150-s);
196
- --dt-badge-color-background-critical-l: var(--dt-color-red-150-l);
197
- --dt-badge-color-background-critical-a: var(--dt-color-red-150-a);
198
- --dt-badge-color-background-critical-hsl: var(--dt-color-red-150-hsl);
199
- --dt-badge-color-background-critical-hsla: var(--dt-color-red-150-hsla);
200
- --dt-badge-color-background-critical: var(--dt-color-red-150);
201
- --dt-badge-color-background-warning-h: var(--dt-color-gold-150-h);
202
- --dt-badge-color-background-warning-s: var(--dt-color-gold-150-s);
203
- --dt-badge-color-background-warning-l: var(--dt-color-gold-150-l);
204
- --dt-badge-color-background-warning-a: var(--dt-color-gold-150-a);
205
- --dt-badge-color-background-warning-hsl: var(--dt-color-gold-150-hsl);
206
- --dt-badge-color-background-warning-hsla: var(--dt-color-gold-150-hsla);
207
- --dt-badge-color-background-warning: var(--dt-color-gold-150);
208
- --dt-badge-color-background-success-h: var(--dt-color-green-150-h);
209
- --dt-badge-color-background-success-s: var(--dt-color-green-150-s);
210
- --dt-badge-color-background-success-l: var(--dt-color-green-150-l);
211
- --dt-badge-color-background-success-a: var(--dt-color-green-150-a);
212
- --dt-badge-color-background-success-hsl: var(--dt-color-green-150-hsl);
213
- --dt-badge-color-background-success-hsla: var(--dt-color-green-150-hsla);
214
- --dt-badge-color-background-success: var(--dt-color-green-150);
215
- --dt-badge-color-background-info-h: var(--dt-color-blue-125-h);
216
- --dt-badge-color-background-info-s: var(--dt-color-blue-125-s);
217
- --dt-badge-color-background-info-l: var(--dt-color-blue-125-l);
218
- --dt-badge-color-background-info-a: var(--dt-color-blue-125-a);
219
- --dt-badge-color-background-info-hsl: var(--dt-color-blue-125-hsl);
220
- --dt-badge-color-background-info-hsla: var(--dt-color-blue-125-hsla);
221
- --dt-badge-color-background-info: var(--dt-color-blue-125);
229
+ --dt-badge-color-background-critical-h: var(--dt-color-red-200-h);
230
+ --dt-badge-color-background-critical-s: var(--dt-color-red-200-s);
231
+ --dt-badge-color-background-critical-l: var(--dt-color-red-200-l);
232
+ --dt-badge-color-background-critical-a: var(--dt-color-red-200-a);
233
+ --dt-badge-color-background-critical-hsl: var(--dt-color-red-200-hsl);
234
+ --dt-badge-color-background-critical-hsla: var(--dt-color-red-200-hsla);
235
+ --dt-badge-color-background-critical: var(--dt-color-red-200);
236
+ --dt-badge-color-background-warning-h: var(--dt-color-gold-200-h);
237
+ --dt-badge-color-background-warning-s: var(--dt-color-gold-200-s);
238
+ --dt-badge-color-background-warning-l: var(--dt-color-gold-200-l);
239
+ --dt-badge-color-background-warning-a: var(--dt-color-gold-200-a);
240
+ --dt-badge-color-background-warning-hsl: var(--dt-color-gold-200-hsl);
241
+ --dt-badge-color-background-warning-hsla: var(--dt-color-gold-200-hsla);
242
+ --dt-badge-color-background-warning: var(--dt-color-gold-200);
243
+ --dt-badge-color-background-success-h: var(--dt-color-green-200-h);
244
+ --dt-badge-color-background-success-s: var(--dt-color-green-200-s);
245
+ --dt-badge-color-background-success-l: var(--dt-color-green-200-l);
246
+ --dt-badge-color-background-success-a: var(--dt-color-green-200-a);
247
+ --dt-badge-color-background-success-hsl: var(--dt-color-green-200-hsl);
248
+ --dt-badge-color-background-success-hsla: var(--dt-color-green-200-hsla);
249
+ --dt-badge-color-background-success: var(--dt-color-green-200);
250
+ --dt-badge-color-background-info-h: var(--dt-color-blue-200-h);
251
+ --dt-badge-color-background-info-s: var(--dt-color-blue-200-s);
252
+ --dt-badge-color-background-info-l: var(--dt-color-blue-200-l);
253
+ --dt-badge-color-background-info-a: var(--dt-color-blue-200-a);
254
+ --dt-badge-color-background-info-hsl: var(--dt-color-blue-200-hsl);
255
+ --dt-badge-color-background-info-hsla: var(--dt-color-blue-200-hsla);
256
+ --dt-badge-color-background-info: var(--dt-color-blue-200);
222
257
  --dt-avatar-color-foreground-h: var(--dt-color-neutral-black-h);
223
258
  --dt-avatar-color-foreground-s: var(--dt-color-neutral-black-s);
224
259
  --dt-avatar-color-foreground-l: var(--dt-color-neutral-black-l);
@@ -226,27 +261,20 @@
226
261
  --dt-avatar-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
227
262
  --dt-avatar-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
228
263
  --dt-avatar-color-foreground: var(--dt-color-neutral-black);
229
- --dt-theme-mention-color-background-strong-h: var(--dt-color-purple-500-h);
230
- --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-500-s);
231
- --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-500-l);
232
- --dt-theme-mention-color-background-strong-a: var(--dt-color-purple-500-a);
233
- --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-500-hsl);
234
- --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-500-hsla);
235
- --dt-theme-mention-color-background-strong: var(--dt-color-purple-500);
236
- --dt-theme-mention-color-background-h: var(--dt-color-brand-purple-h);
237
- --dt-theme-mention-color-background-s: var(--dt-color-brand-purple-s);
238
- --dt-theme-mention-color-background-l: var(--dt-color-brand-purple-l);
239
- --dt-theme-mention-color-background-a: var(--dt-color-brand-purple-a);
240
- --dt-theme-mention-color-background-hsl: var(--dt-color-brand-purple-hsl);
241
- --dt-theme-mention-color-background-hsla: var(--dt-color-brand-purple-hsla);
242
- --dt-theme-mention-color-background: var(--dt-color-brand-purple);
243
- --dt-theme-mention-color-foreground-h: var(--dt-color-neutral-white-h);
244
- --dt-theme-mention-color-foreground-s: var(--dt-color-neutral-white-s);
245
- --dt-theme-mention-color-foreground-l: var(--dt-color-neutral-white-l);
246
- --dt-theme-mention-color-foreground-a: var(--dt-color-neutral-white-a);
247
- --dt-theme-mention-color-foreground-hsl: var(--dt-color-neutral-white-hsl);
248
- --dt-theme-mention-color-foreground-hsla: var(--dt-color-neutral-white-hsla);
249
- --dt-theme-mention-color-foreground: var(--dt-color-neutral-white);
264
+ --dt-theme-mention-color-background-strong-h: var(--dt-color-purple-550-h);
265
+ --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-550-s);
266
+ --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-550-l);
267
+ --dt-theme-mention-color-background-strong-a: var(--dt-color-purple-550-a);
268
+ --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-550-hsl);
269
+ --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-550-hsla);
270
+ --dt-theme-mention-color-background-strong: var(--dt-color-purple-550);
271
+ --dt-theme-mention-color-foreground-h: var(--dt-color-black-50-h);
272
+ --dt-theme-mention-color-foreground-s: var(--dt-color-black-50-s);
273
+ --dt-theme-mention-color-foreground-l: var(--dt-color-black-50-l);
274
+ --dt-theme-mention-color-foreground-a: var(--dt-color-black-50-a);
275
+ --dt-theme-mention-color-foreground-hsl: var(--dt-color-black-50-hsl);
276
+ --dt-theme-mention-color-foreground-hsla: var(--dt-color-black-50-hsla);
277
+ --dt-theme-mention-color-foreground: var(--dt-color-black-50);
250
278
  --dt-theme-presence-color-background-offline-h: var(--dt-color-neutral-white-h);
251
279
  --dt-theme-presence-color-background-offline-s: var(--dt-color-neutral-white-s);
252
280
  --dt-theme-presence-color-background-offline-l: var(--dt-color-neutral-white-l);
@@ -254,62 +282,202 @@
254
282
  --dt-theme-presence-color-background-offline-hsl: var(--dt-color-neutral-white-hsl);
255
283
  --dt-theme-presence-color-background-offline-hsla: var(--dt-color-neutral-white-hsla);
256
284
  --dt-theme-presence-color-background-offline: var(--dt-color-neutral-white);
257
- --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-300-h);
258
- --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-300-s);
259
- --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-300-l);
260
- --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-300-a);
261
- --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-300-hsl);
262
- --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-300-hsla);
263
- --dt-theme-presence-color-background-busy: var(--dt-color-gold-300);
264
- --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-300-h);
265
- --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-300-s);
266
- --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-300-l);
267
- --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-300-a);
268
- --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-300-hsl);
269
- --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-300-hsla);
270
- --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-300);
271
- --dt-theme-presence-color-background-available-h: var(--dt-color-green-400-h);
272
- --dt-theme-presence-color-background-available-s: var(--dt-color-green-400-s);
273
- --dt-theme-presence-color-background-available-l: var(--dt-color-green-400-l);
274
- --dt-theme-presence-color-background-available-a: var(--dt-color-green-400-a);
275
- --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-400-hsl);
276
- --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-400-hsla);
277
- --dt-theme-presence-color-background-available: var(--dt-color-green-400);
278
- --dt-theme-color-base-h: var(--dt-color-black-900-h);
279
- --dt-theme-color-base-s: var(--dt-color-black-900-s);
280
- --dt-theme-color-base-l: var(--dt-color-black-900-l);
281
- --dt-theme-color-base-a: var(--dt-color-black-900-a);
282
- --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
283
- --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
284
- --dt-theme-color-base: var(--dt-color-black-900);
285
- --dt-action-color-background-positive-primary-active-h: var(--dt-color-green-500-h);
286
- --dt-action-color-background-positive-primary-active-s: var(--dt-color-green-500-s);
287
- --dt-action-color-background-positive-primary-active-l: var(--dt-color-green-500-l);
288
- --dt-action-color-background-positive-primary-active-a: var(--dt-color-green-500-a);
289
- --dt-action-color-background-positive-primary-active-hsl: var(--dt-color-green-500-hsl);
290
- --dt-action-color-background-positive-primary-active-hsla: var(--dt-color-green-500-hsla);
291
- --dt-action-color-background-positive-primary-active: var(--dt-color-green-500);
292
- --dt-action-color-background-positive-primary-hover-h: var(--dt-color-green-400-h);
293
- --dt-action-color-background-positive-primary-hover-s: var(--dt-color-green-400-s);
294
- --dt-action-color-background-positive-primary-hover-l: var(--dt-color-green-400-l);
295
- --dt-action-color-background-positive-primary-hover-a: var(--dt-color-green-400-a);
296
- --dt-action-color-background-positive-primary-hover-hsl: var(--dt-color-green-400-hsl);
297
- --dt-action-color-background-positive-primary-hover-hsla: var(--dt-color-green-400-hsla);
298
- --dt-action-color-background-positive-primary-hover: var(--dt-color-green-400);
299
- --dt-action-color-background-positive-primary-default-h: var(--dt-color-green-375-h);
300
- --dt-action-color-background-positive-primary-default-s: var(--dt-color-green-375-s);
301
- --dt-action-color-background-positive-primary-default-l: var(--dt-color-green-375-l);
302
- --dt-action-color-background-positive-primary-default-a: var(--dt-color-green-375-a);
303
- --dt-action-color-background-positive-primary-default-hsl: var(--dt-color-green-375-hsl);
304
- --dt-action-color-background-positive-primary-default-hsla: var(--dt-color-green-375-hsla);
305
- --dt-action-color-background-positive-primary-default: var(--dt-color-green-375); /* Postive, accepting, or success actions. */
306
- --dt-action-color-background-positive-active-h: var(--dt-color-green-150-h);
307
- --dt-action-color-background-positive-active-s: var(--dt-color-green-150-s);
308
- --dt-action-color-background-positive-active-l: var(--dt-color-green-150-l);
309
- --dt-action-color-background-positive-active-a: var(--dt-color-green-150-a);
310
- --dt-action-color-background-positive-active-hsl: var(--dt-color-green-150-hsl);
311
- --dt-action-color-background-positive-active-hsla: var(--dt-color-green-150-hsla);
312
- --dt-action-color-background-positive-active: var(--dt-color-green-150);
285
+ --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-400-h);
286
+ --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-400-s);
287
+ --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-400-l);
288
+ --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-400-a);
289
+ --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-400-hsl);
290
+ --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-400-hsla);
291
+ --dt-theme-presence-color-background-busy: var(--dt-color-gold-400);
292
+ --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-400-h);
293
+ --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-400-s);
294
+ --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-400-l);
295
+ --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-400-a);
296
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-400-hsl);
297
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-400-hsla);
298
+ --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-400);
299
+ --dt-theme-presence-color-background-available-h: var(--dt-color-green-425-h);
300
+ --dt-theme-presence-color-background-available-s: var(--dt-color-green-425-s);
301
+ --dt-theme-presence-color-background-available-l: var(--dt-color-green-425-l);
302
+ --dt-theme-presence-color-background-available-a: var(--dt-color-green-425-a);
303
+ --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-425-hsl);
304
+ --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-425-hsla);
305
+ --dt-theme-presence-color-background-available: var(--dt-color-green-425);
306
+ --dt-theme-sidebar-selected-row-color-background-h: 0;
307
+ --dt-theme-sidebar-selected-row-color-background-s: 100%;
308
+ --dt-theme-sidebar-selected-row-color-background-l: 50%;
309
+ --dt-theme-sidebar-selected-row-color-background-a: 9%;
310
+ --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);
311
+ --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%));
312
+ --dt-theme-sidebar-selected-row-color-background: hsl(0 100% 50% / 0.09);
313
+ --dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
314
+ --dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
315
+ --dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
316
+ --dt-theme-sidebar-selected-row-color-foreground-a: var(--dt-color-foreground-primary-a);
317
+ --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-color-foreground-primary-hsl);
318
+ --dt-theme-sidebar-selected-row-color-foreground-hsla: var(--dt-color-foreground-primary-hsla);
319
+ --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
320
+ --dt-theme-sidebar-row-color-background-active-h: 0;
321
+ --dt-theme-sidebar-row-color-background-active-s: 100%;
322
+ --dt-theme-sidebar-row-color-background-active-l: 50%;
323
+ --dt-theme-sidebar-row-color-background-active-a: 15%;
324
+ --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);
325
+ --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%));
326
+ --dt-theme-sidebar-row-color-background-active: hsl(0 100% 50% / 0.15);
327
+ --dt-theme-sidebar-row-color-background-hover-h: 0;
328
+ --dt-theme-sidebar-row-color-background-hover-s: 100%;
329
+ --dt-theme-sidebar-row-color-background-hover-l: 50%;
330
+ --dt-theme-sidebar-row-color-background-hover-a: 11%;
331
+ --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);
332
+ --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%));
333
+ --dt-theme-sidebar-row-color-background-hover: hsl(0 100% 50% / 0.11);
334
+ --dt-theme-sidebar-row-color-background-h: 0;
335
+ --dt-theme-sidebar-row-color-background-s: 100%;
336
+ --dt-theme-sidebar-row-color-background-l: 50%;
337
+ --dt-theme-sidebar-row-color-background-a: 0%;
338
+ --dt-theme-sidebar-row-color-background-hsl: var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l);
339
+ --dt-theme-sidebar-row-color-background-hsla: hsl(var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l) / var(--alpha, 0%));
340
+ --dt-theme-sidebar-row-color-background: hsl(0 100% 50% / 0);
341
+ --dt-theme-sidebar-color-foreground-unread-h: var(--dt-color-foreground-primary-h);
342
+ --dt-theme-sidebar-color-foreground-unread-s: var(--dt-color-foreground-primary-s);
343
+ --dt-theme-sidebar-color-foreground-unread-l: var(--dt-color-foreground-primary-l);
344
+ --dt-theme-sidebar-color-foreground-unread-a: var(--dt-color-foreground-primary-a);
345
+ --dt-theme-sidebar-color-foreground-unread-hsl: var(--dt-color-foreground-primary-hsl);
346
+ --dt-theme-sidebar-color-foreground-unread-hsla: var(--dt-color-foreground-primary-hsla);
347
+ --dt-theme-sidebar-color-foreground-unread: var(--dt-color-foreground-primary);
348
+ --dt-theme-topbar-profile-color-background-active-h: 0;
349
+ --dt-theme-topbar-profile-color-background-active-s: 100%;
350
+ --dt-theme-topbar-profile-color-background-active-l: 50%;
351
+ --dt-theme-topbar-profile-color-background-active-a: 14%;
352
+ --dt-theme-topbar-profile-color-background-active-hsl: var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l);
353
+ --dt-theme-topbar-profile-color-background-active-hsla: hsl(var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l) / var(--alpha, 14%));
354
+ --dt-theme-topbar-profile-color-background-active: hsl(0 100% 50% / 0.14);
355
+ --dt-theme-topbar-profile-color-background-hover-h: 0;
356
+ --dt-theme-topbar-profile-color-background-hover-s: 100%;
357
+ --dt-theme-topbar-profile-color-background-hover-l: 50%;
358
+ --dt-theme-topbar-profile-color-background-hover-a: 10%;
359
+ --dt-theme-topbar-profile-color-background-hover-hsl: var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l);
360
+ --dt-theme-topbar-profile-color-background-hover-hsla: hsl(var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l) / var(--alpha, 10%));
361
+ --dt-theme-topbar-profile-color-background-hover: hsl(0 100% 50% / 0.1);
362
+ --dt-theme-topbar-profile-color-background-inverted-h: 0;
363
+ --dt-theme-topbar-profile-color-background-inverted-s: 100%;
364
+ --dt-theme-topbar-profile-color-background-inverted-l: 50%;
365
+ --dt-theme-topbar-profile-color-background-inverted-a: 75%;
366
+ --dt-theme-topbar-profile-color-background-inverted-hsl: var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l);
367
+ --dt-theme-topbar-profile-color-background-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l) / var(--alpha, 75%));
368
+ --dt-theme-topbar-profile-color-background-inverted: hsl(0 100% 50% / 0.75);
369
+ --dt-theme-topbar-profile-color-background-h: 0;
370
+ --dt-theme-topbar-profile-color-background-s: 100%;
371
+ --dt-theme-topbar-profile-color-background-l: 50%;
372
+ --dt-theme-topbar-profile-color-background-a: 5%;
373
+ --dt-theme-topbar-profile-color-background-hsl: var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l);
374
+ --dt-theme-topbar-profile-color-background-hsla: hsl(var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l) / var(--alpha, 5%));
375
+ --dt-theme-topbar-profile-color-background: hsl(0 100% 50% / 0.05);
376
+ --dt-theme-topbar-button-color-background-active-h: 0;
377
+ --dt-theme-topbar-button-color-background-active-s: 100%;
378
+ --dt-theme-topbar-button-color-background-active-l: 50%;
379
+ --dt-theme-topbar-button-color-background-active-a: 10%;
380
+ --dt-theme-topbar-button-color-background-active-hsl: var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l);
381
+ --dt-theme-topbar-button-color-background-active-hsla: hsl(var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l) / var(--alpha, 10%));
382
+ --dt-theme-topbar-button-color-background-active: hsl(0 100% 50% / 0.1);
383
+ --dt-theme-topbar-button-color-background-hover-h: 0;
384
+ --dt-theme-topbar-button-color-background-hover-s: 100%;
385
+ --dt-theme-topbar-button-color-background-hover-l: 50%;
386
+ --dt-theme-topbar-button-color-background-hover-a: 5%;
387
+ --dt-theme-topbar-button-color-background-hover-hsl: var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l);
388
+ --dt-theme-topbar-button-color-background-hover-hsla: hsl(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha, 5%));
389
+ --dt-theme-topbar-button-color-background-hover: hsl(0 100% 50% / 0.05);
390
+ --dt-theme-topbar-button-color-background-h: 0;
391
+ --dt-theme-topbar-button-color-background-s: 100%;
392
+ --dt-theme-topbar-button-color-background-l: 50%;
393
+ --dt-theme-topbar-button-color-background-a: 0%;
394
+ --dt-theme-topbar-button-color-background-hsl: var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l);
395
+ --dt-theme-topbar-button-color-background-hsla: hsl(var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l) / var(--alpha, 0%));
396
+ --dt-theme-topbar-button-color-background: hsl(0 100% 50% / 0);
397
+ --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
398
+ --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
399
+ --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
400
+ --dt-theme-topbar-button-color-foreground-hover-a: var(--dt-theme-color-base-a);
401
+ --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-color-base-hsl);
402
+ --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-theme-color-base-hsla);
403
+ --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
404
+ --dt-theme-topbar-button-color-foreground-h: 0;
405
+ --dt-theme-topbar-button-color-foreground-s: 100%;
406
+ --dt-theme-topbar-button-color-foreground-l: 50%;
407
+ --dt-theme-topbar-button-color-foreground-a: 65%;
408
+ --dt-theme-topbar-button-color-foreground-hsl: var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l);
409
+ --dt-theme-topbar-button-color-foreground-hsla: hsl(var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l) / var(--alpha, 65%));
410
+ --dt-theme-topbar-button-color-foreground: hsl(0 100% 50% / 0.65);
411
+ --dt-theme-topbar-field-color-border-active-h: 0;
412
+ --dt-theme-topbar-field-color-border-active-s: 100%;
413
+ --dt-theme-topbar-field-color-border-active-l: 50%;
414
+ --dt-theme-topbar-field-color-border-active-a: 20%;
415
+ --dt-theme-topbar-field-color-border-active-hsl: var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l);
416
+ --dt-theme-topbar-field-color-border-active-hsla: hsl(var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l) / var(--alpha, 20%));
417
+ --dt-theme-topbar-field-color-border-active: hsl(0 100% 50% / 0.2);
418
+ --dt-theme-topbar-field-color-border-hover-h: 0;
419
+ --dt-theme-topbar-field-color-border-hover-s: 100%;
420
+ --dt-theme-topbar-field-color-border-hover-l: 50%;
421
+ --dt-theme-topbar-field-color-border-hover-a: 10%;
422
+ --dt-theme-topbar-field-color-border-hover-hsl: var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l);
423
+ --dt-theme-topbar-field-color-border-hover-hsla: hsl(var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l) / var(--alpha, 10%));
424
+ --dt-theme-topbar-field-color-border-hover: hsl(0 100% 50% / 0.1);
425
+ --dt-theme-topbar-field-color-border-h: 0;
426
+ --dt-theme-topbar-field-color-border-s: 100%;
427
+ --dt-theme-topbar-field-color-border-l: 50%;
428
+ --dt-theme-topbar-field-color-border-a: 0%;
429
+ --dt-theme-topbar-field-color-border-hsl: var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l);
430
+ --dt-theme-topbar-field-color-border-hsla: hsl(var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l) / var(--alpha, 0%));
431
+ --dt-theme-topbar-field-color-border: hsl(0 100% 50% / 0);
432
+ --dt-theme-topbar-field-color-background-hover-h: 0;
433
+ --dt-theme-topbar-field-color-background-hover-s: 0%;
434
+ --dt-theme-topbar-field-color-background-hover-l: 100%;
435
+ --dt-theme-topbar-field-color-background-hover-a: 100%;
436
+ --dt-theme-topbar-field-color-background-hover-hsl: var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l);
437
+ --dt-theme-topbar-field-color-background-hover-hsla: hsl(var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l) / var(--alpha, 100%));
438
+ --dt-theme-topbar-field-color-background-hover: hsl(0 0% 100%);
439
+ --dt-theme-topbar-field-color-background-h: 0;
440
+ --dt-theme-topbar-field-color-background-s: 100%;
441
+ --dt-theme-topbar-field-color-background-l: 50%;
442
+ --dt-theme-topbar-field-color-background-a: 5%;
443
+ --dt-theme-topbar-field-color-background-hsl: var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l);
444
+ --dt-theme-topbar-field-color-background-hsla: hsl(var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l) / var(--alpha, 5%));
445
+ --dt-theme-topbar-field-color-background: hsl(0 100% 50% / 0.05);
446
+ --dt-theme-topbar-field-color-foreground-hover-h: 0;
447
+ --dt-theme-topbar-field-color-foreground-hover-s: 100%;
448
+ --dt-theme-topbar-field-color-foreground-hover-l: 50%;
449
+ --dt-theme-topbar-field-color-foreground-hover-a: 75%;
450
+ --dt-theme-topbar-field-color-foreground-hover-hsl: var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l);
451
+ --dt-theme-topbar-field-color-foreground-hover-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l) / var(--alpha, 75%));
452
+ --dt-theme-topbar-field-color-foreground-hover: hsl(0 100% 50% / 0.75);
453
+ --dt-theme-topbar-field-color-foreground-h: 0;
454
+ --dt-theme-topbar-field-color-foreground-s: 100%;
455
+ --dt-theme-topbar-field-color-foreground-l: 50%;
456
+ --dt-theme-topbar-field-color-foreground-a: 50%;
457
+ --dt-theme-topbar-field-color-foreground-hsl: var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l);
458
+ --dt-theme-topbar-field-color-foreground-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l) / var(--alpha, 50%));
459
+ --dt-theme-topbar-field-color-foreground: hsl(0 100% 50% / 0.5);
460
+ --dt-theme-topbar-color-foreground-h: 0;
461
+ --dt-theme-topbar-color-foreground-s: 100%;
462
+ --dt-theme-topbar-color-foreground-l: 50%;
463
+ --dt-theme-topbar-color-foreground-a: 80%;
464
+ --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);
465
+ --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%));
466
+ --dt-theme-topbar-color-foreground: hsl(0 100% 50% / 0.8);
467
+ --dt-action-color-background-positive-primary-hover-h: var(--dt-color-green-500-h);
468
+ --dt-action-color-background-positive-primary-hover-s: var(--dt-color-green-500-s);
469
+ --dt-action-color-background-positive-primary-hover-l: var(--dt-color-green-500-l);
470
+ --dt-action-color-background-positive-primary-hover-a: var(--dt-color-green-500-a);
471
+ --dt-action-color-background-positive-primary-hover-hsl: var(--dt-color-green-500-hsl);
472
+ --dt-action-color-background-positive-primary-hover-hsla: var(--dt-color-green-500-hsla);
473
+ --dt-action-color-background-positive-primary-hover: var(--dt-color-green-500);
474
+ --dt-action-color-background-positive-primary-default-h: var(--dt-color-green-475-h);
475
+ --dt-action-color-background-positive-primary-default-s: var(--dt-color-green-475-s);
476
+ --dt-action-color-background-positive-primary-default-l: var(--dt-color-green-475-l);
477
+ --dt-action-color-background-positive-primary-default-a: var(--dt-color-green-475-a);
478
+ --dt-action-color-background-positive-primary-default-hsl: var(--dt-color-green-475-hsl);
479
+ --dt-action-color-background-positive-primary-default-hsla: var(--dt-color-green-475-hsla);
480
+ --dt-action-color-background-positive-primary-default: var(--dt-color-green-475); /* Postive, accepting, or success actions. */
313
481
  --dt-action-color-background-positive-default-h: var(--dt-color-neutral-transparent-h);
314
482
  --dt-action-color-background-positive-default-s: var(--dt-color-neutral-transparent-s);
315
483
  --dt-action-color-background-positive-default-l: var(--dt-color-neutral-transparent-l);
@@ -359,34 +527,27 @@
359
527
  --dt-action-color-background-inverted-default-hsl: var(--dt-color-neutral-transparent-hsl);
360
528
  --dt-action-color-background-inverted-default-hsla: var(--dt-color-neutral-transparent-hsla);
361
529
  --dt-action-color-background-inverted-default: var(--dt-color-neutral-transparent);
362
- --dt-action-color-background-critical-primary-active-h: var(--dt-color-red-400-h);
363
- --dt-action-color-background-critical-primary-active-s: var(--dt-color-red-400-s);
364
- --dt-action-color-background-critical-primary-active-l: var(--dt-color-red-400-l);
365
- --dt-action-color-background-critical-primary-active-a: var(--dt-color-red-400-a);
366
- --dt-action-color-background-critical-primary-active-hsl: var(--dt-color-red-400-hsl);
367
- --dt-action-color-background-critical-primary-active-hsla: var(--dt-color-red-400-hsla);
368
- --dt-action-color-background-critical-primary-active: var(--dt-color-red-400);
369
- --dt-action-color-background-critical-primary-hover-h: var(--dt-color-red-350-h);
370
- --dt-action-color-background-critical-primary-hover-s: var(--dt-color-red-350-s);
371
- --dt-action-color-background-critical-primary-hover-l: var(--dt-color-red-350-l);
372
- --dt-action-color-background-critical-primary-hover-a: var(--dt-color-red-350-a);
373
- --dt-action-color-background-critical-primary-hover-hsl: var(--dt-color-red-350-hsl);
374
- --dt-action-color-background-critical-primary-hover-hsla: var(--dt-color-red-350-hsla);
375
- --dt-action-color-background-critical-primary-hover: var(--dt-color-red-350);
376
- --dt-action-color-background-critical-primary-default-h: var(--dt-color-red-300-h);
377
- --dt-action-color-background-critical-primary-default-s: var(--dt-color-red-300-s);
378
- --dt-action-color-background-critical-primary-default-l: var(--dt-color-red-300-l);
379
- --dt-action-color-background-critical-primary-default-a: var(--dt-color-red-300-a);
380
- --dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-300-hsl);
381
- --dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-300-hsla);
382
- --dt-action-color-background-critical-primary-default: var(--dt-color-red-300);
383
- --dt-action-color-background-critical-active-h: var(--dt-color-red-150-h);
384
- --dt-action-color-background-critical-active-s: var(--dt-color-red-150-s);
385
- --dt-action-color-background-critical-active-l: var(--dt-color-red-150-l);
386
- --dt-action-color-background-critical-active-a: var(--dt-color-red-150-a);
387
- --dt-action-color-background-critical-active-hsl: var(--dt-color-red-150-hsl);
388
- --dt-action-color-background-critical-active-hsla: var(--dt-color-red-150-hsla);
389
- --dt-action-color-background-critical-active: var(--dt-color-red-150);
530
+ --dt-action-color-background-critical-primary-active-h: var(--dt-color-red-500-h);
531
+ --dt-action-color-background-critical-primary-active-s: var(--dt-color-red-500-s);
532
+ --dt-action-color-background-critical-primary-active-l: var(--dt-color-red-500-l);
533
+ --dt-action-color-background-critical-primary-active-a: var(--dt-color-red-500-a);
534
+ --dt-action-color-background-critical-primary-active-hsl: var(--dt-color-red-500-hsl);
535
+ --dt-action-color-background-critical-primary-active-hsla: var(--dt-color-red-500-hsla);
536
+ --dt-action-color-background-critical-primary-active: var(--dt-color-red-500);
537
+ --dt-action-color-background-critical-primary-hover-h: var(--dt-color-red-450-h);
538
+ --dt-action-color-background-critical-primary-hover-s: var(--dt-color-red-450-s);
539
+ --dt-action-color-background-critical-primary-hover-l: var(--dt-color-red-450-l);
540
+ --dt-action-color-background-critical-primary-hover-a: var(--dt-color-red-450-a);
541
+ --dt-action-color-background-critical-primary-hover-hsl: var(--dt-color-red-450-hsl);
542
+ --dt-action-color-background-critical-primary-hover-hsla: var(--dt-color-red-450-hsla);
543
+ --dt-action-color-background-critical-primary-hover: var(--dt-color-red-450);
544
+ --dt-action-color-background-critical-primary-default-h: var(--dt-color-red-400-h);
545
+ --dt-action-color-background-critical-primary-default-s: var(--dt-color-red-400-s);
546
+ --dt-action-color-background-critical-primary-default-l: var(--dt-color-red-400-l);
547
+ --dt-action-color-background-critical-primary-default-a: var(--dt-color-red-400-a);
548
+ --dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-400-hsl);
549
+ --dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-400-hsla);
550
+ --dt-action-color-background-critical-primary-default: var(--dt-color-red-400);
390
551
  --dt-action-color-background-critical-default-h: var(--dt-color-neutral-transparent-h);
391
552
  --dt-action-color-background-critical-default-s: var(--dt-color-neutral-transparent-s);
392
553
  --dt-action-color-background-critical-default-l: var(--dt-color-neutral-transparent-l);
@@ -394,20 +555,20 @@
394
555
  --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
395
556
  --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
396
557
  --dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
397
- --dt-action-color-background-base-primary-active-h: var(--dt-color-purple-475-h);
398
- --dt-action-color-background-base-primary-active-s: var(--dt-color-purple-475-s);
399
- --dt-action-color-background-base-primary-active-l: var(--dt-color-purple-475-l);
400
- --dt-action-color-background-base-primary-active-a: var(--dt-color-purple-475-a);
401
- --dt-action-color-background-base-primary-active-hsl: var(--dt-color-purple-475-hsl);
402
- --dt-action-color-background-base-primary-active-hsla: var(--dt-color-purple-475-hsla);
403
- --dt-action-color-background-base-primary-active: var(--dt-color-purple-475);
404
- --dt-action-color-background-base-primary-hover-h: var(--dt-color-purple-425-h);
405
- --dt-action-color-background-base-primary-hover-s: var(--dt-color-purple-425-s);
406
- --dt-action-color-background-base-primary-hover-l: var(--dt-color-purple-425-l);
407
- --dt-action-color-background-base-primary-hover-a: var(--dt-color-purple-425-a);
408
- --dt-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-425-hsl);
409
- --dt-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-425-hsla);
410
- --dt-action-color-background-base-primary-hover: var(--dt-color-purple-425);
558
+ --dt-action-color-background-base-primary-active-h: var(--dt-color-purple-500-h);
559
+ --dt-action-color-background-base-primary-active-s: var(--dt-color-purple-500-s);
560
+ --dt-action-color-background-base-primary-active-l: var(--dt-color-purple-500-l);
561
+ --dt-action-color-background-base-primary-active-a: var(--dt-color-purple-500-a);
562
+ --dt-action-color-background-base-primary-active-hsl: var(--dt-color-purple-500-hsl);
563
+ --dt-action-color-background-base-primary-active-hsla: var(--dt-color-purple-500-hsla);
564
+ --dt-action-color-background-base-primary-active: var(--dt-color-purple-500);
565
+ --dt-action-color-background-base-primary-hover-h: var(--dt-color-purple-450-h);
566
+ --dt-action-color-background-base-primary-hover-s: var(--dt-color-purple-450-s);
567
+ --dt-action-color-background-base-primary-hover-l: var(--dt-color-purple-450-l);
568
+ --dt-action-color-background-base-primary-hover-a: var(--dt-color-purple-450-a);
569
+ --dt-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-450-hsl);
570
+ --dt-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-450-hsla);
571
+ --dt-action-color-background-base-primary-hover: var(--dt-color-purple-450);
411
572
  --dt-action-color-background-base-primary-default-h: var(--dt-color-purple-400-h);
412
573
  --dt-action-color-background-base-primary-default-s: var(--dt-color-purple-400-s);
413
574
  --dt-action-color-background-base-primary-default-l: var(--dt-color-purple-400-l);
@@ -415,13 +576,6 @@
415
576
  --dt-action-color-background-base-primary-default-hsl: var(--dt-color-purple-400-hsl);
416
577
  --dt-action-color-background-base-primary-default-hsla: var(--dt-color-purple-400-hsla);
417
578
  --dt-action-color-background-base-primary-default: var(--dt-color-purple-400);
418
- --dt-action-color-background-base-active-h: var(--dt-color-purple-200-h);
419
- --dt-action-color-background-base-active-s: var(--dt-color-purple-200-s);
420
- --dt-action-color-background-base-active-l: var(--dt-color-purple-200-l);
421
- --dt-action-color-background-base-active-a: var(--dt-color-purple-200-a);
422
- --dt-action-color-background-base-active-hsl: var(--dt-color-purple-200-hsl);
423
- --dt-action-color-background-base-active-hsla: var(--dt-color-purple-200-hsla);
424
- --dt-action-color-background-base-active: var(--dt-color-purple-200);
425
579
  --dt-action-color-background-base-default-h: var(--dt-color-neutral-transparent-h);
426
580
  --dt-action-color-background-base-default-s: var(--dt-color-neutral-transparent-s);
427
581
  --dt-action-color-background-base-default-l: var(--dt-color-neutral-transparent-l);
@@ -429,27 +583,27 @@
429
583
  --dt-action-color-background-base-default-hsl: var(--dt-color-neutral-transparent-hsl);
430
584
  --dt-action-color-background-base-default-hsla: var(--dt-color-neutral-transparent-hsla);
431
585
  --dt-action-color-background-base-default: var(--dt-color-neutral-transparent);
432
- --dt-action-color-foreground-positive-primary-default-h: var(--dt-color-neutral-white-h);
433
- --dt-action-color-foreground-positive-primary-default-s: var(--dt-color-neutral-white-s);
434
- --dt-action-color-foreground-positive-primary-default-l: var(--dt-color-neutral-white-l);
435
- --dt-action-color-foreground-positive-primary-default-a: var(--dt-color-neutral-white-a);
436
- --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-neutral-white-hsl);
437
- --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-neutral-white-hsla);
438
- --dt-action-color-foreground-positive-primary-default: var(--dt-color-neutral-white);
439
- --dt-action-color-foreground-critical-primary-default-h: var(--dt-color-neutral-white-h);
440
- --dt-action-color-foreground-critical-primary-default-s: var(--dt-color-neutral-white-s);
441
- --dt-action-color-foreground-critical-primary-default-l: var(--dt-color-neutral-white-l);
442
- --dt-action-color-foreground-critical-primary-default-a: var(--dt-color-neutral-white-a);
443
- --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-color-neutral-white-hsl);
444
- --dt-action-color-foreground-critical-primary-default-hsla: var(--dt-color-neutral-white-hsla);
445
- --dt-action-color-foreground-critical-primary-default: var(--dt-color-neutral-white);
446
- --dt-action-color-foreground-base-primary-default-h: var(--dt-color-neutral-white-h);
447
- --dt-action-color-foreground-base-primary-default-s: var(--dt-color-neutral-white-s);
448
- --dt-action-color-foreground-base-primary-default-l: var(--dt-color-neutral-white-l);
449
- --dt-action-color-foreground-base-primary-default-a: var(--dt-color-neutral-white-a);
450
- --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-neutral-white-hsl);
451
- --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-neutral-white-hsla);
452
- --dt-action-color-foreground-base-primary-default: var(--dt-color-neutral-white);
586
+ --dt-action-color-foreground-positive-primary-default-h: var(--dt-color-black-50-h);
587
+ --dt-action-color-foreground-positive-primary-default-s: var(--dt-color-black-50-s);
588
+ --dt-action-color-foreground-positive-primary-default-l: var(--dt-color-black-50-l);
589
+ --dt-action-color-foreground-positive-primary-default-a: var(--dt-color-black-50-a);
590
+ --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-black-50-hsl);
591
+ --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-black-50-hsla);
592
+ --dt-action-color-foreground-positive-primary-default: var(--dt-color-black-50);
593
+ --dt-action-color-foreground-critical-primary-default-h: var(--dt-color-black-50-h);
594
+ --dt-action-color-foreground-critical-primary-default-s: var(--dt-color-black-50-s);
595
+ --dt-action-color-foreground-critical-primary-default-l: var(--dt-color-black-50-l);
596
+ --dt-action-color-foreground-critical-primary-default-a: var(--dt-color-black-50-a);
597
+ --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-color-black-50-hsl);
598
+ --dt-action-color-foreground-critical-primary-default-hsla: var(--dt-color-black-50-hsla);
599
+ --dt-action-color-foreground-critical-primary-default: var(--dt-color-black-50);
600
+ --dt-action-color-foreground-base-primary-default-h: var(--dt-color-black-50-h);
601
+ --dt-action-color-foreground-base-primary-default-s: var(--dt-color-black-50-s);
602
+ --dt-action-color-foreground-base-primary-default-l: var(--dt-color-black-50-l);
603
+ --dt-action-color-foreground-base-primary-default-a: var(--dt-color-black-50-a);
604
+ --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-black-50-hsl);
605
+ --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-black-50-hsla);
606
+ --dt-action-color-foreground-base-primary-default: var(--dt-color-black-50);
453
607
  --dt-inputs-color-background-focus-h: var(--dt-color-black-100-h);
454
608
  --dt-inputs-color-background-focus-s: var(--dt-color-black-100-s);
455
609
  --dt-inputs-color-background-focus-l: var(--dt-color-black-100-l);
@@ -615,146 +769,6 @@
615
769
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
616
770
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
617
771
  --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
618
- --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-300-h);
619
- --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-300-s);
620
- --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-300-l);
621
- --dt-color-border-brand-strong-inverted-a: var(--dt-color-purple-300-a);
622
- --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-300-hsl);
623
- --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-300-hsla);
624
- --dt-color-border-brand-strong-inverted: var(--dt-color-purple-300);
625
- --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-475-h);
626
- --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-475-s);
627
- --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-475-l);
628
- --dt-color-border-brand-subtle-inverted-a: var(--dt-color-purple-475-a);
629
- --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-475-hsl);
630
- --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-475-hsla);
631
- --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-475);
632
- --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-150-h);
633
- --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-150-s);
634
- --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-150-l);
635
- --dt-color-border-warning-strong-inverted-a: var(--dt-color-gold-150-a);
636
- --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-gold-150-hsl);
637
- --dt-color-border-warning-strong-inverted-hsla: var(--dt-color-gold-150-hsla);
638
- --dt-color-border-warning-strong-inverted: var(--dt-color-gold-150);
639
- --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-400-h);
640
- --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-400-s);
641
- --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-400-l);
642
- --dt-color-border-warning-subtle-inverted-a: var(--dt-color-gold-400-a);
643
- --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-400-hsl);
644
- --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-400-hsla);
645
- --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-400);
646
- --dt-color-border-success-strong-inverted-h: var(--dt-color-green-200-h);
647
- --dt-color-border-success-strong-inverted-s: var(--dt-color-green-200-s);
648
- --dt-color-border-success-strong-inverted-l: var(--dt-color-green-200-l);
649
- --dt-color-border-success-strong-inverted-a: var(--dt-color-green-200-a);
650
- --dt-color-border-success-strong-inverted-hsl: var(--dt-color-green-200-hsl);
651
- --dt-color-border-success-strong-inverted-hsla: var(--dt-color-green-200-hsla);
652
- --dt-color-border-success-strong-inverted: var(--dt-color-green-200);
653
- --dt-color-border-success-subtle-inverted-h: var(--dt-color-green-400-h);
654
- --dt-color-border-success-subtle-inverted-s: var(--dt-color-green-400-s);
655
- --dt-color-border-success-subtle-inverted-l: var(--dt-color-green-400-l);
656
- --dt-color-border-success-subtle-inverted-a: var(--dt-color-green-400-a);
657
- --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-400-hsl);
658
- --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-400-hsla);
659
- --dt-color-border-success-subtle-inverted: var(--dt-color-green-400);
660
- --dt-color-border-critical-strong-inverted-h: var(--dt-color-red-150-h);
661
- --dt-color-border-critical-strong-inverted-s: var(--dt-color-red-150-s);
662
- --dt-color-border-critical-strong-inverted-l: var(--dt-color-red-150-l);
663
- --dt-color-border-critical-strong-inverted-a: var(--dt-color-red-150-a);
664
- --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-150-hsl);
665
- --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-150-hsla);
666
- --dt-color-border-critical-strong-inverted: var(--dt-color-red-150);
667
- --dt-color-border-critical-subtle-inverted-h: var(--dt-color-red-400-h);
668
- --dt-color-border-critical-subtle-inverted-s: var(--dt-color-red-400-s);
669
- --dt-color-border-critical-subtle-inverted-l: var(--dt-color-red-400-l);
670
- --dt-color-border-critical-subtle-inverted-a: var(--dt-color-red-400-a);
671
- --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-400-hsl);
672
- --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-400-hsla);
673
- --dt-color-border-critical-subtle-inverted: var(--dt-color-red-400);
674
- --dt-color-border-brand-inverted-h: var(--dt-color-brand-purple-h);
675
- --dt-color-border-brand-inverted-s: var(--dt-color-brand-purple-s);
676
- --dt-color-border-brand-inverted-l: var(--dt-color-brand-purple-l);
677
- --dt-color-border-brand-inverted-a: var(--dt-color-brand-purple-a);
678
- --dt-color-border-brand-inverted-hsl: var(--dt-color-brand-purple-hsl);
679
- --dt-color-border-brand-inverted-hsla: var(--dt-color-brand-purple-hsla);
680
- --dt-color-border-brand-inverted: var(--dt-color-brand-purple);
681
- --dt-color-border-warning-inverted-h: var(--dt-color-gold-250-h);
682
- --dt-color-border-warning-inverted-s: var(--dt-color-gold-250-s);
683
- --dt-color-border-warning-inverted-l: var(--dt-color-gold-250-l);
684
- --dt-color-border-warning-inverted-a: var(--dt-color-gold-250-a);
685
- --dt-color-border-warning-inverted-hsl: var(--dt-color-gold-250-hsl);
686
- --dt-color-border-warning-inverted-hsla: var(--dt-color-gold-250-hsla);
687
- --dt-color-border-warning-inverted: var(--dt-color-gold-250);
688
- --dt-color-border-success-inverted-h: var(--dt-color-green-325-h);
689
- --dt-color-border-success-inverted-s: var(--dt-color-green-325-s);
690
- --dt-color-border-success-inverted-l: var(--dt-color-green-325-l);
691
- --dt-color-border-success-inverted-a: var(--dt-color-green-325-a);
692
- --dt-color-border-success-inverted-hsl: var(--dt-color-green-325-hsl);
693
- --dt-color-border-success-inverted-hsla: var(--dt-color-green-325-hsla);
694
- --dt-color-border-success-inverted: var(--dt-color-green-325);
695
- --dt-color-border-critical-inverted-h: var(--dt-color-red-200-h);
696
- --dt-color-border-critical-inverted-s: var(--dt-color-red-200-s);
697
- --dt-color-border-critical-inverted-l: var(--dt-color-red-200-l);
698
- --dt-color-border-critical-inverted-a: var(--dt-color-red-200-a);
699
- --dt-color-border-critical-inverted-hsl: var(--dt-color-red-200-hsl);
700
- --dt-color-border-critical-inverted-hsla: var(--dt-color-red-200-hsla);
701
- --dt-color-border-critical-inverted: var(--dt-color-red-200);
702
- --dt-color-border-brand-strong-h: var(--dt-color-purple-500-h);
703
- --dt-color-border-brand-strong-s: var(--dt-color-purple-500-s);
704
- --dt-color-border-brand-strong-l: var(--dt-color-purple-500-l);
705
- --dt-color-border-brand-strong-a: var(--dt-color-purple-500-a);
706
- --dt-color-border-brand-strong-hsl: var(--dt-color-purple-500-hsl);
707
- --dt-color-border-brand-strong-hsla: var(--dt-color-purple-500-hsla);
708
- --dt-color-border-brand-strong: var(--dt-color-purple-500);
709
- --dt-color-border-brand-subtle-h: var(--dt-color-purple-300-h);
710
- --dt-color-border-brand-subtle-s: var(--dt-color-purple-300-s);
711
- --dt-color-border-brand-subtle-l: var(--dt-color-purple-300-l);
712
- --dt-color-border-brand-subtle-a: var(--dt-color-purple-300-a);
713
- --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-300-hsl);
714
- --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-300-hsla);
715
- --dt-color-border-brand-subtle: var(--dt-color-purple-300);
716
- --dt-color-border-warning-strong-h: var(--dt-color-gold-500-h);
717
- --dt-color-border-warning-strong-s: var(--dt-color-gold-500-s);
718
- --dt-color-border-warning-strong-l: var(--dt-color-gold-500-l);
719
- --dt-color-border-warning-strong-a: var(--dt-color-gold-500-a);
720
- --dt-color-border-warning-strong-hsl: var(--dt-color-gold-500-hsl);
721
- --dt-color-border-warning-strong-hsla: var(--dt-color-gold-500-hsla);
722
- --dt-color-border-warning-strong: var(--dt-color-gold-500);
723
- --dt-color-border-warning-subtle-h: var(--dt-color-gold-250-h);
724
- --dt-color-border-warning-subtle-s: var(--dt-color-gold-250-s);
725
- --dt-color-border-warning-subtle-l: var(--dt-color-gold-250-l);
726
- --dt-color-border-warning-subtle-a: var(--dt-color-gold-250-a);
727
- --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-250-hsl);
728
- --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-250-hsla);
729
- --dt-color-border-warning-subtle: var(--dt-color-gold-250);
730
- --dt-color-border-success-strong-h: var(--dt-color-green-500-h);
731
- --dt-color-border-success-strong-s: var(--dt-color-green-500-s);
732
- --dt-color-border-success-strong-l: var(--dt-color-green-500-l);
733
- --dt-color-border-success-strong-a: var(--dt-color-green-500-a);
734
- --dt-color-border-success-strong-hsl: var(--dt-color-green-500-hsl);
735
- --dt-color-border-success-strong-hsla: var(--dt-color-green-500-hsla);
736
- --dt-color-border-success-strong: var(--dt-color-green-500);
737
- --dt-color-border-success-subtle-h: var(--dt-color-green-250-h);
738
- --dt-color-border-success-subtle-s: var(--dt-color-green-250-s);
739
- --dt-color-border-success-subtle-l: var(--dt-color-green-250-l);
740
- --dt-color-border-success-subtle-a: var(--dt-color-green-250-a);
741
- --dt-color-border-success-subtle-hsl: var(--dt-color-green-250-hsl);
742
- --dt-color-border-success-subtle-hsla: var(--dt-color-green-250-hsla);
743
- --dt-color-border-success-subtle: var(--dt-color-green-250);
744
- --dt-color-border-critical-strong-h: var(--dt-color-red-400-h);
745
- --dt-color-border-critical-strong-s: var(--dt-color-red-400-s);
746
- --dt-color-border-critical-strong-l: var(--dt-color-red-400-l);
747
- --dt-color-border-critical-strong-a: var(--dt-color-red-400-a);
748
- --dt-color-border-critical-strong-hsl: var(--dt-color-red-400-hsl);
749
- --dt-color-border-critical-strong-hsla: var(--dt-color-red-400-hsla);
750
- --dt-color-border-critical-strong: var(--dt-color-red-400);
751
- --dt-color-border-critical-subtle-h: var(--dt-color-red-200-h);
752
- --dt-color-border-critical-subtle-s: var(--dt-color-red-200-s);
753
- --dt-color-border-critical-subtle-l: var(--dt-color-red-200-l);
754
- --dt-color-border-critical-subtle-a: var(--dt-color-red-200-a);
755
- --dt-color-border-critical-subtle-hsl: var(--dt-color-red-200-hsl);
756
- --dt-color-border-critical-subtle-hsla: var(--dt-color-red-200-hsla);
757
- --dt-color-border-critical-subtle: var(--dt-color-red-200);
758
772
  --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
759
773
  --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
760
774
  --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
@@ -762,41 +776,97 @@
762
776
  --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
763
777
  --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
764
778
  --dt-color-border-accent: var(--dt-color-brand-magenta);
765
- --dt-color-border-brand-h: var(--dt-color-brand-purple-h);
766
- --dt-color-border-brand-s: var(--dt-color-brand-purple-s);
767
- --dt-color-border-brand-l: var(--dt-color-brand-purple-l);
768
- --dt-color-border-brand-a: var(--dt-color-brand-purple-a);
769
- --dt-color-border-brand-hsl: var(--dt-color-brand-purple-hsl);
770
- --dt-color-border-brand-hsla: var(--dt-color-brand-purple-hsla);
771
- --dt-color-border-brand: var(--dt-color-brand-purple);
772
- --dt-color-border-warning-h: var(--dt-color-gold-350-h);
773
- --dt-color-border-warning-s: var(--dt-color-gold-350-s);
774
- --dt-color-border-warning-l: var(--dt-color-gold-350-l);
775
- --dt-color-border-warning-a: var(--dt-color-gold-350-a);
776
- --dt-color-border-warning-hsl: var(--dt-color-gold-350-hsl);
777
- --dt-color-border-warning-hsla: var(--dt-color-gold-350-hsla);
778
- --dt-color-border-warning: var(--dt-color-gold-350);
779
- --dt-color-border-success-h: var(--dt-color-green-400-h);
780
- --dt-color-border-success-s: var(--dt-color-green-400-s);
781
- --dt-color-border-success-l: var(--dt-color-green-400-l);
782
- --dt-color-border-success-a: var(--dt-color-green-400-a);
783
- --dt-color-border-success-hsl: var(--dt-color-green-400-hsl);
784
- --dt-color-border-success-hsla: var(--dt-color-green-400-hsla);
785
- --dt-color-border-success: var(--dt-color-green-400);
786
- --dt-color-border-critical-h: var(--dt-color-red-300-h);
787
- --dt-color-border-critical-s: var(--dt-color-red-300-s);
788
- --dt-color-border-critical-l: var(--dt-color-red-300-l);
789
- --dt-color-border-critical-a: var(--dt-color-red-300-a);
790
- --dt-color-border-critical-hsl: var(--dt-color-red-300-hsl);
791
- --dt-color-border-critical-hsla: var(--dt-color-red-300-hsla);
792
- --dt-color-border-critical: var(--dt-color-red-300);
793
- --dt-color-border-focus-h: var(--dt-color-blue-300-h);
794
- --dt-color-border-focus-s: var(--dt-color-blue-300-s);
795
- --dt-color-border-focus-l: var(--dt-color-blue-300-l);
796
- --dt-color-border-focus-a: var(--dt-color-blue-300-a);
797
- --dt-color-border-focus-hsl: var(--dt-color-blue-300-hsl);
798
- --dt-color-border-focus-hsla: var(--dt-color-blue-300-hsla);
799
- --dt-color-border-focus: var(--dt-color-blue-300);
779
+ --dt-color-border-focus-h: var(--dt-color-blue-475-h);
780
+ --dt-color-border-focus-s: var(--dt-color-blue-475-s);
781
+ --dt-color-border-focus-l: var(--dt-color-blue-475-l);
782
+ --dt-color-border-focus-a: var(--dt-color-blue-475-a);
783
+ --dt-color-border-focus-hsl: var(--dt-color-blue-475-hsl);
784
+ --dt-color-border-focus-hsla: var(--dt-color-blue-475-hsla);
785
+ --dt-color-border-focus: var(--dt-color-blue-475);
786
+ --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-200-h);
787
+ --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-200-s);
788
+ --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-200-l);
789
+ --dt-color-border-brand-strong-inverted-a: var(--dt-color-purple-200-a);
790
+ --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-200-hsl);
791
+ --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-200-hsla);
792
+ --dt-color-border-brand-strong-inverted: var(--dt-color-purple-200);
793
+ --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-300-h);
794
+ --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-300-s);
795
+ --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-300-l);
796
+ --dt-color-border-warning-strong-inverted-a: var(--dt-color-gold-300-a);
797
+ --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-gold-300-hsl);
798
+ --dt-color-border-warning-strong-inverted-hsla: var(--dt-color-gold-300-hsla);
799
+ --dt-color-border-warning-strong-inverted: var(--dt-color-gold-300);
800
+ --dt-color-border-success-strong-inverted-h: var(--dt-color-green-400-h);
801
+ --dt-color-border-success-strong-inverted-s: var(--dt-color-green-400-s);
802
+ --dt-color-border-success-strong-inverted-l: var(--dt-color-green-400-l);
803
+ --dt-color-border-success-strong-inverted-a: var(--dt-color-green-400-a);
804
+ --dt-color-border-success-strong-inverted-hsl: var(--dt-color-green-400-hsl);
805
+ --dt-color-border-success-strong-inverted-hsla: var(--dt-color-green-400-hsla);
806
+ --dt-color-border-success-strong-inverted: var(--dt-color-green-400);
807
+ --dt-color-border-critical-strong-inverted-h: var(--dt-color-red-200-h);
808
+ --dt-color-border-critical-strong-inverted-s: var(--dt-color-red-200-s);
809
+ --dt-color-border-critical-strong-inverted-l: var(--dt-color-red-200-l);
810
+ --dt-color-border-critical-strong-inverted-a: var(--dt-color-red-200-a);
811
+ --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-200-hsl);
812
+ --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-200-hsla);
813
+ --dt-color-border-critical-strong-inverted: var(--dt-color-red-200);
814
+ --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-400-h);
815
+ --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-400-s);
816
+ --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-400-l);
817
+ --dt-color-border-brand-subtle-inverted-a: var(--dt-color-purple-400-a);
818
+ --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-400-hsl);
819
+ --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-400-hsla);
820
+ --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-400);
821
+ --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-600-h);
822
+ --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-600-s);
823
+ --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-600-l);
824
+ --dt-color-border-warning-subtle-inverted-a: var(--dt-color-gold-600-a);
825
+ --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-600-hsl);
826
+ --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-600-hsla);
827
+ --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-600);
828
+ --dt-color-border-success-subtle-inverted-h: var(--dt-color-green-600-h);
829
+ --dt-color-border-success-subtle-inverted-s: var(--dt-color-green-600-s);
830
+ --dt-color-border-success-subtle-inverted-l: var(--dt-color-green-600-l);
831
+ --dt-color-border-success-subtle-inverted-a: var(--dt-color-green-600-a);
832
+ --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-600-hsl);
833
+ --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-600-hsla);
834
+ --dt-color-border-success-subtle-inverted: var(--dt-color-green-600);
835
+ --dt-color-border-critical-subtle-inverted-h: var(--dt-color-red-700-h);
836
+ --dt-color-border-critical-subtle-inverted-s: var(--dt-color-red-700-s);
837
+ --dt-color-border-critical-subtle-inverted-l: var(--dt-color-red-700-l);
838
+ --dt-color-border-critical-subtle-inverted-a: var(--dt-color-red-700-a);
839
+ --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-700-hsl);
840
+ --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-700-hsla);
841
+ --dt-color-border-critical-subtle-inverted: var(--dt-color-red-700);
842
+ --dt-color-border-brand-inverted-h: var(--dt-color-purple-300-h);
843
+ --dt-color-border-brand-inverted-s: var(--dt-color-purple-300-s);
844
+ --dt-color-border-brand-inverted-l: var(--dt-color-purple-300-l);
845
+ --dt-color-border-brand-inverted-a: var(--dt-color-purple-300-a);
846
+ --dt-color-border-brand-inverted-hsl: var(--dt-color-purple-300-hsl);
847
+ --dt-color-border-brand-inverted-hsla: var(--dt-color-purple-300-hsla);
848
+ --dt-color-border-brand-inverted: var(--dt-color-purple-300);
849
+ --dt-color-border-warning-inverted-h: var(--dt-color-gold-450-h);
850
+ --dt-color-border-warning-inverted-s: var(--dt-color-gold-450-s);
851
+ --dt-color-border-warning-inverted-l: var(--dt-color-gold-450-l);
852
+ --dt-color-border-warning-inverted-a: var(--dt-color-gold-450-a);
853
+ --dt-color-border-warning-inverted-hsl: var(--dt-color-gold-450-hsl);
854
+ --dt-color-border-warning-inverted-hsla: var(--dt-color-gold-450-hsla);
855
+ --dt-color-border-warning-inverted: var(--dt-color-gold-450);
856
+ --dt-color-border-success-inverted-h: var(--dt-color-green-425-h);
857
+ --dt-color-border-success-inverted-s: var(--dt-color-green-425-s);
858
+ --dt-color-border-success-inverted-l: var(--dt-color-green-425-l);
859
+ --dt-color-border-success-inverted-a: var(--dt-color-green-425-a);
860
+ --dt-color-border-success-inverted-hsl: var(--dt-color-green-425-hsl);
861
+ --dt-color-border-success-inverted-hsla: var(--dt-color-green-425-hsla);
862
+ --dt-color-border-success-inverted: var(--dt-color-green-425);
863
+ --dt-color-border-critical-inverted-h: var(--dt-color-red-300-h);
864
+ --dt-color-border-critical-inverted-s: var(--dt-color-red-300-s);
865
+ --dt-color-border-critical-inverted-l: var(--dt-color-red-300-l);
866
+ --dt-color-border-critical-inverted-a: var(--dt-color-red-300-a);
867
+ --dt-color-border-critical-inverted-hsl: var(--dt-color-red-300-hsl);
868
+ --dt-color-border-critical-inverted-hsla: var(--dt-color-red-300-hsla);
869
+ --dt-color-border-critical-inverted: var(--dt-color-red-300);
800
870
  --dt-color-border-bold-inverted-h: 0;
801
871
  --dt-color-border-bold-inverted-s: 0%;
802
872
  --dt-color-border-bold-inverted-l: 100%;
@@ -825,6 +895,90 @@
825
895
  --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);
826
896
  --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%));
827
897
  --dt-color-border-subtle-inverted: hsl(0 0% 100% / 0.12);
898
+ --dt-color-border-brand-strong-h: var(--dt-color-purple-500-h);
899
+ --dt-color-border-brand-strong-s: var(--dt-color-purple-500-s);
900
+ --dt-color-border-brand-strong-l: var(--dt-color-purple-500-l);
901
+ --dt-color-border-brand-strong-a: var(--dt-color-purple-500-a);
902
+ --dt-color-border-brand-strong-hsl: var(--dt-color-purple-500-hsl);
903
+ --dt-color-border-brand-strong-hsla: var(--dt-color-purple-500-hsla);
904
+ --dt-color-border-brand-strong: var(--dt-color-purple-500);
905
+ --dt-color-border-warning-strong-h: var(--dt-color-gold-500-h);
906
+ --dt-color-border-warning-strong-s: var(--dt-color-gold-500-s);
907
+ --dt-color-border-warning-strong-l: var(--dt-color-gold-500-l);
908
+ --dt-color-border-warning-strong-a: var(--dt-color-gold-500-a);
909
+ --dt-color-border-warning-strong-hsl: var(--dt-color-gold-500-hsl);
910
+ --dt-color-border-warning-strong-hsla: var(--dt-color-gold-500-hsla);
911
+ --dt-color-border-warning-strong: var(--dt-color-gold-500);
912
+ --dt-color-border-success-strong-h: var(--dt-color-green-600-h);
913
+ --dt-color-border-success-strong-s: var(--dt-color-green-600-s);
914
+ --dt-color-border-success-strong-l: var(--dt-color-green-600-l);
915
+ --dt-color-border-success-strong-a: var(--dt-color-green-600-a);
916
+ --dt-color-border-success-strong-hsl: var(--dt-color-green-600-hsl);
917
+ --dt-color-border-success-strong-hsla: var(--dt-color-green-600-hsla);
918
+ --dt-color-border-success-strong: var(--dt-color-green-600);
919
+ --dt-color-border-critical-strong-h: var(--dt-color-red-600-h);
920
+ --dt-color-border-critical-strong-s: var(--dt-color-red-600-s);
921
+ --dt-color-border-critical-strong-l: var(--dt-color-red-600-l);
922
+ --dt-color-border-critical-strong-a: var(--dt-color-red-600-a);
923
+ --dt-color-border-critical-strong-hsl: var(--dt-color-red-600-hsl);
924
+ --dt-color-border-critical-strong-hsla: var(--dt-color-red-600-hsla);
925
+ --dt-color-border-critical-strong: var(--dt-color-red-600);
926
+ --dt-color-border-brand-subtle-h: var(--dt-color-purple-250-h);
927
+ --dt-color-border-brand-subtle-s: var(--dt-color-purple-250-s);
928
+ --dt-color-border-brand-subtle-l: var(--dt-color-purple-250-l);
929
+ --dt-color-border-brand-subtle-a: var(--dt-color-purple-250-a);
930
+ --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-250-hsl);
931
+ --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-250-hsla);
932
+ --dt-color-border-brand-subtle: var(--dt-color-purple-250);
933
+ --dt-color-border-warning-subtle-h: var(--dt-color-gold-300-h);
934
+ --dt-color-border-warning-subtle-s: var(--dt-color-gold-300-s);
935
+ --dt-color-border-warning-subtle-l: var(--dt-color-gold-300-l);
936
+ --dt-color-border-warning-subtle-a: var(--dt-color-gold-300-a);
937
+ --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-300-hsl);
938
+ --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-300-hsla);
939
+ --dt-color-border-warning-subtle: var(--dt-color-gold-300);
940
+ --dt-color-border-success-subtle-h: var(--dt-color-green-300-h);
941
+ --dt-color-border-success-subtle-s: var(--dt-color-green-300-s);
942
+ --dt-color-border-success-subtle-l: var(--dt-color-green-300-l);
943
+ --dt-color-border-success-subtle-a: var(--dt-color-green-300-a);
944
+ --dt-color-border-success-subtle-hsl: var(--dt-color-green-300-hsl);
945
+ --dt-color-border-success-subtle-hsla: var(--dt-color-green-300-hsla);
946
+ --dt-color-border-success-subtle: var(--dt-color-green-300);
947
+ --dt-color-border-critical-subtle-h: var(--dt-color-red-300-h);
948
+ --dt-color-border-critical-subtle-s: var(--dt-color-red-300-s);
949
+ --dt-color-border-critical-subtle-l: var(--dt-color-red-300-l);
950
+ --dt-color-border-critical-subtle-a: var(--dt-color-red-300-a);
951
+ --dt-color-border-critical-subtle-hsl: var(--dt-color-red-300-hsl);
952
+ --dt-color-border-critical-subtle-hsla: var(--dt-color-red-300-hsla);
953
+ --dt-color-border-critical-subtle: var(--dt-color-red-300);
954
+ --dt-color-border-brand-h: var(--dt-color-brand-purple-h);
955
+ --dt-color-border-brand-s: var(--dt-color-brand-purple-s);
956
+ --dt-color-border-brand-l: var(--dt-color-brand-purple-l);
957
+ --dt-color-border-brand-a: var(--dt-color-brand-purple-a);
958
+ --dt-color-border-brand-hsl: var(--dt-color-brand-purple-hsl);
959
+ --dt-color-border-brand-hsla: var(--dt-color-brand-purple-hsla);
960
+ --dt-color-border-brand: var(--dt-color-brand-purple);
961
+ --dt-color-border-warning-h: var(--dt-color-gold-400-h);
962
+ --dt-color-border-warning-s: var(--dt-color-gold-400-s);
963
+ --dt-color-border-warning-l: var(--dt-color-gold-400-l);
964
+ --dt-color-border-warning-a: var(--dt-color-gold-400-a);
965
+ --dt-color-border-warning-hsl: var(--dt-color-gold-400-hsl);
966
+ --dt-color-border-warning-hsla: var(--dt-color-gold-400-hsla);
967
+ --dt-color-border-warning: var(--dt-color-gold-400);
968
+ --dt-color-border-success-h: var(--dt-color-green-475-h);
969
+ --dt-color-border-success-s: var(--dt-color-green-475-s);
970
+ --dt-color-border-success-l: var(--dt-color-green-475-l);
971
+ --dt-color-border-success-a: var(--dt-color-green-475-a);
972
+ --dt-color-border-success-hsl: var(--dt-color-green-475-hsl);
973
+ --dt-color-border-success-hsla: var(--dt-color-green-475-hsla);
974
+ --dt-color-border-success: var(--dt-color-green-475);
975
+ --dt-color-border-critical-h: var(--dt-color-red-400-h);
976
+ --dt-color-border-critical-s: var(--dt-color-red-400-s);
977
+ --dt-color-border-critical-l: var(--dt-color-red-400-l);
978
+ --dt-color-border-critical-a: var(--dt-color-red-400-a);
979
+ --dt-color-border-critical-hsl: var(--dt-color-red-400-hsl);
980
+ --dt-color-border-critical-hsla: var(--dt-color-red-400-hsla);
981
+ --dt-color-border-critical: var(--dt-color-red-400);
828
982
  --dt-color-border-bold-h: 0;
829
983
  --dt-color-border-bold-s: 0%;
830
984
  --dt-color-border-bold-l: 11%;
@@ -842,17 +996,276 @@
842
996
  --dt-color-border-default-h: 0;
843
997
  --dt-color-border-default-s: 0%;
844
998
  --dt-color-border-default-l: 11%;
845
- --dt-color-border-default-a: 15%;
999
+ --dt-color-border-default-a: 17%;
846
1000
  --dt-color-border-default-hsl: var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l);
847
- --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, 15%));
848
- --dt-color-border-default: hsl(0 0% 11% / 0.15);
1001
+ --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%));
1002
+ --dt-color-border-default: hsl(0 0% 11% / 0.17);
849
1003
  --dt-color-border-subtle-h: 0;
850
1004
  --dt-color-border-subtle-s: 0%;
851
1005
  --dt-color-border-subtle-l: 11%;
852
- --dt-color-border-subtle-a: 10%;
1006
+ --dt-color-border-subtle-a: 11%;
853
1007
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
854
- --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%));
855
- --dt-color-border-subtle: hsl(0 0% 11% / 0.1);
1008
+ --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%));
1009
+ --dt-color-border-subtle: hsl(0 0% 11% / 0.11);
1010
+ --dt-color-surface-backdrop-h: 0;
1011
+ --dt-color-surface-backdrop-s: 0%;
1012
+ --dt-color-surface-backdrop-l: 0%;
1013
+ --dt-color-surface-backdrop-a: 65%;
1014
+ --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
1015
+ --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%));
1016
+ --dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); /* Background color for a modal-like backdrop. */
1017
+ --dt-color-surface-brand-subtle-opaque-inverted-h: 260;
1018
+ --dt-color-surface-brand-subtle-opaque-inverted-s: 100%;
1019
+ --dt-color-surface-brand-subtle-opaque-inverted-l: 8.24%;
1020
+ --dt-color-surface-brand-subtle-opaque-inverted-a: 66%;
1021
+ --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);
1022
+ --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%));
1023
+ --dt-color-surface-brand-subtle-opaque-inverted: hsl(260 100% 8.24% / 0.66); /* Info surface as opaque background color. */
1024
+ --dt-color-surface-info-subtle-opaque-inverted-h: 211;
1025
+ --dt-color-surface-info-subtle-opaque-inverted-s: 91.3%;
1026
+ --dt-color-surface-info-subtle-opaque-inverted-l: 4.51%;
1027
+ --dt-color-surface-info-subtle-opaque-inverted-a: 66%;
1028
+ --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);
1029
+ --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%));
1030
+ --dt-color-surface-info-subtle-opaque-inverted: hsl(211 91.3% 4.51% / 0.66); /* Info surface as opaque background color. */
1031
+ --dt-color-surface-success-subtle-opaque-inverted-h: 157;
1032
+ --dt-color-surface-success-subtle-opaque-inverted-s: 100%;
1033
+ --dt-color-surface-success-subtle-opaque-inverted-l: 4.12%;
1034
+ --dt-color-surface-success-subtle-opaque-inverted-a: 66%;
1035
+ --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);
1036
+ --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%));
1037
+ --dt-color-surface-success-subtle-opaque-inverted: hsl(157 100% 4.12% / 0.66); /* Success subtle surface as opaque background color. */
1038
+ --dt-color-surface-warning-subtle-opaque-inverted-h: 34.8;
1039
+ --dt-color-surface-warning-subtle-opaque-inverted-s: 93.9%;
1040
+ --dt-color-surface-warning-subtle-opaque-inverted-l: 6.47%;
1041
+ --dt-color-surface-warning-subtle-opaque-inverted-a: 70%;
1042
+ --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);
1043
+ --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%));
1044
+ --dt-color-surface-warning-subtle-opaque-inverted: hsl(34.8 93.9% 6.47% / 0.7); /* Warning subtle surface as opaque background color */
1045
+ --dt-color-surface-critical-subtle-opaque-inverted-h: 344;
1046
+ --dt-color-surface-critical-subtle-opaque-inverted-s: 93.1%;
1047
+ --dt-color-surface-critical-subtle-opaque-inverted-l: 5.69%;
1048
+ --dt-color-surface-critical-subtle-opaque-inverted-a: 60%;
1049
+ --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);
1050
+ --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%));
1051
+ --dt-color-surface-critical-subtle-opaque-inverted: hsl(344 93.1% 5.69% / 0.6); /* Critical subtle surface as opaque background color. */
1052
+ --dt-color-surface-brand-opaque-inverted-h: 260;
1053
+ --dt-color-surface-brand-opaque-inverted-s: 97.7%;
1054
+ --dt-color-surface-brand-opaque-inverted-l: 16.9%;
1055
+ --dt-color-surface-brand-opaque-inverted-a: 80%;
1056
+ --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);
1057
+ --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%));
1058
+ --dt-color-surface-brand-opaque-inverted: hsl(260 97.7% 16.9% / 0.8); /* Info surface as opaque background color. */
1059
+ --dt-color-surface-info-opaque-inverted-h: 211;
1060
+ --dt-color-surface-info-opaque-inverted-s: 100%;
1061
+ --dt-color-surface-info-opaque-inverted-l: 8.04%;
1062
+ --dt-color-surface-info-opaque-inverted-a: 60%;
1063
+ --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);
1064
+ --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%));
1065
+ --dt-color-surface-info-opaque-inverted: hsl(211 100% 8.04% / 0.6); /* Info surface as opaque background color. */
1066
+ --dt-color-surface-success-opaque-inverted-h: 155;
1067
+ --dt-color-surface-success-opaque-inverted-s: 100%;
1068
+ --dt-color-surface-success-opaque-inverted-l: 15.5%;
1069
+ --dt-color-surface-success-opaque-inverted-a: 30%;
1070
+ --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);
1071
+ --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%));
1072
+ --dt-color-surface-success-opaque-inverted: hsl(155 100% 15.5% / 0.3); /* Success surface as opaque background color. */
1073
+ --dt-color-surface-warning-opaque-inverted-h: 34.9;
1074
+ --dt-color-surface-warning-opaque-inverted-s: 90.8%;
1075
+ --dt-color-surface-warning-opaque-inverted-l: 17.1%;
1076
+ --dt-color-surface-warning-opaque-inverted-a: 35%;
1077
+ --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);
1078
+ --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%));
1079
+ --dt-color-surface-warning-opaque-inverted: hsl(34.9 90.8% 17.1% / 0.35); /* Warning surface as opaque background color */
1080
+ --dt-color-surface-critical-opaque-inverted-h: 342;
1081
+ --dt-color-surface-critical-opaque-inverted-s: 85.2%;
1082
+ --dt-color-surface-critical-opaque-inverted-l: 21.2%;
1083
+ --dt-color-surface-critical-opaque-inverted-a: 50%;
1084
+ --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);
1085
+ --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%));
1086
+ --dt-color-surface-critical-opaque-inverted: hsl(342 85.2% 21.2% / 0.5); /* Critical surface as opaque background color. */
1087
+ --dt-color-surface-contrast-opaque-inverted-h: 0;
1088
+ --dt-color-surface-contrast-opaque-inverted-s: 0%;
1089
+ --dt-color-surface-contrast-opaque-inverted-l: 100%;
1090
+ --dt-color-surface-contrast-opaque-inverted-a: 97%;
1091
+ --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);
1092
+ --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%));
1093
+ --dt-color-surface-contrast-opaque-inverted: hsl(0 0% 100% / 0.97); /* Contrast surface as opaque background color. */
1094
+ --dt-color-surface-strong-opaque-inverted-h: 0;
1095
+ --dt-color-surface-strong-opaque-inverted-s: 0%;
1096
+ --dt-color-surface-strong-opaque-inverted-l: 100%;
1097
+ --dt-color-surface-strong-opaque-inverted-a: 67%;
1098
+ --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);
1099
+ --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%));
1100
+ --dt-color-surface-strong-opaque-inverted: hsl(0 0% 100% / 0.67); /* Strong surface as opaque background color. */
1101
+ --dt-color-surface-bold-opaque-inverted-h: 0;
1102
+ --dt-color-surface-bold-opaque-inverted-s: 0%;
1103
+ --dt-color-surface-bold-opaque-inverted-l: 100%;
1104
+ --dt-color-surface-bold-opaque-inverted-a: 32%;
1105
+ --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);
1106
+ --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%));
1107
+ --dt-color-surface-bold-opaque-inverted: hsl(0 0% 100% / 0.32); /* Bold surface as opaque background color. */
1108
+ --dt-color-surface-moderate-opaque-inverted-h: 0;
1109
+ --dt-color-surface-moderate-opaque-inverted-s: 0%;
1110
+ --dt-color-surface-moderate-opaque-inverted-l: 100%;
1111
+ --dt-color-surface-moderate-opaque-inverted-a: 23%;
1112
+ --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);
1113
+ --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%));
1114
+ --dt-color-surface-moderate-opaque-inverted: hsl(0 0% 100% / 0.23); /* Moderate surface as opaque background color. */
1115
+ --dt-color-surface-secondary-opaque-inverted-h: 0;
1116
+ --dt-color-surface-secondary-opaque-inverted-s: 0%;
1117
+ --dt-color-surface-secondary-opaque-inverted-l: 100%;
1118
+ --dt-color-surface-secondary-opaque-inverted-a: 15%;
1119
+ --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);
1120
+ --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%));
1121
+ --dt-color-surface-secondary-opaque-inverted: hsl(0 0% 100% / 0.15); /* Secondary surface as opaque background color. */
1122
+ --dt-color-surface-brand-strong-inverted-h: var(--dt-color-purple-300-h);
1123
+ --dt-color-surface-brand-strong-inverted-s: var(--dt-color-purple-300-s);
1124
+ --dt-color-surface-brand-strong-inverted-l: var(--dt-color-purple-300-l);
1125
+ --dt-color-surface-brand-strong-inverted-a: var(--dt-color-purple-300-a);
1126
+ --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-purple-300-hsl);
1127
+ --dt-color-surface-brand-strong-inverted-hsla: var(--dt-color-purple-300-hsla);
1128
+ --dt-color-surface-brand-strong-inverted: var(--dt-color-purple-300); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
1129
+ --dt-color-surface-info-strong-inverted-h: var(--dt-color-blue-425-h);
1130
+ --dt-color-surface-info-strong-inverted-s: var(--dt-color-blue-425-s);
1131
+ --dt-color-surface-info-strong-inverted-l: var(--dt-color-blue-425-l);
1132
+ --dt-color-surface-info-strong-inverted-a: var(--dt-color-blue-425-a);
1133
+ --dt-color-surface-info-strong-inverted-hsl: var(--dt-color-blue-425-hsl);
1134
+ --dt-color-surface-info-strong-inverted-hsla: var(--dt-color-blue-425-hsla);
1135
+ --dt-color-surface-info-strong-inverted: var(--dt-color-blue-425); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
1136
+ --dt-color-surface-success-strong-inverted-h: var(--dt-color-green-350-h);
1137
+ --dt-color-surface-success-strong-inverted-s: var(--dt-color-green-350-s);
1138
+ --dt-color-surface-success-strong-inverted-l: var(--dt-color-green-350-l);
1139
+ --dt-color-surface-success-strong-inverted-a: var(--dt-color-green-350-a);
1140
+ --dt-color-surface-success-strong-inverted-hsl: var(--dt-color-green-350-hsl);
1141
+ --dt-color-surface-success-strong-inverted-hsla: var(--dt-color-green-350-hsla);
1142
+ --dt-color-surface-success-strong-inverted: var(--dt-color-green-350); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
1143
+ --dt-color-surface-warning-strong-inverted-h: var(--dt-color-gold-300-h);
1144
+ --dt-color-surface-warning-strong-inverted-s: var(--dt-color-gold-300-s);
1145
+ --dt-color-surface-warning-strong-inverted-l: var(--dt-color-gold-300-l);
1146
+ --dt-color-surface-warning-strong-inverted-a: var(--dt-color-gold-300-a);
1147
+ --dt-color-surface-warning-strong-inverted-hsl: var(--dt-color-gold-300-hsl);
1148
+ --dt-color-surface-warning-strong-inverted-hsla: var(--dt-color-gold-300-hsla);
1149
+ --dt-color-surface-warning-strong-inverted: var(--dt-color-gold-300); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
1150
+ --dt-color-surface-critical-strong-inverted-h: var(--dt-color-red-300-h);
1151
+ --dt-color-surface-critical-strong-inverted-s: var(--dt-color-red-300-s);
1152
+ --dt-color-surface-critical-strong-inverted-l: var(--dt-color-red-300-l);
1153
+ --dt-color-surface-critical-strong-inverted-a: var(--dt-color-red-300-a);
1154
+ --dt-color-surface-critical-strong-inverted-hsl: var(--dt-color-red-300-hsl);
1155
+ --dt-color-surface-critical-strong-inverted-hsla: var(--dt-color-red-300-hsla);
1156
+ --dt-color-surface-critical-strong-inverted: var(--dt-color-red-300); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
1157
+ --dt-color-surface-brand-subtle-inverted-h: var(--dt-color-purple-1000-h);
1158
+ --dt-color-surface-brand-subtle-inverted-s: var(--dt-color-purple-1000-s);
1159
+ --dt-color-surface-brand-subtle-inverted-l: var(--dt-color-purple-1000-l);
1160
+ --dt-color-surface-brand-subtle-inverted-a: var(--dt-color-purple-1000-a);
1161
+ --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-purple-1000-hsl);
1162
+ --dt-color-surface-brand-subtle-inverted-hsla: var(--dt-color-purple-1000-hsla);
1163
+ --dt-color-surface-brand-subtle-inverted: var(--dt-color-purple-1000); /* A softer version of the default informational surface. */
1164
+ --dt-color-surface-info-subtle-inverted-h: var(--dt-color-blue-1000-h);
1165
+ --dt-color-surface-info-subtle-inverted-s: var(--dt-color-blue-1000-s);
1166
+ --dt-color-surface-info-subtle-inverted-l: var(--dt-color-blue-1000-l);
1167
+ --dt-color-surface-info-subtle-inverted-a: var(--dt-color-blue-1000-a);
1168
+ --dt-color-surface-info-subtle-inverted-hsl: var(--dt-color-blue-1000-hsl);
1169
+ --dt-color-surface-info-subtle-inverted-hsla: var(--dt-color-blue-1000-hsla);
1170
+ --dt-color-surface-info-subtle-inverted: var(--dt-color-blue-1000); /* A softer version of the default informational surface. */
1171
+ --dt-color-surface-success-subtle-inverted-h: var(--dt-color-green-1000-h);
1172
+ --dt-color-surface-success-subtle-inverted-s: var(--dt-color-green-1000-s);
1173
+ --dt-color-surface-success-subtle-inverted-l: var(--dt-color-green-1000-l);
1174
+ --dt-color-surface-success-subtle-inverted-a: var(--dt-color-green-1000-a);
1175
+ --dt-color-surface-success-subtle-inverted-hsl: var(--dt-color-green-1000-hsl);
1176
+ --dt-color-surface-success-subtle-inverted-hsla: var(--dt-color-green-1000-hsla);
1177
+ --dt-color-surface-success-subtle-inverted: var(--dt-color-green-1000); /* A softer version of the default success surface. */
1178
+ --dt-color-surface-warning-subtle-inverted-h: var(--dt-color-gold-1000-h);
1179
+ --dt-color-surface-warning-subtle-inverted-s: var(--dt-color-gold-1000-s);
1180
+ --dt-color-surface-warning-subtle-inverted-l: var(--dt-color-gold-1000-l);
1181
+ --dt-color-surface-warning-subtle-inverted-a: var(--dt-color-gold-1000-a);
1182
+ --dt-color-surface-warning-subtle-inverted-hsl: var(--dt-color-gold-1000-hsl);
1183
+ --dt-color-surface-warning-subtle-inverted-hsla: var(--dt-color-gold-1000-hsla);
1184
+ --dt-color-surface-warning-subtle-inverted: var(--dt-color-gold-1000); /* A softer version of the default warning surface. */
1185
+ --dt-color-surface-critical-subtle-inverted-h: var(--dt-color-red-1000-h);
1186
+ --dt-color-surface-critical-subtle-inverted-s: var(--dt-color-red-1000-s);
1187
+ --dt-color-surface-critical-subtle-inverted-l: var(--dt-color-red-1000-l);
1188
+ --dt-color-surface-critical-subtle-inverted-a: var(--dt-color-red-1000-a);
1189
+ --dt-color-surface-critical-subtle-inverted-hsl: var(--dt-color-red-1000-hsl);
1190
+ --dt-color-surface-critical-subtle-inverted-hsla: var(--dt-color-red-1000-hsla);
1191
+ --dt-color-surface-critical-subtle-inverted: var(--dt-color-red-1000); /* A softer version of the Critical surface. */
1192
+ --dt-color-surface-brand-inverted-h: var(--dt-color-purple-600-h);
1193
+ --dt-color-surface-brand-inverted-s: var(--dt-color-purple-600-s);
1194
+ --dt-color-surface-brand-inverted-l: var(--dt-color-purple-600-l);
1195
+ --dt-color-surface-brand-inverted-a: var(--dt-color-purple-600-a);
1196
+ --dt-color-surface-brand-inverted-hsl: var(--dt-color-purple-600-hsl);
1197
+ --dt-color-surface-brand-inverted-hsla: var(--dt-color-purple-600-hsla);
1198
+ --dt-color-surface-brand-inverted: var(--dt-color-purple-600); /* Background surface color containing messaging or elements communicated as generally informational. */
1199
+ --dt-color-surface-info-inverted-h: var(--dt-color-blue-900-h);
1200
+ --dt-color-surface-info-inverted-s: var(--dt-color-blue-900-s);
1201
+ --dt-color-surface-info-inverted-l: var(--dt-color-blue-900-l);
1202
+ --dt-color-surface-info-inverted-a: var(--dt-color-blue-900-a);
1203
+ --dt-color-surface-info-inverted-hsl: var(--dt-color-blue-900-hsl);
1204
+ --dt-color-surface-info-inverted-hsla: var(--dt-color-blue-900-hsla);
1205
+ --dt-color-surface-info-inverted: var(--dt-color-blue-900); /* Background surface color containing messaging or elements communicated as generally informational. */
1206
+ --dt-color-surface-success-inverted-h: var(--dt-color-green-900-h);
1207
+ --dt-color-surface-success-inverted-s: var(--dt-color-green-900-s);
1208
+ --dt-color-surface-success-inverted-l: var(--dt-color-green-900-l);
1209
+ --dt-color-surface-success-inverted-a: var(--dt-color-green-900-a);
1210
+ --dt-color-surface-success-inverted-hsl: var(--dt-color-green-900-hsl);
1211
+ --dt-color-surface-success-inverted-hsla: var(--dt-color-green-900-hsla);
1212
+ --dt-color-surface-success-inverted: var(--dt-color-green-900); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1213
+ --dt-color-surface-warning-inverted-h: var(--dt-color-gold-900-h);
1214
+ --dt-color-surface-warning-inverted-s: var(--dt-color-gold-900-s);
1215
+ --dt-color-surface-warning-inverted-l: var(--dt-color-gold-900-l);
1216
+ --dt-color-surface-warning-inverted-a: var(--dt-color-gold-900-a);
1217
+ --dt-color-surface-warning-inverted-hsl: var(--dt-color-gold-900-hsl);
1218
+ --dt-color-surface-warning-inverted-hsla: var(--dt-color-gold-900-hsla);
1219
+ --dt-color-surface-warning-inverted: var(--dt-color-gold-900); /* Background surface color highlighting messaging or elements that may require user's attention. */
1220
+ --dt-color-surface-critical-inverted-h: var(--dt-color-red-900-h);
1221
+ --dt-color-surface-critical-inverted-s: var(--dt-color-red-900-s);
1222
+ --dt-color-surface-critical-inverted-l: var(--dt-color-red-900-l);
1223
+ --dt-color-surface-critical-inverted-a: var(--dt-color-red-900-a);
1224
+ --dt-color-surface-critical-inverted-hsl: var(--dt-color-red-900-hsl);
1225
+ --dt-color-surface-critical-inverted-hsla: var(--dt-color-red-900-hsla);
1226
+ --dt-color-surface-critical-inverted: var(--dt-color-red-900); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
1227
+ --dt-color-surface-contrast-inverted-h: var(--dt-color-black-100-h);
1228
+ --dt-color-surface-contrast-inverted-s: var(--dt-color-black-100-s);
1229
+ --dt-color-surface-contrast-inverted-l: var(--dt-color-black-100-l);
1230
+ --dt-color-surface-contrast-inverted-a: var(--dt-color-black-100-a);
1231
+ --dt-color-surface-contrast-inverted-hsl: var(--dt-color-black-100-hsl);
1232
+ --dt-color-surface-contrast-inverted-hsla: var(--dt-color-black-100-hsla);
1233
+ --dt-color-surface-contrast-inverted: var(--dt-color-black-100); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
1234
+ --dt-color-surface-strong-inverted-h: var(--dt-color-black-400-h);
1235
+ --dt-color-surface-strong-inverted-s: var(--dt-color-black-400-s);
1236
+ --dt-color-surface-strong-inverted-l: var(--dt-color-black-400-l);
1237
+ --dt-color-surface-strong-inverted-a: var(--dt-color-black-400-a);
1238
+ --dt-color-surface-strong-inverted-hsl: var(--dt-color-black-400-hsl);
1239
+ --dt-color-surface-strong-inverted-hsla: var(--dt-color-black-400-hsla);
1240
+ --dt-color-surface-strong-inverted: var(--dt-color-black-400); /* Use sparingly to draw the eye to a relatively important region. */
1241
+ --dt-color-surface-bold-inverted-h: var(--dt-color-black-600-h);
1242
+ --dt-color-surface-bold-inverted-s: var(--dt-color-black-600-s);
1243
+ --dt-color-surface-bold-inverted-l: var(--dt-color-black-600-l);
1244
+ --dt-color-surface-bold-inverted-a: var(--dt-color-black-600-a);
1245
+ --dt-color-surface-bold-inverted-hsl: var(--dt-color-black-600-hsl);
1246
+ --dt-color-surface-bold-inverted-hsla: var(--dt-color-black-600-hsla);
1247
+ --dt-color-surface-bold-inverted: var(--dt-color-black-600); /* Highlight or call attention to specific areas of the interface. */
1248
+ --dt-color-surface-moderate-inverted-h: var(--dt-color-black-700-h);
1249
+ --dt-color-surface-moderate-inverted-s: var(--dt-color-black-700-s);
1250
+ --dt-color-surface-moderate-inverted-l: var(--dt-color-black-700-l);
1251
+ --dt-color-surface-moderate-inverted-a: var(--dt-color-black-700-a);
1252
+ --dt-color-surface-moderate-inverted-hsl: var(--dt-color-black-700-hsl);
1253
+ --dt-color-surface-moderate-inverted-hsla: var(--dt-color-black-700-hsla);
1254
+ --dt-color-surface-moderate-inverted: var(--dt-color-black-700); /* A tertiary surface level, prominent without being too overpowering. */
1255
+ --dt-color-surface-secondary-inverted-h: var(--dt-color-black-800-h);
1256
+ --dt-color-surface-secondary-inverted-s: var(--dt-color-black-800-s);
1257
+ --dt-color-surface-secondary-inverted-l: var(--dt-color-black-800-l);
1258
+ --dt-color-surface-secondary-inverted-a: var(--dt-color-black-800-a);
1259
+ --dt-color-surface-secondary-inverted-hsl: var(--dt-color-black-800-hsl);
1260
+ --dt-color-surface-secondary-inverted-hsla: var(--dt-color-black-800-hsla);
1261
+ --dt-color-surface-secondary-inverted: var(--dt-color-black-800); /* For adjacent or complementary regions. */
1262
+ --dt-color-surface-primary-inverted-h: var(--dt-color-black-1000-h);
1263
+ --dt-color-surface-primary-inverted-s: var(--dt-color-black-1000-s);
1264
+ --dt-color-surface-primary-inverted-l: var(--dt-color-black-1000-l);
1265
+ --dt-color-surface-primary-inverted-a: var(--dt-color-black-1000-a);
1266
+ --dt-color-surface-primary-inverted-hsl: var(--dt-color-black-1000-hsl);
1267
+ --dt-color-surface-primary-inverted-hsla: var(--dt-color-black-1000-hsla);
1268
+ --dt-color-surface-primary-inverted: var(--dt-color-black-1000); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
856
1269
  --dt-color-surface-brand-subtle-opaque-h: 260;
857
1270
  --dt-color-surface-brand-subtle-opaque-s: 100%;
858
1271
  --dt-color-surface-brand-subtle-opaque-l: 89%;
@@ -860,160 +1273,6 @@
860
1273
  --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);
861
1274
  --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%));
862
1275
  --dt-color-surface-brand-subtle-opaque: hsl(260 100% 89% / 0.2); /* Info surface as opaque background color. */
863
- --dt-color-surface-brand-opaque-h: 260;
864
- --dt-color-surface-brand-opaque-s: 100%;
865
- --dt-color-surface-brand-opaque-l: 89%;
866
- --dt-color-surface-brand-opaque-a: 27%;
867
- --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);
868
- --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%));
869
- --dt-color-surface-brand-opaque: hsl(260 100% 89% / 0.27); /* Info surface as opaque background color. */
870
- --dt-color-surface-brand-strong-h: var(--dt-color-purple-400-h);
871
- --dt-color-surface-brand-strong-s: var(--dt-color-purple-400-s);
872
- --dt-color-surface-brand-strong-l: var(--dt-color-purple-400-l);
873
- --dt-color-surface-brand-strong-a: var(--dt-color-purple-400-a);
874
- --dt-color-surface-brand-strong-hsl: var(--dt-color-purple-400-hsl);
875
- --dt-color-surface-brand-strong-hsla: var(--dt-color-purple-400-hsla);
876
- --dt-color-surface-brand-strong: var(--dt-color-purple-400); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
877
- --dt-color-surface-brand-subtle-h: 260;
878
- --dt-color-surface-brand-subtle-s: 100%;
879
- --dt-color-surface-brand-subtle-l: 98.2%;
880
- --dt-color-surface-brand-subtle-a: 100%;
881
- --dt-color-surface-brand-subtle-hsl: var(--dt-color-surface-brand-subtle-h) var(--dt-color-surface-brand-subtle-s) var(--dt-color-surface-brand-subtle-l);
882
- --dt-color-surface-brand-subtle-hsla: hsl(var(--dt-color-surface-brand-subtle-h) var(--dt-color-surface-brand-subtle-s) var(--dt-color-surface-brand-subtle-l) / var(--alpha, 100%));
883
- --dt-color-surface-brand-subtle: hsl(260 100% 98.2%); /* A softer version of the default informational surface. */
884
- --dt-color-surface-brand-h: var(--dt-color-purple-100-h);
885
- --dt-color-surface-brand-s: var(--dt-color-purple-100-s);
886
- --dt-color-surface-brand-l: var(--dt-color-purple-100-l);
887
- --dt-color-surface-brand-a: var(--dt-color-purple-100-a);
888
- --dt-color-surface-brand-hsl: var(--dt-color-purple-100-hsl);
889
- --dt-color-surface-brand-hsla: var(--dt-color-purple-100-hsla);
890
- --dt-color-surface-brand: var(--dt-color-purple-100); /* Background surface color containing messaging or elements communicated as generally informational. */
891
- --dt-color-surface-info-strong-h: var(--dt-color-blue-400-h);
892
- --dt-color-surface-info-strong-s: var(--dt-color-blue-400-s);
893
- --dt-color-surface-info-strong-l: var(--dt-color-blue-400-l);
894
- --dt-color-surface-info-strong-a: var(--dt-color-blue-400-a);
895
- --dt-color-surface-info-strong-hsl: var(--dt-color-blue-400-hsl);
896
- --dt-color-surface-info-strong-hsla: var(--dt-color-blue-400-hsla);
897
- --dt-color-surface-info-strong: var(--dt-color-blue-400); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
898
- --dt-color-surface-info-subtle-h: 210;
899
- --dt-color-surface-info-subtle-s: 61.5%;
900
- --dt-color-surface-info-subtle-l: 97.5%;
901
- --dt-color-surface-info-subtle-a: 100%;
902
- --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);
903
- --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%));
904
- --dt-color-surface-info-subtle: hsl(210 61.5% 97.5%); /* A softer version of the default informational surface. */
905
- --dt-color-surface-info-h: var(--dt-color-blue-100-h);
906
- --dt-color-surface-info-s: var(--dt-color-blue-100-s);
907
- --dt-color-surface-info-l: var(--dt-color-blue-100-l);
908
- --dt-color-surface-info-a: var(--dt-color-blue-100-a);
909
- --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
910
- --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
911
- --dt-color-surface-info: var(--dt-color-blue-100); /* Background surface color containing messaging or elements communicated as generally informational. */
912
- --dt-color-surface-success-strong-h: var(--dt-color-green-400-h);
913
- --dt-color-surface-success-strong-s: var(--dt-color-green-400-s);
914
- --dt-color-surface-success-strong-l: var(--dt-color-green-400-l);
915
- --dt-color-surface-success-strong-a: var(--dt-color-green-400-a);
916
- --dt-color-surface-success-strong-hsl: var(--dt-color-green-400-hsl);
917
- --dt-color-surface-success-strong-hsla: var(--dt-color-green-400-hsla);
918
- --dt-color-surface-success-strong: var(--dt-color-green-400); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
919
- --dt-color-surface-success-subtle-h: 111;
920
- --dt-color-surface-success-subtle-s: 53.79999999999999%;
921
- --dt-color-surface-success-subtle-l: 97.5%;
922
- --dt-color-surface-success-subtle-a: 100%;
923
- --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);
924
- --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%));
925
- --dt-color-surface-success-subtle: hsl(111 53.8% 97.5%); /* A softer version of the default success surface. */
926
- --dt-color-surface-success-h: var(--dt-color-green-100-h);
927
- --dt-color-surface-success-s: var(--dt-color-green-100-s);
928
- --dt-color-surface-success-l: var(--dt-color-green-100-l);
929
- --dt-color-surface-success-a: var(--dt-color-green-100-a);
930
- --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
931
- --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
932
- --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
933
- --dt-color-surface-warning-strong-h: var(--dt-color-gold-200-h);
934
- --dt-color-surface-warning-strong-s: var(--dt-color-gold-200-s);
935
- --dt-color-surface-warning-strong-l: var(--dt-color-gold-200-l);
936
- --dt-color-surface-warning-strong-a: var(--dt-color-gold-200-a);
937
- --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-200-hsl);
938
- --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-200-hsla);
939
- --dt-color-surface-warning-strong: var(--dt-color-gold-200); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
940
- --dt-color-surface-warning-subtle-h: 47.1;
941
- --dt-color-surface-warning-subtle-s: 100%;
942
- --dt-color-surface-warning-subtle-l: 95%;
943
- --dt-color-surface-warning-subtle-a: 100%;
944
- --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);
945
- --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%));
946
- --dt-color-surface-warning-subtle: hsl(47.1 100% 95%); /* A softer version of the default warning surface. */
947
- --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
948
- --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
949
- --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
950
- --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
951
- --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
952
- --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
953
- --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
954
- --dt-color-surface-critical-strong-h: var(--dt-color-red-400-h);
955
- --dt-color-surface-critical-strong-s: var(--dt-color-red-400-s);
956
- --dt-color-surface-critical-strong-l: var(--dt-color-red-400-l);
957
- --dt-color-surface-critical-strong-a: var(--dt-color-red-400-a);
958
- --dt-color-surface-critical-strong-hsl: var(--dt-color-red-400-hsl);
959
- --dt-color-surface-critical-strong-hsla: var(--dt-color-red-400-hsla);
960
- --dt-color-surface-critical-strong: var(--dt-color-red-400); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
961
- --dt-color-surface-critical-subtle-h: 358;
962
- --dt-color-surface-critical-subtle-s: 100%;
963
- --dt-color-surface-critical-subtle-l: 97.5%;
964
- --dt-color-surface-critical-subtle-a: 100%;
965
- --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);
966
- --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%));
967
- --dt-color-surface-critical-subtle: hsl(358 100% 97.5%); /* A softer version of the Critical surface. */
968
- --dt-color-surface-critical-h: var(--dt-color-red-100-h);
969
- --dt-color-surface-critical-s: var(--dt-color-red-100-s);
970
- --dt-color-surface-critical-l: var(--dt-color-red-100-l);
971
- --dt-color-surface-critical-a: var(--dt-color-red-100-a);
972
- --dt-color-surface-critical-hsl: var(--dt-color-red-100-hsl);
973
- --dt-color-surface-critical-hsla: var(--dt-color-red-100-hsla);
974
- --dt-color-surface-critical: var(--dt-color-red-100); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
975
- --dt-color-surface-contrast-h: var(--dt-color-black-800-h);
976
- --dt-color-surface-contrast-s: var(--dt-color-black-800-s);
977
- --dt-color-surface-contrast-l: var(--dt-color-black-800-l);
978
- --dt-color-surface-contrast-a: var(--dt-color-black-800-a);
979
- --dt-color-surface-contrast-hsl: var(--dt-color-black-800-hsl);
980
- --dt-color-surface-contrast-hsla: var(--dt-color-black-800-hsla);
981
- --dt-color-surface-contrast: var(--dt-color-black-800); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
982
- --dt-color-surface-strong-h: var(--dt-color-black-600-h);
983
- --dt-color-surface-strong-s: var(--dt-color-black-600-s);
984
- --dt-color-surface-strong-l: var(--dt-color-black-600-l);
985
- --dt-color-surface-strong-a: var(--dt-color-black-600-a);
986
- --dt-color-surface-strong-hsl: var(--dt-color-black-600-hsl);
987
- --dt-color-surface-strong-hsla: var(--dt-color-black-600-hsla);
988
- --dt-color-surface-strong: var(--dt-color-black-600); /* Use sparingly to draw the eye to a relatively important region. */
989
- --dt-color-surface-bold-h: var(--dt-color-black-300-h);
990
- --dt-color-surface-bold-s: var(--dt-color-black-300-s);
991
- --dt-color-surface-bold-l: var(--dt-color-black-300-l);
992
- --dt-color-surface-bold-a: var(--dt-color-black-300-a);
993
- --dt-color-surface-bold-hsl: var(--dt-color-black-300-hsl);
994
- --dt-color-surface-bold-hsla: var(--dt-color-black-300-hsla);
995
- --dt-color-surface-bold: var(--dt-color-black-300); /* Highlight or call attention to specific areas of the interface. */
996
- --dt-color-surface-moderate-h: var(--dt-color-black-200-h);
997
- --dt-color-surface-moderate-s: var(--dt-color-black-200-s);
998
- --dt-color-surface-moderate-l: var(--dt-color-black-200-l);
999
- --dt-color-surface-moderate-a: var(--dt-color-black-200-a);
1000
- --dt-color-surface-moderate-hsl: var(--dt-color-black-200-hsl);
1001
- --dt-color-surface-moderate-hsla: var(--dt-color-black-200-hsla);
1002
- --dt-color-surface-moderate: var(--dt-color-black-200); /* A tertiary surface level, prominent without being too overpowering. */
1003
- --dt-color-surface-secondary-h: var(--dt-color-black-100-h);
1004
- --dt-color-surface-secondary-s: var(--dt-color-black-100-s);
1005
- --dt-color-surface-secondary-l: var(--dt-color-black-100-l);
1006
- --dt-color-surface-secondary-a: var(--dt-color-black-100-a);
1007
- --dt-color-surface-secondary-hsl: var(--dt-color-black-100-hsl);
1008
- --dt-color-surface-secondary-hsla: var(--dt-color-black-100-hsla);
1009
- --dt-color-surface-secondary: var(--dt-color-black-100); /* For adjacent or complementary regions. */
1010
- --dt-color-surface-primary-h: var(--dt-color-neutral-white-h);
1011
- --dt-color-surface-primary-s: var(--dt-color-neutral-white-s);
1012
- --dt-color-surface-primary-l: var(--dt-color-neutral-white-l);
1013
- --dt-color-surface-primary-a: var(--dt-color-neutral-white-a);
1014
- --dt-color-surface-primary-hsl: var(--dt-color-neutral-white-hsl);
1015
- --dt-color-surface-primary-hsla: var(--dt-color-neutral-white-hsla);
1016
- --dt-color-surface-primary: var(--dt-color-neutral-white); /* Default surface color for the majority of surfaces. */
1017
1276
  --dt-color-surface-info-subtle-opaque-h: 210;
1018
1277
  --dt-color-surface-info-subtle-opaque-s: 61.5%;
1019
1278
  --dt-color-surface-info-subtle-opaque-l: 94.9%;
@@ -1021,13 +1280,6 @@
1021
1280
  --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);
1022
1281
  --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%));
1023
1282
  --dt-color-surface-info-subtle-opaque: hsl(210 61.5% 94.9% / 0.5); /* Info surface as opaque background color. */
1024
- --dt-color-surface-info-opaque-h: 201;
1025
- --dt-color-surface-info-opaque-s: 100%;
1026
- --dt-color-surface-info-opaque-l: 87.1%;
1027
- --dt-color-surface-info-opaque-a: 35%;
1028
- --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);
1029
- --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%));
1030
- --dt-color-surface-info-opaque: hsl(201 100% 87.1% / 0.35); /* Info surface as opaque background color. */
1031
1283
  --dt-color-surface-success-subtle-opaque-h: 111;
1032
1284
  --dt-color-surface-success-subtle-opaque-s: 53.79999999999999%;
1033
1285
  --dt-color-surface-success-subtle-opaque-l: 94.9%;
@@ -1035,13 +1287,6 @@
1035
1287
  --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);
1036
1288
  --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%));
1037
1289
  --dt-color-surface-success-subtle-opaque: hsl(111 53.8% 94.9% / 0.5); /* Success subtle surface as opaque background color. */
1038
- --dt-color-surface-success-opaque-h: 85.1;
1039
- --dt-color-surface-success-opaque-s: 100%;
1040
- --dt-color-surface-success-opaque-l: 83.1%;
1041
- --dt-color-surface-success-opaque-a: 25%;
1042
- --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);
1043
- --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%));
1044
- --dt-color-surface-success-opaque: hsl(85.1 100% 83.1% / 0.25); /* Success surface as opaque background color. */
1045
1290
  --dt-color-surface-warning-subtle-opaque-h: 47.1;
1046
1291
  --dt-color-surface-warning-subtle-opaque-s: 100%;
1047
1292
  --dt-color-surface-warning-subtle-opaque-l: 90%;
@@ -1049,6 +1294,34 @@
1049
1294
  --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);
1050
1295
  --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%));
1051
1296
  --dt-color-surface-warning-subtle-opaque: hsl(47.1 100% 90% / 0.5); /* Warning subtle surface as opaque background color */
1297
+ --dt-color-surface-critical-subtle-opaque-h: 358;
1298
+ --dt-color-surface-critical-subtle-opaque-s: 100%;
1299
+ --dt-color-surface-critical-subtle-opaque-l: 94.9%;
1300
+ --dt-color-surface-critical-subtle-opaque-a: 50%;
1301
+ --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);
1302
+ --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%));
1303
+ --dt-color-surface-critical-subtle-opaque: hsl(358 100% 94.9% / 0.5); /* Critical subtle surface as opaque background color. */
1304
+ --dt-color-surface-brand-opaque-h: 260;
1305
+ --dt-color-surface-brand-opaque-s: 100%;
1306
+ --dt-color-surface-brand-opaque-l: 89%;
1307
+ --dt-color-surface-brand-opaque-a: 27%;
1308
+ --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);
1309
+ --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%));
1310
+ --dt-color-surface-brand-opaque: hsl(260 100% 89% / 0.27); /* Info surface as opaque background color. */
1311
+ --dt-color-surface-info-opaque-h: 201;
1312
+ --dt-color-surface-info-opaque-s: 100%;
1313
+ --dt-color-surface-info-opaque-l: 87.1%;
1314
+ --dt-color-surface-info-opaque-a: 35%;
1315
+ --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);
1316
+ --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%));
1317
+ --dt-color-surface-info-opaque: hsl(201 100% 87.1% / 0.35); /* Info surface as opaque background color. */
1318
+ --dt-color-surface-success-opaque-h: 85.1;
1319
+ --dt-color-surface-success-opaque-s: 100%;
1320
+ --dt-color-surface-success-opaque-l: 83.1%;
1321
+ --dt-color-surface-success-opaque-a: 25%;
1322
+ --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);
1323
+ --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%));
1324
+ --dt-color-surface-success-opaque: hsl(85.1 100% 83.1% / 0.25); /* Success surface as opaque background color. */
1052
1325
  --dt-color-surface-warning-opaque-h: 46.1;
1053
1326
  --dt-color-surface-warning-opaque-s: 100%;
1054
1327
  --dt-color-surface-warning-opaque-l: 80.6%;
@@ -1056,13 +1329,6 @@
1056
1329
  --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);
1057
1330
  --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%));
1058
1331
  --dt-color-surface-warning-opaque: hsl(46.1 100% 80.6% / 0.5); /* Warning surface as opaque background color */
1059
- --dt-color-surface-critical-subtle-opaque-h: 4.62;
1060
- --dt-color-surface-critical-subtle-opaque-s: 100%;
1061
- --dt-color-surface-critical-subtle-opaque-l: 82.2%;
1062
- --dt-color-surface-critical-subtle-opaque-a: 15%;
1063
- --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);
1064
- --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, 15%));
1065
- --dt-color-surface-critical-subtle-opaque: hsl(4.62 100% 82.2% / 0.15); /* Critical subtle surface as opaque background color. */
1066
1332
  --dt-color-surface-critical-opaque-h: 4.62;
1067
1333
  --dt-color-surface-critical-opaque-s: 100%;
1068
1334
  --dt-color-surface-critical-opaque-l: 82.2%;
@@ -1070,13 +1336,6 @@
1070
1336
  --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);
1071
1337
  --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%));
1072
1338
  --dt-color-surface-critical-opaque: hsl(4.62 100% 82.2% / 0.31); /* Critical surface as opaque background color. */
1073
- --dt-color-surface-backdrop-h: 0;
1074
- --dt-color-surface-backdrop-s: 0%;
1075
- --dt-color-surface-backdrop-l: 0%;
1076
- --dt-color-surface-backdrop-a: 65%;
1077
- --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
1078
- --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%));
1079
- --dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); /* Background color for a modal-like backdrop. */
1080
1339
  --dt-color-surface-contrast-opaque-h: 0;
1081
1340
  --dt-color-surface-contrast-opaque-s: 0%;
1082
1341
  --dt-color-surface-contrast-opaque-l: 11%;
@@ -1112,6 +1371,153 @@
1112
1371
  --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);
1113
1372
  --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%));
1114
1373
  --dt-color-surface-secondary-opaque: hsl(0 0% 11% / 0.02); /* Secondary surface as opaque background color. */
1374
+ --dt-color-surface-brand-strong-h: var(--dt-color-purple-400-h);
1375
+ --dt-color-surface-brand-strong-s: var(--dt-color-purple-400-s);
1376
+ --dt-color-surface-brand-strong-l: var(--dt-color-purple-400-l);
1377
+ --dt-color-surface-brand-strong-a: var(--dt-color-purple-400-a);
1378
+ --dt-color-surface-brand-strong-hsl: var(--dt-color-purple-400-hsl);
1379
+ --dt-color-surface-brand-strong-hsla: var(--dt-color-purple-400-hsla);
1380
+ --dt-color-surface-brand-strong: var(--dt-color-purple-400); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
1381
+ --dt-color-surface-info-strong-h: var(--dt-color-blue-500-h);
1382
+ --dt-color-surface-info-strong-s: var(--dt-color-blue-500-s);
1383
+ --dt-color-surface-info-strong-l: var(--dt-color-blue-500-l);
1384
+ --dt-color-surface-info-strong-a: var(--dt-color-blue-500-a);
1385
+ --dt-color-surface-info-strong-hsl: var(--dt-color-blue-500-hsl);
1386
+ --dt-color-surface-info-strong-hsla: var(--dt-color-blue-500-hsla);
1387
+ --dt-color-surface-info-strong: var(--dt-color-blue-500); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
1388
+ --dt-color-surface-success-strong-h: var(--dt-color-green-500-h);
1389
+ --dt-color-surface-success-strong-s: var(--dt-color-green-500-s);
1390
+ --dt-color-surface-success-strong-l: var(--dt-color-green-500-l);
1391
+ --dt-color-surface-success-strong-a: var(--dt-color-green-500-a);
1392
+ --dt-color-surface-success-strong-hsl: var(--dt-color-green-500-hsl);
1393
+ --dt-color-surface-success-strong-hsla: var(--dt-color-green-500-hsla);
1394
+ --dt-color-surface-success-strong: var(--dt-color-green-500); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
1395
+ --dt-color-surface-warning-strong-h: var(--dt-color-gold-350-h);
1396
+ --dt-color-surface-warning-strong-s: var(--dt-color-gold-350-s);
1397
+ --dt-color-surface-warning-strong-l: var(--dt-color-gold-350-l);
1398
+ --dt-color-surface-warning-strong-a: var(--dt-color-gold-350-a);
1399
+ --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-350-hsl);
1400
+ --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-350-hsla);
1401
+ --dt-color-surface-warning-strong: var(--dt-color-gold-350); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
1402
+ --dt-color-surface-critical-strong-h: var(--dt-color-red-450-h);
1403
+ --dt-color-surface-critical-strong-s: var(--dt-color-red-450-s);
1404
+ --dt-color-surface-critical-strong-l: var(--dt-color-red-450-l);
1405
+ --dt-color-surface-critical-strong-a: var(--dt-color-red-450-a);
1406
+ --dt-color-surface-critical-strong-hsl: var(--dt-color-red-450-hsl);
1407
+ --dt-color-surface-critical-strong-hsla: var(--dt-color-red-450-hsla);
1408
+ --dt-color-surface-critical-strong: var(--dt-color-red-450); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
1409
+ --dt-color-surface-brand-subtle-h: var(--dt-color-purple-50-h);
1410
+ --dt-color-surface-brand-subtle-s: var(--dt-color-purple-50-s);
1411
+ --dt-color-surface-brand-subtle-l: var(--dt-color-purple-50-l);
1412
+ --dt-color-surface-brand-subtle-a: var(--dt-color-purple-50-a);
1413
+ --dt-color-surface-brand-subtle-hsl: var(--dt-color-purple-50-hsl);
1414
+ --dt-color-surface-brand-subtle-hsla: var(--dt-color-purple-50-hsla);
1415
+ --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
1416
+ --dt-color-surface-info-subtle-h: var(--dt-color-blue-50-h);
1417
+ --dt-color-surface-info-subtle-s: var(--dt-color-blue-50-s);
1418
+ --dt-color-surface-info-subtle-l: var(--dt-color-blue-50-l);
1419
+ --dt-color-surface-info-subtle-a: var(--dt-color-blue-50-a);
1420
+ --dt-color-surface-info-subtle-hsl: var(--dt-color-blue-50-hsl);
1421
+ --dt-color-surface-info-subtle-hsla: var(--dt-color-blue-50-hsla);
1422
+ --dt-color-surface-info-subtle: var(--dt-color-blue-50); /* A softer version of the default informational surface. */
1423
+ --dt-color-surface-success-subtle-h: var(--dt-color-green-50-h);
1424
+ --dt-color-surface-success-subtle-s: var(--dt-color-green-50-s);
1425
+ --dt-color-surface-success-subtle-l: var(--dt-color-green-50-l);
1426
+ --dt-color-surface-success-subtle-a: var(--dt-color-green-50-a);
1427
+ --dt-color-surface-success-subtle-hsl: var(--dt-color-green-50-hsl);
1428
+ --dt-color-surface-success-subtle-hsla: var(--dt-color-green-50-hsla);
1429
+ --dt-color-surface-success-subtle: var(--dt-color-green-50); /* A softer version of the default success surface. */
1430
+ --dt-color-surface-warning-subtle-h: var(--dt-color-gold-50-h);
1431
+ --dt-color-surface-warning-subtle-s: var(--dt-color-gold-50-s);
1432
+ --dt-color-surface-warning-subtle-l: var(--dt-color-gold-50-l);
1433
+ --dt-color-surface-warning-subtle-a: var(--dt-color-gold-50-a);
1434
+ --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-50-hsl);
1435
+ --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-50-hsla);
1436
+ --dt-color-surface-warning-subtle: var(--dt-color-gold-50); /* A softer version of the default warning surface. */
1437
+ --dt-color-surface-critical-subtle-h: var(--dt-color-red-50-h);
1438
+ --dt-color-surface-critical-subtle-s: var(--dt-color-red-50-s);
1439
+ --dt-color-surface-critical-subtle-l: var(--dt-color-red-50-l);
1440
+ --dt-color-surface-critical-subtle-a: var(--dt-color-red-50-a);
1441
+ --dt-color-surface-critical-subtle-hsl: var(--dt-color-red-50-hsl);
1442
+ --dt-color-surface-critical-subtle-hsla: var(--dt-color-red-50-hsla);
1443
+ --dt-color-surface-critical-subtle: var(--dt-color-red-50); /* A softer version of the Critical surface. */
1444
+ --dt-color-surface-brand-h: var(--dt-color-purple-100-h);
1445
+ --dt-color-surface-brand-s: var(--dt-color-purple-100-s);
1446
+ --dt-color-surface-brand-l: var(--dt-color-purple-100-l);
1447
+ --dt-color-surface-brand-a: var(--dt-color-purple-100-a);
1448
+ --dt-color-surface-brand-hsl: var(--dt-color-purple-100-hsl);
1449
+ --dt-color-surface-brand-hsla: var(--dt-color-purple-100-hsla);
1450
+ --dt-color-surface-brand: var(--dt-color-purple-100); /* Background surface color containing messaging or elements communicated as generally informational. */
1451
+ --dt-color-surface-info-h: var(--dt-color-blue-100-h);
1452
+ --dt-color-surface-info-s: var(--dt-color-blue-100-s);
1453
+ --dt-color-surface-info-l: var(--dt-color-blue-100-l);
1454
+ --dt-color-surface-info-a: var(--dt-color-blue-100-a);
1455
+ --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
1456
+ --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
1457
+ --dt-color-surface-info: var(--dt-color-blue-100); /* Background surface color containing messaging or elements communicated as generally informational. */
1458
+ --dt-color-surface-success-h: var(--dt-color-green-100-h);
1459
+ --dt-color-surface-success-s: var(--dt-color-green-100-s);
1460
+ --dt-color-surface-success-l: var(--dt-color-green-100-l);
1461
+ --dt-color-surface-success-a: var(--dt-color-green-100-a);
1462
+ --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
1463
+ --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
1464
+ --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1465
+ --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
1466
+ --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
1467
+ --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
1468
+ --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
1469
+ --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
1470
+ --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
1471
+ --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
1472
+ --dt-color-surface-critical-h: var(--dt-color-red-100-h);
1473
+ --dt-color-surface-critical-s: var(--dt-color-red-100-s);
1474
+ --dt-color-surface-critical-l: var(--dt-color-red-100-l);
1475
+ --dt-color-surface-critical-a: var(--dt-color-red-100-a);
1476
+ --dt-color-surface-critical-hsl: var(--dt-color-red-100-hsl);
1477
+ --dt-color-surface-critical-hsla: var(--dt-color-red-100-hsla);
1478
+ --dt-color-surface-critical: var(--dt-color-red-100); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
1479
+ --dt-color-surface-contrast-h: var(--dt-color-black-800-h);
1480
+ --dt-color-surface-contrast-s: var(--dt-color-black-800-s);
1481
+ --dt-color-surface-contrast-l: var(--dt-color-black-800-l);
1482
+ --dt-color-surface-contrast-a: var(--dt-color-black-800-a);
1483
+ --dt-color-surface-contrast-hsl: var(--dt-color-black-800-hsl);
1484
+ --dt-color-surface-contrast-hsla: var(--dt-color-black-800-hsla);
1485
+ --dt-color-surface-contrast: var(--dt-color-black-800); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
1486
+ --dt-color-surface-strong-h: var(--dt-color-black-600-h);
1487
+ --dt-color-surface-strong-s: var(--dt-color-black-600-s);
1488
+ --dt-color-surface-strong-l: var(--dt-color-black-600-l);
1489
+ --dt-color-surface-strong-a: var(--dt-color-black-600-a);
1490
+ --dt-color-surface-strong-hsl: var(--dt-color-black-600-hsl);
1491
+ --dt-color-surface-strong-hsla: var(--dt-color-black-600-hsla);
1492
+ --dt-color-surface-strong: var(--dt-color-black-600); /* Use sparingly to draw the eye to a relatively important region. */
1493
+ --dt-color-surface-bold-h: var(--dt-color-black-300-h);
1494
+ --dt-color-surface-bold-s: var(--dt-color-black-300-s);
1495
+ --dt-color-surface-bold-l: var(--dt-color-black-300-l);
1496
+ --dt-color-surface-bold-a: var(--dt-color-black-300-a);
1497
+ --dt-color-surface-bold-hsl: var(--dt-color-black-300-hsl);
1498
+ --dt-color-surface-bold-hsla: var(--dt-color-black-300-hsla);
1499
+ --dt-color-surface-bold: var(--dt-color-black-300); /* Highlight or call attention to specific areas of the interface. */
1500
+ --dt-color-surface-moderate-h: var(--dt-color-black-200-h);
1501
+ --dt-color-surface-moderate-s: var(--dt-color-black-200-s);
1502
+ --dt-color-surface-moderate-l: var(--dt-color-black-200-l);
1503
+ --dt-color-surface-moderate-a: var(--dt-color-black-200-a);
1504
+ --dt-color-surface-moderate-hsl: var(--dt-color-black-200-hsl);
1505
+ --dt-color-surface-moderate-hsla: var(--dt-color-black-200-hsla);
1506
+ --dt-color-surface-moderate: var(--dt-color-black-200); /* A tertiary surface level, prominent without being too overpowering. */
1507
+ --dt-color-surface-secondary-h: var(--dt-color-black-100-h);
1508
+ --dt-color-surface-secondary-s: var(--dt-color-black-100-s);
1509
+ --dt-color-surface-secondary-l: var(--dt-color-black-100-l);
1510
+ --dt-color-surface-secondary-a: var(--dt-color-black-100-a);
1511
+ --dt-color-surface-secondary-hsl: var(--dt-color-black-100-hsl);
1512
+ --dt-color-surface-secondary-hsla: var(--dt-color-black-100-hsla);
1513
+ --dt-color-surface-secondary: var(--dt-color-black-100); /* For adjacent or complementary regions. */
1514
+ --dt-color-surface-primary-h: var(--dt-color-black-50-h);
1515
+ --dt-color-surface-primary-s: var(--dt-color-black-50-s);
1516
+ --dt-color-surface-primary-l: var(--dt-color-black-50-l);
1517
+ --dt-color-surface-primary-a: var(--dt-color-black-50-a);
1518
+ --dt-color-surface-primary-hsl: var(--dt-color-black-50-hsl);
1519
+ --dt-color-surface-primary-hsla: var(--dt-color-black-50-hsla);
1520
+ --dt-color-surface-primary: var(--dt-color-black-50); /* Default surface color for the majority of surfaces. */
1115
1521
  --dt-color-link-muted-inverted-hover-h: var(--dt-color-black-100-h);
1116
1522
  --dt-color-link-muted-inverted-hover-s: var(--dt-color-black-100-s);
1117
1523
  --dt-color-link-muted-inverted-hover-l: var(--dt-color-black-100-l);
@@ -1119,13 +1525,13 @@
1119
1525
  --dt-color-link-muted-inverted-hover-hsl: var(--dt-color-black-100-hsl);
1120
1526
  --dt-color-link-muted-inverted-hover-hsla: var(--dt-color-black-100-hsla);
1121
1527
  --dt-color-link-muted-inverted-hover: var(--dt-color-black-100);
1122
- --dt-color-link-warning-inverted-hover-h: var(--dt-color-gold-150-h);
1123
- --dt-color-link-warning-inverted-hover-s: var(--dt-color-gold-150-s);
1124
- --dt-color-link-warning-inverted-hover-l: var(--dt-color-gold-150-l);
1125
- --dt-color-link-warning-inverted-hover-a: var(--dt-color-gold-150-a);
1126
- --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-gold-150-hsl);
1127
- --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-gold-150-hsla);
1128
- --dt-color-link-warning-inverted-hover: var(--dt-color-gold-150);
1528
+ --dt-color-link-warning-inverted-hover-h: var(--dt-color-gold-300-h);
1529
+ --dt-color-link-warning-inverted-hover-s: var(--dt-color-gold-300-s);
1530
+ --dt-color-link-warning-inverted-hover-l: var(--dt-color-gold-300-l);
1531
+ --dt-color-link-warning-inverted-hover-a: var(--dt-color-gold-300-a);
1532
+ --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-gold-300-hsl);
1533
+ --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-gold-300-hsla);
1534
+ --dt-color-link-warning-inverted-hover: var(--dt-color-gold-300);
1129
1535
  --dt-color-link-primary-inverted-hover-h: var(--dt-color-purple-200-h);
1130
1536
  --dt-color-link-primary-inverted-hover-s: var(--dt-color-purple-200-s);
1131
1537
  --dt-color-link-primary-inverted-hover-l: var(--dt-color-purple-200-l);
@@ -1133,27 +1539,34 @@
1133
1539
  --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-200-hsl);
1134
1540
  --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-200-hsla);
1135
1541
  --dt-color-link-primary-inverted-hover: var(--dt-color-purple-200);
1136
- --dt-color-link-warning-hover-h: var(--dt-color-gold-600-h);
1137
- --dt-color-link-warning-hover-s: var(--dt-color-gold-600-s);
1138
- --dt-color-link-warning-hover-l: var(--dt-color-gold-600-l);
1139
- --dt-color-link-warning-hover-a: var(--dt-color-gold-600-a);
1140
- --dt-color-link-warning-hover-hsl: var(--dt-color-gold-600-hsl);
1141
- --dt-color-link-warning-hover-hsla: var(--dt-color-gold-600-hsla);
1142
- --dt-color-link-warning-hover: var(--dt-color-gold-600);
1143
- --dt-color-link-primary-hover-h: var(--dt-color-purple-475-h);
1144
- --dt-color-link-primary-hover-s: var(--dt-color-purple-475-s);
1145
- --dt-color-link-primary-hover-l: var(--dt-color-purple-475-l);
1146
- --dt-color-link-primary-hover-a: var(--dt-color-purple-475-a);
1147
- --dt-color-link-primary-hover-hsl: var(--dt-color-purple-475-hsl);
1148
- --dt-color-link-primary-hover-hsla: var(--dt-color-purple-475-hsla);
1149
- --dt-color-link-primary-hover: var(--dt-color-purple-475);
1150
- --dt-color-link-primary-inverted-h: var(--dt-color-purple-300-h);
1151
- --dt-color-link-primary-inverted-s: var(--dt-color-purple-300-s);
1152
- --dt-color-link-primary-inverted-l: var(--dt-color-purple-300-l);
1153
- --dt-color-link-primary-inverted-a: var(--dt-color-purple-300-a);
1154
- --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-300-hsl);
1155
- --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-300-hsla);
1156
- --dt-color-link-primary-inverted: var(--dt-color-purple-300);
1542
+ --dt-color-link-primary-inverted-h: var(--dt-color-purple-250-h);
1543
+ --dt-color-link-primary-inverted-s: var(--dt-color-purple-250-s);
1544
+ --dt-color-link-primary-inverted-l: var(--dt-color-purple-250-l);
1545
+ --dt-color-link-primary-inverted-a: var(--dt-color-purple-250-a);
1546
+ --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-250-hsl);
1547
+ --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-250-hsla);
1548
+ --dt-color-link-primary-inverted: var(--dt-color-purple-250);
1549
+ --dt-color-link-muted-hover-h: var(--dt-color-foreground-primary-h);
1550
+ --dt-color-link-muted-hover-s: var(--dt-color-foreground-primary-s);
1551
+ --dt-color-link-muted-hover-l: var(--dt-color-foreground-primary-l);
1552
+ --dt-color-link-muted-hover-a: var(--dt-color-foreground-primary-a);
1553
+ --dt-color-link-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
1554
+ --dt-color-link-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
1555
+ --dt-color-link-muted-hover: var(--dt-color-foreground-primary);
1556
+ --dt-color-link-warning-hover-h: var(--dt-color-gold-700-h);
1557
+ --dt-color-link-warning-hover-s: var(--dt-color-gold-700-s);
1558
+ --dt-color-link-warning-hover-l: var(--dt-color-gold-700-l);
1559
+ --dt-color-link-warning-hover-a: var(--dt-color-gold-700-a);
1560
+ --dt-color-link-warning-hover-hsl: var(--dt-color-gold-700-hsl);
1561
+ --dt-color-link-warning-hover-hsla: var(--dt-color-gold-700-hsla);
1562
+ --dt-color-link-warning-hover: var(--dt-color-gold-700);
1563
+ --dt-color-link-primary-hover-h: var(--dt-color-purple-500-h);
1564
+ --dt-color-link-primary-hover-s: var(--dt-color-purple-500-s);
1565
+ --dt-color-link-primary-hover-l: var(--dt-color-purple-500-l);
1566
+ --dt-color-link-primary-hover-a: var(--dt-color-purple-500-a);
1567
+ --dt-color-link-primary-hover-hsl: var(--dt-color-purple-500-hsl);
1568
+ --dt-color-link-primary-hover-hsla: var(--dt-color-purple-500-hsla);
1569
+ --dt-color-link-primary-hover: var(--dt-color-purple-500);
1157
1570
  --dt-color-link-primary-h: var(--dt-color-purple-400-h);
1158
1571
  --dt-color-link-primary-s: var(--dt-color-purple-400-s);
1159
1572
  --dt-color-link-primary-l: var(--dt-color-purple-400-l);
@@ -1161,13 +1574,13 @@
1161
1574
  --dt-color-link-primary-hsl: var(--dt-color-purple-400-hsl);
1162
1575
  --dt-color-link-primary-hsla: var(--dt-color-purple-400-hsla);
1163
1576
  --dt-color-link-primary: var(--dt-color-purple-400);
1164
- --dt-color-foreground-warning-inverted-h: var(--dt-color-gold-250-h);
1165
- --dt-color-foreground-warning-inverted-s: var(--dt-color-gold-250-s);
1166
- --dt-color-foreground-warning-inverted-l: var(--dt-color-gold-250-l);
1167
- --dt-color-foreground-warning-inverted-a: var(--dt-color-gold-250-a);
1168
- --dt-color-foreground-warning-inverted-hsl: var(--dt-color-gold-250-hsl);
1169
- --dt-color-foreground-warning-inverted-hsla: var(--dt-color-gold-250-hsla);
1170
- --dt-color-foreground-warning-inverted: var(--dt-color-gold-250); /* Warning text that sits on high-contrast surfaces or backgrounds */
1577
+ --dt-color-foreground-warning-inverted-h: var(--dt-color-gold-400-h);
1578
+ --dt-color-foreground-warning-inverted-s: var(--dt-color-gold-400-s);
1579
+ --dt-color-foreground-warning-inverted-l: var(--dt-color-gold-400-l);
1580
+ --dt-color-foreground-warning-inverted-a: var(--dt-color-gold-400-a);
1581
+ --dt-color-foreground-warning-inverted-hsl: var(--dt-color-gold-400-hsl);
1582
+ --dt-color-foreground-warning-inverted-hsla: var(--dt-color-gold-400-hsla);
1583
+ --dt-color-foreground-warning-inverted: var(--dt-color-gold-400); /* Warning text that sits on high-contrast surfaces or backgrounds */
1171
1584
  --dt-color-foreground-success-strong-inverted-h: var(--dt-color-green-200-h);
1172
1585
  --dt-color-foreground-success-strong-inverted-s: var(--dt-color-green-200-s);
1173
1586
  --dt-color-foreground-success-strong-inverted-l: var(--dt-color-green-200-l);
@@ -1175,27 +1588,27 @@
1175
1588
  --dt-color-foreground-success-strong-inverted-hsl: var(--dt-color-green-200-hsl);
1176
1589
  --dt-color-foreground-success-strong-inverted-hsla: var(--dt-color-green-200-hsla);
1177
1590
  --dt-color-foreground-success-strong-inverted: var(--dt-color-green-200); /* Success strong text that sits on high-contrast surfaces or backgrounds */
1178
- --dt-color-foreground-success-inverted-h: var(--dt-color-green-250-h);
1179
- --dt-color-foreground-success-inverted-s: var(--dt-color-green-250-s);
1180
- --dt-color-foreground-success-inverted-l: var(--dt-color-green-250-l);
1181
- --dt-color-foreground-success-inverted-a: var(--dt-color-green-250-a);
1182
- --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-250-hsl);
1183
- --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-250-hsla);
1184
- --dt-color-foreground-success-inverted: var(--dt-color-green-250); /* Success text that sits on high-contrast surfaces or backgrounds */
1185
- --dt-color-foreground-critical-strong-inverted-h: var(--dt-color-red-150-h);
1186
- --dt-color-foreground-critical-strong-inverted-s: var(--dt-color-red-150-s);
1187
- --dt-color-foreground-critical-strong-inverted-l: var(--dt-color-red-150-l);
1188
- --dt-color-foreground-critical-strong-inverted-a: var(--dt-color-red-150-a);
1189
- --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-red-150-hsl);
1190
- --dt-color-foreground-critical-strong-inverted-hsla: var(--dt-color-red-150-hsla);
1191
- --dt-color-foreground-critical-strong-inverted: var(--dt-color-red-150); /* Critical strong text that sits on high-contrast surfaces or backgrounds */
1192
- --dt-color-foreground-critical-inverted-h: var(--dt-color-red-200-h);
1193
- --dt-color-foreground-critical-inverted-s: var(--dt-color-red-200-s);
1194
- --dt-color-foreground-critical-inverted-l: var(--dt-color-red-200-l);
1195
- --dt-color-foreground-critical-inverted-a: var(--dt-color-red-200-a);
1196
- --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-200-hsl);
1197
- --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-200-hsla);
1198
- --dt-color-foreground-critical-inverted: var(--dt-color-red-200); /* Critical text that sits on high-contrast surfaces or backgrounds */
1591
+ --dt-color-foreground-success-inverted-h: var(--dt-color-green-350-h);
1592
+ --dt-color-foreground-success-inverted-s: var(--dt-color-green-350-s);
1593
+ --dt-color-foreground-success-inverted-l: var(--dt-color-green-350-l);
1594
+ --dt-color-foreground-success-inverted-a: var(--dt-color-green-350-a);
1595
+ --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-350-hsl);
1596
+ --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-350-hsla);
1597
+ --dt-color-foreground-success-inverted: var(--dt-color-green-350); /* Success text that sits on high-contrast surfaces or backgrounds */
1598
+ --dt-color-foreground-critical-strong-inverted-h: var(--dt-color-red-200-h);
1599
+ --dt-color-foreground-critical-strong-inverted-s: var(--dt-color-red-200-s);
1600
+ --dt-color-foreground-critical-strong-inverted-l: var(--dt-color-red-200-l);
1601
+ --dt-color-foreground-critical-strong-inverted-a: var(--dt-color-red-200-a);
1602
+ --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-red-200-hsl);
1603
+ --dt-color-foreground-critical-strong-inverted-hsla: var(--dt-color-red-200-hsla);
1604
+ --dt-color-foreground-critical-strong-inverted: var(--dt-color-red-200); /* Critical strong text that sits on high-contrast surfaces or backgrounds */
1605
+ --dt-color-foreground-critical-inverted-h: var(--dt-color-red-300-h);
1606
+ --dt-color-foreground-critical-inverted-s: var(--dt-color-red-300-s);
1607
+ --dt-color-foreground-critical-inverted-l: var(--dt-color-red-300-l);
1608
+ --dt-color-foreground-critical-inverted-a: var(--dt-color-red-300-a);
1609
+ --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-300-hsl);
1610
+ --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-300-hsla);
1611
+ --dt-color-foreground-critical-inverted: var(--dt-color-red-300); /* Critical text that sits on high-contrast surfaces or backgrounds */
1199
1612
  --dt-color-foreground-disabled-inverted-h: var(--dt-color-black-400-h);
1200
1613
  --dt-color-foreground-disabled-inverted-s: var(--dt-color-black-400-s);
1201
1614
  --dt-color-foreground-disabled-inverted-l: var(--dt-color-black-400-l);
@@ -1238,41 +1651,41 @@
1238
1651
  --dt-color-foreground-primary-inverted-hsl: var(--dt-color-black-100-hsl);
1239
1652
  --dt-color-foreground-primary-inverted-hsla: var(--dt-color-black-100-hsla);
1240
1653
  --dt-color-foreground-primary-inverted: var(--dt-color-black-100); /* Primary text that sits on high-contrast surfaces or backgrounds. */
1241
- --dt-color-foreground-warning-h: var(--dt-color-gold-500-h);
1242
- --dt-color-foreground-warning-s: var(--dt-color-gold-500-s);
1243
- --dt-color-foreground-warning-l: var(--dt-color-gold-500-l);
1244
- --dt-color-foreground-warning-a: var(--dt-color-gold-500-a);
1245
- --dt-color-foreground-warning-hsl: var(--dt-color-gold-500-hsl);
1246
- --dt-color-foreground-warning-hsla: var(--dt-color-gold-500-hsla);
1247
- --dt-color-foreground-warning: var(--dt-color-gold-500); /* Indicates information that requires user’s attention and further action may be necessary. */
1248
- --dt-color-foreground-success-strong-h: var(--dt-color-green-500-h);
1249
- --dt-color-foreground-success-strong-s: var(--dt-color-green-500-s);
1250
- --dt-color-foreground-success-strong-l: var(--dt-color-green-500-l);
1251
- --dt-color-foreground-success-strong-a: var(--dt-color-green-500-a);
1252
- --dt-color-foreground-success-strong-hsl: var(--dt-color-green-500-hsl);
1253
- --dt-color-foreground-success-strong-hsla: var(--dt-color-green-500-hsla);
1254
- --dt-color-foreground-success-strong: var(--dt-color-green-500); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
1255
- --dt-color-foreground-success-h: var(--dt-color-green-400-h);
1256
- --dt-color-foreground-success-s: var(--dt-color-green-400-s);
1257
- --dt-color-foreground-success-l: var(--dt-color-green-400-l);
1258
- --dt-color-foreground-success-a: var(--dt-color-green-400-a);
1259
- --dt-color-foreground-success-hsl: var(--dt-color-green-400-hsl);
1260
- --dt-color-foreground-success-hsla: var(--dt-color-green-400-hsla);
1261
- --dt-color-foreground-success: var(--dt-color-green-400); /* Indicates a positive state. */
1262
- --dt-color-foreground-critical-strong-h: var(--dt-color-red-400-h);
1263
- --dt-color-foreground-critical-strong-s: var(--dt-color-red-400-s);
1264
- --dt-color-foreground-critical-strong-l: var(--dt-color-red-400-l);
1265
- --dt-color-foreground-critical-strong-a: var(--dt-color-red-400-a);
1266
- --dt-color-foreground-critical-strong-hsl: var(--dt-color-red-400-hsl);
1267
- --dt-color-foreground-critical-strong-hsla: var(--dt-color-red-400-hsla);
1268
- --dt-color-foreground-critical-strong: var(--dt-color-red-400); /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
1269
- --dt-color-foreground-critical-h: var(--dt-color-red-350-h);
1270
- --dt-color-foreground-critical-s: var(--dt-color-red-350-s);
1271
- --dt-color-foreground-critical-l: var(--dt-color-red-350-l);
1272
- --dt-color-foreground-critical-a: var(--dt-color-red-350-a);
1273
- --dt-color-foreground-critical-hsl: var(--dt-color-red-350-hsl);
1274
- --dt-color-foreground-critical-hsla: var(--dt-color-red-350-hsla);
1275
- --dt-color-foreground-critical: var(--dt-color-red-350); /* Expresses an error, danger, or otherwise critical state. */
1654
+ --dt-color-foreground-warning-h: var(--dt-color-gold-600-h);
1655
+ --dt-color-foreground-warning-s: var(--dt-color-gold-600-s);
1656
+ --dt-color-foreground-warning-l: var(--dt-color-gold-600-l);
1657
+ --dt-color-foreground-warning-a: var(--dt-color-gold-600-a);
1658
+ --dt-color-foreground-warning-hsl: var(--dt-color-gold-600-hsl);
1659
+ --dt-color-foreground-warning-hsla: var(--dt-color-gold-600-hsla);
1660
+ --dt-color-foreground-warning: var(--dt-color-gold-600); /* Indicates information that requires user’s attention and further action may be necessary. */
1661
+ --dt-color-foreground-success-strong-h: var(--dt-color-green-600-h);
1662
+ --dt-color-foreground-success-strong-s: var(--dt-color-green-600-s);
1663
+ --dt-color-foreground-success-strong-l: var(--dt-color-green-600-l);
1664
+ --dt-color-foreground-success-strong-a: var(--dt-color-green-600-a);
1665
+ --dt-color-foreground-success-strong-hsl: var(--dt-color-green-600-hsl);
1666
+ --dt-color-foreground-success-strong-hsla: var(--dt-color-green-600-hsla);
1667
+ --dt-color-foreground-success-strong: var(--dt-color-green-600); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
1668
+ --dt-color-foreground-success-h: var(--dt-color-green-500-h);
1669
+ --dt-color-foreground-success-s: var(--dt-color-green-500-s);
1670
+ --dt-color-foreground-success-l: var(--dt-color-green-500-l);
1671
+ --dt-color-foreground-success-a: var(--dt-color-green-500-a);
1672
+ --dt-color-foreground-success-hsl: var(--dt-color-green-500-hsl);
1673
+ --dt-color-foreground-success-hsla: var(--dt-color-green-500-hsla);
1674
+ --dt-color-foreground-success: var(--dt-color-green-500); /* Indicates a positive state. */
1675
+ --dt-color-foreground-critical-strong-h: var(--dt-color-red-500-h);
1676
+ --dt-color-foreground-critical-strong-s: var(--dt-color-red-500-s);
1677
+ --dt-color-foreground-critical-strong-l: var(--dt-color-red-500-l);
1678
+ --dt-color-foreground-critical-strong-a: var(--dt-color-red-500-a);
1679
+ --dt-color-foreground-critical-strong-hsl: var(--dt-color-red-500-hsl);
1680
+ --dt-color-foreground-critical-strong-hsla: var(--dt-color-red-500-hsla);
1681
+ --dt-color-foreground-critical-strong: var(--dt-color-red-500); /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
1682
+ --dt-color-foreground-critical-h: var(--dt-color-red-400-h);
1683
+ --dt-color-foreground-critical-s: var(--dt-color-red-400-s);
1684
+ --dt-color-foreground-critical-l: var(--dt-color-red-400-l);
1685
+ --dt-color-foreground-critical-a: var(--dt-color-red-400-a);
1686
+ --dt-color-foreground-critical-hsl: var(--dt-color-red-400-hsl);
1687
+ --dt-color-foreground-critical-hsla: var(--dt-color-red-400-hsla);
1688
+ --dt-color-foreground-critical: var(--dt-color-red-400); /* Expresses an error, danger, or otherwise critical state. */
1276
1689
  --dt-color-foreground-disabled-h: var(--dt-color-black-500-h);
1277
1690
  --dt-color-foreground-disabled-s: var(--dt-color-black-500-s);
1278
1691
  --dt-color-foreground-disabled-l: var(--dt-color-black-500-l);
@@ -1308,14 +1721,14 @@
1308
1721
  --dt-color-foreground-secondary-hsl: var(--dt-color-black-700-hsl);
1309
1722
  --dt-color-foreground-secondary-hsla: var(--dt-color-black-700-hsla);
1310
1723
  --dt-color-foreground-secondary: var(--dt-color-black-700); /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
1311
- --dt-color-foreground-primary-h: var(--dt-color-black-900-h);
1312
- --dt-color-foreground-primary-s: var(--dt-color-black-900-s);
1313
- --dt-color-foreground-primary-l: var(--dt-color-black-900-l);
1314
- --dt-color-foreground-primary-a: var(--dt-color-black-900-a);
1315
- --dt-color-foreground-primary-hsl: var(--dt-color-black-900-hsl);
1316
- --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1317
- --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
1318
1724
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1725
+ --dt-radio-color-foreground-checked-h: var(--dt-color-foreground-primary-inverted-h);
1726
+ --dt-radio-color-foreground-checked-s: var(--dt-color-foreground-primary-inverted-s);
1727
+ --dt-radio-color-foreground-checked-l: var(--dt-color-foreground-primary-inverted-l);
1728
+ --dt-radio-color-foreground-checked-a: var(--dt-color-foreground-primary-inverted-a);
1729
+ --dt-radio-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1730
+ --dt-radio-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1731
+ --dt-radio-color-foreground-checked: var(--dt-color-foreground-primary-inverted);
1319
1732
  --dt-radio-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
1320
1733
  --dt-radio-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
1321
1734
  --dt-radio-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
@@ -1352,6 +1765,13 @@
1352
1765
  --dt-icon-size-300: calc(var(--dt-size-base) * 2.25);
1353
1766
  --dt-icon-size-200: calc(var(--dt-size-base) * 1.75);
1354
1767
  --dt-icon-size-100: calc(var(--dt-size-base) * 1.5);
1768
+ --dt-checkbox-color-foreground-checked-h: var(--dt-color-foreground-primary-inverted-h);
1769
+ --dt-checkbox-color-foreground-checked-s: var(--dt-color-foreground-primary-inverted-s);
1770
+ --dt-checkbox-color-foreground-checked-l: var(--dt-color-foreground-primary-inverted-l);
1771
+ --dt-checkbox-color-foreground-checked-a: var(--dt-color-foreground-primary-inverted-a);
1772
+ --dt-checkbox-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1773
+ --dt-checkbox-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1774
+ --dt-checkbox-color-foreground-checked: var(--dt-color-foreground-primary-inverted);
1355
1775
  --dt-checkbox-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
1356
1776
  --dt-checkbox-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
1357
1777
  --dt-checkbox-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
@@ -1387,14 +1807,14 @@
1387
1807
  --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1388
1808
  --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1389
1809
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
1390
- --dt-badge-color-foreground-default-h: var(--dt-color-foreground-primary-h);
1391
- --dt-badge-color-foreground-default-s: var(--dt-color-foreground-primary-s);
1392
- --dt-badge-color-foreground-default-l: var(--dt-color-foreground-primary-l);
1393
- --dt-badge-color-foreground-default-a: var(--dt-color-foreground-primary-a);
1394
- --dt-badge-color-foreground-default-hsl: var(--dt-color-foreground-primary-hsl);
1395
- --dt-badge-color-foreground-default-hsla: var(--dt-color-foreground-primary-hsla);
1396
- --dt-badge-color-foreground-default: var(--dt-color-foreground-primary);
1397
1810
  --dt-badge-color-background-ai: var(--dt-color-gradient-magenta-purple);
1811
+ --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
1812
+ --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
1813
+ --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
1814
+ --dt-badge-color-background-bulletin-a: var(--dt-color-surface-brand-strong-a);
1815
+ --dt-badge-color-background-bulletin-hsl: var(--dt-color-surface-brand-strong-hsl);
1816
+ --dt-badge-color-background-bulletin-hsla: var(--dt-color-surface-brand-strong-hsla);
1817
+ --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
1398
1818
  --dt-badge-color-background-default-h: var(--dt-color-surface-moderate-opaque-h);
1399
1819
  --dt-badge-color-background-default-s: var(--dt-color-surface-moderate-opaque-s);
1400
1820
  --dt-badge-color-background-default-l: var(--dt-color-surface-moderate-opaque-l);
@@ -1402,6 +1822,13 @@
1402
1822
  --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1403
1823
  --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1404
1824
  --dt-badge-color-background-default: var(--dt-color-surface-moderate-opaque);
1825
+ --dt-theme-mention-color-background-h: var(--dt-color-surface-brand-strong-h);
1826
+ --dt-theme-mention-color-background-s: var(--dt-color-surface-brand-strong-s);
1827
+ --dt-theme-mention-color-background-l: var(--dt-color-surface-brand-strong-l);
1828
+ --dt-theme-mention-color-background-a: var(--dt-color-surface-brand-strong-a);
1829
+ --dt-theme-mention-color-background-hsl: var(--dt-color-surface-brand-strong-hsl);
1830
+ --dt-theme-mention-color-background-hsla: var(--dt-color-surface-brand-strong-hsla);
1831
+ --dt-theme-mention-color-background: var(--dt-color-surface-brand-strong);
1405
1832
  --dt-theme-mention-color-foreground-strong-h: var(--dt-color-foreground-primary-inverted-h);
1406
1833
  --dt-theme-mention-color-foreground-strong-s: var(--dt-color-foreground-primary-inverted-s);
1407
1834
  --dt-theme-mention-color-foreground-strong-l: var(--dt-color-foreground-primary-inverted-l);
@@ -1416,41 +1843,6 @@
1416
1843
  --dt-theme-sidebar-section-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
1417
1844
  --dt-theme-sidebar-section-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
1418
1845
  --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
1419
- --dt-theme-sidebar-selected-row-color-background-h: 0;
1420
- --dt-theme-sidebar-selected-row-color-background-s: 0%;
1421
- --dt-theme-sidebar-selected-row-color-background-l: 11%;
1422
- --dt-theme-sidebar-selected-row-color-background-a: 10%;
1423
- --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);
1424
- --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%));
1425
- --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 11% / 0.1);
1426
- --dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
1427
- --dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
1428
- --dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
1429
- --dt-theme-sidebar-selected-row-color-foreground-a: var(--dt-color-foreground-primary-a);
1430
- --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-color-foreground-primary-hsl);
1431
- --dt-theme-sidebar-selected-row-color-foreground-hsla: var(--dt-color-foreground-primary-hsla);
1432
- --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
1433
- --dt-theme-sidebar-row-color-background-active-h: 0;
1434
- --dt-theme-sidebar-row-color-background-active-s: 0%;
1435
- --dt-theme-sidebar-row-color-background-active-l: 11%;
1436
- --dt-theme-sidebar-row-color-background-active-a: 16%;
1437
- --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);
1438
- --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%));
1439
- --dt-theme-sidebar-row-color-background-active: hsl(0 0% 11% / 0.16);
1440
- --dt-theme-sidebar-row-color-background-hover-h: 0;
1441
- --dt-theme-sidebar-row-color-background-hover-s: 0%;
1442
- --dt-theme-sidebar-row-color-background-hover-l: 11%;
1443
- --dt-theme-sidebar-row-color-background-hover-a: 12%;
1444
- --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);
1445
- --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%));
1446
- --dt-theme-sidebar-row-color-background-hover: hsl(0 0% 11% / 0.12);
1447
- --dt-theme-sidebar-row-color-background-h: 0;
1448
- --dt-theme-sidebar-row-color-background-s: 0%;
1449
- --dt-theme-sidebar-row-color-background-l: 11%;
1450
- --dt-theme-sidebar-row-color-background-a: 0%;
1451
- --dt-theme-sidebar-row-color-background-hsl: var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l);
1452
- --dt-theme-sidebar-row-color-background-hsla: hsl(var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l) / var(--alpha, 0%));
1453
- --dt-theme-sidebar-row-color-background: hsl(0 0% 11% / 0);
1454
1846
  --dt-theme-sidebar-status-color-foreground-h: var(--dt-color-foreground-tertiary-h);
1455
1847
  --dt-theme-sidebar-status-color-foreground-s: var(--dt-color-foreground-tertiary-s);
1456
1848
  --dt-theme-sidebar-status-color-foreground-l: var(--dt-color-foreground-tertiary-l);
@@ -1458,13 +1850,6 @@
1458
1850
  --dt-theme-sidebar-status-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
1459
1851
  --dt-theme-sidebar-status-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
1460
1852
  --dt-theme-sidebar-status-color-foreground: var(--dt-color-foreground-tertiary);
1461
- --dt-theme-sidebar-color-foreground-unread-h: var(--dt-color-foreground-primary-h);
1462
- --dt-theme-sidebar-color-foreground-unread-s: var(--dt-color-foreground-primary-s);
1463
- --dt-theme-sidebar-color-foreground-unread-l: var(--dt-color-foreground-primary-l);
1464
- --dt-theme-sidebar-color-foreground-unread-a: var(--dt-color-foreground-primary-a);
1465
- --dt-theme-sidebar-color-foreground-unread-hsl: var(--dt-color-foreground-primary-hsl);
1466
- --dt-theme-sidebar-color-foreground-unread-hsla: var(--dt-color-foreground-primary-hsla);
1467
- --dt-theme-sidebar-color-foreground-unread: var(--dt-color-foreground-primary);
1468
1853
  --dt-theme-sidebar-color-foreground-h: var(--dt-color-foreground-secondary-h);
1469
1854
  --dt-theme-sidebar-color-foreground-s: var(--dt-color-foreground-secondary-s);
1470
1855
  --dt-theme-sidebar-color-foreground-l: var(--dt-color-foreground-secondary-l);
@@ -1472,34 +1857,6 @@
1472
1857
  --dt-theme-sidebar-color-foreground-hsl: var(--dt-color-foreground-secondary-hsl);
1473
1858
  --dt-theme-sidebar-color-foreground-hsla: var(--dt-color-foreground-secondary-hsla);
1474
1859
  --dt-theme-sidebar-color-foreground: var(--dt-color-foreground-secondary);
1475
- --dt-theme-topbar-profile-color-background-active-h: 0;
1476
- --dt-theme-topbar-profile-color-background-active-s: 0%;
1477
- --dt-theme-topbar-profile-color-background-active-l: 11%;
1478
- --dt-theme-topbar-profile-color-background-active-a: 14%;
1479
- --dt-theme-topbar-profile-color-background-active-hsl: var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l);
1480
- --dt-theme-topbar-profile-color-background-active-hsla: hsl(var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l) / var(--alpha, 14%));
1481
- --dt-theme-topbar-profile-color-background-active: hsl(0 0% 11% / 0.14);
1482
- --dt-theme-topbar-profile-color-background-hover-h: 0;
1483
- --dt-theme-topbar-profile-color-background-hover-s: 0%;
1484
- --dt-theme-topbar-profile-color-background-hover-l: 11%;
1485
- --dt-theme-topbar-profile-color-background-hover-a: 10%;
1486
- --dt-theme-topbar-profile-color-background-hover-hsl: var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l);
1487
- --dt-theme-topbar-profile-color-background-hover-hsla: hsl(var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l) / var(--alpha, 10%));
1488
- --dt-theme-topbar-profile-color-background-hover: hsl(0 0% 11% / 0.1);
1489
- --dt-theme-topbar-profile-color-background-inverted-h: 0;
1490
- --dt-theme-topbar-profile-color-background-inverted-s: 0%;
1491
- --dt-theme-topbar-profile-color-background-inverted-l: 11%;
1492
- --dt-theme-topbar-profile-color-background-inverted-a: 75%;
1493
- --dt-theme-topbar-profile-color-background-inverted-hsl: var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l);
1494
- --dt-theme-topbar-profile-color-background-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l) / var(--alpha, 75%));
1495
- --dt-theme-topbar-profile-color-background-inverted: hsl(0 0% 11% / 0.75);
1496
- --dt-theme-topbar-profile-color-background-h: 0;
1497
- --dt-theme-topbar-profile-color-background-s: 0%;
1498
- --dt-theme-topbar-profile-color-background-l: 11%;
1499
- --dt-theme-topbar-profile-color-background-a: 5%;
1500
- --dt-theme-topbar-profile-color-background-hsl: var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l);
1501
- --dt-theme-topbar-profile-color-background-hsla: hsl(var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l) / var(--alpha, 5%));
1502
- --dt-theme-topbar-profile-color-background: hsl(0 0% 11% / 0.05);
1503
1860
  --dt-theme-topbar-profile-color-foreground-inverted-h: 0;
1504
1861
  --dt-theme-topbar-profile-color-foreground-inverted-s: 0%;
1505
1862
  --dt-theme-topbar-profile-color-foreground-inverted-l: 97.6%;
@@ -1507,90 +1864,13 @@
1507
1864
  --dt-theme-topbar-profile-color-foreground-inverted-hsl: var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l);
1508
1865
  --dt-theme-topbar-profile-color-foreground-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l) / var(--alpha, 75%));
1509
1866
  --dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 97.6% / 0.75);
1510
- --dt-theme-topbar-button-color-background-active-h: 0;
1511
- --dt-theme-topbar-button-color-background-active-s: 0%;
1512
- --dt-theme-topbar-button-color-background-active-l: 11%;
1513
- --dt-theme-topbar-button-color-background-active-a: 10%;
1514
- --dt-theme-topbar-button-color-background-active-hsl: var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l);
1515
- --dt-theme-topbar-button-color-background-active-hsla: hsl(var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l) / var(--alpha, 10%));
1516
- --dt-theme-topbar-button-color-background-active: hsl(0 0% 11% / 0.1);
1517
- --dt-theme-topbar-button-color-background-hover-h: 0;
1518
- --dt-theme-topbar-button-color-background-hover-s: 0%;
1519
- --dt-theme-topbar-button-color-background-hover-l: 11%;
1520
- --dt-theme-topbar-button-color-background-hover-a: 5%;
1521
- --dt-theme-topbar-button-color-background-hover-hsl: var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l);
1522
- --dt-theme-topbar-button-color-background-hover-hsla: hsl(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha, 5%));
1523
- --dt-theme-topbar-button-color-background-hover: hsl(0 0% 11% / 0.05);
1524
- --dt-theme-topbar-button-color-background-h: 0;
1525
- --dt-theme-topbar-button-color-background-s: 0%;
1526
- --dt-theme-topbar-button-color-background-l: 11%;
1527
- --dt-theme-topbar-button-color-background-a: 0%;
1528
- --dt-theme-topbar-button-color-background-hsl: var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l);
1529
- --dt-theme-topbar-button-color-background-hsla: hsl(var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l) / var(--alpha, 0%));
1530
- --dt-theme-topbar-button-color-background: hsl(0 0% 11% / 0);
1531
- --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
1532
- --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
1533
- --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
1534
- --dt-theme-topbar-button-color-foreground-hover-a: var(--dt-theme-color-base-a);
1535
- --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-color-base-hsl);
1536
- --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-theme-color-base-hsla);
1537
- --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
1538
- --dt-theme-topbar-button-color-foreground-h: 0;
1539
- --dt-theme-topbar-button-color-foreground-s: 0%;
1540
- --dt-theme-topbar-button-color-foreground-l: 11%;
1541
- --dt-theme-topbar-button-color-foreground-a: 65%;
1542
- --dt-theme-topbar-button-color-foreground-hsl: var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l);
1543
- --dt-theme-topbar-button-color-foreground-hsla: hsl(var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l) / var(--alpha, 65%));
1544
- --dt-theme-topbar-button-color-foreground: hsl(0 0% 11% / 0.65);
1545
- --dt-theme-topbar-field-color-border-active-h: 0;
1546
- --dt-theme-topbar-field-color-border-active-s: 0%;
1547
- --dt-theme-topbar-field-color-border-active-l: 11%;
1548
- --dt-theme-topbar-field-color-border-active-a: 20%;
1549
- --dt-theme-topbar-field-color-border-active-hsl: var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l);
1550
- --dt-theme-topbar-field-color-border-active-hsla: hsl(var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l) / var(--alpha, 20%));
1551
- --dt-theme-topbar-field-color-border-active: hsl(0 0% 11% / 0.2);
1552
- --dt-theme-topbar-field-color-border-hover-h: 0;
1553
- --dt-theme-topbar-field-color-border-hover-s: 0%;
1554
- --dt-theme-topbar-field-color-border-hover-l: 11%;
1555
- --dt-theme-topbar-field-color-border-hover-a: 10%;
1556
- --dt-theme-topbar-field-color-border-hover-hsl: var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l);
1557
- --dt-theme-topbar-field-color-border-hover-hsla: hsl(var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l) / var(--alpha, 10%));
1558
- --dt-theme-topbar-field-color-border-hover: hsl(0 0% 11% / 0.1);
1559
- --dt-theme-topbar-field-color-border-h: 0;
1560
- --dt-theme-topbar-field-color-border-s: 0%;
1561
- --dt-theme-topbar-field-color-border-l: 11%;
1562
- --dt-theme-topbar-field-color-border-a: 0%;
1563
- --dt-theme-topbar-field-color-border-hsl: var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l);
1564
- --dt-theme-topbar-field-color-border-hsla: hsl(var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l) / var(--alpha, 0%));
1565
- --dt-theme-topbar-field-color-border: hsl(0 0% 11% / 0);
1566
- --dt-theme-topbar-field-color-background-hover-h: 0;
1567
- --dt-theme-topbar-field-color-background-hover-s: 0%;
1568
- --dt-theme-topbar-field-color-background-hover-l: 100%;
1569
- --dt-theme-topbar-field-color-background-hover-a: 100%;
1570
- --dt-theme-topbar-field-color-background-hover-hsl: var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l);
1571
- --dt-theme-topbar-field-color-background-hover-hsla: hsl(var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l) / var(--alpha, 100%));
1572
- --dt-theme-topbar-field-color-background-hover: hsl(0 0% 100%);
1573
- --dt-theme-topbar-field-color-background-h: 0;
1574
- --dt-theme-topbar-field-color-background-s: 0%;
1575
- --dt-theme-topbar-field-color-background-l: 11%;
1576
- --dt-theme-topbar-field-color-background-a: 5%;
1577
- --dt-theme-topbar-field-color-background-hsl: var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l);
1578
- --dt-theme-topbar-field-color-background-hsla: hsl(var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l) / var(--alpha, 5%));
1579
- --dt-theme-topbar-field-color-background: hsl(0 0% 11% / 0.05);
1580
- --dt-theme-topbar-field-color-foreground-hover-h: 0;
1581
- --dt-theme-topbar-field-color-foreground-hover-s: 0%;
1582
- --dt-theme-topbar-field-color-foreground-hover-l: 11%;
1583
- --dt-theme-topbar-field-color-foreground-hover-a: 75%;
1584
- --dt-theme-topbar-field-color-foreground-hover-hsl: var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l);
1585
- --dt-theme-topbar-field-color-foreground-hover-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l) / var(--alpha, 75%));
1586
- --dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 11% / 0.75);
1587
- --dt-theme-topbar-field-color-foreground-h: 0;
1588
- --dt-theme-topbar-field-color-foreground-s: 0%;
1589
- --dt-theme-topbar-field-color-foreground-l: 11%;
1590
- --dt-theme-topbar-field-color-foreground-a: 50%;
1591
- --dt-theme-topbar-field-color-foreground-hsl: var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l);
1592
- --dt-theme-topbar-field-color-foreground-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l) / var(--alpha, 50%));
1593
- --dt-theme-topbar-field-color-foreground: hsl(0 0% 11% / 0.5);
1867
+ --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
1868
+ --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
1869
+ --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
1870
+ --dt-theme-topbar-profile-color-foreground-a: var(--dt-theme-topbar-color-foreground-a);
1871
+ --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
1872
+ --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
1873
+ --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
1594
1874
  --dt-theme-topbar-color-background-h: var(--dt-color-surface-secondary-h);
1595
1875
  --dt-theme-topbar-color-background-s: var(--dt-color-surface-secondary-s);
1596
1876
  --dt-theme-topbar-color-background-l: var(--dt-color-surface-secondary-l);
@@ -1598,13 +1878,6 @@
1598
1878
  --dt-theme-topbar-color-background-hsl: var(--dt-color-surface-secondary-hsl);
1599
1879
  --dt-theme-topbar-color-background-hsla: var(--dt-color-surface-secondary-hsla);
1600
1880
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
1601
- --dt-theme-topbar-color-foreground-h: 0;
1602
- --dt-theme-topbar-color-foreground-s: 0%;
1603
- --dt-theme-topbar-color-foreground-l: 11%;
1604
- --dt-theme-topbar-color-foreground-a: 80%;
1605
- --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);
1606
- --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%));
1607
- --dt-theme-topbar-color-foreground: hsl(0 0% 11% / 0.8);
1608
1881
  --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1609
1882
  --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1610
1883
  --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
@@ -1633,6 +1906,13 @@
1633
1906
  --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-border-brand-hsl);
1634
1907
  --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-border-brand-hsla);
1635
1908
  --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
1909
+ --dt-action-color-background-positive-primary-active-h: 155;
1910
+ --dt-action-color-background-positive-primary-active-s: 100%;
1911
+ --dt-action-color-background-positive-primary-active-l: 24.8%;
1912
+ --dt-action-color-background-positive-primary-active-a: 100%;
1913
+ --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);
1914
+ --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%));
1915
+ --dt-action-color-background-positive-primary-active: hsl(155 100% 24.8%);
1636
1916
  --dt-action-color-background-positive-hover-h: var(--dt-color-surface-success-opaque-h);
1637
1917
  --dt-action-color-background-positive-hover-s: var(--dt-color-surface-success-opaque-s);
1638
1918
  --dt-action-color-background-positive-hover-l: var(--dt-color-surface-success-opaque-l);
@@ -1647,13 +1927,6 @@
1647
1927
  --dt-action-color-background-disabled-default-hsl: var(--dt-color-surface-bold-opaque-hsl);
1648
1928
  --dt-action-color-background-disabled-default-hsla: var(--dt-color-surface-bold-opaque-hsla);
1649
1929
  --dt-action-color-background-disabled-default: var(--dt-color-surface-bold-opaque);
1650
- --dt-action-color-background-muted-active-h: var(--dt-color-surface-bold-opaque-h);
1651
- --dt-action-color-background-muted-active-s: var(--dt-color-surface-bold-opaque-s);
1652
- --dt-action-color-background-muted-active-l: var(--dt-color-surface-bold-opaque-l);
1653
- --dt-action-color-background-muted-active-a: var(--dt-color-surface-bold-opaque-a);
1654
- --dt-action-color-background-muted-active-hsl: var(--dt-color-surface-bold-opaque-hsl);
1655
- --dt-action-color-background-muted-active-hsla: var(--dt-color-surface-bold-opaque-hsla);
1656
- --dt-action-color-background-muted-active: var(--dt-color-surface-bold-opaque);
1657
1930
  --dt-action-color-background-muted-hover-h: var(--dt-color-surface-moderate-opaque-h);
1658
1931
  --dt-action-color-background-muted-hover-s: var(--dt-color-surface-moderate-opaque-s);
1659
1932
  --dt-action-color-background-muted-hover-l: var(--dt-color-surface-moderate-opaque-l);
@@ -1689,6 +1962,13 @@
1689
1962
  --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
1690
1963
  --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
1691
1964
  --dt-action-color-foreground-disabled-default: var(--dt-color-foreground-disabled);
1965
+ --dt-action-color-foreground-muted-hover-h: var(--dt-color-link-muted-hover-h);
1966
+ --dt-action-color-foreground-muted-hover-s: var(--dt-color-link-muted-hover-s);
1967
+ --dt-action-color-foreground-muted-hover-l: var(--dt-color-link-muted-hover-l);
1968
+ --dt-action-color-foreground-muted-hover-a: var(--dt-color-link-muted-hover-a);
1969
+ --dt-action-color-foreground-muted-hover-hsl: var(--dt-color-link-muted-hover-hsl);
1970
+ --dt-action-color-foreground-muted-hover-hsla: var(--dt-color-link-muted-hover-hsla);
1971
+ --dt-action-color-foreground-muted-hover: var(--dt-color-link-muted-hover);
1692
1972
  --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-link-primary-hover-h);
1693
1973
  --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-link-primary-hover-s);
1694
1974
  --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-link-primary-hover-l);
@@ -1851,6 +2131,20 @@
1851
2131
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
1852
2132
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
1853
2133
  --dt-color-border-ai: var(--dt-color-gradient-magenta-purple);
2134
+ --dt-color-surface-primary-opaque-inverted-h: 0;
2135
+ --dt-color-surface-primary-opaque-inverted-s: 0%;
2136
+ --dt-color-surface-primary-opaque-inverted-l: 0%;
2137
+ --dt-color-surface-primary-opaque-inverted-a: 85%;
2138
+ --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);
2139
+ --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%));
2140
+ --dt-color-surface-primary-opaque-inverted: hsl(0 0% 0% / 0.85); /* Secondary surface as opaque background color. */
2141
+ --dt-color-surface-primary-opaque-h: 0;
2142
+ --dt-color-surface-primary-opaque-s: 0%;
2143
+ --dt-color-surface-primary-opaque-l: 100%;
2144
+ --dt-color-surface-primary-opaque-a: 96%;
2145
+ --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);
2146
+ --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%));
2147
+ --dt-color-surface-primary-opaque: hsl(0 0% 100% / 0.96); /* Primary surface as opaque background color. */
1854
2148
  --dt-color-link-disabled-inverted-hover-h: var(--dt-color-foreground-disabled-inverted-h);
1855
2149
  --dt-color-link-disabled-inverted-hover-s: var(--dt-color-foreground-disabled-inverted-s);
1856
2150
  --dt-color-link-disabled-inverted-hover-l: var(--dt-color-foreground-disabled-inverted-l);
@@ -1858,41 +2152,6 @@
1858
2152
  --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-foreground-disabled-inverted-hsl);
1859
2153
  --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-foreground-disabled-inverted-hsla);
1860
2154
  --dt-color-link-disabled-inverted-hover: var(--dt-color-foreground-disabled-inverted);
1861
- --dt-color-link-success-inverted-hover-h: var(--dt-color-foreground-success-strong-inverted-h);
1862
- --dt-color-link-success-inverted-hover-s: var(--dt-color-foreground-success-strong-inverted-s);
1863
- --dt-color-link-success-inverted-hover-l: var(--dt-color-foreground-success-strong-inverted-l);
1864
- --dt-color-link-success-inverted-hover-a: var(--dt-color-foreground-success-strong-inverted-a);
1865
- --dt-color-link-success-inverted-hover-hsl: var(--dt-color-foreground-success-strong-inverted-hsl);
1866
- --dt-color-link-success-inverted-hover-hsla: var(--dt-color-foreground-success-strong-inverted-hsla);
1867
- --dt-color-link-success-inverted-hover: var(--dt-color-foreground-success-strong-inverted);
1868
- --dt-color-link-critical-inverted-hover-h: var(--dt-color-foreground-critical-strong-inverted-h);
1869
- --dt-color-link-critical-inverted-hover-s: var(--dt-color-foreground-critical-strong-inverted-s);
1870
- --dt-color-link-critical-inverted-hover-l: var(--dt-color-foreground-critical-strong-inverted-l);
1871
- --dt-color-link-critical-inverted-hover-a: var(--dt-color-foreground-critical-strong-inverted-a);
1872
- --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-foreground-critical-strong-inverted-hsl);
1873
- --dt-color-link-critical-inverted-hover-hsla: var(--dt-color-foreground-critical-strong-inverted-hsla);
1874
- --dt-color-link-critical-inverted-hover: var(--dt-color-foreground-critical-strong-inverted);
1875
- --dt-color-link-muted-hover-h: var(--dt-color-foreground-primary-h);
1876
- --dt-color-link-muted-hover-s: var(--dt-color-foreground-primary-s);
1877
- --dt-color-link-muted-hover-l: var(--dt-color-foreground-primary-l);
1878
- --dt-color-link-muted-hover-a: var(--dt-color-foreground-primary-a);
1879
- --dt-color-link-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
1880
- --dt-color-link-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
1881
- --dt-color-link-muted-hover: var(--dt-color-foreground-primary);
1882
- --dt-color-link-success-hover-h: var(--dt-color-foreground-success-strong-h);
1883
- --dt-color-link-success-hover-s: var(--dt-color-foreground-success-strong-s);
1884
- --dt-color-link-success-hover-l: var(--dt-color-foreground-success-strong-l);
1885
- --dt-color-link-success-hover-a: var(--dt-color-foreground-success-strong-a);
1886
- --dt-color-link-success-hover-hsl: var(--dt-color-foreground-success-strong-hsl);
1887
- --dt-color-link-success-hover-hsla: var(--dt-color-foreground-success-strong-hsla);
1888
- --dt-color-link-success-hover: var(--dt-color-foreground-success-strong);
1889
- --dt-color-link-critical-hover-h: var(--dt-color-foreground-critical-strong-h);
1890
- --dt-color-link-critical-hover-s: var(--dt-color-foreground-critical-strong-s);
1891
- --dt-color-link-critical-hover-l: var(--dt-color-foreground-critical-strong-l);
1892
- --dt-color-link-critical-hover-a: var(--dt-color-foreground-critical-strong-a);
1893
- --dt-color-link-critical-hover-hsl: var(--dt-color-foreground-critical-strong-hsl);
1894
- --dt-color-link-critical-hover-hsla: var(--dt-color-foreground-critical-strong-hsla);
1895
- --dt-color-link-critical-hover: var(--dt-color-foreground-critical-strong);
1896
2155
  --dt-color-link-disabled-inverted-h: var(--dt-color-foreground-disabled-inverted-h);
1897
2156
  --dt-color-link-disabled-inverted-s: var(--dt-color-foreground-disabled-inverted-s);
1898
2157
  --dt-color-link-disabled-inverted-l: var(--dt-color-foreground-disabled-inverted-l);
@@ -1914,6 +2173,13 @@
1914
2173
  --dt-color-link-warning-inverted-hsl: var(--dt-color-foreground-warning-inverted-hsl);
1915
2174
  --dt-color-link-warning-inverted-hsla: var(--dt-color-foreground-warning-inverted-hsla);
1916
2175
  --dt-color-link-warning-inverted: var(--dt-color-foreground-warning-inverted);
2176
+ --dt-color-link-success-inverted-hover-h: var(--dt-color-foreground-success-strong-inverted-h);
2177
+ --dt-color-link-success-inverted-hover-s: var(--dt-color-foreground-success-strong-inverted-s);
2178
+ --dt-color-link-success-inverted-hover-l: var(--dt-color-foreground-success-strong-inverted-l);
2179
+ --dt-color-link-success-inverted-hover-a: var(--dt-color-foreground-success-strong-inverted-a);
2180
+ --dt-color-link-success-inverted-hover-hsl: var(--dt-color-foreground-success-strong-inverted-hsl);
2181
+ --dt-color-link-success-inverted-hover-hsla: var(--dt-color-foreground-success-strong-inverted-hsla);
2182
+ --dt-color-link-success-inverted-hover: var(--dt-color-foreground-success-strong-inverted);
1917
2183
  --dt-color-link-success-inverted-h: var(--dt-color-foreground-success-inverted-h);
1918
2184
  --dt-color-link-success-inverted-s: var(--dt-color-foreground-success-inverted-s);
1919
2185
  --dt-color-link-success-inverted-l: var(--dt-color-foreground-success-inverted-l);
@@ -1921,6 +2187,13 @@
1921
2187
  --dt-color-link-success-inverted-hsl: var(--dt-color-foreground-success-inverted-hsl);
1922
2188
  --dt-color-link-success-inverted-hsla: var(--dt-color-foreground-success-inverted-hsla);
1923
2189
  --dt-color-link-success-inverted: var(--dt-color-foreground-success-inverted);
2190
+ --dt-color-link-critical-inverted-hover-h: var(--dt-color-foreground-critical-strong-inverted-h);
2191
+ --dt-color-link-critical-inverted-hover-s: var(--dt-color-foreground-critical-strong-inverted-s);
2192
+ --dt-color-link-critical-inverted-hover-l: var(--dt-color-foreground-critical-strong-inverted-l);
2193
+ --dt-color-link-critical-inverted-hover-a: var(--dt-color-foreground-critical-strong-inverted-a);
2194
+ --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-foreground-critical-strong-inverted-hsl);
2195
+ --dt-color-link-critical-inverted-hover-hsla: var(--dt-color-foreground-critical-strong-inverted-hsla);
2196
+ --dt-color-link-critical-inverted-hover: var(--dt-color-foreground-critical-strong-inverted);
1924
2197
  --dt-color-link-critical-inverted-h: var(--dt-color-foreground-critical-inverted-h);
1925
2198
  --dt-color-link-critical-inverted-s: var(--dt-color-foreground-critical-inverted-s);
1926
2199
  --dt-color-link-critical-inverted-l: var(--dt-color-foreground-critical-inverted-l);
@@ -1949,6 +2222,13 @@
1949
2222
  --dt-color-link-warning-hsl: var(--dt-color-foreground-warning-hsl);
1950
2223
  --dt-color-link-warning-hsla: var(--dt-color-foreground-warning-hsla);
1951
2224
  --dt-color-link-warning: var(--dt-color-foreground-warning);
2225
+ --dt-color-link-success-hover-h: var(--dt-color-foreground-success-strong-h);
2226
+ --dt-color-link-success-hover-s: var(--dt-color-foreground-success-strong-s);
2227
+ --dt-color-link-success-hover-l: var(--dt-color-foreground-success-strong-l);
2228
+ --dt-color-link-success-hover-a: var(--dt-color-foreground-success-strong-a);
2229
+ --dt-color-link-success-hover-hsl: var(--dt-color-foreground-success-strong-hsl);
2230
+ --dt-color-link-success-hover-hsla: var(--dt-color-foreground-success-strong-hsla);
2231
+ --dt-color-link-success-hover: var(--dt-color-foreground-success-strong);
1952
2232
  --dt-color-link-success-h: var(--dt-color-foreground-success-h);
1953
2233
  --dt-color-link-success-s: var(--dt-color-foreground-success-s);
1954
2234
  --dt-color-link-success-l: var(--dt-color-foreground-success-l);
@@ -1956,6 +2236,13 @@
1956
2236
  --dt-color-link-success-hsl: var(--dt-color-foreground-success-hsl);
1957
2237
  --dt-color-link-success-hsla: var(--dt-color-foreground-success-hsla);
1958
2238
  --dt-color-link-success: var(--dt-color-foreground-success); /* positive */
2239
+ --dt-color-link-critical-hover-h: var(--dt-color-foreground-critical-strong-h);
2240
+ --dt-color-link-critical-hover-s: var(--dt-color-foreground-critical-strong-s);
2241
+ --dt-color-link-critical-hover-l: var(--dt-color-foreground-critical-strong-l);
2242
+ --dt-color-link-critical-hover-a: var(--dt-color-foreground-critical-strong-a);
2243
+ --dt-color-link-critical-hover-hsl: var(--dt-color-foreground-critical-strong-hsl);
2244
+ --dt-color-link-critical-hover-hsla: var(--dt-color-foreground-critical-strong-hsla);
2245
+ --dt-color-link-critical-hover: var(--dt-color-foreground-critical-strong);
1959
2246
  --dt-color-link-critical-h: var(--dt-color-foreground-critical-h);
1960
2247
  --dt-color-link-critical-s: var(--dt-color-foreground-critical-s);
1961
2248
  --dt-color-link-critical-l: var(--dt-color-foreground-critical-l);
@@ -1978,13 +2265,34 @@
1978
2265
  --dt-theme-sidebar-color-background-hsl: var(--dt-theme-topbar-color-background-hsl);
1979
2266
  --dt-theme-sidebar-color-background-hsla: var(--dt-theme-topbar-color-background-hsla);
1980
2267
  --dt-theme-sidebar-color-background: var(--dt-theme-topbar-color-background);
1981
- --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
1982
- --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
1983
- --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
1984
- --dt-theme-topbar-profile-color-foreground-a: var(--dt-theme-topbar-color-foreground-a);
1985
- --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
1986
- --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
1987
- --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
2268
+ --dt-action-color-background-positive-active-h: 85.1;
2269
+ --dt-action-color-background-positive-active-s: 100%;
2270
+ --dt-action-color-background-positive-active-l: 58.20000000000001%;
2271
+ --dt-action-color-background-positive-active-a: 25%;
2272
+ --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);
2273
+ --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%));
2274
+ --dt-action-color-background-positive-active: hsl(85.1 100% 58.2% / 0.25);
2275
+ --dt-action-color-background-muted-active-h: 0;
2276
+ --dt-action-color-background-muted-active-s: 0%;
2277
+ --dt-action-color-background-muted-active-l: 11%;
2278
+ --dt-action-color-background-muted-active-a: 14%;
2279
+ --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);
2280
+ --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%));
2281
+ --dt-action-color-background-muted-active: hsl(0 0% 11% / 0.14);
2282
+ --dt-action-color-background-critical-active-h: 4.62;
2283
+ --dt-action-color-background-critical-active-s: 100%;
2284
+ --dt-action-color-background-critical-active-l: 73.2%;
2285
+ --dt-action-color-background-critical-active-a: 31%;
2286
+ --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);
2287
+ --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%));
2288
+ --dt-action-color-background-critical-active: hsl(4.62 100% 73.2% / 0.31);
2289
+ --dt-action-color-background-base-active-h: 260;
2290
+ --dt-action-color-background-base-active-s: 100%;
2291
+ --dt-action-color-background-base-active-l: 79.2%;
2292
+ --dt-action-color-background-base-active-a: 27%;
2293
+ --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);
2294
+ --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%));
2295
+ --dt-action-color-background-base-active: hsl(260 100% 79.2% / 0.27);
1988
2296
  --dt-action-color-foreground-positive-hover-h: var(--dt-color-link-success-hover-h);
1989
2297
  --dt-action-color-foreground-positive-hover-s: var(--dt-color-link-success-hover-s);
1990
2298
  --dt-action-color-foreground-positive-hover-l: var(--dt-color-link-success-hover-l);
@@ -1999,13 +2307,13 @@
1999
2307
  --dt-action-color-foreground-positive-default-hsl: var(--dt-color-link-success-hsl);
2000
2308
  --dt-action-color-foreground-positive-default-hsla: var(--dt-color-link-success-hsla);
2001
2309
  --dt-action-color-foreground-positive-default: var(--dt-color-link-success);
2002
- --dt-action-color-foreground-muted-hover-h: var(--dt-color-link-muted-hover-h);
2003
- --dt-action-color-foreground-muted-hover-s: var(--dt-color-link-muted-hover-s);
2004
- --dt-action-color-foreground-muted-hover-l: var(--dt-color-link-muted-hover-l);
2005
- --dt-action-color-foreground-muted-hover-a: var(--dt-color-link-muted-hover-a);
2006
- --dt-action-color-foreground-muted-hover-hsl: var(--dt-color-link-muted-hover-hsl);
2007
- --dt-action-color-foreground-muted-hover-hsla: var(--dt-color-link-muted-hover-hsla);
2008
- --dt-action-color-foreground-muted-hover: var(--dt-color-link-muted-hover);
2310
+ --dt-action-color-foreground-muted-active-h: var(--dt-action-color-foreground-muted-hover-h);
2311
+ --dt-action-color-foreground-muted-active-s: var(--dt-action-color-foreground-muted-hover-s);
2312
+ --dt-action-color-foreground-muted-active-l: var(--dt-action-color-foreground-muted-hover-l);
2313
+ --dt-action-color-foreground-muted-active-a: var(--dt-action-color-foreground-muted-hover-a);
2314
+ --dt-action-color-foreground-muted-active-hsl: var(--dt-action-color-foreground-muted-hover-hsl);
2315
+ --dt-action-color-foreground-muted-active-hsla: var(--dt-action-color-foreground-muted-hover-hsla);
2316
+ --dt-action-color-foreground-muted-active: var(--dt-action-color-foreground-muted-hover);
2009
2317
  --dt-action-color-foreground-muted-default-h: var(--dt-color-link-muted-h);
2010
2318
  --dt-action-color-foreground-muted-default-s: var(--dt-color-link-muted-s);
2011
2319
  --dt-action-color-foreground-muted-default-l: var(--dt-color-link-muted-l);
@@ -2113,13 +2421,6 @@
2113
2421
  --dt-action-color-foreground-positive-active-hsl: var(--dt-action-color-foreground-positive-hover-hsl);
2114
2422
  --dt-action-color-foreground-positive-active-hsla: var(--dt-action-color-foreground-positive-hover-hsla);
2115
2423
  --dt-action-color-foreground-positive-active: var(--dt-action-color-foreground-positive-hover);
2116
- --dt-action-color-foreground-muted-active-h: var(--dt-action-color-foreground-muted-hover-h);
2117
- --dt-action-color-foreground-muted-active-s: var(--dt-action-color-foreground-muted-hover-s);
2118
- --dt-action-color-foreground-muted-active-l: var(--dt-action-color-foreground-muted-hover-l);
2119
- --dt-action-color-foreground-muted-active-a: var(--dt-action-color-foreground-muted-hover-a);
2120
- --dt-action-color-foreground-muted-active-hsl: var(--dt-action-color-foreground-muted-hover-hsl);
2121
- --dt-action-color-foreground-muted-active-hsla: var(--dt-action-color-foreground-muted-hover-hsla);
2122
- --dt-action-color-foreground-muted-active: var(--dt-action-color-foreground-muted-hover);
2123
2424
  --dt-action-color-foreground-inverted-active-h: var(--dt-action-color-foreground-inverted-hover-h);
2124
2425
  --dt-action-color-foreground-inverted-active-s: var(--dt-action-color-foreground-inverted-hover-s);
2125
2426
  --dt-action-color-foreground-inverted-active-l: var(--dt-action-color-foreground-inverted-hover-l);