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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/dist/css/dialtone-default-theme.css +1376 -5085
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone-docs.json +1 -1
  4. package/dist/css/dialtone.css +131 -1363
  5. package/dist/css/dialtone.min.css +1 -1
  6. package/dist/css/tokens/tokens-base-dark.css +138 -453
  7. package/dist/css/tokens/tokens-base-deca-dark.css +15 -15
  8. package/dist/css/tokens/tokens-base-deca-light.css +12 -12
  9. package/dist/css/tokens/tokens-base-light.css +104 -419
  10. package/dist/css/tokens/tokens-debug-base.css +2 -317
  11. package/dist/css/tokens/tokens-debug-dp.css +663 -999
  12. package/dist/css/tokens/tokens-deca-dark.css +669 -676
  13. package/dist/css/tokens/tokens-deca-light.css +613 -620
  14. package/dist/css/tokens/tokens-dp-dark.css +910 -1246
  15. package/dist/css/tokens/tokens-dp-light.css +971 -1307
  16. package/dist/css/tokens/tokens-expressive-dark.css +911 -1247
  17. package/dist/css/tokens/tokens-expressive-light.css +968 -1304
  18. package/dist/css/tokens/tokens-expressive-sm-dark.css +911 -1247
  19. package/dist/css/tokens/tokens-expressive-sm-light.css +968 -1304
  20. package/dist/css/tokens/tokens-tmo-dark.css +896 -1232
  21. package/dist/css/tokens/tokens-tmo-light.css +923 -1259
  22. package/dist/css/tokens-docs.json +1 -1
  23. package/dist/tokens/css/tokens-base-dark.css +138 -453
  24. package/dist/tokens/css/tokens-base-deca-dark.css +15 -15
  25. package/dist/tokens/css/tokens-base-deca-light.css +12 -12
  26. package/dist/tokens/css/tokens-base-light.css +104 -419
  27. package/dist/tokens/css/tokens-debug-base.css +2 -317
  28. package/dist/tokens/css/tokens-debug-dp.css +663 -999
  29. package/dist/tokens/css/tokens-deca-dark.css +669 -676
  30. package/dist/tokens/css/tokens-deca-light.css +613 -620
  31. package/dist/tokens/css/tokens-dp-dark.css +910 -1246
  32. package/dist/tokens/css/tokens-dp-light.css +971 -1307
  33. package/dist/tokens/css/tokens-expressive-dark.css +911 -1247
  34. package/dist/tokens/css/tokens-expressive-light.css +968 -1304
  35. package/dist/tokens/css/tokens-expressive-sm-dark.css +911 -1247
  36. package/dist/tokens/css/tokens-expressive-sm-light.css +968 -1304
  37. package/dist/tokens/css/tokens-tmo-dark.css +896 -1232
  38. package/dist/tokens/css/tokens-tmo-light.css +923 -1259
  39. package/dist/tokens/doc.json +70310 -88972
  40. package/dist/tokens/less/tokens-base-dark.less +40 -85
  41. package/dist/tokens/less/tokens-base-deca-dark.less +6 -6
  42. package/dist/tokens/less/tokens-base-deca-light.less +5 -5
  43. package/dist/tokens/less/tokens-base-light.less +30 -75
  44. package/dist/tokens/less/tokens-deca-dark.less +120 -121
  45. package/dist/tokens/less/tokens-deca-light.less +99 -100
  46. package/dist/tokens/less/tokens-dp-dark.less +184 -232
  47. package/dist/tokens/less/tokens-dp-light.less +183 -231
  48. package/dist/tokens/less/tokens-expressive-dark.less +178 -226
  49. package/dist/tokens/less/tokens-expressive-light.less +177 -225
  50. package/dist/tokens/less/tokens-expressive-sm-dark.less +178 -226
  51. package/dist/tokens/less/tokens-expressive-sm-light.less +177 -225
  52. package/dist/tokens/less/tokens-tmo-dark.less +182 -230
  53. package/dist/tokens/less/tokens-tmo-light.less +166 -214
  54. package/dist/tokens/themes/chunks/tokens-base-dark-BnTEKGxK.js +4 -0
  55. package/dist/tokens/themes/chunks/tokens-base-dark-Ch4dTh7V.js +1 -0
  56. package/dist/tokens/themes/chunks/tokens-base-light-BLxKOiup.js +4 -0
  57. package/dist/tokens/themes/chunks/tokens-base-light-DWLxg2cD.js +1 -0
  58. package/dist/tokens/themes/debug.cjs +1 -1
  59. package/dist/tokens/themes/debug.js +1 -1
  60. package/dist/tokens/themes/dp-dark.cjs +1 -1
  61. package/dist/tokens/themes/dp-dark.js +2 -2
  62. package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
  63. package/dist/tokens/themes/dp-deca-dark.js +1 -1
  64. package/dist/tokens/themes/dp-deca-light.cjs +1 -1
  65. package/dist/tokens/themes/dp-deca-light.js +1 -1
  66. package/dist/tokens/themes/dp-light.cjs +1 -1
  67. package/dist/tokens/themes/dp-light.js +2 -2
  68. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  69. package/dist/tokens/themes/expressive-dark.js +3 -3
  70. package/dist/tokens/themes/expressive-light.cjs +1 -1
  71. package/dist/tokens/themes/expressive-light.js +3 -3
  72. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  73. package/dist/tokens/themes/expressive-sm-dark.js +3 -3
  74. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  75. package/dist/tokens/themes/expressive-sm-light.js +3 -3
  76. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  77. package/dist/tokens/themes/tmo-dark.js +2 -2
  78. package/dist/tokens/themes/tmo-light.cjs +1 -1
  79. package/dist/tokens/themes/tmo-light.js +2 -2
  80. package/dist/tokens/tokens-base-dark.json +40 -85
  81. package/dist/tokens/tokens-base-deca-dark.json +4 -4
  82. package/dist/tokens/tokens-base-deca-light.json +3 -3
  83. package/dist/tokens/tokens-base-light.json +30 -75
  84. package/dist/tokens/tokens-deca-dark.json +117 -118
  85. package/dist/tokens/tokens-deca-light.json +97 -98
  86. package/dist/tokens/tokens-dp-dark.json +171 -219
  87. package/dist/tokens/tokens-dp-light.json +182 -230
  88. package/dist/tokens/tokens-expressive-dark.json +165 -213
  89. package/dist/tokens/tokens-expressive-light.json +176 -224
  90. package/dist/tokens/tokens-expressive-sm-dark.json +165 -213
  91. package/dist/tokens/tokens-expressive-sm-light.json +176 -224
  92. package/dist/tokens/tokens-tmo-dark.json +169 -217
  93. package/dist/tokens/tokens-tmo-light.json +159 -207
  94. package/package.json +3 -3
  95. package/dist/tokens/themes/chunks/tokens-base-dark-BOzMety-.js +0 -4
  96. package/dist/tokens/themes/chunks/tokens-base-dark-DQw_GZ7j.js +0 -1
  97. package/dist/tokens/themes/chunks/tokens-base-light-BHyHG_ZV.js +0 -4
  98. package/dist/tokens/themes/chunks/tokens-base-light-DMUiSUFR.js +0 -1
package/dist/tokens/css/tokens-deca-light.css CHANGED
@@ -138,20 +138,6 @@
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
141
  --dt-radio-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
156
142
  --dt-radio-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
157
143
  --dt-radio-color-foreground-default-l: var(--dt-color-neutral-transparent-l);
@@ -181,16 +167,16 @@
181
167
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
182
168
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
183
169
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
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;
170
+ --dt-button-font-weight-md: var(--dt-font-weight-semi-bold);
171
+ --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold);
172
+ --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold);
173
+ --dt-badge-color-border-bulletin-subtle-h: 255;
188
174
  --dt-badge-color-border-bulletin-subtle-s: 100%;
189
- --dt-badge-color-border-bulletin-subtle-l: 50%;
175
+ --dt-badge-color-border-bulletin-subtle-l: 66.1%;
190
176
  --dt-badge-color-border-bulletin-subtle-a: 50%;
191
177
  --dt-badge-color-border-bulletin-subtle-hsl: var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l);
192
178
  --dt-badge-color-border-bulletin-subtle-hsla: hsl(var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l) / var(--alpha, 50%));
193
- --dt-badge-color-border-bulletin-subtle: hsl(0 100% 50% / 0.5);
179
+ --dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
194
180
  --dt-badge-color-foreground-ai-h: var(--dt-color-neutral-white-h);
195
181
  --dt-badge-color-foreground-ai-s: var(--dt-color-neutral-white-s);
196
182
  --dt-badge-color-foreground-ai-l: var(--dt-color-neutral-white-l);
@@ -303,167 +289,13 @@
303
289
  --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-425-hsl);
304
290
  --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-425-hsla);
305
291
  --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);
292
+ --dt-theme-color-base-h: var(--dt-color-black-900-h);
293
+ --dt-theme-color-base-s: var(--dt-color-black-900-s);
294
+ --dt-theme-color-base-l: var(--dt-color-black-900-l);
295
+ --dt-theme-color-base-a: var(--dt-color-black-900-a);
296
+ --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
297
+ --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
298
+ --dt-theme-color-base: var(--dt-color-black-900);
467
299
  --dt-action-color-background-positive-primary-hover-h: var(--dt-color-green-500-h);
468
300
  --dt-action-color-background-positive-primary-hover-s: var(--dt-color-green-500-s);
469
301
  --dt-action-color-background-positive-primary-hover-l: var(--dt-color-green-500-l);
@@ -769,20 +601,6 @@
769
601
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
770
602
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
771
603
  --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
772
- --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
773
- --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
774
- --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
775
- --dt-color-border-accent-a: var(--dt-color-brand-magenta-a);
776
- --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
777
- --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
778
- --dt-color-border-accent: var(--dt-color-brand-magenta);
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
604
  --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-200-h);
787
605
  --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-200-s);
788
606
  --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-200-l);
@@ -790,27 +608,6 @@
790
608
  --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-200-hsl);
791
609
  --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-200-hsla);
792
610
  --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
611
  --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-400-h);
815
612
  --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-400-s);
816
613
  --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-400-l);
@@ -818,6 +615,13 @@
818
615
  --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-400-hsl);
819
616
  --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-400-hsla);
820
617
  --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-400);
618
+ --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-300-h);
619
+ --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-300-s);
620
+ --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-300-l);
621
+ --dt-color-border-warning-strong-inverted-a: var(--dt-color-gold-300-a);
622
+ --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-gold-300-hsl);
623
+ --dt-color-border-warning-strong-inverted-hsla: var(--dt-color-gold-300-hsla);
624
+ --dt-color-border-warning-strong-inverted: var(--dt-color-gold-300);
821
625
  --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-600-h);
822
626
  --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-600-s);
823
627
  --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-600-l);
@@ -825,6 +629,13 @@
825
629
  --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-600-hsl);
826
630
  --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-600-hsla);
827
631
  --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-600);
632
+ --dt-color-border-success-strong-inverted-h: var(--dt-color-green-400-h);
633
+ --dt-color-border-success-strong-inverted-s: var(--dt-color-green-400-s);
634
+ --dt-color-border-success-strong-inverted-l: var(--dt-color-green-400-l);
635
+ --dt-color-border-success-strong-inverted-a: var(--dt-color-green-400-a);
636
+ --dt-color-border-success-strong-inverted-hsl: var(--dt-color-green-400-hsl);
637
+ --dt-color-border-success-strong-inverted-hsla: var(--dt-color-green-400-hsla);
638
+ --dt-color-border-success-strong-inverted: var(--dt-color-green-400);
828
639
  --dt-color-border-success-subtle-inverted-h: var(--dt-color-green-600-h);
829
640
  --dt-color-border-success-subtle-inverted-s: var(--dt-color-green-600-s);
830
641
  --dt-color-border-success-subtle-inverted-l: var(--dt-color-green-600-l);
@@ -832,6 +643,13 @@
832
643
  --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-600-hsl);
833
644
  --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-600-hsla);
834
645
  --dt-color-border-success-subtle-inverted: var(--dt-color-green-600);
646
+ --dt-color-border-critical-strong-inverted-h: var(--dt-color-red-200-h);
647
+ --dt-color-border-critical-strong-inverted-s: var(--dt-color-red-200-s);
648
+ --dt-color-border-critical-strong-inverted-l: var(--dt-color-red-200-l);
649
+ --dt-color-border-critical-strong-inverted-a: var(--dt-color-red-200-a);
650
+ --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-200-hsl);
651
+ --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-200-hsla);
652
+ --dt-color-border-critical-strong-inverted: var(--dt-color-red-200);
835
653
  --dt-color-border-critical-subtle-inverted-h: var(--dt-color-red-700-h);
836
654
  --dt-color-border-critical-subtle-inverted-s: var(--dt-color-red-700-s);
837
655
  --dt-color-border-critical-subtle-inverted-l: var(--dt-color-red-700-l);
@@ -867,34 +685,6 @@
867
685
  --dt-color-border-critical-inverted-hsl: var(--dt-color-red-300-hsl);
868
686
  --dt-color-border-critical-inverted-hsla: var(--dt-color-red-300-hsla);
869
687
  --dt-color-border-critical-inverted: var(--dt-color-red-300);
870
- --dt-color-border-bold-inverted-h: 0;
871
- --dt-color-border-bold-inverted-s: 0%;
872
- --dt-color-border-bold-inverted-l: 100%;
873
- --dt-color-border-bold-inverted-a: 50%;
874
- --dt-color-border-bold-inverted-hsl: var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l);
875
- --dt-color-border-bold-inverted-hsla: hsl(var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l) / var(--alpha, 50%));
876
- --dt-color-border-bold-inverted: hsl(0 0% 100% / 0.5);
877
- --dt-color-border-moderate-inverted-h: 0;
878
- --dt-color-border-moderate-inverted-s: 0%;
879
- --dt-color-border-moderate-inverted-l: 100%;
880
- --dt-color-border-moderate-inverted-a: 35%;
881
- --dt-color-border-moderate-inverted-hsl: var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l);
882
- --dt-color-border-moderate-inverted-hsla: hsl(var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l) / var(--alpha, 35%));
883
- --dt-color-border-moderate-inverted: hsl(0 0% 100% / 0.35);
884
- --dt-color-border-default-inverted-h: 0;
885
- --dt-color-border-default-inverted-s: 0%;
886
- --dt-color-border-default-inverted-l: 100%;
887
- --dt-color-border-default-inverted-a: 20%;
888
- --dt-color-border-default-inverted-hsl: var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l);
889
- --dt-color-border-default-inverted-hsla: hsl(var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l) / var(--alpha, 20%));
890
- --dt-color-border-default-inverted: hsl(0 0% 100% / 0.2);
891
- --dt-color-border-subtle-inverted-h: 0;
892
- --dt-color-border-subtle-inverted-s: 0%;
893
- --dt-color-border-subtle-inverted-l: 100%;
894
- --dt-color-border-subtle-inverted-a: 12%;
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);
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%));
897
- --dt-color-border-subtle-inverted: hsl(0 0% 100% / 0.12);
898
688
  --dt-color-border-brand-strong-h: var(--dt-color-purple-500-h);
899
689
  --dt-color-border-brand-strong-s: var(--dt-color-purple-500-s);
900
690
  --dt-color-border-brand-strong-l: var(--dt-color-purple-500-l);
@@ -902,27 +692,6 @@
902
692
  --dt-color-border-brand-strong-hsl: var(--dt-color-purple-500-hsl);
903
693
  --dt-color-border-brand-strong-hsla: var(--dt-color-purple-500-hsla);
904
694
  --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
695
  --dt-color-border-brand-subtle-h: var(--dt-color-purple-250-h);
927
696
  --dt-color-border-brand-subtle-s: var(--dt-color-purple-250-s);
928
697
  --dt-color-border-brand-subtle-l: var(--dt-color-purple-250-l);
@@ -930,6 +699,13 @@
930
699
  --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-250-hsl);
931
700
  --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-250-hsla);
932
701
  --dt-color-border-brand-subtle: var(--dt-color-purple-250);
702
+ --dt-color-border-warning-strong-h: var(--dt-color-gold-500-h);
703
+ --dt-color-border-warning-strong-s: var(--dt-color-gold-500-s);
704
+ --dt-color-border-warning-strong-l: var(--dt-color-gold-500-l);
705
+ --dt-color-border-warning-strong-a: var(--dt-color-gold-500-a);
706
+ --dt-color-border-warning-strong-hsl: var(--dt-color-gold-500-hsl);
707
+ --dt-color-border-warning-strong-hsla: var(--dt-color-gold-500-hsla);
708
+ --dt-color-border-warning-strong: var(--dt-color-gold-500);
933
709
  --dt-color-border-warning-subtle-h: var(--dt-color-gold-300-h);
934
710
  --dt-color-border-warning-subtle-s: var(--dt-color-gold-300-s);
935
711
  --dt-color-border-warning-subtle-l: var(--dt-color-gold-300-l);
@@ -937,6 +713,13 @@
937
713
  --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-300-hsl);
938
714
  --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-300-hsla);
939
715
  --dt-color-border-warning-subtle: var(--dt-color-gold-300);
716
+ --dt-color-border-success-strong-h: var(--dt-color-green-600-h);
717
+ --dt-color-border-success-strong-s: var(--dt-color-green-600-s);
718
+ --dt-color-border-success-strong-l: var(--dt-color-green-600-l);
719
+ --dt-color-border-success-strong-a: var(--dt-color-green-600-a);
720
+ --dt-color-border-success-strong-hsl: var(--dt-color-green-600-hsl);
721
+ --dt-color-border-success-strong-hsla: var(--dt-color-green-600-hsla);
722
+ --dt-color-border-success-strong: var(--dt-color-green-600);
940
723
  --dt-color-border-success-subtle-h: var(--dt-color-green-300-h);
941
724
  --dt-color-border-success-subtle-s: var(--dt-color-green-300-s);
942
725
  --dt-color-border-success-subtle-l: var(--dt-color-green-300-l);
@@ -944,6 +727,13 @@
944
727
  --dt-color-border-success-subtle-hsl: var(--dt-color-green-300-hsl);
945
728
  --dt-color-border-success-subtle-hsla: var(--dt-color-green-300-hsla);
946
729
  --dt-color-border-success-subtle: var(--dt-color-green-300);
730
+ --dt-color-border-critical-strong-h: var(--dt-color-red-600-h);
731
+ --dt-color-border-critical-strong-s: var(--dt-color-red-600-s);
732
+ --dt-color-border-critical-strong-l: var(--dt-color-red-600-l);
733
+ --dt-color-border-critical-strong-a: var(--dt-color-red-600-a);
734
+ --dt-color-border-critical-strong-hsl: var(--dt-color-red-600-hsl);
735
+ --dt-color-border-critical-strong-hsla: var(--dt-color-red-600-hsla);
736
+ --dt-color-border-critical-strong: var(--dt-color-red-600);
947
737
  --dt-color-border-critical-subtle-h: var(--dt-color-red-300-h);
948
738
  --dt-color-border-critical-subtle-s: var(--dt-color-red-300-s);
949
739
  --dt-color-border-critical-subtle-l: var(--dt-color-red-300-l);
@@ -951,6 +741,13 @@
951
741
  --dt-color-border-critical-subtle-hsl: var(--dt-color-red-300-hsl);
952
742
  --dt-color-border-critical-subtle-hsla: var(--dt-color-red-300-hsla);
953
743
  --dt-color-border-critical-subtle: var(--dt-color-red-300);
744
+ --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
745
+ --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
746
+ --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
747
+ --dt-color-border-accent-a: var(--dt-color-brand-magenta-a);
748
+ --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
749
+ --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
750
+ --dt-color-border-accent: var(--dt-color-brand-magenta);
954
751
  --dt-color-border-brand-h: var(--dt-color-brand-purple-h);
955
752
  --dt-color-border-brand-s: var(--dt-color-brand-purple-s);
956
753
  --dt-color-border-brand-l: var(--dt-color-brand-purple-l);
@@ -979,25 +776,60 @@
979
776
  --dt-color-border-critical-hsl: var(--dt-color-red-400-hsl);
980
777
  --dt-color-border-critical-hsla: var(--dt-color-red-400-hsla);
981
778
  --dt-color-border-critical: var(--dt-color-red-400);
982
- --dt-color-border-bold-h: 0;
983
- --dt-color-border-bold-s: 0%;
984
- --dt-color-border-bold-l: 11%;
985
- --dt-color-border-bold-a: 50%;
986
- --dt-color-border-bold-hsl: var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l);
987
- --dt-color-border-bold-hsla: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--alpha, 50%));
988
- --dt-color-border-bold: hsl(0 0% 11% / 0.5);
989
- --dt-color-border-moderate-h: 0;
990
- --dt-color-border-moderate-s: 0%;
991
- --dt-color-border-moderate-l: 11%;
992
- --dt-color-border-moderate-a: 25%;
993
- --dt-color-border-moderate-hsl: var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l);
994
- --dt-color-border-moderate-hsla: hsl(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--alpha, 25%));
995
- --dt-color-border-moderate: hsl(0 0% 11% / 0.25);
996
- --dt-color-border-default-h: 0;
997
- --dt-color-border-default-s: 0%;
998
- --dt-color-border-default-l: 11%;
999
- --dt-color-border-default-a: 17%;
1000
- --dt-color-border-default-hsl: var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l);
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-bold-inverted-h: 0;
787
+ --dt-color-border-bold-inverted-s: 0%;
788
+ --dt-color-border-bold-inverted-l: 100%;
789
+ --dt-color-border-bold-inverted-a: 50%;
790
+ --dt-color-border-bold-inverted-hsl: var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l);
791
+ --dt-color-border-bold-inverted-hsla: hsl(var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l) / var(--alpha, 50%));
792
+ --dt-color-border-bold-inverted: hsl(0 0% 100% / 0.5);
793
+ --dt-color-border-moderate-inverted-h: 0;
794
+ --dt-color-border-moderate-inverted-s: 0%;
795
+ --dt-color-border-moderate-inverted-l: 100%;
796
+ --dt-color-border-moderate-inverted-a: 35%;
797
+ --dt-color-border-moderate-inverted-hsl: var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l);
798
+ --dt-color-border-moderate-inverted-hsla: hsl(var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l) / var(--alpha, 35%));
799
+ --dt-color-border-moderate-inverted: hsl(0 0% 100% / 0.35);
800
+ --dt-color-border-default-inverted-h: 0;
801
+ --dt-color-border-default-inverted-s: 0%;
802
+ --dt-color-border-default-inverted-l: 100%;
803
+ --dt-color-border-default-inverted-a: 20%;
804
+ --dt-color-border-default-inverted-hsl: var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l);
805
+ --dt-color-border-default-inverted-hsla: hsl(var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l) / var(--alpha, 20%));
806
+ --dt-color-border-default-inverted: hsl(0 0% 100% / 0.2);
807
+ --dt-color-border-subtle-inverted-h: 0;
808
+ --dt-color-border-subtle-inverted-s: 0%;
809
+ --dt-color-border-subtle-inverted-l: 100%;
810
+ --dt-color-border-subtle-inverted-a: 12%;
811
+ --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);
812
+ --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%));
813
+ --dt-color-border-subtle-inverted: hsl(0 0% 100% / 0.12);
814
+ --dt-color-border-bold-h: 0;
815
+ --dt-color-border-bold-s: 0%;
816
+ --dt-color-border-bold-l: 11%;
817
+ --dt-color-border-bold-a: 50%;
818
+ --dt-color-border-bold-hsl: var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l);
819
+ --dt-color-border-bold-hsla: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--alpha, 50%));
820
+ --dt-color-border-bold: hsl(0 0% 11% / 0.5);
821
+ --dt-color-border-moderate-h: 0;
822
+ --dt-color-border-moderate-s: 0%;
823
+ --dt-color-border-moderate-l: 11%;
824
+ --dt-color-border-moderate-a: 25%;
825
+ --dt-color-border-moderate-hsl: var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l);
826
+ --dt-color-border-moderate-hsla: hsl(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--alpha, 25%));
827
+ --dt-color-border-moderate: hsl(0 0% 11% / 0.25);
828
+ --dt-color-border-default-h: 0;
829
+ --dt-color-border-default-s: 0%;
830
+ --dt-color-border-default-l: 11%;
831
+ --dt-color-border-default-a: 17%;
832
+ --dt-color-border-default-hsl: var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l);
1001
833
  --dt-color-border-default-hsla: hsl(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--alpha, 17%));
1002
834
  --dt-color-border-default: hsl(0 0% 11% / 0.17);
1003
835
  --dt-color-border-subtle-h: 0;
@@ -1007,13 +839,6 @@
1007
839
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
1008
840
  --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 11%));
1009
841
  --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
842
  --dt-color-surface-brand-subtle-opaque-inverted-h: 260;
1018
843
  --dt-color-surface-brand-subtle-opaque-inverted-s: 100%;
1019
844
  --dt-color-surface-brand-subtle-opaque-inverted-l: 8.24%;
@@ -1021,6 +846,13 @@
1021
846
  --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
847
  --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
848
  --dt-color-surface-brand-subtle-opaque-inverted: hsl(260 100% 8.24% / 0.66); /* Info surface as opaque background color. */
849
+ --dt-color-surface-brand-subtle-opaque-h: 260;
850
+ --dt-color-surface-brand-subtle-opaque-s: 100%;
851
+ --dt-color-surface-brand-subtle-opaque-l: 89%;
852
+ --dt-color-surface-brand-subtle-opaque-a: 20%;
853
+ --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);
854
+ --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%));
855
+ --dt-color-surface-brand-subtle-opaque: hsl(260 100% 89% / 0.2); /* Info surface as opaque background color. */
1024
856
  --dt-color-surface-info-subtle-opaque-inverted-h: 211;
1025
857
  --dt-color-surface-info-subtle-opaque-inverted-s: 91.3%;
1026
858
  --dt-color-surface-info-subtle-opaque-inverted-l: 4.51%;
@@ -1028,27 +860,6 @@
1028
860
  --dt-color-surface-info-subtle-opaque-inverted-hsl: var(--dt-color-surface-info-subtle-opaque-inverted-h) var(--dt-color-surface-info-subtle-opaque-inverted-s) var(--dt-color-surface-info-subtle-opaque-inverted-l);
1029
861
  --dt-color-surface-info-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-info-subtle-opaque-inverted-h) var(--dt-color-surface-info-subtle-opaque-inverted-s) var(--dt-color-surface-info-subtle-opaque-inverted-l) / var(--alpha, 66%));
1030
862
  --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
863
  --dt-color-surface-brand-opaque-inverted-h: 260;
1053
864
  --dt-color-surface-brand-opaque-inverted-s: 97.7%;
1054
865
  --dt-color-surface-brand-opaque-inverted-l: 16.9%;
@@ -1056,6 +867,13 @@
1056
867
  --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
868
  --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
869
  --dt-color-surface-brand-opaque-inverted: hsl(260 97.7% 16.9% / 0.8); /* Info surface as opaque background color. */
870
+ --dt-color-surface-brand-opaque-h: 260;
871
+ --dt-color-surface-brand-opaque-s: 100%;
872
+ --dt-color-surface-brand-opaque-l: 89%;
873
+ --dt-color-surface-brand-opaque-a: 27%;
874
+ --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);
875
+ --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%));
876
+ --dt-color-surface-brand-opaque: hsl(260 100% 89% / 0.27); /* Info surface as opaque background color. */
1059
877
  --dt-color-surface-info-opaque-inverted-h: 211;
1060
878
  --dt-color-surface-info-opaque-inverted-s: 100%;
1061
879
  --dt-color-surface-info-opaque-inverted-l: 8.04%;
@@ -1063,6 +881,13 @@
1063
881
  --dt-color-surface-info-opaque-inverted-hsl: var(--dt-color-surface-info-opaque-inverted-h) var(--dt-color-surface-info-opaque-inverted-s) var(--dt-color-surface-info-opaque-inverted-l);
1064
882
  --dt-color-surface-info-opaque-inverted-hsla: hsl(var(--dt-color-surface-info-opaque-inverted-h) var(--dt-color-surface-info-opaque-inverted-s) var(--dt-color-surface-info-opaque-inverted-l) / var(--alpha, 60%));
1065
883
  --dt-color-surface-info-opaque-inverted: hsl(211 100% 8.04% / 0.6); /* Info surface as opaque background color. */
884
+ --dt-color-surface-success-subtle-opaque-inverted-h: 157;
885
+ --dt-color-surface-success-subtle-opaque-inverted-s: 100%;
886
+ --dt-color-surface-success-subtle-opaque-inverted-l: 4.12%;
887
+ --dt-color-surface-success-subtle-opaque-inverted-a: 66%;
888
+ --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);
889
+ --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%));
890
+ --dt-color-surface-success-subtle-opaque-inverted: hsl(157 100% 4.12% / 0.66); /* Success subtle surface as opaque background color. */
1066
891
  --dt-color-surface-success-opaque-inverted-h: 155;
1067
892
  --dt-color-surface-success-opaque-inverted-s: 100%;
1068
893
  --dt-color-surface-success-opaque-inverted-l: 15.5%;
@@ -1070,6 +895,13 @@
1070
895
  --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
896
  --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
897
  --dt-color-surface-success-opaque-inverted: hsl(155 100% 15.5% / 0.3); /* Success surface as opaque background color. */
898
+ --dt-color-surface-warning-subtle-opaque-inverted-h: 34.8;
899
+ --dt-color-surface-warning-subtle-opaque-inverted-s: 93.9%;
900
+ --dt-color-surface-warning-subtle-opaque-inverted-l: 6.47%;
901
+ --dt-color-surface-warning-subtle-opaque-inverted-a: 70%;
902
+ --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);
903
+ --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%));
904
+ --dt-color-surface-warning-subtle-opaque-inverted: hsl(34.8 93.9% 6.47% / 0.7); /* Warning subtle surface as opaque background color */
1073
905
  --dt-color-surface-warning-opaque-inverted-h: 34.9;
1074
906
  --dt-color-surface-warning-opaque-inverted-s: 90.8%;
1075
907
  --dt-color-surface-warning-opaque-inverted-l: 17.1%;
@@ -1077,6 +909,13 @@
1077
909
  --dt-color-surface-warning-opaque-inverted-hsl: var(--dt-color-surface-warning-opaque-inverted-h) var(--dt-color-surface-warning-opaque-inverted-s) var(--dt-color-surface-warning-opaque-inverted-l);
1078
910
  --dt-color-surface-warning-opaque-inverted-hsla: hsl(var(--dt-color-surface-warning-opaque-inverted-h) var(--dt-color-surface-warning-opaque-inverted-s) var(--dt-color-surface-warning-opaque-inverted-l) / var(--alpha, 35%));
1079
911
  --dt-color-surface-warning-opaque-inverted: hsl(34.9 90.8% 17.1% / 0.35); /* Warning surface as opaque background color */
912
+ --dt-color-surface-critical-subtle-opaque-inverted-h: 344;
913
+ --dt-color-surface-critical-subtle-opaque-inverted-s: 93.1%;
914
+ --dt-color-surface-critical-subtle-opaque-inverted-l: 5.69%;
915
+ --dt-color-surface-critical-subtle-opaque-inverted-a: 60%;
916
+ --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);
917
+ --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%));
918
+ --dt-color-surface-critical-subtle-opaque-inverted: hsl(344 93.1% 5.69% / 0.6); /* Critical subtle surface as opaque background color. */
1080
919
  --dt-color-surface-critical-opaque-inverted-h: 342;
1081
920
  --dt-color-surface-critical-opaque-inverted-s: 85.2%;
1082
921
  --dt-color-surface-critical-opaque-inverted-l: 21.2%;
@@ -1119,6 +958,13 @@
1119
958
  --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
959
  --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
960
  --dt-color-surface-secondary-opaque-inverted: hsl(0 0% 100% / 0.15); /* Secondary surface as opaque background color. */
961
+ --dt-color-surface-primary-opaque-h: 0;
962
+ --dt-color-surface-primary-opaque-s: 0%;
963
+ --dt-color-surface-primary-opaque-l: 0%;
964
+ --dt-color-surface-primary-opaque-a: 20%;
965
+ --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);
966
+ --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, 20%));
967
+ --dt-color-surface-primary-opaque: hsl(0 0% 0% / 0.2); /* Primary surface as opaque background color. */
1122
968
  --dt-color-surface-brand-strong-inverted-h: var(--dt-color-purple-300-h);
1123
969
  --dt-color-surface-brand-strong-inverted-s: var(--dt-color-purple-300-s);
1124
970
  --dt-color-surface-brand-strong-inverted-l: var(--dt-color-purple-300-l);
@@ -1126,6 +972,13 @@
1126
972
  --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-purple-300-hsl);
1127
973
  --dt-color-surface-brand-strong-inverted-hsla: var(--dt-color-purple-300-hsla);
1128
974
  --dt-color-surface-brand-strong-inverted: var(--dt-color-purple-300); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
975
+ --dt-color-surface-brand-strong-h: var(--dt-color-purple-400-h);
976
+ --dt-color-surface-brand-strong-s: var(--dt-color-purple-400-s);
977
+ --dt-color-surface-brand-strong-l: var(--dt-color-purple-400-l);
978
+ --dt-color-surface-brand-strong-a: var(--dt-color-purple-400-a);
979
+ --dt-color-surface-brand-strong-hsl: var(--dt-color-purple-400-hsl);
980
+ --dt-color-surface-brand-strong-hsla: var(--dt-color-purple-400-hsla);
981
+ --dt-color-surface-brand-strong: var(--dt-color-purple-400); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
1129
982
  --dt-color-surface-info-strong-inverted-h: var(--dt-color-blue-425-h);
1130
983
  --dt-color-surface-info-strong-inverted-s: var(--dt-color-blue-425-s);
1131
984
  --dt-color-surface-info-strong-inverted-l: var(--dt-color-blue-425-l);
@@ -1133,27 +986,6 @@
1133
986
  --dt-color-surface-info-strong-inverted-hsl: var(--dt-color-blue-425-hsl);
1134
987
  --dt-color-surface-info-strong-inverted-hsla: var(--dt-color-blue-425-hsla);
1135
988
  --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
989
  --dt-color-surface-brand-subtle-inverted-h: var(--dt-color-purple-1000-h);
1158
990
  --dt-color-surface-brand-subtle-inverted-s: var(--dt-color-purple-1000-s);
1159
991
  --dt-color-surface-brand-subtle-inverted-l: var(--dt-color-purple-1000-l);
@@ -1161,6 +993,13 @@
1161
993
  --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-purple-1000-hsl);
1162
994
  --dt-color-surface-brand-subtle-inverted-hsla: var(--dt-color-purple-1000-hsla);
1163
995
  --dt-color-surface-brand-subtle-inverted: var(--dt-color-purple-1000); /* A softer version of the default informational surface. */
996
+ --dt-color-surface-brand-subtle-h: var(--dt-color-purple-50-h);
997
+ --dt-color-surface-brand-subtle-s: var(--dt-color-purple-50-s);
998
+ --dt-color-surface-brand-subtle-l: var(--dt-color-purple-50-l);
999
+ --dt-color-surface-brand-subtle-a: var(--dt-color-purple-50-a);
1000
+ --dt-color-surface-brand-subtle-hsl: var(--dt-color-purple-50-hsl);
1001
+ --dt-color-surface-brand-subtle-hsla: var(--dt-color-purple-50-hsla);
1002
+ --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
1164
1003
  --dt-color-surface-info-subtle-inverted-h: var(--dt-color-blue-1000-h);
1165
1004
  --dt-color-surface-info-subtle-inverted-s: var(--dt-color-blue-1000-s);
1166
1005
  --dt-color-surface-info-subtle-inverted-l: var(--dt-color-blue-1000-l);
@@ -1168,27 +1007,6 @@
1168
1007
  --dt-color-surface-info-subtle-inverted-hsl: var(--dt-color-blue-1000-hsl);
1169
1008
  --dt-color-surface-info-subtle-inverted-hsla: var(--dt-color-blue-1000-hsla);
1170
1009
  --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
1010
  --dt-color-surface-brand-inverted-h: var(--dt-color-purple-600-h);
1193
1011
  --dt-color-surface-brand-inverted-s: var(--dt-color-purple-600-s);
1194
1012
  --dt-color-surface-brand-inverted-l: var(--dt-color-purple-600-l);
@@ -1196,6 +1014,13 @@
1196
1014
  --dt-color-surface-brand-inverted-hsl: var(--dt-color-purple-600-hsl);
1197
1015
  --dt-color-surface-brand-inverted-hsla: var(--dt-color-purple-600-hsla);
1198
1016
  --dt-color-surface-brand-inverted: var(--dt-color-purple-600); /* Background surface color containing messaging or elements communicated as generally informational. */
1017
+ --dt-color-surface-brand-h: var(--dt-color-purple-100-h);
1018
+ --dt-color-surface-brand-s: var(--dt-color-purple-100-s);
1019
+ --dt-color-surface-brand-l: var(--dt-color-purple-100-l);
1020
+ --dt-color-surface-brand-a: var(--dt-color-purple-100-a);
1021
+ --dt-color-surface-brand-hsl: var(--dt-color-purple-100-hsl);
1022
+ --dt-color-surface-brand-hsla: var(--dt-color-purple-100-hsla);
1023
+ --dt-color-surface-brand: var(--dt-color-purple-100); /* Background surface color containing messaging or elements communicated as generally informational. */
1199
1024
  --dt-color-surface-info-inverted-h: var(--dt-color-blue-900-h);
1200
1025
  --dt-color-surface-info-inverted-s: var(--dt-color-blue-900-s);
1201
1026
  --dt-color-surface-info-inverted-l: var(--dt-color-blue-900-l);
@@ -1203,6 +1028,20 @@
1203
1028
  --dt-color-surface-info-inverted-hsl: var(--dt-color-blue-900-hsl);
1204
1029
  --dt-color-surface-info-inverted-hsla: var(--dt-color-blue-900-hsla);
1205
1030
  --dt-color-surface-info-inverted: var(--dt-color-blue-900); /* Background surface color containing messaging or elements communicated as generally informational. */
1031
+ --dt-color-surface-success-strong-inverted-h: var(--dt-color-green-350-h);
1032
+ --dt-color-surface-success-strong-inverted-s: var(--dt-color-green-350-s);
1033
+ --dt-color-surface-success-strong-inverted-l: var(--dt-color-green-350-l);
1034
+ --dt-color-surface-success-strong-inverted-a: var(--dt-color-green-350-a);
1035
+ --dt-color-surface-success-strong-inverted-hsl: var(--dt-color-green-350-hsl);
1036
+ --dt-color-surface-success-strong-inverted-hsla: var(--dt-color-green-350-hsla);
1037
+ --dt-color-surface-success-strong-inverted: var(--dt-color-green-350); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
1038
+ --dt-color-surface-success-subtle-inverted-h: var(--dt-color-green-1000-h);
1039
+ --dt-color-surface-success-subtle-inverted-s: var(--dt-color-green-1000-s);
1040
+ --dt-color-surface-success-subtle-inverted-l: var(--dt-color-green-1000-l);
1041
+ --dt-color-surface-success-subtle-inverted-a: var(--dt-color-green-1000-a);
1042
+ --dt-color-surface-success-subtle-inverted-hsl: var(--dt-color-green-1000-hsl);
1043
+ --dt-color-surface-success-subtle-inverted-hsla: var(--dt-color-green-1000-hsla);
1044
+ --dt-color-surface-success-subtle-inverted: var(--dt-color-green-1000); /* A softer version of the default success surface. */
1206
1045
  --dt-color-surface-success-inverted-h: var(--dt-color-green-900-h);
1207
1046
  --dt-color-surface-success-inverted-s: var(--dt-color-green-900-s);
1208
1047
  --dt-color-surface-success-inverted-l: var(--dt-color-green-900-l);
@@ -1210,6 +1049,20 @@
1210
1049
  --dt-color-surface-success-inverted-hsl: var(--dt-color-green-900-hsl);
1211
1050
  --dt-color-surface-success-inverted-hsla: var(--dt-color-green-900-hsla);
1212
1051
  --dt-color-surface-success-inverted: var(--dt-color-green-900); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1052
+ --dt-color-surface-warning-strong-inverted-h: var(--dt-color-gold-300-h);
1053
+ --dt-color-surface-warning-strong-inverted-s: var(--dt-color-gold-300-s);
1054
+ --dt-color-surface-warning-strong-inverted-l: var(--dt-color-gold-300-l);
1055
+ --dt-color-surface-warning-strong-inverted-a: var(--dt-color-gold-300-a);
1056
+ --dt-color-surface-warning-strong-inverted-hsl: var(--dt-color-gold-300-hsl);
1057
+ --dt-color-surface-warning-strong-inverted-hsla: var(--dt-color-gold-300-hsla);
1058
+ --dt-color-surface-warning-strong-inverted: var(--dt-color-gold-300); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
1059
+ --dt-color-surface-warning-subtle-inverted-h: var(--dt-color-gold-1000-h);
1060
+ --dt-color-surface-warning-subtle-inverted-s: var(--dt-color-gold-1000-s);
1061
+ --dt-color-surface-warning-subtle-inverted-l: var(--dt-color-gold-1000-l);
1062
+ --dt-color-surface-warning-subtle-inverted-a: var(--dt-color-gold-1000-a);
1063
+ --dt-color-surface-warning-subtle-inverted-hsl: var(--dt-color-gold-1000-hsl);
1064
+ --dt-color-surface-warning-subtle-inverted-hsla: var(--dt-color-gold-1000-hsla);
1065
+ --dt-color-surface-warning-subtle-inverted: var(--dt-color-gold-1000); /* A softer version of the default warning surface. */
1213
1066
  --dt-color-surface-warning-inverted-h: var(--dt-color-gold-900-h);
1214
1067
  --dt-color-surface-warning-inverted-s: var(--dt-color-gold-900-s);
1215
1068
  --dt-color-surface-warning-inverted-l: var(--dt-color-gold-900-l);
@@ -1217,6 +1070,20 @@
1217
1070
  --dt-color-surface-warning-inverted-hsl: var(--dt-color-gold-900-hsl);
1218
1071
  --dt-color-surface-warning-inverted-hsla: var(--dt-color-gold-900-hsla);
1219
1072
  --dt-color-surface-warning-inverted: var(--dt-color-gold-900); /* Background surface color highlighting messaging or elements that may require user's attention. */
1073
+ --dt-color-surface-critical-strong-inverted-h: var(--dt-color-red-300-h);
1074
+ --dt-color-surface-critical-strong-inverted-s: var(--dt-color-red-300-s);
1075
+ --dt-color-surface-critical-strong-inverted-l: var(--dt-color-red-300-l);
1076
+ --dt-color-surface-critical-strong-inverted-a: var(--dt-color-red-300-a);
1077
+ --dt-color-surface-critical-strong-inverted-hsl: var(--dt-color-red-300-hsl);
1078
+ --dt-color-surface-critical-strong-inverted-hsla: var(--dt-color-red-300-hsla);
1079
+ --dt-color-surface-critical-strong-inverted: var(--dt-color-red-300); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
1080
+ --dt-color-surface-critical-subtle-inverted-h: var(--dt-color-red-1000-h);
1081
+ --dt-color-surface-critical-subtle-inverted-s: var(--dt-color-red-1000-s);
1082
+ --dt-color-surface-critical-subtle-inverted-l: var(--dt-color-red-1000-l);
1083
+ --dt-color-surface-critical-subtle-inverted-a: var(--dt-color-red-1000-a);
1084
+ --dt-color-surface-critical-subtle-inverted-hsl: var(--dt-color-red-1000-hsl);
1085
+ --dt-color-surface-critical-subtle-inverted-hsla: var(--dt-color-red-1000-hsla);
1086
+ --dt-color-surface-critical-subtle-inverted: var(--dt-color-red-1000); /* A softer version of the Critical surface. */
1220
1087
  --dt-color-surface-critical-inverted-h: var(--dt-color-red-900-h);
1221
1088
  --dt-color-surface-critical-inverted-s: var(--dt-color-red-900-s);
1222
1089
  --dt-color-surface-critical-inverted-l: var(--dt-color-red-900-l);
@@ -1224,6 +1091,13 @@
1224
1091
  --dt-color-surface-critical-inverted-hsl: var(--dt-color-red-900-hsl);
1225
1092
  --dt-color-surface-critical-inverted-hsla: var(--dt-color-red-900-hsla);
1226
1093
  --dt-color-surface-critical-inverted: var(--dt-color-red-900); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
1094
+ --dt-color-surface-primary-inverted-h: var(--dt-color-black-1000-h);
1095
+ --dt-color-surface-primary-inverted-s: var(--dt-color-black-1000-s);
1096
+ --dt-color-surface-primary-inverted-l: var(--dt-color-black-1000-l);
1097
+ --dt-color-surface-primary-inverted-a: var(--dt-color-black-1000-a);
1098
+ --dt-color-surface-primary-inverted-hsl: var(--dt-color-black-1000-hsl);
1099
+ --dt-color-surface-primary-inverted-hsla: var(--dt-color-black-1000-hsla);
1100
+ --dt-color-surface-primary-inverted: var(--dt-color-black-1000); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
1227
1101
  --dt-color-surface-contrast-inverted-h: var(--dt-color-black-100-h);
1228
1102
  --dt-color-surface-contrast-inverted-s: var(--dt-color-black-100-s);
1229
1103
  --dt-color-surface-contrast-inverted-l: var(--dt-color-black-100-l);
@@ -1259,125 +1133,6 @@
1259
1133
  --dt-color-surface-secondary-inverted-hsl: var(--dt-color-black-800-hsl);
1260
1134
  --dt-color-surface-secondary-inverted-hsla: var(--dt-color-black-800-hsla);
1261
1135
  --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. */
1269
- --dt-color-surface-brand-subtle-opaque-h: 260;
1270
- --dt-color-surface-brand-subtle-opaque-s: 100%;
1271
- --dt-color-surface-brand-subtle-opaque-l: 89%;
1272
- --dt-color-surface-brand-subtle-opaque-a: 20%;
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);
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%));
1275
- --dt-color-surface-brand-subtle-opaque: hsl(260 100% 89% / 0.2); /* Info surface as opaque background color. */
1276
- --dt-color-surface-info-subtle-opaque-h: 210;
1277
- --dt-color-surface-info-subtle-opaque-s: 61.5%;
1278
- --dt-color-surface-info-subtle-opaque-l: 94.9%;
1279
- --dt-color-surface-info-subtle-opaque-a: 50%;
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);
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%));
1282
- --dt-color-surface-info-subtle-opaque: hsl(210 61.5% 94.9% / 0.5); /* Info surface as opaque background color. */
1283
- --dt-color-surface-success-subtle-opaque-h: 111;
1284
- --dt-color-surface-success-subtle-opaque-s: 53.79999999999999%;
1285
- --dt-color-surface-success-subtle-opaque-l: 94.9%;
1286
- --dt-color-surface-success-subtle-opaque-a: 50%;
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);
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%));
1289
- --dt-color-surface-success-subtle-opaque: hsl(111 53.8% 94.9% / 0.5); /* Success subtle surface as opaque background color. */
1290
- --dt-color-surface-warning-subtle-opaque-h: 47.1;
1291
- --dt-color-surface-warning-subtle-opaque-s: 100%;
1292
- --dt-color-surface-warning-subtle-opaque-l: 90%;
1293
- --dt-color-surface-warning-subtle-opaque-a: 50%;
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);
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%));
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. */
1325
- --dt-color-surface-warning-opaque-h: 46.1;
1326
- --dt-color-surface-warning-opaque-s: 100%;
1327
- --dt-color-surface-warning-opaque-l: 80.6%;
1328
- --dt-color-surface-warning-opaque-a: 50%;
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);
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%));
1331
- --dt-color-surface-warning-opaque: hsl(46.1 100% 80.6% / 0.5); /* Warning surface as opaque background color */
1332
- --dt-color-surface-critical-opaque-h: 4.62;
1333
- --dt-color-surface-critical-opaque-s: 100%;
1334
- --dt-color-surface-critical-opaque-l: 82.2%;
1335
- --dt-color-surface-critical-opaque-a: 31%;
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);
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%));
1338
- --dt-color-surface-critical-opaque: hsl(4.62 100% 82.2% / 0.31); /* Critical surface as opaque background color. */
1339
- --dt-color-surface-contrast-opaque-h: 0;
1340
- --dt-color-surface-contrast-opaque-s: 0%;
1341
- --dt-color-surface-contrast-opaque-l: 11%;
1342
- --dt-color-surface-contrast-opaque-a: 94%;
1343
- --dt-color-surface-contrast-opaque-hsl: var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l);
1344
- --dt-color-surface-contrast-opaque-hsla: hsl(var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l) / var(--alpha, 94%));
1345
- --dt-color-surface-contrast-opaque: hsl(0 0% 11% / 0.94); /* Contrast surface as opaque background color. */
1346
- --dt-color-surface-strong-opaque-h: 0;
1347
- --dt-color-surface-strong-opaque-s: 0%;
1348
- --dt-color-surface-strong-opaque-l: 11%;
1349
- --dt-color-surface-strong-opaque-a: 76%;
1350
- --dt-color-surface-strong-opaque-hsl: var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l);
1351
- --dt-color-surface-strong-opaque-hsla: hsl(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--alpha, 76%));
1352
- --dt-color-surface-strong-opaque: hsl(0 0% 11% / 0.76); /* Strong surface as opaque background color. */
1353
- --dt-color-surface-bold-opaque-h: 0;
1354
- --dt-color-surface-bold-opaque-s: 0%;
1355
- --dt-color-surface-bold-opaque-l: 11%;
1356
- --dt-color-surface-bold-opaque-a: 19%;
1357
- --dt-color-surface-bold-opaque-hsl: var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l);
1358
- --dt-color-surface-bold-opaque-hsla: hsl(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--alpha, 19%));
1359
- --dt-color-surface-bold-opaque: hsl(0 0% 11% / 0.19); /* Bold surface as opaque background color. */
1360
- --dt-color-surface-moderate-opaque-h: 0;
1361
- --dt-color-surface-moderate-opaque-s: 0%;
1362
- --dt-color-surface-moderate-opaque-l: 11%;
1363
- --dt-color-surface-moderate-opaque-a: 10%;
1364
- --dt-color-surface-moderate-opaque-hsl: var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l);
1365
- --dt-color-surface-moderate-opaque-hsla: hsl(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--alpha, 10%));
1366
- --dt-color-surface-moderate-opaque: hsl(0 0% 11% / 0.1); /* Moderate surface as opaque background color. */
1367
- --dt-color-surface-secondary-opaque-h: 0;
1368
- --dt-color-surface-secondary-opaque-s: 0%;
1369
- --dt-color-surface-secondary-opaque-l: 11%;
1370
- --dt-color-surface-secondary-opaque-a: 2%;
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);
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%));
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
1136
  --dt-color-surface-info-strong-h: var(--dt-color-blue-500-h);
1382
1137
  --dt-color-surface-info-strong-s: var(--dt-color-blue-500-s);
1383
1138
  --dt-color-surface-info-strong-l: var(--dt-color-blue-500-l);
@@ -1385,34 +1140,6 @@
1385
1140
  --dt-color-surface-info-strong-hsl: var(--dt-color-blue-500-hsl);
1386
1141
  --dt-color-surface-info-strong-hsla: var(--dt-color-blue-500-hsla);
1387
1142
  --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
1143
  --dt-color-surface-info-subtle-h: var(--dt-color-blue-50-h);
1417
1144
  --dt-color-surface-info-subtle-s: var(--dt-color-blue-50-s);
1418
1145
  --dt-color-surface-info-subtle-l: var(--dt-color-blue-50-l);
@@ -1420,34 +1147,6 @@
1420
1147
  --dt-color-surface-info-subtle-hsl: var(--dt-color-blue-50-hsl);
1421
1148
  --dt-color-surface-info-subtle-hsla: var(--dt-color-blue-50-hsla);
1422
1149
  --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
1150
  --dt-color-surface-info-h: var(--dt-color-blue-100-h);
1452
1151
  --dt-color-surface-info-s: var(--dt-color-blue-100-s);
1453
1152
  --dt-color-surface-info-l: var(--dt-color-blue-100-l);
@@ -1455,6 +1154,20 @@
1455
1154
  --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
1456
1155
  --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
1457
1156
  --dt-color-surface-info: var(--dt-color-blue-100); /* Background surface color containing messaging or elements communicated as generally informational. */
1157
+ --dt-color-surface-success-strong-h: var(--dt-color-green-500-h);
1158
+ --dt-color-surface-success-strong-s: var(--dt-color-green-500-s);
1159
+ --dt-color-surface-success-strong-l: var(--dt-color-green-500-l);
1160
+ --dt-color-surface-success-strong-a: var(--dt-color-green-500-a);
1161
+ --dt-color-surface-success-strong-hsl: var(--dt-color-green-500-hsl);
1162
+ --dt-color-surface-success-strong-hsla: var(--dt-color-green-500-hsla);
1163
+ --dt-color-surface-success-strong: var(--dt-color-green-500); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
1164
+ --dt-color-surface-success-subtle-h: var(--dt-color-green-50-h);
1165
+ --dt-color-surface-success-subtle-s: var(--dt-color-green-50-s);
1166
+ --dt-color-surface-success-subtle-l: var(--dt-color-green-50-l);
1167
+ --dt-color-surface-success-subtle-a: var(--dt-color-green-50-a);
1168
+ --dt-color-surface-success-subtle-hsl: var(--dt-color-green-50-hsl);
1169
+ --dt-color-surface-success-subtle-hsla: var(--dt-color-green-50-hsla);
1170
+ --dt-color-surface-success-subtle: var(--dt-color-green-50); /* A softer version of the default success surface. */
1458
1171
  --dt-color-surface-success-h: var(--dt-color-green-100-h);
1459
1172
  --dt-color-surface-success-s: var(--dt-color-green-100-s);
1460
1173
  --dt-color-surface-success-l: var(--dt-color-green-100-l);
@@ -1462,6 +1175,20 @@
1462
1175
  --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
1463
1176
  --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
1464
1177
  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1178
+ --dt-color-surface-warning-strong-h: var(--dt-color-gold-350-h);
1179
+ --dt-color-surface-warning-strong-s: var(--dt-color-gold-350-s);
1180
+ --dt-color-surface-warning-strong-l: var(--dt-color-gold-350-l);
1181
+ --dt-color-surface-warning-strong-a: var(--dt-color-gold-350-a);
1182
+ --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-350-hsl);
1183
+ --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-350-hsla);
1184
+ --dt-color-surface-warning-strong: var(--dt-color-gold-350); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
1185
+ --dt-color-surface-warning-subtle-h: var(--dt-color-gold-50-h);
1186
+ --dt-color-surface-warning-subtle-s: var(--dt-color-gold-50-s);
1187
+ --dt-color-surface-warning-subtle-l: var(--dt-color-gold-50-l);
1188
+ --dt-color-surface-warning-subtle-a: var(--dt-color-gold-50-a);
1189
+ --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-50-hsl);
1190
+ --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-50-hsla);
1191
+ --dt-color-surface-warning-subtle: var(--dt-color-gold-50); /* A softer version of the default warning surface. */
1465
1192
  --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
1466
1193
  --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
1467
1194
  --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
@@ -1469,6 +1196,20 @@
1469
1196
  --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
1470
1197
  --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
1471
1198
  --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
1199
+ --dt-color-surface-critical-strong-h: var(--dt-color-red-450-h);
1200
+ --dt-color-surface-critical-strong-s: var(--dt-color-red-450-s);
1201
+ --dt-color-surface-critical-strong-l: var(--dt-color-red-450-l);
1202
+ --dt-color-surface-critical-strong-a: var(--dt-color-red-450-a);
1203
+ --dt-color-surface-critical-strong-hsl: var(--dt-color-red-450-hsl);
1204
+ --dt-color-surface-critical-strong-hsla: var(--dt-color-red-450-hsla);
1205
+ --dt-color-surface-critical-strong: var(--dt-color-red-450); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
1206
+ --dt-color-surface-critical-subtle-h: var(--dt-color-red-50-h);
1207
+ --dt-color-surface-critical-subtle-s: var(--dt-color-red-50-s);
1208
+ --dt-color-surface-critical-subtle-l: var(--dt-color-red-50-l);
1209
+ --dt-color-surface-critical-subtle-a: var(--dt-color-red-50-a);
1210
+ --dt-color-surface-critical-subtle-hsl: var(--dt-color-red-50-hsl);
1211
+ --dt-color-surface-critical-subtle-hsla: var(--dt-color-red-50-hsla);
1212
+ --dt-color-surface-critical-subtle: var(--dt-color-red-50); /* A softer version of the Critical surface. */
1472
1213
  --dt-color-surface-critical-h: var(--dt-color-red-100-h);
1473
1214
  --dt-color-surface-critical-s: var(--dt-color-red-100-s);
1474
1215
  --dt-color-surface-critical-l: var(--dt-color-red-100-l);
@@ -1518,6 +1259,104 @@
1518
1259
  --dt-color-surface-primary-hsl: var(--dt-color-black-50-hsl);
1519
1260
  --dt-color-surface-primary-hsla: var(--dt-color-black-50-hsla);
1520
1261
  --dt-color-surface-primary: var(--dt-color-black-50); /* Default surface color for the majority of surfaces. */
1262
+ --dt-color-surface-info-subtle-opaque-h: 210;
1263
+ --dt-color-surface-info-subtle-opaque-s: 61.5%;
1264
+ --dt-color-surface-info-subtle-opaque-l: 94.9%;
1265
+ --dt-color-surface-info-subtle-opaque-a: 50%;
1266
+ --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);
1267
+ --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%));
1268
+ --dt-color-surface-info-subtle-opaque: hsl(210 61.5% 94.9% / 0.5); /* Info surface as opaque background color. */
1269
+ --dt-color-surface-info-opaque-h: 201;
1270
+ --dt-color-surface-info-opaque-s: 100%;
1271
+ --dt-color-surface-info-opaque-l: 87.1%;
1272
+ --dt-color-surface-info-opaque-a: 35%;
1273
+ --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);
1274
+ --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%));
1275
+ --dt-color-surface-info-opaque: hsl(201 100% 87.1% / 0.35); /* Info surface as opaque background color. */
1276
+ --dt-color-surface-success-subtle-opaque-h: 111;
1277
+ --dt-color-surface-success-subtle-opaque-s: 53.79999999999999%;
1278
+ --dt-color-surface-success-subtle-opaque-l: 94.9%;
1279
+ --dt-color-surface-success-subtle-opaque-a: 50%;
1280
+ --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);
1281
+ --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%));
1282
+ --dt-color-surface-success-subtle-opaque: hsl(111 53.8% 94.9% / 0.5); /* Success subtle surface as opaque background color. */
1283
+ --dt-color-surface-success-opaque-h: 85.1;
1284
+ --dt-color-surface-success-opaque-s: 100%;
1285
+ --dt-color-surface-success-opaque-l: 83.1%;
1286
+ --dt-color-surface-success-opaque-a: 25%;
1287
+ --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);
1288
+ --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%));
1289
+ --dt-color-surface-success-opaque: hsl(85.1 100% 83.1% / 0.25); /* Success surface as opaque background color. */
1290
+ --dt-color-surface-warning-subtle-opaque-h: 47.1;
1291
+ --dt-color-surface-warning-subtle-opaque-s: 100%;
1292
+ --dt-color-surface-warning-subtle-opaque-l: 90%;
1293
+ --dt-color-surface-warning-subtle-opaque-a: 50%;
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);
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%));
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-warning-opaque-h: 46.1;
1298
+ --dt-color-surface-warning-opaque-s: 100%;
1299
+ --dt-color-surface-warning-opaque-l: 80.6%;
1300
+ --dt-color-surface-warning-opaque-a: 50%;
1301
+ --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);
1302
+ --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%));
1303
+ --dt-color-surface-warning-opaque: hsl(46.1 100% 80.6% / 0.5); /* Warning surface as opaque background color */
1304
+ --dt-color-surface-critical-subtle-opaque-h: 358;
1305
+ --dt-color-surface-critical-subtle-opaque-s: 100%;
1306
+ --dt-color-surface-critical-subtle-opaque-l: 94.9%;
1307
+ --dt-color-surface-critical-subtle-opaque-a: 50%;
1308
+ --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);
1309
+ --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%));
1310
+ --dt-color-surface-critical-subtle-opaque: hsl(358 100% 94.9% / 0.5); /* Critical subtle surface as opaque background color. */
1311
+ --dt-color-surface-critical-opaque-h: 4.62;
1312
+ --dt-color-surface-critical-opaque-s: 100%;
1313
+ --dt-color-surface-critical-opaque-l: 82.2%;
1314
+ --dt-color-surface-critical-opaque-a: 31%;
1315
+ --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);
1316
+ --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%));
1317
+ --dt-color-surface-critical-opaque: hsl(4.62 100% 82.2% / 0.31); /* Critical surface as opaque background color. */
1318
+ --dt-color-surface-backdrop-h: 0;
1319
+ --dt-color-surface-backdrop-s: 0%;
1320
+ --dt-color-surface-backdrop-l: 0%;
1321
+ --dt-color-surface-backdrop-a: 65%;
1322
+ --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
1323
+ --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%));
1324
+ --dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); /* Background color for a modal-like backdrop. */
1325
+ --dt-color-surface-contrast-opaque-h: 0;
1326
+ --dt-color-surface-contrast-opaque-s: 0%;
1327
+ --dt-color-surface-contrast-opaque-l: 11%;
1328
+ --dt-color-surface-contrast-opaque-a: 94%;
1329
+ --dt-color-surface-contrast-opaque-hsl: var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l);
1330
+ --dt-color-surface-contrast-opaque-hsla: hsl(var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l) / var(--alpha, 94%));
1331
+ --dt-color-surface-contrast-opaque: hsl(0 0% 11% / 0.94); /* Contrast surface as opaque background color. */
1332
+ --dt-color-surface-strong-opaque-h: 0;
1333
+ --dt-color-surface-strong-opaque-s: 0%;
1334
+ --dt-color-surface-strong-opaque-l: 11%;
1335
+ --dt-color-surface-strong-opaque-a: 76%;
1336
+ --dt-color-surface-strong-opaque-hsl: var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l);
1337
+ --dt-color-surface-strong-opaque-hsla: hsl(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--alpha, 76%));
1338
+ --dt-color-surface-strong-opaque: hsl(0 0% 11% / 0.76); /* Strong surface as opaque background color. */
1339
+ --dt-color-surface-bold-opaque-h: 0;
1340
+ --dt-color-surface-bold-opaque-s: 0%;
1341
+ --dt-color-surface-bold-opaque-l: 11%;
1342
+ --dt-color-surface-bold-opaque-a: 19%;
1343
+ --dt-color-surface-bold-opaque-hsl: var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l);
1344
+ --dt-color-surface-bold-opaque-hsla: hsl(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--alpha, 19%));
1345
+ --dt-color-surface-bold-opaque: hsl(0 0% 11% / 0.19); /* Bold surface as opaque background color. */
1346
+ --dt-color-surface-moderate-opaque-h: 0;
1347
+ --dt-color-surface-moderate-opaque-s: 0%;
1348
+ --dt-color-surface-moderate-opaque-l: 11%;
1349
+ --dt-color-surface-moderate-opaque-a: 10%;
1350
+ --dt-color-surface-moderate-opaque-hsl: var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l);
1351
+ --dt-color-surface-moderate-opaque-hsla: hsl(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--alpha, 10%));
1352
+ --dt-color-surface-moderate-opaque: hsl(0 0% 11% / 0.1); /* Moderate surface as opaque background color. */
1353
+ --dt-color-surface-secondary-opaque-h: 0;
1354
+ --dt-color-surface-secondary-opaque-s: 0%;
1355
+ --dt-color-surface-secondary-opaque-l: 11%;
1356
+ --dt-color-surface-secondary-opaque-a: 2%;
1357
+ --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);
1358
+ --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%));
1359
+ --dt-color-surface-secondary-opaque: hsl(0 0% 11% / 0.02); /* Secondary surface as opaque background color. */
1521
1360
  --dt-color-link-muted-inverted-hover-h: var(--dt-color-black-100-h);
1522
1361
  --dt-color-link-muted-inverted-hover-s: var(--dt-color-black-100-s);
1523
1362
  --dt-color-link-muted-inverted-hover-l: var(--dt-color-black-100-l);
@@ -1539,20 +1378,6 @@
1539
1378
  --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-200-hsl);
1540
1379
  --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-200-hsla);
1541
1380
  --dt-color-link-primary-inverted-hover: var(--dt-color-purple-200);
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
1381
  --dt-color-link-warning-hover-h: var(--dt-color-gold-700-h);
1557
1382
  --dt-color-link-warning-hover-s: var(--dt-color-gold-700-s);
1558
1383
  --dt-color-link-warning-hover-l: var(--dt-color-gold-700-l);
@@ -1567,6 +1392,13 @@
1567
1392
  --dt-color-link-primary-hover-hsl: var(--dt-color-purple-500-hsl);
1568
1393
  --dt-color-link-primary-hover-hsla: var(--dt-color-purple-500-hsla);
1569
1394
  --dt-color-link-primary-hover: var(--dt-color-purple-500);
1395
+ --dt-color-link-primary-inverted-h: var(--dt-color-purple-250-h);
1396
+ --dt-color-link-primary-inverted-s: var(--dt-color-purple-250-s);
1397
+ --dt-color-link-primary-inverted-l: var(--dt-color-purple-250-l);
1398
+ --dt-color-link-primary-inverted-a: var(--dt-color-purple-250-a);
1399
+ --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-250-hsl);
1400
+ --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-250-hsla);
1401
+ --dt-color-link-primary-inverted: var(--dt-color-purple-250);
1570
1402
  --dt-color-link-primary-h: var(--dt-color-purple-400-h);
1571
1403
  --dt-color-link-primary-s: var(--dt-color-purple-400-s);
1572
1404
  --dt-color-link-primary-l: var(--dt-color-purple-400-l);
@@ -1595,20 +1427,20 @@
1595
1427
  --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-350-hsl);
1596
1428
  --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-350-hsla);
1597
1429
  --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 */
1430
+ --dt-color-foreground-critical-strong-inverted-h: var(--dt-color-red-100-h);
1431
+ --dt-color-foreground-critical-strong-inverted-s: var(--dt-color-red-100-s);
1432
+ --dt-color-foreground-critical-strong-inverted-l: var(--dt-color-red-100-l);
1433
+ --dt-color-foreground-critical-strong-inverted-a: var(--dt-color-red-100-a);
1434
+ --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-red-100-hsl);
1435
+ --dt-color-foreground-critical-strong-inverted-hsla: var(--dt-color-red-100-hsla);
1436
+ --dt-color-foreground-critical-strong-inverted: var(--dt-color-red-100); /* Critical strong text that sits on high-contrast surfaces or backgrounds */
1437
+ --dt-color-foreground-critical-inverted-h: var(--dt-color-red-200-h);
1438
+ --dt-color-foreground-critical-inverted-s: var(--dt-color-red-200-s);
1439
+ --dt-color-foreground-critical-inverted-l: var(--dt-color-red-200-l);
1440
+ --dt-color-foreground-critical-inverted-a: var(--dt-color-red-200-a);
1441
+ --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-200-hsl);
1442
+ --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-200-hsla);
1443
+ --dt-color-foreground-critical-inverted: var(--dt-color-red-200); /* Critical text that sits on high-contrast surfaces or backgrounds */
1612
1444
  --dt-color-foreground-disabled-inverted-h: var(--dt-color-black-400-h);
1613
1445
  --dt-color-foreground-disabled-inverted-s: var(--dt-color-black-400-s);
1614
1446
  --dt-color-foreground-disabled-inverted-l: var(--dt-color-black-400-l);
@@ -1721,6 +1553,13 @@
1721
1553
  --dt-color-foreground-secondary-hsl: var(--dt-color-black-700-hsl);
1722
1554
  --dt-color-foreground-secondary-hsla: var(--dt-color-black-700-hsla);
1723
1555
  --dt-color-foreground-secondary: var(--dt-color-black-700); /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
1556
+ --dt-color-foreground-primary-h: var(--dt-color-black-900-h);
1557
+ --dt-color-foreground-primary-s: var(--dt-color-black-900-s);
1558
+ --dt-color-foreground-primary-l: var(--dt-color-black-900-l);
1559
+ --dt-color-foreground-primary-a: var(--dt-color-black-900-a);
1560
+ --dt-color-foreground-primary-hsl: var(--dt-color-black-900-hsl);
1561
+ --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1562
+ --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
1724
1563
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1725
1564
  --dt-radio-color-foreground-checked-h: var(--dt-color-foreground-primary-inverted-h);
1726
1565
  --dt-radio-color-foreground-checked-s: var(--dt-color-foreground-primary-inverted-s);
@@ -1843,6 +1682,41 @@
1843
1682
  --dt-theme-sidebar-section-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
1844
1683
  --dt-theme-sidebar-section-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
1845
1684
  --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
1685
+ --dt-theme-sidebar-selected-row-color-background-h: 0;
1686
+ --dt-theme-sidebar-selected-row-color-background-s: 0%;
1687
+ --dt-theme-sidebar-selected-row-color-background-l: 11%;
1688
+ --dt-theme-sidebar-selected-row-color-background-a: 9%;
1689
+ --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);
1690
+ --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%));
1691
+ --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 11% / 0.09);
1692
+ --dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
1693
+ --dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
1694
+ --dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
1695
+ --dt-theme-sidebar-selected-row-color-foreground-a: var(--dt-color-foreground-primary-a);
1696
+ --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-color-foreground-primary-hsl);
1697
+ --dt-theme-sidebar-selected-row-color-foreground-hsla: var(--dt-color-foreground-primary-hsla);
1698
+ --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
1699
+ --dt-theme-sidebar-row-color-background-active-h: 0;
1700
+ --dt-theme-sidebar-row-color-background-active-s: 0%;
1701
+ --dt-theme-sidebar-row-color-background-active-l: 11%;
1702
+ --dt-theme-sidebar-row-color-background-active-a: 15%;
1703
+ --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);
1704
+ --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%));
1705
+ --dt-theme-sidebar-row-color-background-active: hsl(0 0% 11% / 0.15);
1706
+ --dt-theme-sidebar-row-color-background-hover-h: 0;
1707
+ --dt-theme-sidebar-row-color-background-hover-s: 0%;
1708
+ --dt-theme-sidebar-row-color-background-hover-l: 11%;
1709
+ --dt-theme-sidebar-row-color-background-hover-a: 11%;
1710
+ --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);
1711
+ --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%));
1712
+ --dt-theme-sidebar-row-color-background-hover: hsl(0 0% 11% / 0.11);
1713
+ --dt-theme-sidebar-row-color-background-h: 0;
1714
+ --dt-theme-sidebar-row-color-background-s: 0%;
1715
+ --dt-theme-sidebar-row-color-background-l: 11%;
1716
+ --dt-theme-sidebar-row-color-background-a: 0%;
1717
+ --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);
1718
+ --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%));
1719
+ --dt-theme-sidebar-row-color-background: hsl(0 0% 11% / 0);
1846
1720
  --dt-theme-sidebar-status-color-foreground-h: var(--dt-color-foreground-tertiary-h);
1847
1721
  --dt-theme-sidebar-status-color-foreground-s: var(--dt-color-foreground-tertiary-s);
1848
1722
  --dt-theme-sidebar-status-color-foreground-l: var(--dt-color-foreground-tertiary-l);
@@ -1850,6 +1724,13 @@
1850
1724
  --dt-theme-sidebar-status-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
1851
1725
  --dt-theme-sidebar-status-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
1852
1726
  --dt-theme-sidebar-status-color-foreground: var(--dt-color-foreground-tertiary);
1727
+ --dt-theme-sidebar-color-foreground-unread-h: var(--dt-color-foreground-primary-h);
1728
+ --dt-theme-sidebar-color-foreground-unread-s: var(--dt-color-foreground-primary-s);
1729
+ --dt-theme-sidebar-color-foreground-unread-l: var(--dt-color-foreground-primary-l);
1730
+ --dt-theme-sidebar-color-foreground-unread-a: var(--dt-color-foreground-primary-a);
1731
+ --dt-theme-sidebar-color-foreground-unread-hsl: var(--dt-color-foreground-primary-hsl);
1732
+ --dt-theme-sidebar-color-foreground-unread-hsla: var(--dt-color-foreground-primary-hsla);
1733
+ --dt-theme-sidebar-color-foreground-unread: var(--dt-color-foreground-primary);
1853
1734
  --dt-theme-sidebar-color-foreground-h: var(--dt-color-foreground-secondary-h);
1854
1735
  --dt-theme-sidebar-color-foreground-s: var(--dt-color-foreground-secondary-s);
1855
1736
  --dt-theme-sidebar-color-foreground-l: var(--dt-color-foreground-secondary-l);
@@ -1857,6 +1738,34 @@
1857
1738
  --dt-theme-sidebar-color-foreground-hsl: var(--dt-color-foreground-secondary-hsl);
1858
1739
  --dt-theme-sidebar-color-foreground-hsla: var(--dt-color-foreground-secondary-hsla);
1859
1740
  --dt-theme-sidebar-color-foreground: var(--dt-color-foreground-secondary);
1741
+ --dt-theme-topbar-profile-color-background-active-h: 0;
1742
+ --dt-theme-topbar-profile-color-background-active-s: 0%;
1743
+ --dt-theme-topbar-profile-color-background-active-l: 11%;
1744
+ --dt-theme-topbar-profile-color-background-active-a: 14%;
1745
+ --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);
1746
+ --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%));
1747
+ --dt-theme-topbar-profile-color-background-active: hsl(0 0% 11% / 0.14);
1748
+ --dt-theme-topbar-profile-color-background-hover-h: 0;
1749
+ --dt-theme-topbar-profile-color-background-hover-s: 0%;
1750
+ --dt-theme-topbar-profile-color-background-hover-l: 11%;
1751
+ --dt-theme-topbar-profile-color-background-hover-a: 10%;
1752
+ --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);
1753
+ --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%));
1754
+ --dt-theme-topbar-profile-color-background-hover: hsl(0 0% 11% / 0.1);
1755
+ --dt-theme-topbar-profile-color-background-inverted-h: 0;
1756
+ --dt-theme-topbar-profile-color-background-inverted-s: 0%;
1757
+ --dt-theme-topbar-profile-color-background-inverted-l: 11%;
1758
+ --dt-theme-topbar-profile-color-background-inverted-a: 75%;
1759
+ --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);
1760
+ --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%));
1761
+ --dt-theme-topbar-profile-color-background-inverted: hsl(0 0% 11% / 0.75);
1762
+ --dt-theme-topbar-profile-color-background-h: 0;
1763
+ --dt-theme-topbar-profile-color-background-s: 0%;
1764
+ --dt-theme-topbar-profile-color-background-l: 11%;
1765
+ --dt-theme-topbar-profile-color-background-a: 5%;
1766
+ --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);
1767
+ --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%));
1768
+ --dt-theme-topbar-profile-color-background: hsl(0 0% 11% / 0.05);
1860
1769
  --dt-theme-topbar-profile-color-foreground-inverted-h: 0;
1861
1770
  --dt-theme-topbar-profile-color-foreground-inverted-s: 0%;
1862
1771
  --dt-theme-topbar-profile-color-foreground-inverted-l: 97.6%;
@@ -1864,13 +1773,90 @@
1864
1773
  --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);
1865
1774
  --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%));
1866
1775
  --dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 97.6% / 0.75);
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);
1776
+ --dt-theme-topbar-button-color-background-active-h: 0;
1777
+ --dt-theme-topbar-button-color-background-active-s: 0%;
1778
+ --dt-theme-topbar-button-color-background-active-l: 11%;
1779
+ --dt-theme-topbar-button-color-background-active-a: 10%;
1780
+ --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);
1781
+ --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%));
1782
+ --dt-theme-topbar-button-color-background-active: hsl(0 0% 11% / 0.1);
1783
+ --dt-theme-topbar-button-color-background-hover-h: 0;
1784
+ --dt-theme-topbar-button-color-background-hover-s: 0%;
1785
+ --dt-theme-topbar-button-color-background-hover-l: 11%;
1786
+ --dt-theme-topbar-button-color-background-hover-a: 5%;
1787
+ --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);
1788
+ --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%));
1789
+ --dt-theme-topbar-button-color-background-hover: hsl(0 0% 11% / 0.05);
1790
+ --dt-theme-topbar-button-color-background-h: 0;
1791
+ --dt-theme-topbar-button-color-background-s: 0%;
1792
+ --dt-theme-topbar-button-color-background-l: 11%;
1793
+ --dt-theme-topbar-button-color-background-a: 0%;
1794
+ --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);
1795
+ --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%));
1796
+ --dt-theme-topbar-button-color-background: hsl(0 0% 11% / 0);
1797
+ --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
1798
+ --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
1799
+ --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
1800
+ --dt-theme-topbar-button-color-foreground-hover-a: var(--dt-theme-color-base-a);
1801
+ --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-color-base-hsl);
1802
+ --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-theme-color-base-hsla);
1803
+ --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
1804
+ --dt-theme-topbar-button-color-foreground-h: 0;
1805
+ --dt-theme-topbar-button-color-foreground-s: 0%;
1806
+ --dt-theme-topbar-button-color-foreground-l: 11%;
1807
+ --dt-theme-topbar-button-color-foreground-a: 65%;
1808
+ --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);
1809
+ --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%));
1810
+ --dt-theme-topbar-button-color-foreground: hsl(0 0% 11% / 0.65);
1811
+ --dt-theme-topbar-field-color-border-active-h: 0;
1812
+ --dt-theme-topbar-field-color-border-active-s: 0%;
1813
+ --dt-theme-topbar-field-color-border-active-l: 11%;
1814
+ --dt-theme-topbar-field-color-border-active-a: 20%;
1815
+ --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);
1816
+ --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%));
1817
+ --dt-theme-topbar-field-color-border-active: hsl(0 0% 11% / 0.2);
1818
+ --dt-theme-topbar-field-color-border-hover-h: 0;
1819
+ --dt-theme-topbar-field-color-border-hover-s: 0%;
1820
+ --dt-theme-topbar-field-color-border-hover-l: 11%;
1821
+ --dt-theme-topbar-field-color-border-hover-a: 10%;
1822
+ --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);
1823
+ --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%));
1824
+ --dt-theme-topbar-field-color-border-hover: hsl(0 0% 11% / 0.1);
1825
+ --dt-theme-topbar-field-color-border-h: 0;
1826
+ --dt-theme-topbar-field-color-border-s: 0%;
1827
+ --dt-theme-topbar-field-color-border-l: 11%;
1828
+ --dt-theme-topbar-field-color-border-a: 0%;
1829
+ --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);
1830
+ --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%));
1831
+ --dt-theme-topbar-field-color-border: hsl(0 0% 11% / 0);
1832
+ --dt-theme-topbar-field-color-background-hover-h: 0;
1833
+ --dt-theme-topbar-field-color-background-hover-s: 0%;
1834
+ --dt-theme-topbar-field-color-background-hover-l: 100%;
1835
+ --dt-theme-topbar-field-color-background-hover-a: 100%;
1836
+ --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);
1837
+ --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%));
1838
+ --dt-theme-topbar-field-color-background-hover: hsl(0 0% 100%);
1839
+ --dt-theme-topbar-field-color-background-h: 0;
1840
+ --dt-theme-topbar-field-color-background-s: 0%;
1841
+ --dt-theme-topbar-field-color-background-l: 11%;
1842
+ --dt-theme-topbar-field-color-background-a: 5%;
1843
+ --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);
1844
+ --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%));
1845
+ --dt-theme-topbar-field-color-background: hsl(0 0% 11% / 0.05);
1846
+ --dt-theme-topbar-field-color-foreground-hover-h: 0;
1847
+ --dt-theme-topbar-field-color-foreground-hover-s: 0%;
1848
+ --dt-theme-topbar-field-color-foreground-hover-l: 11%;
1849
+ --dt-theme-topbar-field-color-foreground-hover-a: 75%;
1850
+ --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);
1851
+ --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%));
1852
+ --dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 11% / 0.75);
1853
+ --dt-theme-topbar-field-color-foreground-h: 0;
1854
+ --dt-theme-topbar-field-color-foreground-s: 0%;
1855
+ --dt-theme-topbar-field-color-foreground-l: 11%;
1856
+ --dt-theme-topbar-field-color-foreground-a: 50%;
1857
+ --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);
1858
+ --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%));
1859
+ --dt-theme-topbar-field-color-foreground: hsl(0 0% 11% / 0.5);
1874
1860
  --dt-theme-topbar-color-background-h: var(--dt-color-surface-secondary-h);
1875
1861
  --dt-theme-topbar-color-background-s: var(--dt-color-surface-secondary-s);
1876
1862
  --dt-theme-topbar-color-background-l: var(--dt-color-surface-secondary-l);
@@ -1878,6 +1864,13 @@
1878
1864
  --dt-theme-topbar-color-background-hsl: var(--dt-color-surface-secondary-hsl);
1879
1865
  --dt-theme-topbar-color-background-hsla: var(--dt-color-surface-secondary-hsla);
1880
1866
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
1867
+ --dt-theme-topbar-color-foreground-h: 0;
1868
+ --dt-theme-topbar-color-foreground-s: 0%;
1869
+ --dt-theme-topbar-color-foreground-l: 11%;
1870
+ --dt-theme-topbar-color-foreground-a: 80%;
1871
+ --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);
1872
+ --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%));
1873
+ --dt-theme-topbar-color-foreground: hsl(0 0% 11% / 0.8);
1881
1874
  --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1882
1875
  --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1883
1876
  --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
@@ -1962,13 +1955,6 @@
1962
1955
  --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
1963
1956
  --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
1964
1957
  --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);
1972
1958
  --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-link-primary-hover-h);
1973
1959
  --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-link-primary-hover-s);
1974
1960
  --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-link-primary-hover-l);
@@ -2131,20 +2117,6 @@
2131
2117
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
2132
2118
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
2133
2119
  --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. */
2148
2120
  --dt-color-link-disabled-inverted-hover-h: var(--dt-color-foreground-disabled-inverted-h);
2149
2121
  --dt-color-link-disabled-inverted-hover-s: var(--dt-color-foreground-disabled-inverted-s);
2150
2122
  --dt-color-link-disabled-inverted-hover-l: var(--dt-color-foreground-disabled-inverted-l);
@@ -2152,6 +2124,41 @@
2152
2124
  --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-foreground-disabled-inverted-hsl);
2153
2125
  --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-foreground-disabled-inverted-hsla);
2154
2126
  --dt-color-link-disabled-inverted-hover: var(--dt-color-foreground-disabled-inverted);
2127
+ --dt-color-link-success-inverted-hover-h: var(--dt-color-foreground-success-strong-inverted-h);
2128
+ --dt-color-link-success-inverted-hover-s: var(--dt-color-foreground-success-strong-inverted-s);
2129
+ --dt-color-link-success-inverted-hover-l: var(--dt-color-foreground-success-strong-inverted-l);
2130
+ --dt-color-link-success-inverted-hover-a: var(--dt-color-foreground-success-strong-inverted-a);
2131
+ --dt-color-link-success-inverted-hover-hsl: var(--dt-color-foreground-success-strong-inverted-hsl);
2132
+ --dt-color-link-success-inverted-hover-hsla: var(--dt-color-foreground-success-strong-inverted-hsla);
2133
+ --dt-color-link-success-inverted-hover: var(--dt-color-foreground-success-strong-inverted);
2134
+ --dt-color-link-critical-inverted-hover-h: var(--dt-color-foreground-critical-strong-inverted-h);
2135
+ --dt-color-link-critical-inverted-hover-s: var(--dt-color-foreground-critical-strong-inverted-s);
2136
+ --dt-color-link-critical-inverted-hover-l: var(--dt-color-foreground-critical-strong-inverted-l);
2137
+ --dt-color-link-critical-inverted-hover-a: var(--dt-color-foreground-critical-strong-inverted-a);
2138
+ --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-foreground-critical-strong-inverted-hsl);
2139
+ --dt-color-link-critical-inverted-hover-hsla: var(--dt-color-foreground-critical-strong-inverted-hsla);
2140
+ --dt-color-link-critical-inverted-hover: var(--dt-color-foreground-critical-strong-inverted);
2141
+ --dt-color-link-muted-hover-h: var(--dt-color-foreground-primary-h);
2142
+ --dt-color-link-muted-hover-s: var(--dt-color-foreground-primary-s);
2143
+ --dt-color-link-muted-hover-l: var(--dt-color-foreground-primary-l);
2144
+ --dt-color-link-muted-hover-a: var(--dt-color-foreground-primary-a);
2145
+ --dt-color-link-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
2146
+ --dt-color-link-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
2147
+ --dt-color-link-muted-hover: var(--dt-color-foreground-primary);
2148
+ --dt-color-link-success-hover-h: var(--dt-color-foreground-success-strong-h);
2149
+ --dt-color-link-success-hover-s: var(--dt-color-foreground-success-strong-s);
2150
+ --dt-color-link-success-hover-l: var(--dt-color-foreground-success-strong-l);
2151
+ --dt-color-link-success-hover-a: var(--dt-color-foreground-success-strong-a);
2152
+ --dt-color-link-success-hover-hsl: var(--dt-color-foreground-success-strong-hsl);
2153
+ --dt-color-link-success-hover-hsla: var(--dt-color-foreground-success-strong-hsla);
2154
+ --dt-color-link-success-hover: var(--dt-color-foreground-success-strong);
2155
+ --dt-color-link-critical-hover-h: var(--dt-color-foreground-critical-strong-h);
2156
+ --dt-color-link-critical-hover-s: var(--dt-color-foreground-critical-strong-s);
2157
+ --dt-color-link-critical-hover-l: var(--dt-color-foreground-critical-strong-l);
2158
+ --dt-color-link-critical-hover-a: var(--dt-color-foreground-critical-strong-a);
2159
+ --dt-color-link-critical-hover-hsl: var(--dt-color-foreground-critical-strong-hsl);
2160
+ --dt-color-link-critical-hover-hsla: var(--dt-color-foreground-critical-strong-hsla);
2161
+ --dt-color-link-critical-hover: var(--dt-color-foreground-critical-strong);
2155
2162
  --dt-color-link-disabled-inverted-h: var(--dt-color-foreground-disabled-inverted-h);
2156
2163
  --dt-color-link-disabled-inverted-s: var(--dt-color-foreground-disabled-inverted-s);
2157
2164
  --dt-color-link-disabled-inverted-l: var(--dt-color-foreground-disabled-inverted-l);
@@ -2173,13 +2180,6 @@
2173
2180
  --dt-color-link-warning-inverted-hsl: var(--dt-color-foreground-warning-inverted-hsl);
2174
2181
  --dt-color-link-warning-inverted-hsla: var(--dt-color-foreground-warning-inverted-hsla);
2175
2182
  --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);
2183
2183
  --dt-color-link-success-inverted-h: var(--dt-color-foreground-success-inverted-h);
2184
2184
  --dt-color-link-success-inverted-s: var(--dt-color-foreground-success-inverted-s);
2185
2185
  --dt-color-link-success-inverted-l: var(--dt-color-foreground-success-inverted-l);
@@ -2187,13 +2187,6 @@
2187
2187
  --dt-color-link-success-inverted-hsl: var(--dt-color-foreground-success-inverted-hsl);
2188
2188
  --dt-color-link-success-inverted-hsla: var(--dt-color-foreground-success-inverted-hsla);
2189
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);
2197
2190
  --dt-color-link-critical-inverted-h: var(--dt-color-foreground-critical-inverted-h);
2198
2191
  --dt-color-link-critical-inverted-s: var(--dt-color-foreground-critical-inverted-s);
2199
2192
  --dt-color-link-critical-inverted-l: var(--dt-color-foreground-critical-inverted-l);
@@ -2222,13 +2215,6 @@
2222
2215
  --dt-color-link-warning-hsl: var(--dt-color-foreground-warning-hsl);
2223
2216
  --dt-color-link-warning-hsla: var(--dt-color-foreground-warning-hsla);
2224
2217
  --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);
2232
2218
  --dt-color-link-success-h: var(--dt-color-foreground-success-h);
2233
2219
  --dt-color-link-success-s: var(--dt-color-foreground-success-s);
2234
2220
  --dt-color-link-success-l: var(--dt-color-foreground-success-l);
@@ -2236,13 +2222,6 @@
2236
2222
  --dt-color-link-success-hsl: var(--dt-color-foreground-success-hsl);
2237
2223
  --dt-color-link-success-hsla: var(--dt-color-foreground-success-hsla);
2238
2224
  --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);
2246
2225
  --dt-color-link-critical-h: var(--dt-color-foreground-critical-h);
2247
2226
  --dt-color-link-critical-s: var(--dt-color-foreground-critical-s);
2248
2227
  --dt-color-link-critical-l: var(--dt-color-foreground-critical-l);
@@ -2265,6 +2244,13 @@
2265
2244
  --dt-theme-sidebar-color-background-hsl: var(--dt-theme-topbar-color-background-hsl);
2266
2245
  --dt-theme-sidebar-color-background-hsla: var(--dt-theme-topbar-color-background-hsla);
2267
2246
  --dt-theme-sidebar-color-background: var(--dt-theme-topbar-color-background);
2247
+ --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
2248
+ --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
2249
+ --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
2250
+ --dt-theme-topbar-profile-color-foreground-a: var(--dt-theme-topbar-color-foreground-a);
2251
+ --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
2252
+ --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
2253
+ --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
2268
2254
  --dt-action-color-background-positive-active-h: 85.1;
2269
2255
  --dt-action-color-background-positive-active-s: 100%;
2270
2256
  --dt-action-color-background-positive-active-l: 58.20000000000001%;
@@ -2307,13 +2293,13 @@
2307
2293
  --dt-action-color-foreground-positive-default-hsl: var(--dt-color-link-success-hsl);
2308
2294
  --dt-action-color-foreground-positive-default-hsla: var(--dt-color-link-success-hsla);
2309
2295
  --dt-action-color-foreground-positive-default: var(--dt-color-link-success);
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);
2296
+ --dt-action-color-foreground-muted-hover-h: var(--dt-color-link-muted-hover-h);
2297
+ --dt-action-color-foreground-muted-hover-s: var(--dt-color-link-muted-hover-s);
2298
+ --dt-action-color-foreground-muted-hover-l: var(--dt-color-link-muted-hover-l);
2299
+ --dt-action-color-foreground-muted-hover-a: var(--dt-color-link-muted-hover-a);
2300
+ --dt-action-color-foreground-muted-hover-hsl: var(--dt-color-link-muted-hover-hsl);
2301
+ --dt-action-color-foreground-muted-hover-hsla: var(--dt-color-link-muted-hover-hsla);
2302
+ --dt-action-color-foreground-muted-hover: var(--dt-color-link-muted-hover);
2317
2303
  --dt-action-color-foreground-muted-default-h: var(--dt-color-link-muted-h);
2318
2304
  --dt-action-color-foreground-muted-default-s: var(--dt-color-link-muted-s);
2319
2305
  --dt-action-color-foreground-muted-default-l: var(--dt-color-link-muted-l);
@@ -2421,6 +2407,13 @@
2421
2407
  --dt-action-color-foreground-positive-active-hsl: var(--dt-action-color-foreground-positive-hover-hsl);
2422
2408
  --dt-action-color-foreground-positive-active-hsla: var(--dt-action-color-foreground-positive-hover-hsla);
2423
2409
  --dt-action-color-foreground-positive-active: var(--dt-action-color-foreground-positive-hover);
2410
+ --dt-action-color-foreground-muted-active-h: var(--dt-action-color-foreground-muted-hover-h);
2411
+ --dt-action-color-foreground-muted-active-s: var(--dt-action-color-foreground-muted-hover-s);
2412
+ --dt-action-color-foreground-muted-active-l: var(--dt-action-color-foreground-muted-hover-l);
2413
+ --dt-action-color-foreground-muted-active-a: var(--dt-action-color-foreground-muted-hover-a);
2414
+ --dt-action-color-foreground-muted-active-hsl: var(--dt-action-color-foreground-muted-hover-hsl);
2415
+ --dt-action-color-foreground-muted-active-hsla: var(--dt-action-color-foreground-muted-hover-hsla);
2416
+ --dt-action-color-foreground-muted-active: var(--dt-action-color-foreground-muted-hover);
2424
2417
  --dt-action-color-foreground-inverted-active-h: var(--dt-action-color-foreground-inverted-hover-h);
2425
2418
  --dt-action-color-foreground-inverted-active-s: var(--dt-action-color-foreground-inverted-hover-s);
2426
2419
  --dt-action-color-foreground-inverted-active-l: var(--dt-action-color-foreground-inverted-hover-l);